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


img {border : none ; }




/* HEADER #ECE9D8 #FFE6C9 
  *******************************************************/ 

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


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


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

 #header h2 {
position : absolute ; 
margin : 0;
padding : 0;
top : 20px;
left : 200px; 
height : 100px; 
width : 553px ; 
}

 #header h5 {
position : absolute ; 
margin : 0;
padding : 0;
top : 50px;
left : 200px; 
height : 100px; 
width : 553px ; 
font-size : 2.5em ; 
}

#header h6 {
position : absolute ; 
margin : 0;
padding : 0;
top : 130px;
left : 400px; 
height : 100px; 
width : 553px ; 
font-size : 1.5em ; 
}

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

  #header h3 {
position : absolute ; 
margin : 0;
padding : 0;
top : 20px;
right : -150px; 
height : 20px; 
width : 30px ; 
background : url(images/fr2.jpg) no-repeat ; 
}

#header h3 span {
position : absolute ; 
top : -9999px;
left : -9999px;
 }
 
 #header h4 {
position : absolute ; 
margin : 0;
padding : 0;
top : 20px;
right : -190px; 
height : 20px; 
width : 30px ; 
background : url(images/it.jpg) no-repeat ; 
}

#header h4 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-5.jpg) repeat-x ; }

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


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


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











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

#content {
text-align:justify;
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 ;
color : #fff ;
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 : 792px ;
padding :   0;
background : url(images/top-contenu-bg.jpg) top no-repeat ;
font-size : 115%;    
}


#bg-centre-contenu {
background : url(images/centre-contenu-bg2.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   
}

 

#contenu  h2 a{
text-decoration : none ; 
color : #669900 ;  
}

#contenu h2 a:hover {
text-decoration : none;
color : #ccc;
 }