* {
margin : 0;
padding : 0;
}

html, body {
font-family : verdana, arial, helvetica, sans-serif;
text-align : center;
font-size : 10px;
/*height : 100%;*/
width : 100%;
color : #666;
margin : 0;
padding : 0;
}

body{
background : #fff url(../img-ecologis/fond.jpg) no-repeat top center;
height: 100%;
}

.gris {
color:#595959;
}
 
.orange {
color:#FF9900;
}


img{
font-size: 1px;
}

a{
text-decoration: underline;
color : #666;
}
a:hover{
text-decoration:none;
}

strong, b{
font-weight: bold;
}

label{
cursor:pointer;
vertical-align:middle;
}

.middle{
vertical-align: middle;
}

.whiteBg{
background-color: #fff;
}

.underline{
text-decoration: underline;
}

.noUnderline{
text-decoration: none;
}

.clear{
clear: both;

}

.loading{
text-align: center;
margin: auto;
}

p.legend {
margin-top:-0.8em;
margin-left:10px;
float:left;
}

p.legend span
{
padding:0 10px;
background-color:#fff;
font-weight: bold;
}

div.fieldnotset
{ border: 1px dashed #99a; }

#conteneur {
width : 990px;
margin : 250px auto 0 auto;
position:relative;
}

#cadreLienHome{
display:block;
border:0; 
width: 200px; 
height: 100px;
position: absolute; 
left:25px; 
top:-205px; 
cursor:pointer;
text-decoration: none;
}

#global{
margin-bottom: 10px;
}

#contenu li{
display:block;
}

#contGauche{
position: relative;
z-index:1;
width: 170px;
float: left;
}

#contGauche table{
height: 100%;
}

#nosMetiers{
color: #fff;
font-weight: bold;
}

#nosMetiers a{
margin-left: 22px;
color: #fff;
text-decoration: none;
}

#contDroite{
position: relative;
z-index:0;
background-color: #fff;
width: 820px;
float: left;
height: 100%;
}

#DegradDroit{
position: absolute; 
width: 10px; 
height: 100%; 
background: url(../img-ecologis/degradDroite.png) repeat-y; 
top:0; 
left: -10px; 
z-index:0;
}

#DegradGauche{
position: absolute; 
width: 18px; 
height: 100%; 
background: url(../img-ecologis/degradGauche.png) repeat-y; 
top:0; 
right: -18px; 
z-index:0;
}

#DegradBasGauche{
position: absolute; 
height: 27px; 
width: 26px; 
background: url(../img-ecologis/bordBasGauche.png) no-repeat; 
bottom:-27px; 
left:-10px; 
z-index:0;
}

#DegradBasDroit{
position: absolute; 
height: 26px; 
width: 35px; 
background: url(../img-ecologis/bordBasDroite.png) no-repeat; 
bottom:-26px; 
right:-18px; 
z-index:0;
}

#DegradBasCentre{
position: relative; 
height: 27px; 
background: url(../img-ecologis/bordBasCentre.png) repeat-x;  
z-index:-1; 
top: 27px;
clear: both;
margin-left: 16px; 
margin-right: 17px;
}

#cadreBlanc{
font-family: arial, helvetica, sans-serif;
font-size: 12px;
margin: 30px 15px 0 0;
}

#sousMenu2{
position:relative; 
background-color: #fce3d3; 
margin: 0 20px 0 20px; 
height: 26px; 
line-height: 26px; 
text-align: left; 
vertical-align: middle; 
padding: 0 0 0 5px;
color: #ec5401;
}

#sousMenu2 a{
margin:0 5px 0 5px;
color: #ec5401;
}

#sousMenu2 a:hover{
	text-decoration:underline;
}

#sousMenu2ImgLeft{
position: absolute; 
top:0;
left:0;
}

#sousMenu2ImgRight{
position: absolute; 
top:0;
right:0;
}

#menu{
width: 820px;
margin: 0  0 0 auto;
}

#menu li{
list-style-type: none;
float:right;
height: 32px;
line-height: 32px;
background : url(../img-ecologis/repeat-menu.jpg) repeat-x;
}

#menu li.canBeHover, #menu li.mustBeActif{
padding: 0 8px 0 8px;
}

#menu li a{
color: white;
font-weight:bold;
font-size: 11px;
}

#menu li.endMenu, #menu li.startMenu{
background :transparent none;
padding: 0;
}

.recherche{
width: 107px;
border: 1px solid #ec6a1e;
height: 16px;
font-size: 12px;
position: relative;
top: 2px;
color: #e35503;
text-indent: 2px;
background-color: #FCE3D3;
}

.btImage{
vertical-align:middle;
}

#nosMetiers .menuData{
margin-left: 6px;
list-style-type: none;
width: 130px;
position: relative;
top: -5px;
}

#nosMetiers .menuData li{
text-align: left;
}

#nosMetiers .menuData a{
color: #5d5d5d;
font-weight: normal;
text-decoration: none;
display:block;
margin: 0 0 0 12px;
padding: 4px 0 4px 0;
vertical-align: middle;
position:relative;
}

#nosMetiers .menuData a img{
position: absolute;
top:8px;
left: -12px;
}

#nosMetiers .menuData a:hover{
color: #5d5d5d;
text-decoration:underline;
}

#sousMenuConseil{
background-color: #f7f8dc; 
}

#sousMenuConseil li{
border-bottom: 1px dotted #8AB205;
}

#sousMenuSolution{
background-color: #fbdae4; 
}

#sousMenuSolution li{
border-bottom: 1px dotted #E10948;
}

#sousMenuInstallation{
background-color: #dbe9f2; 
}

#sousMenuInstallation li{
border-bottom: 1px dotted #0E6AAB;
}

#sousMenuServices{
background-color: #fff8dd; 
}

#sousMenuServices li{
border-bottom: 1px dotted #FCB418;
}

#nosMetiers .menuData img{
display:inline;
font-size:1px;
width: 5px;
height: 5px;
border:0;
vertical-align: middle;
margin: 0 3px 0 3px;
}

#nosMetiers .menuData span{
vertical-align: middle;
}

#degradNosMetiers{
background : url(../img-ecologis/degradNosMetiers.png) no-repeat top left;
margin-left:12px;
width: 158px;
height: 40px;

}

#votreDossier{
background : url(../img-ecologis/dossierEco.png) no-repeat top left;
width: 170px;
margin-top: -20px;
height: 150px;
}

#votreDossier ul{
position: relative;
z-index:1;
}

#boiteOutils{
background : url(../img-ecologis/boiteAOutil.png) no-repeat top left;
width: 170px;
height: 170px;
margin-top: -15px;
}


#boiteOutils ul{
padding-top: 36px;
margin-left: 10px;
text-align: left;
list-style-type: none;
position: relative;
z-index:1;
}

#boiteOutils li{
border-bottom: 1px dotted #3a5e05;
background : url(../img-ecologis/puce-verte.gif) no-repeat center left;
}

#boiteOutils li a{
display:block;
margin: 4px 0 4px 10px;
padding: 1px 0 0 0;
color: #3a5e05;
text-decoration: none;
vertical-align: middle;
}

#boiteOutils li a:hover{
text-decoration: underline;
}

#votreDossier ul{
padding-top: 50px;
width: 135px;
list-style-type: none;
margin: 0 auto 0 auto;
text-align: right;
}

#votreDossier .inp{
width: 135px;
border: 1px solid #5B8A15;
height: 16px;
margin: 0 0 4px 0;
font-size: 10px;
position: relative;
color: #767678;
text-indent: 2px;
}

#votreDossierBt{
margin-top: 5px;
width: 68px;
border: 0;
height: 19px;
}

#contactez-nous {
margin:10px auto 0 auto;
font-family: arial, helvetica, sans-serif;
font-size: 12px;
}

#contactez-nous label, #projetFiche label{
margin: 0 0 0 5px;
}

#contactez-nous input, #projetFiche input{
vertical-align:middle;
}

#textForm{
	font-style: normal;
	color: #6c9a2b;
}

#infoGene{
margin: 20px 0 0 0;
text-align: left;
}

#infoGene table{
margin: 15px;
text-align: left;
}



#contactez-nous input.Ginput, #projetFiche input.Ginput, #infoGene select, #lieuxEtude select, #lieuxEtude input{ 
	font-size: 12px;
	color: #333333;
	font-family: arial, helvetica, sans-serif;
	background:#ffffff;
	width:400px;
	padding-left: 10px;
	border-width: 1px;
	border-color:#cccccc;
	border-style:solid;
}

#contactez-nous:hover input.Ginput:hover, #projetFiche:hover input.Ginput:hover, #infoGene select:hover, #lieuxEtude select:hover, #lieuxEtude input:hover{ 
	font-size: 12px;
	color: #333333;
	font-family: arial, helvetica, sans-serif;
	background:#e3e3e3;
	width:400px;
	padding-left: 10px;
	border-width: 1px;
	border-color:#cccccc;
	border-style:solid;


}

textarea {
	font-size: 12px;
	COLOR: #333333;
	FONT-FAMILY: arial, Helvetica, sans-serif;
	background:#FFFFFF;
	width:400px;
	padding: 10px;
	border-width: 1px;
	border-color:#CCCCCC;
	border-style:solid;
}

textarea:hover {
	font-size: 12px;
	COLOR: #333333;
	FONT-FAMILY: arial, Helvetica, sans-serif;
	background:#e3e3e3;
	width:400px;
	padding: 10px;
	border-width: 1px;
	border-color:#CCCCCC;
	border-style:solid;
}

#commentaires textarea{
	width:600px;
}


#btSubmitContact{
margin: 20px auto 0 auto;
}

#lieuxEtude{
margin: 40px 0 0 0;
}

#lieuxEtude table{
margin: 10px auto 10px auto;
}



#votreBesoin, #nnc, #cdlm, #mdlm, #commentaires{
margin: 40px auto 0 auto;
}

#votreBesoin table, #nnc table, #cdlm table, #commentaires textarea,#mdlm table{
margin: 10px auto 10px auto;
}

#mdlm label, #cdlm label, #commentaires label{
font-size: 10px;
}

#projetFiche{
margin:10px auto 0 auto;
font-family: arial, helvetica, sans-serif;
font-size: 12px;
}

#implantation {
width: 740px;
margin: 10px auto 0 auto;
font-family: arial, helvetica, sans-serif;
font-size: 12px;
}

#adresseGoogle{
width: 300px;
}

#sidebar_map{
text-align: left;
}

#implantation p{
text-align: left;
margin: 15px 0 10px 0;
font-size: 12px;
}

.gmapSidebar{
display:none;
}
#planDuSite{
	margin-top: 20px;
	}
	
#planDuSite a, #resultat a{
color: black;
font-size:11px;
}

#planDuSite a{
margin-left: 20px;
}

#planDuSite a:hover, #resultat a:hover{
text-decoration: underline;

}

#planDuSite ul{
margin-left: 10px;
margin-bottom: 20px;
}



#planDuSite .intitule{
font-weight: bold; 
font-size: 11px;
color: #FF9900;
}


/* Accueil */
#a_contenu {
width: 820px;
margin: 0 auto;
margin-top: 20px;
color: #67686b;
text-align: justify;
position: relative; 
height: 480px;
}
#a_gauche {
width: 480px;
height: 290px;
margin: 0 auto;
float: left;
background:url(../img-ecologis/a_magasin.jpg) no-repeat top right;
position: relative;
z-index:4;
}
#a_droite {
width: 330px;
height: 166px;
margin: 0 auto;
float: right;
background: #fff url(../img-ecologis/a_actu.jpg) no-repeat top right;
}
.a_contenu {
width: 420px;
margin: 0 auto;
margin-top: 105px;
margin-left: 40px;
margin-bottom:10px;
height: auto;
text-align: justify;
position: relative;
}
.a_gauche {
width: 200px;
margin: 0 auto;
margin-right: 10px;
float: left;
position: relative; 
z-index:3;
}
.a_droite {
width: 200px;
margin: 0 auto;
float: right;
}
.a_bas {
width: 420px;
text-align: right;
}
.a_actu {
margin: 40px 0px 0px 40px;
width: 250px;
}
.a_actu_titre {
color: #7ea600;
font-weight: bold;
}

#a_bas {
clear: both;
}

#a_bas img, #a_bas a{
border:0;
}
#a_eco {
width: 285px;
background: url(../img-ecologis/a_eco.png) no-repeat top left;
float: left;
margin-left: 20px;
color: #fff;
text-align: justify;
top: 200px;
padding-left: 28px;
padding-top: 27px;
position: absolute;
}
.a_eco_titre {
color: #6d6e71;
margin-bottom: 5px;
text-decoration: underline;
font-weight: bold;
}
.a_bouton {
margin-top: 10px;
}
#flashInc {
position:absolute;
right:0;
top:20px;
width:330px;
}

#a_cadre_bas{
width:820px;
height: 345px;
background: url(../img-ecologis/home_bas.png) no-repeat bottom left;
z-index:2;
clear: both;
margin-top:10px;
position: absolute;
left:0;
top:165px;	
}

#flashObj{
position: absolute; 
z-index:-1; 
right:0; 
top:0;
}

#resultat{
font-size: 11px;
margin-top: 10px; 
margin-left:50px;
}

#invitation .invInput{
border: 1px solid #CCCCCC;
width: 300px;
padding-left: 10px;
}

#invitation .invInput:hover{
background:#e3e3e3;
}

.pagination
{ text-align: center;
	margin-bottom: 5px;
}

.pagination img
{ 
	border:0;
}

.pagination a
{ 
	color: #ff9900;
}

.documentations { color:#FF9900; text-decoration:none; font-size:24px; }
.documentations a{text-decoration:none; color:#FF9900; line-height:50px;}
.documentations li{ background:url(../img-ecologis/pdf.png) no-repeat center left; padding-left:25px;}
.documentations a:hover{text-decoration: underline;}

#footer {font-family: arial, helvetica, sans-serif; width : 780px; padding-left:170px; text-align:justify; margin : 0 auto; margin-top:30px; padding-bottom:10px; font-size: 9px; clear:both; color:#bbb;}

#footer a{color:#bbb;}
#footer a:hover{color:#999999;}

#sv{background:url(../img-ecologis/svc.jpg) repeat-y; color:#EB8500; width:740px; }
.svc{margin:0px 30px 0px 20px; text-align:justify; padding:0;}
#sv a{color:#eb8500; text-decoration:underline;}
#sv a:hover{text-decoration:none;}
#iglobale{width:100%;}
.svhaut{background:url(../img-ecologis/svh.jpg) no-repeat; width:740px; height:65px; margin:0; padding:0;}
.svbas{background:url(../img-ecologis/svb.jpg) no-repeat; width:740px; height:17px; margin:0; padding:0;}
.igauche{ width:57%;float:left; text-align:justify;}
.idroite{width:301px; float:right;}

.plandusite{line-height:17px;}
.plandusite a{text-decoration:none;}
.plandusite a:hover{text-decoration:underline;}

.lienutile{}
.lienutile a{color:#6C9A2B; text-decoration:underline;}
.lienutile a:hover{text-decoration:none;}

.faq{}
.faq a{text-decoration:none;}
.faq a:hover{text-decoration:underline;}

/*couleur*/
.oranges{color:#ff9900;}
.oranges a{color:#ff9900; text-decoration:underline;}
.oranges a:hover{text-decoration:none;}
.rose{color:#E5245D;}
.rose a{color:#E5245D; text-decoration:underline;}
.rose a:hover{text-decoration:none;}
.bleu{color:#2A7AB5;}
.bleu a{color:#2A7AB5; text-decoration:underline;}
.bleu a:hover{text-decoration:none;}
.vert{color:#CDD51F;}
.vert a{color:#CDD51F; text-decoration:underline;}
.vert a:hover{text-decoration:none;}