body, html {height : 100%}



body {
margin : 0 ; 
padding: 0;
font-family : arial ; 
font-size : 0.6em ;
text-align : left ;
background : #E2E4E5 ;  }



/* Conteneur Principale
************************************************************************/


#content {
position : relative ;
 width : 860px ;
 min-height : 100% ; 
background : #fff url(images/site/bg.jpg);

 }
 

/* Header
************************************************************************/

#header { 
position : relative ; 
width : 820px ; 
height : 219px;  
background :  url(images/site/header.jpg)  ;
}



/* Menu top
************************************************************************/
ul#menu {
position : absolute ;
left :20px ;
bottom : 23px; 
list-style : none ; 
margin : 0 ; 
padding : 0
}

ul#menu li{
float : left ; 
padding : 0 10px ; 
}

ul#menu li a{
color : #fff;
text-decoration : none;

}


ul#menu li a:hover {
text-decoration : underline;
}




/* Centre
************************************************************************/
#center {
width : 820px ; 
background : transparent ;
overflow: auto;
background :  url(images/site/bg-center.jpg) top left no-repeat  ;




 }
 
 
 
/* Présentation
************************************************************************/ 
#presentation  {
width : 800px ; 
height : 169px; 
background :  url(images/site/bg-center.jpg) top left no-repeat  ;
color : #ADA8A4 ;
padding : 20px 0 0  20px ;  

 }
 
 
#presentation  img {
float : left ;
margin : 0 20px 0 0 ;  

 }
 
  
 #presentation  p {
padding : 0 20px 0 0 ; 
margin : 0 0 10px 0 ;  

 }







/* Barre Latérale
************************************************************************/


#right-sidebar {
float : left ; 
width : 250px ; 
background  : transparent ;
padding : 0 0 0 15px  ;
color : #726865 ; }


#right-sidebar h1 {
padding : 0 ; 
background  : #6F554C ;
color : #fff; 

}


#right-sidebar h2 {
position : relative ; 
margin : 0 0 10px 0; 
padding : 0 ; 
color : #726865 ;
font-size : 120%;
background : url(images/site/bg-h2-right.jpg) left top no-repeat;  
text-indent : 10px ; 

}


#right-sidebar h2 span  {
position : absolute ; 
right : 0; 
background : #CED0D2 ; 

}


#right-sidebar p  {
line-height : 15px ;
margin : 10px 0 15px 0 ;  
 
}



/* Contenu
************************************************************************/


#contenu {
float : left ; 
width : 500px ;
padding : 0 10px 100px 20px; 
background  : transparent ;
 }
 #contenu2 {
float : left ; 
width : 1000px ;
padding : 0 10px 100px 20px; 
background  : transparent ;
 }
 
 #contenu img {
float : right ; 
border-left : 5px solid #fff ; 
 }
 
  #contenu p {
margin : 7px 0 7px 0 ; 
 }
 
 
 
/* Footer
************************************************************************/ 
 
 #footer  {
 position : absolute ;
 bottom : 0 ; 
 height : 82px ; 
 width : 100% ;
 background :  url(images/site/footer.jpg) no-repeat ;
 text-align : right ;
 margin : 20px 0 0 0; 
  }
 
 
  
 #footer  p  {
margin : 0 ; 
padding : 30px  100px 0 0; 
color : #A49E9B  }

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


/* Paragrahes, H1 et autres
************************************************************************/

h1 {color  : #FFF ; font-size : 120% ; background : #EA5625 ; margin : 20px 0 5px 0 ; padding : 0; text-indent : 10px ; }
h2 {color  : #FFF ; font-size : 400% ; background : #EA5625 ; margin : 20px 0 5px 0 ; padding : 0; text-indent : 10px ; }
h3{color  : #FFF ; font-size : 200% ; background : #6F554C ; margin : 20px 0 5px 0 ; padding : 0; text-indent : 10px ; }

p.sous-h1  {
height : 17px;
line-height : 17px; 
padding : 0 ; 
background : #E2E4E5 url(images/site/bg-sous-h1.jpg) left top no-repeat; 
margin : 0 ;  
text-indent : 10px ; 
border-bottom : 10px solid #fff ; 
font-weight : bold ; 
font-size : 120% ; 
color : #000 }




p.comment {padding : 0 0 20px 0; }
a {color : #000; }