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


/* SITE 
*******************************************************************/
.preload {
	display: none;
}

a:hover {
	text-decoration: none;
	color: #cc0000;
}
a img {
    border: none;
}
.clear_both {
	clear: both;
}
#site { 
width : 800px ; 
margin : 0 auto ; 
overflow : auto ; 
}
/*Partenaires*/

div.partenaires {
	margin: auto;
	font-family: Arial,Serif;
	font-size: 9px;
	font-weight: 500;
	text-align: center;
        width: 90%;
}

div.partenaires p a {
	color: #333333;
}
div.partenaires p a:hover {
	color: #33cc33;
}

/* 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 ;
}

#header div.logo {
	background-image: url('../images/logo.png');
	width: 474px;
	height: 174px;
	cursor: pointer;
	position: absolute;
	margin-top: 100px;
}
/* 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 
*************************************************************************/
.info {
	color: #206f10;
	font-weight: 600;
	font-size: 11px;
}
.submit_screen {
	width: 500px;
	height: 80px;
	background-color: #000000;
	font-family: "Courier News",monospace;
	font-size: 10px;
	color: #10ae10;
	font-weight: 500;
	overflow: auto;
}
#contenu {
width : 100% ; 
padding : 20px 0 0 0 ; 
text-align : justify ;
min-height: 400px;
}
#contenu table.table_sites tr td {
	vertical-align: top;
}
#contenu p {
margin :  0 ; 
padding : 0 ;
}

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

#contenu h2 {
font-size : 0.8em ;
text-transform : uppercase ; 
font-weight : 600 ; 
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 ; 
color: #333333;
}

#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 div.warning {
	font-size: 10px;
	color: #cc0000;
	font-family: Arial,Serif;
	font-weight: 600;
}
span.echec {
	color: #ff0000;
	font-family: "Courier New",monospace;
	font-size: 10px;
	font-weight: 500;
}
/* SIDEBAR
*******************************************************************/

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


#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 ; 
background : #fff;  
margin : 0 0 10px 0;
border : 2px solid #EAEAEA;
min-height : 96px;   
}

.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; 
}