body, html {height : 100%}

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

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

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

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

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

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;
}

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

#main {
width : 820px ; 
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 ;  
}

/* SIDEBAR
************************************************************************/

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

#right-sidebar h1 {
padding : 0 ; 
background  : #7FC9F0 ;
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; 
}
 
#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 : #7FC9F0 ; 
margin : 20px 0 5px 0 ; 
padding : 0; 
text-indent : 10px ; 
}

p.titre  {
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; }