html, body {
height: 100%
}

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

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

#site {
position : relative; 
text-align : left;
width : 826px ; 
margin :  0 auto;
background : url(images/bg-content.jpg);
min-height : 100% ;
}

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

#header {
position : relative ; 
height : 429px ;
background : url(images/header.jpg)
}
 
/*  HEADER H1 >> titre du site
*****************************************************************/

#header h1 {
font-size : 1em;
margin : 0;
padding : 5px 0 0 60px;
color : #C3C9D9;
font-size : 2em;
font-family : times ; 
text-transform : uppercase ; 
}

#header h1 a {
color : #fff; 
}
 
/*  MENU
*****************************************************************/

#menu {
position : absolute;
bottom : 12px;
left : 50px;
height : 23px;
text-align: left;
color :#fff ; 
font-family : times; 
}

#menu ul {
margin: 0;
padding: 0;
list-style : none ;
}

#menu li{
float : left ;
margin : 0 0 0 -1px;
padding : 4px 0 0 0 ; 
}

#menu li a {
color : #9D9D9D; 
text-decoration : none ;
padding : 0 10px 0 15px;
text-transform : uppercase;
font-size : 90% ;  
}

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

#menu li a:hover {
color : #3B4661
}
 
/*  CONTENT
*****************************************************************/ 
 
#content {
width : 826px ;
margin :  0 auto;
text-align : left; 
overflow : auto ;
padding-bottom : 158px ;
}
  
#centrage {
padding : 0 40px 0 27px ;
}

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

#contenu {
float : left ;  
width : 480px;
padding : 0 0 0 15px; 
color : #C4C4C4 ; 
margin : 15px 0 0 0 ;  
}

#contenu h1 {
font-size : 12px; 
color : #C4C4C4 ; 
margin :  0 ;
padding : 10px 0 0 0; 
text-transform : uppercase ;
}
 
#contenu h2  {
font-size : 12px; 
color : #C4C4C4 ; 
margin :  0 ;
padding : 10px 0 0 0; 
text-transform : uppercase ;
}

#contenu p {
margin :  10px 10px 0 20px ;
padding : 0; 
}
 
#contenu a {
color : #966C42 ;
}
 
#contenu img {
float : left ; 
}

/* POST 
***********************************************************************/ 

#contenu .post {
padding : 0 0 10px 0 ;
}

#contenu .titre {
background : #2C3348 ; 
padding : 10px 10px 20px 20px ;
margin :  0; 
}

#contenu .titre p {
margin : 0 ;
padding : 0; 
color : #966C42;
font-size : 85%; 
}
 
#contenu .titre a {
text-decoration : none
}
 
#contenu .titre a:hover {
text-decoration : underline ; 
}

/*  SIDE
*****************************************************************/ 
 
#side {
float : left ;  
width : 255px;
color : #9D9D9D;   
margin : 0 0 0 3px;
padding : 0;
}

#side h1 {
color : #9D9D9D;
font-size : 1em;
margin : 0;
}

#side h2 {
color : #9D9D9D;
font-size : 1.5em;
text-transform : uppercase; 
margin : 0;
padding : 0 0 0 20px;  
background : #262B39 url(images/bg-side-h2.jpg) bottom repeat-x ;
height : 2.5em ;
line-height : 2.2em ;
font-family : times;    
}

#side h2:first-child  {
height : 2.2em ;
line-height : 1.5em ;
}

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

#side li a {
color : #9D9D9D;
text-decoration : none;
border-top : 1px solid #2A2A2A;
background : url(images/bg-side-li.jpg)  0 7px  no-repeat;
display : block ; 
height : 25px ; 
line-height : 25px ;
padding : 0 0 0 10px;
margin : 0;  
}
 
#side li a:hover {
background : url(images/bg-side-li-hover.jpg)  0 7px  no-repeat;
}
 
#side li:first-child a {
border-top : 0 ;
}

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

/*  FOOTER
*****************************************************************/ 
 
#footer {
position : absolute ;
bottom: 0;
left : 0 ; 
width : 826px ; 
height : 118px ;
background: url(images/footer.jpg) ;
font-size : 90%;
color : #9D9D9D ;
text-align : center ; 
}

#footer p {
margin : 0 ; 
padding : 55px 0 0 0 
}

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