body {
margin: 0;
padding: 0;
text-align : center;
background : #ECE9D8  ;
font-family : tahoma, arial ; 
font-size : 0.7em ; 
color : #666666 ; 
}


img {border : none ; }




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

#header {
position : relative ; 
 height : 197px ;
 background : url(images/bg-header.jpg) repeat-x;
}


#header h1 {
position : absolute ; 
margin : 0;
padding : 0;
top : 20px;
left : -10px; 
height : 98px; 
width : 190px ; 
background : url(images/logo.jpg) no-repeat ; 
}


#header h1 span {
position : absolute ; 
top : -9999px;
left : -9999px;
 }





#header  .centrage {
position : relative ; 
width : 754px ;
margin : 0 auto ; 
 height : 197px ;
 }




#header .centrage ul {
margin : 0;
padding : 0;
list-style : none ; 
position : absolute ; 
right : 0 ; 
bottom : 4px ; 
}


#header .centrage  li {
float : left ; 
}


#header .centrage li a {
display : block ;
height : 30px;
line-height : 30px; 
width : auto ; 
padding : 0 10px; 
margin : 0 0 0 5px; 
text-decoration : none ;
color : #fff;
text-transform : uppercase ; 
}


#header .centrage li a:hover {
color : #ccc;
}






#header .centrage  li #home { background : url(images/menu-bg-1.jpg) repeat-x ; }

#header .centrage  li #about { background : url(images/menu-bg-2.jpg) repeat-x ; }


#header .centrage  li #link {background : url(images/menu-bg-3.jpg) repeat-x ; }


#header .centrage  li #contact {background : url(images/menu-bg-4.jpg) repeat-x ; }











/* CONTENEUR GENERAL 
  *******************************************************/

#content {
text-align : left;
width : 817px ;
margin : 0 auto ;
padding : 20px 0 0 0; 

}







/* SIDE
  *******************************************************/

#side {
float : left ; 
width : 215px ;
padding :  0; 

 }


#side h2{
font-size : 0.8em;
margin : 0 0 10px 0 ; 
padding : 0 0 0 10px ;
height : 22px ; 
line-height : 22px ;   
 }
 
 
 #side h2#categories {
background : url(images/h2-1.jpg) no-repeat ;
 
 }
 
  #side h2#articles {
background : url(images/h2-2.jpg) no-repeat ;
  
 }
 

 
#side ul{
margin : 0 ; 
padding : 0 ;
background :  url(images/centre-side-bloc.jpg) repeat-y;
padding : 5px 10px 5px 15px ; 
list-style : none ; 

 }
 
#side li  {
padding : 0 0 0 20px ; 
margin :  5px 0 0 0 ;
background : url(images/side-li.jpg) left no-repeat
 }
 
#side li a {
text-decoration : none ; 
color : #4D4F50  
 }
 
#side li a:hover {
text-decoration : underline ; 
}
 
 
#side img {
border : 0;

 }

#side p {
margin : 5px 0 5px 0 ;
padding : 0 ; 
 }
 
 
 
#side .side-bloc {
background : url(images/top-side-bloc.jpg) no-repeat;

}

#side .bottom-side-bloc {
background : url(images/bottom-side-bloc.jpg) left top no-repeat;
height : 13px 
}





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


#contenu {
float : left ; 
width : 592px ;
padding :   0;
background : url(images/top-contenu-bg.jpg) top no-repeat ;
font-size : 115%;    
}


#bg-centre-contenu {
background : url(images/centre-contenu-bg.jpg) repeat-y ; 
padding : 0 0 40px 0 
}

#bg-bottom-contenu {
position : relative ; 
height : 83px; 
background : url(images/bas-contenu-bg.jpg) no-repeat;  
}


#bg-bottom-contenu p{
position : absolute ; 
right : -6px ; 
top : 5px ; 
font-size : 80%; 
color : #fff ;
margin : 0;
padding : 0;
} 


#bg-bottom-contenu a{
text-decoration : none ; 
color : #fff ; 
} 










#contenu a{
text-decoration : none ;  
}

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


#contenu p{
margin : 0; 
padding : 5px 20px ;  
}

#contenu h2 {
margin : 0; 
padding : 20px 0 10px  20px;
color : #669900   
}