body {

font-family:Verdana, Arial, Helvetica, sans-serif;

}



body, h1, h2, h3, ul, li , div, span, p, table, img   {

margin:0px;

padding:0px;



}







h1 {

font-size:17px;

font-family:Verdana, Arial, Helvetica, sans-serif;

color:#FFFFFF;

font-weight:normal;

}









#conteneur {

950px;

margin-left:auto;

margin-right:auto;

position:relative;}



/* bandeau _______________________________________________________________________________________________________________________*/



#bandeau {

background:url(../images/background_top.gif) repeat-x;

height:178px;

}



#contenu_bandeau {

background:url(../images/background_bandeau.jpg) no-repeat;

height:178px;

width:932px;

margin-left:auto;

margin-right:auto;

padding-left:30px;

position:relative;

}



h1.fede {

margin:38px 0 0 300px;

float:left;

width:400px;

font-size:22px;

}



h1.petith1 {

margin:10px 0 0 300px;

float:left;

}



#membre {

width:110px;

height:70px;

float:left;

margin:-80px 0 0 780px;

font-size:13px;

font-family:Verdana, Arial, Helvetica, sans-serif;

color:#FFFFFF;

font-weight:bold;

}



a.cliquez{

display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */

background:url(../images/bt_cliquez_ici.png) no-repeat 0 0 ; 

height:32px;

width:128px;

float:left;

margin-top:0;

} 



a.acces_m{

display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */

background: url(../images/accesmembre.png) no-repeat 0 0 ; 

height:32px;

width:128px;

float:left;

} 



a.cliquez_bis{

display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */

background:url(../images/bt_cliquez_ici.png) no-repeat 0 0 ; 

height:32px;

width:128px;

float:left;

margin:15px 0 0 110px;

} 



a:hover.cliquez , a:hover.cliquez_bis{

background:url(../images/bt_cliquez_ici.png) no-repeat 0 -32px;

} 



#contenu_bandeau ul {

float:left;

width:900px;

height:33px;

margin-top:29px;

}



#contenu_bandeau ul li {

display:inline;

width:94px;

height:28px;

}



#contenu_bandeau ul a {

display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */

width: 84px ;

height:33px;

text-decoration: none ;

float:left;

background:url(../images/bt_menu.png) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */

padding:5px 0 0 10px;

}



#contenu_bandeau ul a:hover{

background: url(../images/bt_menu.png) no-repeat 0 -33px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */

}



#contenu_bandeau ul li a{

width:90px;

height:28px;

text-decoration:none;

font-size:10px;

font-weight:bold;

color:#fff;

}



a.bt_barre_menu{

color:#fff;}





/* fin bandeau _______________________________________________________________________________________________________________________*/





/* page _______________________________________________________________________________________________________________________*/

#page {

background:url(../images/background_ht_contenu.jpg) no-repeat;

width:962px;

margin-left:auto;

margin-right:auto;

padding-top:15px;

height:360px;

}



#gauche {

width:312px;

height:383px;

float:left;

background:none;

}



h2 {

margin:0 0 7px 30px;

}



p {

font-size:10px;

color: #666666;

width:275px;

text-align:justify;

margin-bottom:10px;

}



#gauche p {

padding-left:26px;

margin-left:7px;
line-height:14px;

}



#gauche p a {

margin:15px 0 0 65px;

}



p.fond {

background:url(../images/background_bottom.gif) bottom left no-repeat;

height:70px;

}



.anim_accueil {

float:left;

width:320px;

height:356px;

margin:-10px 0 0 8px;

}



#droite {

float:left;

margin-left:0px;

width:320px;

}



#droite h2 {

background:url(../images/h2_background.gif) no-repeat;

font-size:12px;

color:#6f0000;

font-weight:bold;

width:264px;

height:30px;

padding:24px 0 0 30px;

margin-left:0px;

}



#photo {

float:left;

background:url(../images/ombre_photo.gif) no-repeat;

width:65px;

height:63px;

margin-left:0px;

padding:7px 0 0 0px;

}



h3 a {

font-size:12px;

color:#980000;

font-weight:bold;

float:left;

width:195px;

text-decoration:none;

}



h3 a:over {

text-decoration:underline;

}



#droite p.en_ce_moment {

width:270px;

height:43px;

text-align:justify;

margin-bottom:40px;

}



#droite p a.savoir{

float:right;

margin-top:0px;

}



#contacts {

width:290px;

height:100px;

border-bottom:dotted 1px #a11414;

margin-left:0px;

float:left;

}



p.titre {

font-size:13px;

margin-top:0px;

}



ul.chris {

width:280px;

float:left;

margin:0 15px 15px 0;

}



ul.chris li.detail, ul.chris li.detail a {

list-style-type:none;

color:#a11414;

font-size:10px;

}



li.name {

color:#c7c0a8;

font-size:11px;

font-weight:bold;

list-style-type:none;

}



contact a {

float:left;

margin:0px;

padding:0px;

width:120px;

}



p.plus {

color:#a11414;

font-size:9px;

font-weight:bold;

width:150px;

height:15px;

margin:20px 0 0 0px;

}





/* fin page _______________________________________________________________________________________________________________________*/



/* footer _______________________________________________________________________________________________________________________*/



#footer {

background:url(../images/background_evenement_rep.png) repeat-x;

height:148px;

width:100%;

}



#contenu_footer {

background:url(../images/background_evenement.png) no-repeat;

height:178px;

width:948px;

margin-left:auto;

margin-right:auto;

}



.titre_even {

margin:10px 0 0 50px;



}



#contenu_footer ul {

height:48px;

width:607px;

margin-left:343px;

}



#contenu_footer ul li.date {

list-style-type:none;

background:url(../images/picto_calendrier.png) no-repeat;

padding-left:22px;

float:left;

margin-right:18px;

width: 250px;

}



#contenu_footer ul li.date a {

font-size:11px;

color:#FFFFFF;

text-decoration:none;

}



#contenu_footer ul li.date a:hover {

text-decoration:underline;

}



#contenu_footer ul li.date a span {

font-weight:bold;

}



p.mentions {

width:938px;

margin:10px 0 15px 0;



}



p.copyright, p.realise {

width:460px;

color:#796d6d;

float:left;

}



p.realise{

margin-left:326px;

width:160px;

}





p.realise a {

color:#660000;

text-decoration:none;

font-weight:bold;

}



p.realise a:hover {

color:#796d6d;

text-decoration:underline;

}







/* fin footer _______________________________________________________________________________________________________________________*/