html, body {
height: 100%
}

body {
margin: 0;
padding: 0;
text-align : center;
background : #F5F5F5 ;
font-family : arial ; 
font-size : 0.7em ; 
color : #626262 ; 
}

/* SITE 
  *******************************************************/

#site {
background :#FFF url(images/bg-all.gif) repeat-y;
text-align : left;
width : 754px ;
margin : 0 auto ;
height : auto ; 
min-height : 100%;
}


/* MAIN
  *******************************************************/

#main {
margin-left : 13px ; 
background :#FFF   ;
width : 728px
 }
 
#centre-gris{ /* pour l'annuaire */
margin-left : 13px ; 
background :#FFF url(images/bgcont.gif)  ;
width : 728px
 }


/* HAUT
  *******************************************************/

#header {
border-top : 1px solid #fff ; 
position : relative ; 
height : 181px ;
background : url(images/header.jpg);
}




#header h1 a{
display : block ; 
width : 134px ;
height : 62px ; 
background :  url(images/titre.jpg) ; 
position : absolute ; 
top : 40px ; 
left : 21px ; 
}

#header h1 span{
position : absolute ; 
top : -5095px ; 
}


#header h1{
}


#header h1 a{
color : #40FF3A ; 
text-decoration : none ; 
}


/* menu principal du site */


#header ul {
margin : 0 0 0 10px;
padding : 0;
list-style : none ; 
position :absolute ; 
background : transparent;
height : 36px ;
line-height : 36px ; 
top : 138px ;
float : left ;  }

#header li {
margin:0 0 0 -2px;
float : left ; 
 background : url(images/sep.jpg) top left repeat-y; 
 padding : 0 15px 0 15px;
height : 36px;

}
	
#header li:first-child {
 background : url(images/no.jpg) top left repeat-y; 
}
	

#header li a {
text-decoration : none;
color : #000; 
}

#header li a:hover {
text-decoration : underline;
color : #000; 
}


/* BANNIERE 728x90
  *******************************************************/

#acf728x90 {
height : 100px ; 
background : url(images/bg_centrage.jpg) no-repeat ; }


/* SIDE
  *******************************************************/

#side {
float : left ; 
width : 250px ;
background : transparent ; }


#side h2{
font-size : 0.8em;
margin : 0 ; 
padding : 0 ; 
 }
 
#side h3{
font-size : 1em;
margin : 0 ; 
padding : 4px ; 
background-color : #EBEBEB
 }
 
#side h4{
font-size : 1em;
margin :  0 ; 
padding : 4px ; 
background-color : #F7F7F7
 }
 
#side ul{
margin : 5px 0 5px 0 ; 
padding : 0 ; 
 }
 
#side li  {
padding : 0 0 0 4px ; 
margin : 0 ; 
 }
 
#side li a {
text-decoration : none ;
font-weight : bold ; 
color : #4D4F50  
 }
 
#side li a:hover {
text-decoration : underline ; 
}
 
 
#side img {
border : 0
 }

#side p {
margin : 5px 0 5px 0 ;
padding : 0 ; 
 }





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


#contenu {
float : left ; 
width : 468px ;
margin-left : 9px ;
padding :  0;  
background :#F2F2F2;  }

#contenu a{

text-decoration : none ;  
}

#contenu a:hover {
text-decoration : underline ;  
 }
 
 
#contenu h2{
font-size : 1em;
 background : #F2F2F2 ; 
 margin :0 ; 
 padding : 0 ;
font-weight : normal ;  } 




/* Liste Droite */

ul.liste_001 {
background : transparent ;
margin : 0 ;
padding : 0 ;  }

ul.liste_001 li{
display : block ; 
margin : 0 ;
padding : 4px 0 4px 4px; 
  }
  
ul.liste_001 li a{
font-weight : bold;
text-decoration : none;

  }


ul.liste_001 li.paire{
background : #A41600 ; 
color : #fff; 
  }
  
ul.liste_001 li.paire a{
color : #fff; 
  }
 
 
ul.liste_001 li.impaire{
background : #FFFFFF ;
color : #000
  }
  
ul.liste_001 li.impaire a{
color : #000
  }
  
  
  
/* POST
  *******************************************************/

.presentation {
background : #E5E5E5 ; 
margin :0; 
overflow : auto ; 
height : 1% }

.presentation p {
margin :  0  ; 
padding : 0 10px 0 10px}

.presentation img{
float : left ; 
display : block ; 
border-right : 10px solid #E5E5E5 
}

.presentation .intro { }

.presentation h1{
font-size : 1.4em;
 margin :  0 0 2px 0 ; 
 padding : 0 0 2px 0; 
 border-bottom : 1px dotted #000;
 color : #000;  }
 
.presentation a {
font-weight : bold ;
color : #000;   }




  
  

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


#footer {
clear : left ;
height : 86px ;
background : url(images/footer.jpg) right no-repeat ;
padding-top : 30px ;   
}

#footer p{
padding :5px 20px 0 0;
margin : 0 0 0 268px;  
}

#footer a{
text-decoration : none ; 
color : #4D4F50 ;
font-weight : bold ; 
}


#footer a:hover{
text-decoration : underline ; 
}



  
/* DIVERS
  *****************************************************************************/

ul {list-style : none ; }
img {border : none ; }