body {
margin : 0 ; 
padding : 0  ; 
font-size : 0.7em ; 
font-family : arial ; 
color : #5C5C5C; 
background : #fff url(images/header02.jpg) repeat-x ;
}

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

#site { 
width : 840px ;
margin : 0 auto ; 
overflow : auto ; 
}

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

#header {
height : 278px ;
position : relative; 
}

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

#header p {
position : absolute;
top : 199px;
left : 0; 
margin : 0  ; 
padding : 0 ;
}

/* MENU
 **************************************************************/

ul#menu  {
position : absolute;
top : 238px;
left : 0; 
margin : 0 0 0 -10px ; 
padding : 0;  
}

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

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

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

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

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

#contenu {
float : left ;
width : 350px ; 
padding : 20px 0 0 0 ; 
text-align : justify ; 
line-height : 20px ; 
}
 
#contenu p {
margin :  0 ; 
padding : 0 ;
}

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

/* SIDEBAR
*******************************************************************/

#side {
float : left ;
width :440px ;
margin : 0 0 0 40px ;
padding : 20px 0 0 0 ;
text-align : justify ; 
font-size : 95% ;
}

#side h2 {
font-size : 1.5em ; 
}

#side 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 ;  
}

#side 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 ; 
}

#side p {
margin :  0 ; padding : 0 ;
}
   
#side img {
display : block 
}
  
/* Bloc lastevent (presentaion droite) 
 ******************************************************************/

.lastenvent {
width : 100%; 
position : relative ;
}

.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 { 
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 {
text-decoration : none ;  
}  

#footer a:hover {
text-decoration : underline ;  
}  
  
/* HR >> SEPARATEUR 5(lignes pointillés) 
**********************************************************************/

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

div.hr hr {
display: none;
}

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

ul {
list-style : none ;
}
  

.gras {
font-weight : bold ;
font-size : 1.3em ; 
}

a {
color : #5C5C5C; 
}