html, body{
height : 100%
}


body {
margin : 0 ;
padding : 0 ; 
background : #150902 ; 
text-align : center;
font-size : 0.8em;
color : #070200; 
font-family : arial ;
}
  

/*  SITE
********************************************************************/
 
#site {
position : relative;  
width : 985px;
margin : 0 auto;
text-align : left  ;
min-height : 100%;
background : #296E75 ; 
 
}
     
     
/*  HEADER
********************************************************************/
   

#header {
 position : relative ; 
height : 150px;
}


#centrage-header {
width : 985px;
margin : 0 auto;  
height : 150px;
background : url(images/header.jpg) ;  
}




/*  HEADER >> TITRE DU SITE >> H1
********************************************************************/


#header h1 {
position : absolute ;
top : 5px ; 
left : 90px ; 
margin : 0;
padding : 0 ; 
font-size : 1.3em ;
font-weight : normal;
text-transform : uppercase;   
}



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


   
   
/*  HEADER >> MENU PRINCIPAL
********************************************************************/
   
   
   
#menu {
position : absolute ; 
bottom : 0 ;
left : 75px; 
}
	
	
#menu  ul{
list-style : none ;
margin : 0; 
padding : 0 ;
}


#menu  li{
float : left ;
text-transform : uppercase ;
height : 32px;
line-height : 32px;
background : url(images/bg-li-menu.jpg) right no-repeat;  

}
	
	

#menu  li a{
margin : 0 ; 
padding : 0 15px  ; 
text-decoration : none ;    
color : #CBBB98 ;
font-weight : bold ;
font-size : 90%; 
}


#menu li a:hover {
color : #CBBB98
}
	


/*  CONTENT
********************************************************************/

#content {
position : relative;  
width : 848px;
background : url(images/bg-content.jpg) repeat-y;
min-height : 725px;
overflow : auto; 
margin : 0 auto;
padding-bottom : 60px  
}



#background-content-side {
background : url(images/bg-side.jpg) top right no-repeat;
min-height : 725px; 
overflow : auto ;  }
 
 
 

 
 
 
 /*  CONTENT >> CENTRAGE
********************************************************************/

#background {
background : url(images/bg-site.jpg) no-repeat; 

  }
 
/*  CONTENU
********************************************************************/	
	

#contenu {
width : 595px ; 
 float  : left ;
margin : 0;
padding : 20px 30px 60px 30px  ;
line-height : 18px; 
}



#contenu  h2 {
font-size : 1.6em ; 
padding :  0 ; 
margin: 0 ;
color : #382012; 

}

#contenu  .sous-h2 {
margin : 0 ;
padding : 0;
color : #000 ;
font-size : 110%; 
font-weight : bold ;  
}



#contenu a {color : #070200 ; text-decoration : none ; font-weight : bold }
#contenu a:hover {text-decoration : none ; }



#contenu  img {
margin : 10px 0 ;
 
}





   

/*  CONTENU >> POST
********************************************************************/	


.post {
padding : 0 0 20px 0;
 

}   


   
.post img {
float  : right ;
margin : 0 10px 5px 20px;
}

.post a {color : #97D408}





   

   
   




   
/*  SIDE LEFT
********************************************************************/
   
   
#side-left {
width : 180px ;
float  : left ;
padding :  20px 0 0 10px ;
text-align : justify; 
color : #ffff66;

}
  

#side-left h2 {
font-size : 1.2em ;
margin : 0 0 10px 0  ;
padding :  0 ; 
color : #ffff66; 
font-weight : normal; 
text-transform : uppercase; 
}


#side-left h3 {
font-size : 1em ;
margin : 10px 0 0 0  ;
padding :  0 ; 
color : #ffff66 ; 
}


#side-left p {
margin : 0 0 5px 0;
padding : 0;  
}


#side-left ul {
margin : 0 0 20px;
padding : 0; 
list-style : none;  
}


#side-left li a {
color : #ffff66; 
text-decoration : none ;
display : block; 
height : 20px;
}


#side-left li a:hover {
text-decoration : none ;
}



   
 
 	
/*  FOOTER
*******************************************************************/ 
   
#footer {
position : absolute;
bottom : 0px;
left : 0px; 
height :60px;
width : 986px; 
text-align : left ;
background : #9B0101 ;   
}


#footer p { 
margin : 0 ;
padding :20px 0 0 100px;  
color : #D7C6A2; 
}



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

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