html, body {
height: 100%
}

body {
margin: 0;
padding: 0;
text-align : center;
background : #F5F5F5 url(images/bg.gif);
font-family : arial ; 
font-size : 0.7em ; 
color : #626262 ; 
}

img {
border : none ;
}

/* 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 url(images/bgcont.gif)  ;
width : 727px
}

/* HEADER
*******************************************************/

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

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

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

#header h1{
}

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

#header ul {
margin : 0 0 0 10px;
padding : 0;
list-style : none ; 
position :absolute ; 
height : 36px ;
line-height : 36px ; 
top : 214px ;
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; 
}

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

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

#side h2{
font-size : 0.8em;
margin : 0 ; 
padding : 0 ; 
}
 
#side h3{
font-size : 1em;
margin : 0 0 0 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 ; 
 }

/* CONTENU
*******************************************************/

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

#contenu a{
text-decoration : none ;  
}

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

/* Liste Droite */

ul.liste_001 {
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 : #AC3201 ;
color : #fff ; 
}

ul.liste_001 li.paire a {
color : #fff ; 
}
  
ul.liste_001 li.impaire {
background : #FFFFFF ;
}
  
ul.liste_001 li.impaire a {
color : #4D4F50 ; 
}
  
  
/* 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 276px;  
}

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

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

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

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

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

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

.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 : 5px 0 2px 0; 
border-bottom : 1px dotted #000;
color : #000;
}
 
.presentation a {
font-weight : bold ; 
color : #000; 
}

#droite h2 {
font-size : 1em;
background : #F2F2F2 ; 
margin :0 ; 
padding : 0 ;
font-weight : normal ;
}
 
/* DIVERS
*****************************************************************************/

.top30 {margin-top : 30px}

ul {list-style : none ; }

/* FORM INPUT : FORMULAIRES
*******************************************************/

form {
position : absolute ; 
top : 117px ; 
margin : 0  ; 
padding : 0
}

input {
border : none ; 
background : transparent ; 
color : #BAC8D7
}