body {
	background-image: url(interface/back.jpg);
	background-repeat: repeat-x;
	background-color: #393A3E;
margin:0;
    }

#header {width:781px;
position:relative;}
#header *{margin:0;padding:0;}
#header #nav {float:left;background-color:#C7E247;width:781px;}
#header #bandeau {
	float:left;
	width:573px;
	height:151px;
	background:url(/interface/crea_r2_c2.jpg) center center no-repeat;
	}
#header #bandeau2 {
	float:right;
	width:208px;
	height:151px;
	background:url(/interface/crea_r2_c3.jpg) center center no-repeat;
	top:0;
}
#header #wcv {
	height:59px;
	float:right;
	width:208px;
	background:url(/interface/crea_r1_c3.jpg) center center no-repeat;
}

#nav ul { text-align: left; }
	#nav li {
		display: inline;
		list-style: none;
		height:30px;
		background-color:#C7E247;
	}
	#nav a {
		max-width:100px;
		color: #363C3C;
		text-decoration: none;
		text-align: center;
		height: 30px;
		float: left;
		padding: 5px 5px 0;

		border-left-width: 1px;
		border-left-style: solid;
		border-left-color: #363C3C;
		font-weight:normal;

		
	}
	#nav li.accueil a, #nav li.eclairage a, 
	#nav li.contact a, #nav li.plan a{line-height:2em;}
	#nav li.chauffage a, #nav li.creation a, 
	#nav li.rehabilitation a,
	#nav li.eau a,
	#nav li.renouvelable a {width:100px;}
	#nav li.gestion a {width:120px;}
	#nav a:hover 		{ background-color:#98CB00; }
	#nav a:hover 		{ color: #363C3C;}
		
	#nav li.mentions 	{ margin-top:-99999px; margin-left:-99999px; position: absolute; } /* Permet de cacher le bouton */
	
	/* Boutons actifs */
	#accueil #nav li.accueil a,
	#contact #nav li.contact a,
	#societe #nav li.societe a {  }

/**/

/* Bouton de rappel */

	 #wcb {
		position:relative;

		padding-left:650px;
		margin-bottom:-60px;
	}
	#wcb #boutonappel {
		text-indent : -9999px;
		height:60px;
		width:110px;
		overflow:hidden;
		background:#eee url(/images/wcb.gif) no-repeat top left;
		display:block;
		cursor:pointer;
	}
	
/**/
.counter {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #000000;
         }

.txtsmall {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #C7E247;
          }

a {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color:  #009900;
	text-decoration: none;
      }
a:hover {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #009900;
	text-decoration: underline;
      }

	  
.img {

	border: 1px solid #8D0100;

}

.menuBas {

	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
        }

.menuBas:hover {

	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: underline;
        }

.texte2 {
	color: #393A3E;
	font: normal 9px Verdana, Arial, Helvetica, sans-serif;
        }

.img {

	border: 3px solid #8D0100;
}

.titrepeti {

	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #009900;
	text-decoration: none;
           }

#div {
	overflow: auto;
	height:400px;
	width:500px;
	
}

.pow {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color:#FFFFFF;
	}
	
.sousTitre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
          }
		  
.texte {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #393A3E;
}
.cnil{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
}
h1 {
	display: none;
}
.sep {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #DB4247;
}
.sousTitre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
}
.adresse {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
}
.titre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color:  #009900;
}
.baseline {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #39B95C;
	height: 30px;
	width: 100%;
	text-indent: 15px;
	display: block;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-decoration: none;
}
ul {
	text-indent: 0px;
	display: block;
	margin: 0px;
	padding: 0px;
}
li {
	text-indent: 0px;
	display: block;
	margin: 0px;
	padding: 0px;
}

.accroche {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #DA454B;
	font-weight: bold;
}
.contour {
	border: 1px solid #C7E247;;
}
.bgGauche {
	background-image: url(img/bgGauche.jpg);
	background-position: top;
	background-repeat: repeat;
}
.bgMain {
	background-image: url(img/bgMain.jpg);
	background-repeat: repeat;
}
.accrocheBlanche {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
}

.vcard {
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}	

.vcard .email{}

.vcard .value{
	font-weight:bold;
}
.vcard a {

}

.vcard a:hover{
}

.vcard .fn {
	font-weight: bold;

}

.vcard h2 {
}

#content_optipage {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}


#content_optipage h2 {
	color:#009900;
	font-size:14px;
}