@charset "utf-8";

/* CSS Document */

 

body{	
	
        font : 80% Arial, Helvetica, sans serif;
		text-align:left;
		background: url("../images/arriere-plan.jpg") repeat-x; 
		background-color: #99bc60;
		background-attachment: fixed;
		width: 100%;
		height: 100%;


}

#container{
margin: 0px 20px 0px 295px;

width: 1024px;
	height:768px;
}


h1{

}


h2{

}


h3{

}


h4{

}


p{

}


a img{
border: none;

}


a:hover{

}


a:visited{ 

}
 

#header {

height: 111px;

width:810px;

float: left;

background: url("../images/banniere_contenu.png") no-repeat;

margin: 20px 0px 1px 5px;

}


#menu {
float: left;
height:43px;
width: 812px;
margin: -13px 0px 0px -1px;
padding: 0px;
background: url("../images/menu.png") no-repeat 0% 0%;
font-weight : bold; /* on met le texte en gras */
font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
font-size : 14px; /* hauteur du texte : 12 pixels */
color: #ffffff;

}

#menu2{
margin: 0px 0px 0px 0px;
}


 
#ariane {

float:left;
width:206px;
height: auto;
margin: 10px 0px 0px 20px;
font-size: 12px;
font-family: Arial;
color:#acd618;

} 

#recherche {

float:left;
width:200px;
height: 35px;
margin: -38px 0px -35px 610px;
color:#3a6207;
font-size: 12px;
font-family: Arial;


} 

#recherche2{
margin: 3px 0px 2px 0px;

}

#environnement {
float:right;
width:165px;
height: 129px;
margin: 0px 15px 0px 0px;


}

#infos_pratiques {

float:right;
width:165px;
height: 129px;
margin: 140px -160px 0px -75px;

}

#multimedias {
float: right;
width: 165px;
height: 129px;
margin: 280px -160px 0 -75px;

}


#content {

height:auto;
width: 810px;
min-height: 570px;
background: url("../images/body_contenu.jpg") repeat-y;		
float: left;

margin:12px 0px 0px 6px;

}



#barre{ /* Premiere bare ( celle du haut ) */ 
	width:810px;
	height:15px;
	background:url("../images/body_haut.png") no-repeat;
	margin:-15px 0 0 -1px;
	float: left;
}



#actualites {
float:left;
height:auto;
width: 580px;
margin: 15px 2px 3px 20px;
}


#contenu_haut {
float:left;
height:350px;
width: 580px; /* 465px; */
margin: -13px 0px 0px 0px;
background-repeat : no-repeat; 
}

#contenu_bas {
float:left;
height:auto;
width: 580px; /* 465px; */
margin: -3px 2px 3px 20px;		
background-repeat : no-repeat; 

} 

#multimedia {  
float:left;
height:auto;
width: 580px;
margin: 30px 2px 3px 20px; 
background-repeat : no-repeat; 
font : "Segoe Print", "Bradley Hand ITC", "Brush Script Std", Georgia;

}

#jeux {
float:left;
height:100px;
width: 600px; /* 461px; */
margin: 45px 2px 30px 8px;		

}

h3{

text-align: left;
font-size: 14px;
font-family: Arial;
color: #acd618;
}

#astuce {

float : left;
margin: 45px -145px 0 35px;
height:200px;
width: 160px;
background: url("../images/astuce.png") no-repeat 0% 0%;		

}

#ademe_widget {
float:left;

margin: 2px 2px 3px 2px;
		

}



#footer {
float: left;
height:56px;
width: 810px;
margin: 0px 0px 0px 6px;
padding: 0px;
background: url("../images/footer.png") no-repeat 0% 0%;
font-weight : bold; /* on met le texte en gras */
font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
font-size : 14px; /* hauteur du texte : 12 pixels */

}

#footer_contenu {
margin: 17px 0px 0px 35px;
}

#footer_contenu, #footer_contenu ul /* Liste */     
{ 
        list-style : none; /* on supprime le style par dÈfaut de la liste */    
}

#footer_contenu a /* Contenu des listes */
{             
        color : #fff; /* couleur du texte */
        text-decoration : none; /* on supprime le style par dÈfaut des liens (la plupart du temps = soulignÈ) */	
}

#footer_contenu a:hover /* Lorsque la souris passe sur un des liens */    
{
        /* color: #000; On passe le texte en noir... */
        background-color: #3a6207;
}



#copyright {
float: left;
height:37px;
width: 270px;
margin: -10px 0px 0px 260px;
font-family: Calibri, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bolder;
	color:#ffffff;
	line-height: 1em;


}