body {
background:url(img/fond.jpg) top left repeat;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#conteneur {
width:960px;
margin:0 auto 0 auto;
position: relative;
min-height:100%;
border:1px solid #aaaaaa;
background:url('img/menu_repeat.png') top left repeat-y;
}

#bandeau{
width:960px;
height:178px;
background-image:url(img/bandeau.png);
background-position:top left;
background-repeat:no-repeat;
}

a{
outline:none;
}

.activLink{
padding-top:12px;
padding-right:13px;
background-image:url(img/onde.png);
background-position:right top;
background-repeat:no-repeat;
}



/************************ CENTRE ************************/
#centre{
width:700px;
padding-left:190px;
padding-top:30px;
height:100%;
background:inherit;
}

#centre_index{
width:560px;
padding-left:190px;
height:100%;
}

*+html #centre{
/**** Ce code n'est lu que par IE7 ****/
padding-left:0px;
margin-top:20px;
}
 
*+html #centre_index{
padding-left:0px;
padding-top:60px;
width:470px;
}

#centre h1, #centre_index h1{
background:url(img/souligne_h1.png) bottom left no-repeat;
font-size:17pt;
font-weight:lighter;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin-left:60px;
margin-top:30px;
padding-left:10px;
padding-bottom:5px;
}

#centre p, #centre_index p{
text-indent:30px;
margin-top:20px;
margin-left:20px;
padding-right:10px;
margin-bottom:0px;
font-size:10.5pt;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

a{
text-decoration:none;
color:#4A78A3;
}

a:hover{
text-decoration:underline;
}


/************************ GAUCHE ************************/

#gauche{
float:left;
margin-top:-2px;
width:183px;
min-height:400px;
background:url(img/menu.png) top left no-repeat;
padding-bottom:30px;
}

/************************ DROITE ************************/

#droite, #droite_accueil{
float:right;
width:306px;
min-height:99px;
background:url('img/bloc_droite.png') no-repeat top right;
/* margin-top:-2px;
 */padding:0px;
left:654px;
}

*+html #droite{
position:absolute;
}

#droite ul, #droite_accueil ul{
padding-left:100px;
text-align:center;
}

#droite li, #droite_accueil li{
padding-top:10px;
}

#droite ul li a, #droite_accueil ul li a{
color:#ffffff;
font-size:13px;
}

.bouton_ok{
margin-top:0px;
background-color:#8fc1e1;
border-color:#669bbd;
color:#ffffff;
font-family:arial;
font-size:8px;
}

.bouton_envoyer{
margin-top:0px;
background-color:#8fc1e1;
border-color:#669bbd;
color:#ffffff;
font-family:arial;
font-size:11px;
}



.recherche{
font-family:arial;
font-size:9px;
}

input.recherche{
width:83px;
}

select.recherche{
width:110px;
margin-left:60px;
}

/************************ NEWS ************************/

.news .agenda{
text-indent:0px;
padding-bottom:10px;
border-bottom:1px dashed #ffffff;
}

.titre_news{
text-align:center;
font-size:13px;
padding-top:20px;
padding-left:10px;
margin:20px 0 0 110px;
}

.news{
border:1px solid #ffffff;
background:#72a4c5 url(img/news.png) top left no-repeat;
width:155px;
height:100%;
margin:0px auto 0 130px;
padding:0 5px 0 5px;
text-align:left;
font-size:9pt;
}

.lien_news_agenda{
margin-left:90px;
text-decoration:none;
color:#40539c;
font-size:8pt;
}

.lien_news_article{
margin-left:70px; 
line-height:20px;
text-decoration:none;
color:#40539c;
font-size:8pt;
}

*+html .menu_droite{
margin-top:-20px;
}

#droite .menu_droite a, #droite_accueil .menu_droite a{
color:#333333;
text-decoration:none;
}

#droite .menu_droite a:hover, #droite_accueil .menu_droite a:hover{
border-width:0px 0px 1px 0px;
border-color:#ffffff;
border-style:solid;
}


/************************ MENU ************************/


dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

#menu dt{
display:list-item;
margin-top:20px;
margin-left:10px;
font-family:Verdana, Bitstream Vera Serif, Arial;
font-size:10pt;
cursor:pointer;
list-style-position:inside;
list-style-image:url('img/puce_menu.png');
}

#menu  a {
text-decoration:none;
margin-left:5px;
}

.activeLink {
background:url('img/onde.png') no-repeat right center;
}


#menu a:hover{
border-width:0px 0px 1px 0px;
border-color:#ffffff;
border-style:solid;
}

#menu li a{
margin-left:0px;
line-height:17px;
}

#menu li a:hover{
border-width:0px 0px 1px 0px;
border-color:#40539c;
border-style:solid;
}

#menu a{
text-decoration:none;
color:#000000;
}

#menu ul{
margin-left:15px;
}

#menu li{
margin-top:7px;
text-align:left;
margin-left:35px;
font-size:9pt;
font-family:Verdana, Bitstream Vera Serif, Arial;
}




/************************ FOOTER ************************/

#footer {
clear:both;
width:100%;
height:48px;
line-height:5.2em;
text-align:center;
font-size:10pt;
font-family:Verdana, Bitstream Vera Serif, Arial;
background-image:url('img/footer.png')/* no-repeat top left*/;

}

.footer_contenu{
font-size:11px;
margin:0;
}



/************************ CONTACT ************************/


.contact{
width:300px;
padding-bottom:25px;
}

.contact span{
text-indent:0px;
}


.contact span.contact_droite{
float:right;
font-size:10pt;
}

.contact span.contact_gauche{
float:left;
}
.eles_formu {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #333;
	padding-top: 8px;
}


.adresse{
display:block;
overflow:hidden;
margin-left:70px;
}

.form_contact{
margin-top:30px;
margin-left:80px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.asterisque{
margin-left:0px;
font-size:9pt;
}



/************************ IDENTIFICATION ************************/

.membre{
display:block;
margin-left:20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11pt;
line-height:40px;
}

.membre li{
display:list-item;
list-style-position:inside;
list-style-type:disc ;
}

.membre_log{
padding-top:70px;
}


/************************ AFFICHAGE DES MEMBRES ************************/

.nom{
text-transform:capitalize;
}


.aff_membre{
padding-top:5px;
padding-bottom:5px;
text-indent:0px;
display:block;
overflow:hidden;
border-bottom:1px dotted #888888;
padding-top:5px;
padding-bottom:5px;
margin-left:10px;
margin-bottom:10px;
}

.txt{
padding-left:30px;
text-indent:0px;
line-height:20px;
float:left;
}

.img img{
float:right;
width:100px;
padding-right:70px;
}

/************************ LIENS UTILES ************************/

h2 {
margin-top:50px;
margin-left:50px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13pt;
font-weight:normal;
}

#centre .lien {
text-indent:0px;
padding-left:50px;
}

/************************ AGENDA ************************/

#centre .agenda{
text-indent:0px;
padding-bottom:20px;
border-bottom:1px dashed #777777;
}

.desc_agenda{
display:block;
padding-top:10px;
padding-left:15px;
}

.archive{
text-align:right;
}

.archive a{
font-size:9pt;
}

.img_agenda img{
float:right;
margin:30px 20px 20px 20px;
width:250px;
}

/************************ RECHERCHE ************************/

span.nomauteur{
font-size: large;
font-weight: bold;
}

.titre a{
text-decoration: underline;
margin-left:11px;
color:#336699;
}


/************************ BIBLIO ************************/

.descriptionarticle{
font-style: italic;
font-size: small;
margin-left:70px;
line-height:20px;
}

#langue{
text-align:right;
}

.lien_retour{
font-size:9pt;
margin-left:500px;
}


/************************ GALERIE PHOTO ************************/

.ensphotos{
display:block;
width:300px;
height:auto;
margin-left:30px;
}


.titrephoto{
font-weight: bold;
font-size: large;
}

#grandphoto{
text-align:center;
border: 1px rgb(131,131,131) dotted;
padding:2%;
background-color: #e0e0e0;
}

.miniature{
text-align:center;
border: 1px rgb(131,131,131) dotted;
padding-top:1%;
padding-bottom:1%;
background-color: #e0e0e0;
}

#grandphoto img, .miniature img{
border: 1px solid black;
}

.lien a{
text-decoration: underline;
margin-left:11px;
color:#336699;
}

span.nomauteur{
font-size: large;
font-weight: bold;
}

/************************ GALERIE VIDEO ************************/


#centre .video{
cursor:pointer;
}
.eles_blanc {
	background-color: #FFF;
}
#modifie {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
}


.desc_video{
line-height:30px;
margin-left:50px;
}
.table_form {
	font-size: 12px;
}
#centre img {
	margin-right: 10px;
}