/***** menu CSS *****/



body
{
	margin: 5px 0 ;
	padding: 0 ;
	text-align: center ;
	font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
	background: #0033cc ;
}


div#conteneur
{
	width: 900px ;
	margin: 0 auto ;
	z-index: 1;
	text-align: left ;
	border: 2px solid #F7FA32 ;
	background: #fff;
}

p#header
{
	margin: 3px 3px 0 0;
	padding: 0 0 0 0 ;
	color: #000066;	
}


h1#header a
{
	width: 800px ;
	height: 110px ;
	display: block ;
	background: url(../Images/lenergieautrement_fr.jpg) no-repeat ;
	position: relative;
	
}

p#header_ac
{
	margin: 3px 3px 0 0;
	padding: 0 0 0 0 ;
}


h1#header_ac a
{
	width: 800px ;
	height: 110px ;
	display: block ;
	background: url(../Images/lenergieautrement_fr.jpg) no-repeat ;
	position: relative;
	color: #000066;	
}

#header_ac a:hover, #header a:hover {
color: #cc0000;
}

div#contenu_ac
{
	padding: 0 0 0 0;
}

div#contenu
{
	padding: 0px 0px 0px 0px ;
}


div#contenu h1
{
	padding-left: 0px ;
	line-height: 25px ;
	font-size: 1.6em ;
	color: #0033cc ;
}


div#contenu h2
{
	padding-left: 0px ;
	line-height: 25px ;
	font-size: 1.4em ;
	color: #0033cc ;
	border-bottom: 1px solid #F7FA32 ;
}


div#contenu h3
{
	margin-left: 1px ;
	padding-left: 5px ;
	border-bottom: 1px solid #F7FA32 ;
	border-left: 3px solid #F7FA32 ;
	color: #0033cc ;
}


div#contenu p
{
	text-align: justify ;
	text-indent: 0em ;/*retrait d'alinéa*/
	line-height: 1.7em ;
	font:"Trebuchet MS", helvetica, sans-serif ; color: #0033cc;
}


div#contenu a
{
	color: #000066;
	text-decoration:none;
}

div#contenu a:hover
{
	color: #993366 ;
}

div#contenu_ac a:hover
{
	font-weight:normal;
} 

div#contenu .retour {
	font-style:italic;
	color: red;
}



/*déclaration des 3 colonnes de l'accueil*/
#gauchac {
top: 10px ;
width:31%;
float:left;
background:#fff;
color: #fff ;
border: 0px;
text-align: center ;
padding-bottom:0px;
padding-top:10px;
padding-left:1%;
padding-right:1%;
}

#centrac {
top: 10px ;
width:31%;
float:left;
background:#fff;
text-align: center ;
padding-bottom:0px;
padding-top:10px;
padding-left:1%;
padding-right:1%;
}

#droitac {
top: 10px ;
width:30%;
float:left;
background:#fff;
text-align: center ;
padding-bottom:0px;
padding-top:10px;
padding-left:1%;
padding-right:1%;
}





/*déclaration des 3 colonnes dans les pages*/
#gauche {
top: 10px ;
width:19%;
float:left;
background:#fff;
border: 1px solid #F7FA32 ;
padding-bottom:0px;
padding-top:0px;
padding-left:1%;
padding-right:2%;
}

#centre {
top: 10px ;
width:48%;
float:left;
background:#fff;
padding-bottom:0px;
padding-top:0px;
padding-left:2%;
padding-right:1%;
}

#droite {
top: 10px ;
width:24%;
float:left;
background:#fff;
padding-bottom:0px;
padding-top:0px;
padding-left:1%;
padding-right:1%;
}

/* Mise en forme de la partie pied de page */
p#footer
{
	margin: 0 ;
	padding-right: 10px ;
	line-height: 30px ;
	text-align: right ;
	color: #8a0 ;
	text-decoration:none;
	}

/*script pour le menu déroulant*/
dl, dt, dd, ul, li {
margin: 0px;
padding: 0 0 0 0;
list-style-type: none;
}

#menu {
position: absolute; /* placement du menu */
margin: 0px auto ;
top: 150px;
z-index:100;
width: 100%; /* correction pour Opera */
}

#menu dl {
float: left;
}

#menu dt {
cursor: pointer;
text-align: center;
margin: 0px;

}

#menu dd {
display: none;
border: 1px solid gray;
}
#menu li {
text-align: center;
background: #fff;

}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
height: 100%;
border: 0 none;
}

#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
background: url(../Images/soleil_ban.jpg);
}

/*fin du script du menu déroulant*/

/*script pour le menu accueil déroulant*/
dl, dt, dd, ul, li {
margin: 0px;
padding: 0 0 0 0;
list-style-type: none;
}

#menu_accueil {
	position: absolute;
	margin: 0px auto;
	top: 150px;
	z-index:100;
	width: 100%;
	}

#menu_accueil dl {
float:left;
}

#menu_accueil dt {
cursor: pointer;
text-align: center;
margin: 0px;
}

#menu_accueil dd {
display:none;
border: 1px solid gray;
}
#menu_accueil li {
text-align: center;
background: #fff;

}
#menu_accueil li a, #menu_accueil dt a {
color: #000;
text-decoration: none;
height: 100%;
border: 0 none;
}

#menu_accueil li a:hover, #menu_accueil li a:focus, #menu_accueil dt a:hover, #menu_accueil dt a:focus {
background: url(../Images/soleil_ban.jpg);
}

/*fin du script du menu déroulant accueil*/


.bleu {
		text-decoration:none;
		color:#0000FF
}

.rouge {
	text-decoration:none;
	color:#993300
}

.encadre
{
float:left;
background: url(../Images/p_soleil.jpg) no-repeat ;
padding : 5px;
padding-top:0px;
margin : 5px;
margin-top:15px;
padding-top : 0px;
-moz-border-radius : 10px;
width: 140px;
height:180px;
}

.legende_encadre
{
background-color:#312DE6;
color:white;
padding : 0px;
padding-top:0px;
margin : 0px;
margin-top:150px;
padding-top : 0px;
-moz-border-radius : 10px;
text-align:center;
font-size:9px;
width: 140px;
}



.logo
{
position:float;
}


.gauche {
  float: left;
  } 
  
.droite {
  float: right;
  margin-left: 20px;
  }   
  
 
div#basdepage_ac {
background:#fff;
text-align:center;
padding-bottom:0px;
padding-top:0px;
clear:both;
} 

div#basdepage_ac a {
color: #fff ;
border: 0px;
}

 
div#basdepage {
background:#fff;
text-align:center;
padding-bottom:5px;
padding-top:5px;
clear:both;
}

div#basdepage a {
color: #fff ;
border: 0px;
}

textarea,input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: green;

}

.erreur {
	color:red;
	font-weight:bold;
}