html, body {
height: 100%;
}

body {
margin : 0 ;
padding : 0 ; 
background : #323232 url(images/bg.jpg) top center no-repeat;
text-align : center;
font-size : 0.7em;
color : #000 ;
font-family : arial ;
line-height : 18px ; 
}

.left{
	float: left;
	padding: 0px 5px 0px 0px;
	
	}
	
/*  SITE
********************************************************************/
 
#site { 
position : relative; 
width : 897px;
margin : 0 auto;
text-align : left  ;
min-height: 100%;
background : url(images/bg-site.jpg) left repeat-y; 
}
     
/*  HEADER
********************************************************************/
   
#header {
position : relative ; 
height : 306px;

margin : 0
}



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

#header h1 {
position : absolute ;
top : 7px; 
left : 20px ; 
color : #96896F;
margin-top : 8;
padding : 0 ; 
font-size : 1.3em ;
text-transform : uppercase ; 
font-weight : normal;  
}
   
/*  HEADER >> MENU PRINCIPAL
********************************************************************/
   
   
#header #menu {
position : absolute ;
bottom : 8px ;
left : 38px; 
background :  ; 
}
	
#header #menu  ul{
list-style : none ;
margin : 0; 
padding : 0;
}

#header #menu  li{
float : left ;
text-transform : uppercase ; 
}
	
#header #menu  li a{
margin : 0 ; 
padding : 0 20px 0 0 ; 
text-decoration : none ;    
color : #F9F0D6 ;
font-weight : bold ;
}

#header #menu  li a:hover {
color : #f245b3 ;
text-decoration : underline; 
}
	
/*  MAIN
********************************************************************/

#main {
width : 749px;
overflow : auto ;
margin : 0 auto; 
}
	
/*  CONTENU
********************************************************************/	
	
#contenu {
width : 524px ;  
height: 100%;
float  : left ;
margin : 0;
padding : 20px 10px 120px 0  ;
font-size : 120%; 
}

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

.post {
padding : 0 0 20px 0;
}   

.post h2 {
font-size : 1.6em ; 
padding : 0 0 0 35px ; 
margin: 0 ; 
font-weight : normal;
color : #000
}

.post h3 {
font-size : 1.3em ; 
padding : 0 0 0 35px ; 
margin: 0 ; 
font-weight : normal;
color : #666b69
} 
.post p {
padding : 0 10px 0 35px ;
text-align : justify; 
}

.post ul{
list-style-type: square;
margin : 5px 0 15px 60px ; 
padding : 0 0 10px 0; 
color :#f245b3  ;
border-bottom : 1px dotted #FCE9BF ;
}

.post li{
font-size : 1.2em ;
margin : 0 0 5px 0 ;
padding : 0; 
color : #f245b3  ; 
}

.post li a {
color ::#f245b3  ;
text-decoration : none ;  
}

.post li a:hover{
color : #8eb203 ; 
text-decoration : underline ; 
}

/*  SIDEBAR
********************************************************************/
   
#side {
width : 154px ;
height: 100%;
float  : left ;
padding :  20px 20px 0 20px;
margin : 0 0 0 21px ; 
background : url(images/side.jpg) no-repeat;
color : #fff ; 
}
	
#side h2 {
font-size : 1.2em ;
margin : 0 ;
padding :  0 ; 
color : #FCE9BF ; 
text-transform : uppercase ; 
}

#side ul{
list-style : none ; 
margin : 5px 0 15px 0 ; 
padding : 0 0 10px 0; 
color : #fff ;
border-bottom : 1px dotted #FCE9BF ;
}

#side li{
font-size : 1.2em ;
margin : 0 0 5px 0 ;
padding : 0; 
color : #fff ; 
}

#side li a {
color : #bcb409 ;
text-decoration : none ;  
}

#side li a:hover{
color :#fb6cce; 
text-decoration : underline ; 
}

#side p{
margin : 10px 0 25px 0 ; 
padding : 0 0 10px 0;
border-bottom : 1px dotted #277CFA ; 
}

#side span {
margin : 0 ; 
padding : 0;
color : #277CFA ;
}

/*  FOOTER
*******************************************************************/ 
   
#footer { 
position : absolute ; 
bottom : 0; 
left : 0 ; 
width : 897px; 
height :80px;
line-height : 40px; 
font-size : 90%;
background : #000 ;
text-align : left ; 
margin : 0  
}

#footer p { 
margin : 0 ; 
padding : 0 0 0 120px; 
color : #fff; 
}

#footer img { 
float : left ;
margin : 0 0 0 -70px ; 
}

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

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