body {
margin : 0 ; 
padding : 0  ; 
background : #fff ; 
font-size : 0.7em ; 
font-family : arial ; 
color : #5C5C5C; 
}

 /* TOP 
 *************************************************************/

#top {
height : 220px ;
background : #5C5C5C url(images/top.jpg) repeat-x ;
margin : 0 ; 
padding : 0 ;
}


#top h1 {
font-size : 24px ; 
text-transform : uppercase ; 
color : #5C5C5C ; 
margin : 0  ; 
padding : 170px 0 0 0 ;
}


#top p {
 margin : 0  ; 
padding : 0 ;
}







 /* DIV MENU ET CENTRAGE 
 **************************************************************/
 
 
#menu {
margin : 0 0 0 -10px; 
padding : 0 ;
height : 57px ;
background : #E2E2E2 url(images/bg_menu.jpg) repeat-x ;

}



 /* LISTE MENU PRINCIPALE 
 **************************************************************/

#menu ul {
margin : 0 ; 
padding : 20px 0 0 0;  
}

#menu li {
float : left ;
padding : 0 10px 0 10px ;
margin : 0 0 0 -1px ; 
text-transform : uppercase ; 
border-left : 1px solid #5C5C5C;
}


#menu li:first-child {
border:0;
}


#menu li a {
text-decoration : none;
color : #5C5C5C}

#menu li a:hover {
text-decoration : underline;}



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


#content { 
width : 800px ; 
margin : 0 auto ; 
overflow : auto ; }



/* Centrage 
*******************************************************************/


.centrage {
width : 800px; 
margin : 0 auto ; 
padding : 0 ;
}

 



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

#side {
float : left ;
 width : 350px ; 
 background : transparent ; 
 padding : 20px 0 0 0 ; 
 text-align : justify ; 
 line-height : 20px ; 

 }
 


 
 #side p{
margin :  0 ; padding : 0 ;  }


 #side  ul{
margin :  0 ; 
padding : 0 ;  }






 

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

#contenu {
float : left ;
width :410px ; 
background : transparent ; 
margin : 0 0 0 40px ;
padding : 20px 0 0 0 ;
text-align : justify ; 
font-size : 95% ;  }



 #contenu p{
margin :  0 ; padding : 0 ;  }
   
   
/* CONTENU IMAGES */
  
  
#contenu img{
display : block 
}
  
  
 /* CONTENU H1 H2 H3 H4 */
 
 
#contenu h2{
font-size : 1.5em ; }


#contenu h3{
font-size : 1em ;
font-weight : normal ; 
background : #E8E8E8 url(images/h3.jpg) right no-repeat;
margin : 0;
padding : 0;
height : 24px;
line-height : 24px;
text-indent : 10px ;  }


  
#contenu h4{
font-size : 0.8em ;
text-transform : uppercase ; 
font-weight : normal ; 
border-bottom : 1px solid #F0EDED ; 
margin : 10px 0 0 0 ; 
padding : 0 0 10px 0;
background : url(images/h4.jpg) top left no-repeat ;
text-indent : 20px ; 
}

 /* Bloc lastevent (presentaion droite) 
 ******************************************************************/


.lastenvent {
width : 404px; 
position : relative ; 
background : #fff;  
margin : 0 0 10px 0;
border : 2px solid #EAEAEA;  
}


.lastenvent img{
border-top : 4px solid #F0F0F0;
border-bottom : 4px solid #F0F0F0;
border-left : 4px solid #F0F0F0;
border-right : 6px solid #F0F0F0;

}



.lastenvent p{
margin : 20px ; padding : 0

}


.lastenvent ul {
background : transparent ; 
margin : 0 ; 
padding : 0 20px 0 0 ;
position : absolute ;
left : 110px; 
top : 10px ;   }

.lastenvent li {
padding : 0 0 0 20px ; 

}

.lastenvent li.titre {
text-transform : uppercase; 
background : url(images/h4.jpg) left no-repeat; 
text-decoration : underline ; 

}



  /* FOOTER 
 ***************************************/

#footer {

height : 30px ;
line-height : 30px; 
 background : #E8E8E8 ;
 border-top : 20px solid #fff ; 
  border-bottom : 20px solid #fff ; 
 width : 800px ; 
 margin : 0 auto ;
 font-size : 0.8em;
 text-align : center ;  }
 
 #footer p {
margin : 0 } 

  #footer a:hover {
text-decoration : none ;  }  
  
  
 /* Ligne pointillée 
 ***************************************/

#side .pour_pointilles {
padding : 0 0 20px 0 ; 
border-bottom : 1px dotted #000; }

#contenu .pour_pointilles {
padding : 0 0 13px 0 ; 
border-bottom : 1px dotted #000; }


/* Généralités
 ***************************************/


/* Annule les puces sur les listes */
ul {list-style : none ; }
  
/* pour faire en gras :))  */
.gras {
font-weight : bold ;
font-size : 1.3em ; 
}

/* liens */
a {color : #5C5C5C; }