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

body {
margin:0px 0px 0px 0px;
padding: 0;
font: 75% arial, verdana, sans-serif;
color: black;
background:url(../design/fd_bleu.gif) repeat; 
text-align: center;
}

* {
margin: 0;
padding: 0;
}

.spacer {
clear: both;
font-size: 0;
line-height: 1px;
}
*html .spacer {height:1px}

a img {
border: none;
}	
ul{		
margin:0px;padding:0px;list-style-type: none; 
}

#conteneur {
background:white; 
width:996px;
position: relative;
margin-left:auto;
margin-right:auto;
text-align:left;   
} 	


/* ------------------------ */
/* Bloc  Footer             */
/* ------------------------ */	
div.header { 	
width:996px;
height:298px; 	  
} 


img.logo {float:left;width:83px;margin:5px 0px 0px 20px}
img.flag {float:right;margin:3px 5px 0px 0px;width:22px;}

form#moteur-recherche {
width:800px;
float:left;
text-align:right;
}
form#moteur-recherche fieldset {
color:white;
font-weight:bold;
font-size:0.9em;
border:none;  
text-transform:uppercase;
margin:4px 0px 0px 0px;
}	
input#champ-rech{
color:black;
font-weight:normal;
font-size:0.9em;
border:1px solid white;
margin:0px 0px 0px 5px;
}
input#submit-rech {
background:none;	
border:none;
color:white;
font-weight:bold;
font-size:0.9em;
}		

div#accroche {z-index:0;position:absolute;top:80px;right:50px;text-align:center;}
h1 {
color:white;
font-weight:bold;
font-size:1.8em; 
letter-spacing:0.3em; 
text-transform:uppercase;
}  
div#accroche p{	  
margin:10px 0px 0px 0px; 
font-weight:bold;
font-size:1.1em;
color:white;
}	
/* ----------------------------------------- */
/* Partie centrale                          */
/* ---------------------------------------- */	
div.fil-ariane {
height:25px;	
margin:4px 0px 4px 0px;	 
}			
div.fil-ariane p {
font-family:verdana,arial, sans-serif;	 
color:#7f9cb7;		  
font-size:0.8em;
font-weight:normal;
margin:0px 0px 0px 193px;	
padding:6px 0px 0px 0px;
}	   
div.fil-ariane p a{
color:#7f9cb7;
text-decoration:underline;
} 
div.fil-ariane p a:hover{text-decoration:none;}

div#contenu {	 
background:url(../design/fond-contenu.jpg) repeat-y; 
border-bottom:1px solid white; 
border-top:1px solid white; 
}
div#actualites { 
position:relative;
float:left;
width:184px;
margin:0px 0px 0px 0px;
padding-bottom:10px;
}

				 
/* Bloc actualités */ 
div#actualites h6 {
border:1px solid white;
background:url(../design/fond-actu.jpg) no-repeat 5px center;
height:25px;
margin:3px;	
width:175px;
}
div#actualites h6 span{
font-size:1.2em;
color:white;
font-weight:bold;
text-transform:uppercase; 
display:block;
margin:6px 0px 0px 35px;
}
div#actualites ul{ 
color:gray;	
list-style-type:none;
margin:10px 0px 0px 10px;
padding:0px;
}
div#actualites ul li {
clear:right;	
font-size:0.9em;
margin:0px 0 10px 0px;	
padding:0px 0px 0px 9px;	
background:url(../design/puce1.jpg) no-repeat 0px 3px;
}
div#actualites ul li p.titre {text-transform:uppercase;font-weight:bold;} 
div#actualites ul li p.date {font-weight:normal;}
div#actualites ul li p.stitre {font-weight:normal;color:white;margin:4px 0px 0px 0px;font-weight:bold;}	
div#actualites ul li p.resume {font-weight:normal;}
div#actualites ul li a {color:white;text-decoration:underline;float:right;margin:0px 5px 5px 0px;font-weight:bold; }
div#actualites ul li a:hover {color:white;text-decoration:none;}
 
div#actualites a.all-actu {
clear:right;
float:right;	 
margin:5px 5px 10px 0px;	  
color:#5f7e13;text-decoration:underline;
padding-right:15px;	  
font-size:0.9em;
font-weight:bold;
background:url(../design/puce2.jpg) right 1px no-repeat;
}
div#actualites a.all-actu:hover {text-decoration:none;}	


/* ------------------------ */
/* Bloc  Footer             */
/* ------------------------ */	
#footer { 
background:#d5e2ec;	
position:relative;
bottom:0px;
color:#5b6dab;
font-size : 0.8em;
padding: 0.6em;
margin-top:0.5em;	
text-align: center;	
}
#footer a {
color:#5b6dab;
text-decoration: none;
margin:0 0px;
}
#footer a:hover {
text-decoration: underline;
}	 
#footer span {
color:#5b6dab;
} 
#footer p{
float:left;
}