body {
font-family : Arial, Helvetica, sans-serif;
background-color : #5d6aa8;
}
A IMG {
border : none;
}
.conteneur {
position : absolute;
left : 50%;
top : 0;
height : 900px;
width : 900px;
margin-left : -450px;
background-color : #ffffff;
border-style : solid;
border-color : #ffffff;
border-width : 1px;
}
.bandeau {
position : absolute;
left : 0;
top : 0;
width : 900px;
height : 94px;
background-color : #ffffff;
}
.menu {
position : absolute;
left : 0;
top : 100px;
width : 900px;
height : 21px;
border-bottom-style : solid;
border-bottom-color : #f3e15a;
border-bottom-width : 3px;
}
.centre_accueil {
position : absolute;
left : 317px;
top : 124px;
width : 583px;
height : 745px;
}
.actu {
position : absolute;
left : 22px;
top : 297px;
width : 257px;
height : 220px;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #000000;
}
.actu a {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #000000;
font-style : italic;
}
.actu a:hover {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #ffffff;
font-style : italic;
}
.titre_enbref {
position : absolute;
left : 0;
top : 0;
font-family : Arial, Helvetica, sans-serif;
font-size : 14px;
color : #5c69a6;
font-weight : bold;
}
.en_bref {
position : absolute;
left : 0;
top : 20px;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #000000;
}
.titre_evenement {
position : absolute;
left : 0;
top : 70px;
font-family : Arial, Helvetica, sans-serif;
font-size : 14px;
color : #5c69a6;
font-weight : bold;
}
.evenement {
position : absolute;
left : 0;
top : 90px;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #000000;
}
.titre_info {
position : absolute;
left : 0;
top : 140px;
font-family : Arial, Helvetica, sans-serif;
font-size : 14px;
color : #5c69a6;
font-weight : bold;
}
.info {
position : absolute;
left : 0;
top : 160px;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #000000;
}
.permanence {
position : absolute;
left : 307px;
top : 280px;
width : 237px;
height : 100px;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #000000;
}
.permanence a {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #000000;
font-style : italic;
}
.permanence a:hover {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #ffffff;
font-style : italic;
}
.droits {
position : absolute;
left : 307px;
top : 450px;
width : 237px;
height : 100px;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #000000;
}
.droits a {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #000000;
font-style : italic;
}
.droits a:hover {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #ffffff;
font-style : italic;
}
.documentation {
position : absolute;
left : 307px;
top : 621px;
width : 237px;
height : 100px;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #000000;
}
.documentation a {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #000000;
font-style : italic;
}
.documentation a:hover {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #ffffff;
font-style : italic;
}
.television {
position : absolute;
left : 22px;
top : 580px;
width : 260px;
height : 100px;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #000000;
}
.television a {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #000000;
font-style : italic;
}
.television a:hover {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #ffffff;
font-style : italic;
}
.notre_role {
position : absolute;
left : 0;
top : 124px;
width : 317px;
height : 232px;
background-color : #5d6aa8;
}
.notre_role_image{
position : absolute;
left : 0px;
top : 40px;
width : 297px;
height : 200px;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #ffffff;
line-height:15px;
}
.notre_role_texte {
position : absolute;
left : 10px;
top : 70px;
width : 297px;
height : 200px;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #ffffff;
line-height:16px;
}
.pour_qui {
position : absolute;
left : 0;
top : 351px;
width : 317px;
height : 300px;
background-color : #ffffff;
}
.pour_qui_texte {
position : absolute;
left : 10px;
top : 34px;
width : 297px;
height : 200px;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #000000;
line-height:16px;
}
.pour_quoi {
position : absolute;
left : 0;
top : 600px;
width : 317px;
height : 232px;
background-color : #ffffff;


}
li{
margin:0px;padding: 0;
}
ul{
margin:0px;padding: 0;
}
.pour_quoi_texte {
position : absolute;
left : 20px;
top : 34px;
width : 297px;
height : 200px;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #000000;
line-height:16px;
}
.acces {
position : absolute;
left : 7px;
top : 741px;
width : 302px;
height : 122px;
background-color : #ffffff;
background-image : url(images/acces.jpg);
background-repeat : no-repeat;
}
.acces_form {
margin-left : 8px;
margin-top : 32px;
}
.acces_form_valide {
margin-left : 215px;
}
.error {
position : absolute;
left : 17px;
top : 97px;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #ff0000;
font-weight : bold;
}
.trait_bas {
position : absolute;
left : 0;
top : 869px;
width : 900px;
height : 1px;
background-color : #5d6aa8;
}
.compteur{
position : absolute;
left : 64px;
top : 870px;
}
.footer {
position : absolute;
left : 200px;
top : 876px;
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
color : #5d6aa8;
background-color : #ffffff;
}
.footer a {
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
color : #5d6aa8;
text-decoration : none;
}
.footer a:hover {
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
color : #5d6aa8;
text-decoration : underline;
}
.actu_centre {
position : absolute;
left : 0;
top : 124px;
width : 900px;
height : 297px;
}
.perm_centre {
position : absolute;
left : 0;
top : 124px;
width : 900px;

}
.actu_centre_repeat {
position : absolute;
left : 0;
top : 421px;
width : 900px;
height : 400px;
background-image : url(images/actu_centre_repeat.jpg);
background-repeat : repeat-y;
}
.actu_centre_bas {
position : absolute;
left : 0;
top : 820px;
width : 900px;
height : 53px;
background-image : url(images/actu_centre_bas.jpg);
background-repeat : no-repeat;
}
.actu_menu {
position : absolute;
left : 85px;
top : 20px;
width : 200px;
height : 150px;
z-index : 1000;
font-family : Arial, Helvetica, sans-serif;
font-size : 22px;
color : #f3df34;
text-align : right;
line-height : 2;
}
.actu_menu a {
z-index : 1000;
font-family : Arial, Helvetica, sans-serif;
font-size : 18px;
color : #ffffff;
text-decoration : none;
}
.actu_menu a:hover {
z-index : 1000;
font-family : Arial, Helvetica, sans-serif;
font-size : 18px;
color : #f3df34;
text-decoration : none;
}
.perm_archive {
position : absolute;
left : 18px;
top : 290px;
width : 277px;
height : 528px;
z-index : 1000;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #ffffff;
text-align : left;
overflow : auto;
text-decoration : none;
}
.actu_archive {
position : absolute;
left : 15px;
top : 330px;
width : 286px;
padding-right:5px;
height : 528px;
z-index : 1000;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #f3df34;
text-align : left;
overflow : auto;
text-decoration : none;

}
.actu_archive a {
z-index : 1000;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #ffffff;
text-align : right;
overflow : auto;
text-decoration : underline;
}
.actu_archive a:hover {
z-index : 1000;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #f3df34;
text-align : right;
overflow : auto;
text-decoration : none;
}
.droit_archive {
position : absolute;
left : 15px;
top : 250px;
width : 286px;
padding-right:5px;
height : 610px;
z-index : 1000;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #f3df34;
text-align : left;
overflow : auto;
text-decoration : none;

}
.droit_archive a {
z-index : 1000;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #ffffff;
text-align : right;
overflow : auto;
text-decoration : underline;
}
.droit_archive a:hover {
z-index : 1000;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #f3df34;
text-align : right;
overflow : auto;
text-decoration : none;
}
.actu_contenu {
position : absolute;
left : 340px;
top : 181px;
width : 530px;
height : 654px;
z-index : 1010;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #000000;
text-align : justify;
padding-right : 10px;
overflow : auto;
text-decoration : none;
}
.actu_contenu a{

font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #000000;

}
.actu_contenu a:hover{

font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #000000;
text-decoration : none;
}
.actu_titre_contenu {
font-family : Arial, Helvetica, sans-serif;
font-size : 18px;
color : #000000;
font-weight : bold;
}
.tv_centre {
position : absolute;
left : 0;
top : 124px;
width : 900px;
height : 746px;
}
.tv_deroulant {
position : absolute;
left : 25px;
top : 302px;
width : 267px;
height : 100px;
z-index : 5000;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #ffffff;
}
.tv_deroulant a {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #ffffff;
}
.tv_deroulant a:hover {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #f3df34;
}
.tv_deroul1 {
position : absolute;
left : 0;
top : 23px;
}
.tv_deroul2 {
position : absolute;
left : 0;
top : 70px;
}
.champs {
width : 260px;
}
.tv_archive {
position : absolute;
left : 15px;
top : 430px;
width : 286px;
padding-right:5px;
height : 428px;
z-index : 1000;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #f3df34;
text-align : right;
overflow : auto;
text-decoration : none;
}
.tv_archive a {
z-index : 1000;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #ffffff;
text-align : right;
overflow : auto;
text-decoration : underline;
}
.tv_archive a:hover {
z-index : 1000;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #f3df34;
text-align : right;
overflow : auto;
text-decoration : none;
}
.tv_contenu {
position : absolute;
left : 336px;
top : 163px;
width : 530px;
height : 200px;
z-index : 1010;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #000000;
text-align : justify;
padding-right : 10px;
overflow : auto;
text-decoration : none;
}
.tv_contenu_video {
position : absolute;
left : 550px;
top : 407px;
width : 330px;
height : 250px;
z-index : 1010;
}

.tv_contenu_video169 {
position : absolute;
left : 530px;
top : 437px;
width : 330px;
height : 250px;
z-index : 1010;
}


.tv_contenu_avenir{
position : absolute;
left : 335px;
top : 387px;
width : 520px;
height : 250px;
z-index : 1010;
overflow : auto;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #000000;

}
.tv_contenu_texte {
position : absolute;
left : 337px;
top : 402px;
width : 209px;
height : 251px;
z-index : 1010;
overflow : auto;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #000000;
text-align : left;
}
.tv_contenu_texte_titre {
font-family : Arial, Helvetica, sans-serif;
font-size : 18px;
color : #000000;
font-weight : bold;
}
.titre_tv_contenu {
font-family : Arial, Helvetica, sans-serif;
font-size : 18px;
color : #5b68a6;
font-weight : bold;
}
.bouton_accueil {
position : absolute;
left : 20px;
top : 0;
width : 102px;
height : 21px;
background-image : url(images/bouton_accueil.jpg);
background-repeat : no-repeat;
}
.bouton_accueil a {
position : absolute;
left : 0;
top : 0;
width : 102px;
height : 21px;
background-image : url(images/bouton_accueil_hover.jpg);
background-repeat : no-repeat;
}
.bouton_accueil a:hover {
position : absolute;
left : 0;
top : 0;
width : 102px;
height : 21px;
background-image : url(images/bouton_accueil.jpg);
background-repeat : no-repeat;
}
.bouton_actu {
position : absolute;
left : 200px;
top : 0;
width : 102px;
height : 21px;
background-image : url(images/bouton_actu.jpg);
background-repeat : no-repeat;
}
.bouton_actu a {
position : absolute;
left : 0;
top : 0;
width : 102px;
height : 21px;
background-image : url(images/bouton_actu_hover.jpg);
background-repeat : no-repeat;
}
.bouton_actu a:hover {
position : absolute;
left : 0;
top : 0;
width : 102px;
height : 21px;
background-image : url(images/bouton_actu.jpg);
background-repeat : no-repeat;
}
.bouton_tv {
position : absolute;
left : 308px;
top : 0;
width : 102px;
height : 21px;
background-image : url(images/bouton_tv.jpg);
background-repeat : no-repeat;
}
.bouton_tv a {
position : absolute;
left : 0;
top : 0;
width : 102px;
height : 21px;
background-image : url(images/bouton_tv_hover.jpg);
background-repeat : no-repeat;
}
.bouton_tv a:hover {
position : absolute;
left : 0;
top : 0;
width : 102px;
height : 21px;
background-image : url(images/bouton_tv.jpg);
background-repeat : no-repeat;
}
.bouton_perm {
position : absolute;
left : 416px;
top : 0;
width : 102px;
height : 21px;
background-image : url(images/bouton_perm.jpg);
background-repeat : no-repeat;
}
.bouton_perm a {
position : absolute;
left : 0;
top : 0;
width : 102px;
height : 21px;
background-image : url(images/bouton_perm_hover.jpg);
background-repeat : no-repeat;
}
.bouton_perm a:hover {
position : absolute;
left : 0;
top : 0;
width : 102px;
height : 21px;
background-image : url(images/bouton_perm.jpg);
background-repeat : no-repeat;
}
.bouton_droits {
position : absolute;
left : 524px;
top : 0;
width : 102px;
height : 21px;
background-image : url(images/bouton_droits.jpg);
background-repeat : no-repeat;
}
.bouton_droits a {
position : absolute;
left : 0;
top : 0;
width : 102px;
height : 21px;
background-image : url(images/bouton_droits_hover.jpg);
background-repeat : no-repeat;
}
.bouton_droits a:hover {
position : absolute;
left : 0;
top : 0;
width : 102px;
height : 21px;
background-image : url(images/bouton_droits.jpg);
background-repeat : no-repeat;
}
.bouton_doc {
position : absolute;
left : 630px;
top : 0;
width : 102px;
height : 21px;
background-image : url(images/bouton_doc.jpg);
background-repeat : no-repeat;
}
.bouton_doc a {
position : absolute;
left : 0;
top : 0;
width : 102px;
height : 21px;
background-image : url(images/bouton_doc_hover.jpg);
background-repeat : no-repeat;
}
.bouton_doc a:hover {
position : absolute;
left : 0;
top : 0;
width : 102px;
height : 21px;
background-image : url(images/bouton_doc.jpg);
background-repeat : no-repeat;
}
.bouton_liens {
position : absolute;
left : 738px;
top : 0;
width : 102px;
height : 21px;
background-image : url(images/bouton_liens.jpg);
background-repeat : no-repeat;
}
.bouton_liens a {
position : absolute;
left : 0;
top : 0;
width : 102px;
height : 21px;
background-image : url(images/bouton_liens_hover.jpg);
background-repeat : no-repeat;
}
.bouton_liens a:hover {
position : absolute;
left : 0;
top : 0;
width : 102px;
height : 21px;
background-image : url(images/bouton_liens.jpg);
background-repeat : no-repeat;
}


.perm_titre{
		font-family : Arial, Helvetica, sans-serif;
font-size : 18px;
color : #000000;
font-weight : bold;
}
.asso{
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #000000;
}
.asso a{
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #000000;
}
.asso a:hover{
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #404A78;
}
.dep_perm{
		font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #000000;
}
.dep_perm a{
		font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #000000;
}
.dep_perm a:hover{
		font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #404A78;
}
.retour{
		font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
color : #000000;
}
.retour a{
		font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
color : #000000;
}
.retour a:hover{
		font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
color : #404A78;
}








.asso_archive {
position : absolute;
left : 15px;
top : 250px;
width : 280px;
padding-right:5px;
height : 610px;
z-index : 1000;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #f3df34;
text-align : right;
overflow : auto;
text-decoration : none;

}
.asso_archive a {
z-index : 1000;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #ffffff;
text-align : right;
overflow : auto;
text-decoration : underline;
}
.asso_archive a:hover {
z-index : 1000;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #f3df34;
text-align : right;
overflow : auto;
text-decoration : none;
}
.form_gc{
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;

}

.boutonValidecont{
margin-left:200px;
}

.contact_bouton2{

margin-left:144px;
color:#000000;
}

.titreliens{
font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #2e3145;
}