body {
margin: 0;
padding: 0;
text-align : left;
font-family : arial;
font-size : 12px;
color : #B23E4E;
background : #FFD6A3;
}

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


h2 {
margin : 10px 0 0 0 ;
padding : 0 0 10px 0; 
font-size : 12px;
background :  url(image/hr.gif) left bottom repeat-x;

}
 
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(image/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%;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 2px inset #B23E4E;

}


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

#header {
width : 675px ; 
height : 251px ;
margin : 0 auto ; 
margin-top : 15px;
background : url(image/header.jpg);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 2px inset #B23E4E;
}

/* 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 : #3B4033; 
text-decoration : none ; 
text-transform : uppercase ; 
font-weight : bold ; 
background :  url(image/hr.gif) left bottom repeat-x; 
display : block ;
padding : 0 0 10px 0; 
margin : 0 0 5px 0;  
}

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

#side li.url a {
color : #4B3D40; 
text-decoration : underline ;   
}

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

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


#contenu a {
color : #E73250; 
text-decoration : none ;
}


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

#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(image/hr.gif) left bottom repeat-x;
}

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


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

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

#menu li{
float : left ;
margin : 0 ;
padding : 0; 
background : url(image/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 : #000; 
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 : #B23E4E ;
}

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


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