@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{

color: #7d9b10;
font-size: 20px;
margin: 0;
padding: 0 0 0 0;
 
}


h2{
color: #77b300;
font-size: 15px;
margin: 0;
padding: 5px 0 0px 0; 

}

h3{

 

}

h4{

 

}

p{

 

}

a img{

 border: none;

}

a:hover{

 

}

a:visited{

 

}

#header {

height: 112px;

width:810px;

float: left;

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

margin: 20px 0px 0px 5px;



}



#menu {
float: left;
height:43px;
width: 810px;
margin: -13px 0px 0px 0px;
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:285px;
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;
background: url("../images/recherche.png") no-repeat 0% 0%;

} 

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

}

#environnement {
float:right;
width:158px;
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: 730px;
background: url("../images/body_contenu.jpg") repeat-y;		
float: left;

margin:12px 0px 0px 6px;

}

#contenu {
width : 580px ;
margin : 61px 2px 3px 15px;
height: auto;
}



#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: 457px;
margin: 15px 2px 3px 20px;
background: url("../images/contenu.jpg") ;		
}


h3{

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

#astuce {

position: absolute;
top: 580px;
margin: 45px -145px 0 35px;
left: 920px;
height:200px;
width: 180px;
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;
}

/*#environnement:hover
{

background: url("../images/environnement_2.jpg");

}

#infos_pratiques:hover
{

background: url("../images/infos_pratiques_2.jpg");

}*/

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


}