html, body {
height: 100%
}

body {
margin: 0;
padding: 0;
text-align : left;
font-family : arial;
font-size : 11px;
color : #411B08;
background : #B71F07;
}

 

 /* TITRES
 ********************************************************/


h2 {
margin : 10px 0 0 0 ;
padding : 0 0 10px 0; 
font-size : 12px;
background :  url(images/hr.gif) left bottom repeat-x;
text-transform : uppercase ;
}
 
 
h3 {
margin : 10px 0 0 0 ;
padding : 0 ; 
font-size : 12px;
}


 /* PARAGRAPHES 
 ********************************************************/

p {margin : 3px 15px 0 0 ; padding : 0}

.pboot {
margin : 10px 15px 0 0 ; 
padding : 0 ; 
text-indent : 10px ;   
background :  url(images/pboot.jpg) left top no-repeat;}


/* LISTE 
******************************************/ 
 
 ul {
list-style : none ;
}


ul.margin-ul {
margin : 10px 0;
padding : 0
}

 
/* WEBSITE 
 *******************************************/ 

#site {
background-color :#fff;
text-align : left;
width : 705px ; 
margin : 20px auto 0 auto ;  
min-height:100%;
border : 10px solid #CA2005;
}



 /* DEADER
 *******************************************/ 

#header {
width : 675px ; 
height : 251px ;
margin : 0 auto ; 
margin-top : 15px;
background : url(images/header.jpg);
border-top : 1px solid #fff}


 /* MAIN
 *******************************************/ 
 
 
#main {
width : 675px ;
margin : 0 auto; 
text-align : left; 
overflow : auto ; 
}
 
 
 /* SIDE 
 *******************************************/ 
 
#side {
float : left ;  
width : 160px;
text-align : left; 
margin-left : 5px ; 
margin-top : 20px ;
padding-bottom : 100px; 
}

#side ul {
margin : 0 0 20px 0;
padding : 0; 
width : 140px; 
}

#side li.name a {
color : #411B08; 
text-decoration : none ; 
text-transform : uppercase ; 
font-weight : bold ; 
background :  url(images/hr.gif) left bottom repeat-x; 
display : block ;
padding : 0 0 10px 0; 
margin : 0 0 5px 0;  
}


#side li.name a:hover {
color : #411B08;
}



#side li.url a {
color : #411B08; 
text-decoration : underline ;   
}


 


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

#contenu {
float : left ;  
width : 494px;
margin : 0 0 0 15px; 
padding : 20px 0 40px 0; 
}


#contenu a {
color : #411B08; 
text-decoration : underline ;
}


#contenu a:hover {
color : #411B08; 
text-decoration : none;  
}

#contenu  #presentation  {
height : 105px;  
 }


#contenu  #presentation img {
float : left ; 
margin : 0 10px 0 0; 
border : 1px solid #000 } 



#contenu  #presentation h1 {
float : left ;  
font-size : 12px;  
margin :0 0 10px 0;
padding : 0 0 10px 0; 
width : 365px; 
text-transform : uppercase ;
background :  url(images/hr.gif) left bottom repeat-x;
}

#contenu  #presentation p {
margin : 0; padding : 0;
}



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

ul#menu {
text-align: left;
color :#fff ; 
font-size : 12px ; 
font-weight : bold;
margin : 236px 0 0 0; 
padding : 0; 
overflow : auto; 
}

#menu li{
float : left ;
margin : 0 ;
padding : 0; 
background : url(images/ul.jpg) left bottom repeat-y;
 }
  
#menu li a {
color : #fff ; 
text-decoration : none ; 
padding-right : 5px ;  
padding-left : 5px ;
 }


#menu li:first-child {
background : none  }


#menu li a:hover {
color : #E2C70F; 
text-decoration : none }




/* IMAGES A DROITE 
*************************************************/

.img_droite {
float : right; 
margin : 10px 0 10px 20px ; 
border : 1px solid #000 }


/* FOOTER
 **********************************************/ 
 
 #footer {
 width : 705px ; 
height : 40px ;
margin : 0 auto ;
padding : 10px 0 0 0;  
text-align : center ; 
color : #fff ;
}

#footer a {
color : #fff ; 
text-decoration : none; 
}


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