/* emprunte écologique */

body{background:url(../img/bg.gif) #F3FFCD repeat-y top left; margin:0px 0px 5px 0px; font-family:Arial, Helvetica, sans-serif; font-size:11px;}

body, p, li, ul, ol, form{padding:0px; margin:0px;}

li{list-style:none;}

h1, h2, h3, h4, h5{font-weight:normal; margin:0px; padding:0px;}

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

img{border:none;}

h1{font-size:23px; font-family:Arial, Helvetica, sans-serif; position:absolute; left:337px; top:25px; font-weight:normal;}
h2{font-size:21px; border-bottom:2px solid #000000; padding-bottom:10px; color:#0099C3; padding-right:150px; font-weight:normal;}
h3{font-weight:bold; padding:15px 0px 15px 0px; font-size:12px;}

p{padding-right:30px; padding-bottom:10px;}

.left{float:left;}
.right{float:right;}
.clear{clear:both; line-height:0px; height:0px; font-size:0px;}

.txtvert{color:#A9D715;}
.txtbleu{color:#0099C3;}
.txtrouge{color:#FF0000;}
.txtorange{color:#FF9900;}
.txtgris{color:#7B7B7B;}

.txt10{font-size:10px;}
.txt12{font-size:12px;}
.txt14{font-size:14px;}
.txt15{font-size:15px;}
.txt17{font-size:17px;}
.txt18{font-size:18px;}
.txt21{font-size:21px;}

.donnees{font-size:10px; color:#7B7B7B; padding-top:5px; background:url(../img/pointille_vert.gif) repeat-x top left; clear:both;}
.quid{ width:145px; margin-left:25px; padding-top:15px; margin-right:15px; line-height:11px;}
.quid li, .quid a{font-size:10px; color:#7b7b7b;}
.quid li{padding-bottom:4px;}
.quid h3{padding-bottom:5px; padding-top:5px;}
.sstitre{font-size:15px; font-weight:bold; padding:15px 0px;}
.txtintro{padding:20px 0px 20px 0px;}

.liste1{padding-left:25px; background:url(../img/puce1.gif) no-repeat left 4px; color:#7A7A7A;}
.liste2{padding-left:25px; background:url(../img/puce2.gif) no-repeat left 4px; color:#7A7A7A;}
.liste3{padding-left:25px; background:url(../img/puce3.gif) no-repeat left 4px; color:#7A7A7A;}
.liste4{padding-left:25px; background:url(../img/puce4.gif) no-repeat left 4px; color:#7A7A7A;}

.pointillesverts{background:url(../img/pointille_vert.gif) repeat-x top left; height:1px; line-height:0px; clear:both; font-size:0px}
.pointillesbleus{background:url(../img/pointille_bleu.gif) repeat-x top left; height:1px; line-height:0px; clear:both; padding:5px 0px; font-size:0px}
.pointillesoranges{background:url(../img/pointille_orange.gif) repeat-x top left; height:1px; line-height:0px; clear:both; margin:20px 0px; font-size:0px}

/* header */

#header{width:996px; position:relative;}
#bandeau{height:15px; width:996px; background:url(../img/bg2_header.gif) repeat-y top left;}
#logo{position:absolute; right:0px; top:15px; }

/* cadre principal */

#principal{background-color:#FFFFFF; width:978px; padding-bottom:30px; padding-right:18px;}

/* colonne de gauche */

#colgauche{width:338px; float:left;}

/* menu niveau 1 */

.menu_level1{width:190px; list-style:none; padding-bottom:20px; line-height:0px;}
.menu_level1 a{display:block; text-align:right; text-transform:uppercase; color:#FFFFFF; height:30px; line-height:30px; padding-right:8px; background-color:#FF9801; border-bottom:1px solid #FFFFFF;}
.menu_level1 a:hover{text-decoration:none; background-color:#8BDBFF;}
.menu_level1 a.menu_eed { background: #B0DA19; }
.menu_level1 a.menu_eed:hover{ background-color:#8BDBFF;}

/* menu niveau2 */

.menu_level2{background:url(../img/menu_level2_separateur.gif) no-repeat bottom left;}
.menu_level2 li{background:url(../img/menu_level2_separateur.gif) no-repeat top left; width:190px; padding:15px 0px; text-align:right; list-style:none;}
.menu_level2 a{color:#182E0A; padding-right:15px; display:block;}

/* colonne de droite */

#coldroite{width:640px; float:right; margin-top:120px;}

/* footer */

#footer{width:996px; position:relative;}
#footer .separateur{height:5px; background-color:#FFFFFF; height:5px; line-height:0px;}
#footer_liens{height:30px; line-height:30px; background:url(../img/bg_footer.gif) repeat-y top left;}
#footer_liens li{display:inline; color:#FFFFFF; padding-right:10px;}
#footer_liens a{color:#FFFFFF;}
#gfn{width:445px; position:absolute; top:35px; right:0px;}
#sita{color:#788C37; padding:10px 0px 0px 35px; height:50px;}
#gfn p{width:340px; color:#788C37; margin:10px 10px 0px 0px; padding:0px; text-align:right;}
.menu_footer{position:absolute; top:0px; left:500px;}
#logosuez{background-color:#FFFFFF; width:996px; clear:both; text-align:right; padding:10px 0px;}
#logosuez img{margin-right:10px;}

/* page login et nouvel utilisateur */

#newuser{padding:20px 0px;}
#newuser .sstitre{padding-bottom:0px;}

#login_identification{width:427px; border-right:1px solid #58B121; float:left; padding-bottom:20px; position:relative;}
#login_new{float:left; width:192px; margin-left:20px; position:relative; padding-bottom:0px;}

.field{width:218px; height:18px; border:1px solid #58B121; padding-left:5px; /* font-size: 10px;*/}
.check{padding:15px 0px;}

label{display:block; color:#FCA000; padding:0px 0px 5px 0px; font-size:10px;}
#form_newuser label, #form_login label{padding-top:10px;}
#form_login .check label{display:inline;}
#form_newuser h3{padding-bottom:0px;}

#form_newuser .continuer, #form_login .continuer{position:absolute; top:100px; right:40px;}
#form_newuser .inscription, #form_login .inscription{position:absolute; top:100px; right:0px;}

#coldroite p.erreur{padding-bottom:0px;}

/* liste de calculs */

.listecalculs th{text-align:left; border-bottom:1px dashed #0B9CDD;}
.listecalculs td{height:25px;}
.listecalculs tr td{color:#767D83;}

#coldroite .listecalculs p{padding-bottom:0px;}

/* étapes du calcul */

.etape1 h2, .etape2 h2, .etape3 h2, .etape4 h2{padding-top:10px; padding-bottom:45px; border-style:none;}
.etape1{background:url(../img/bg_etape1.gif) no-repeat top left;}
.etape2{background:url(../img/bg_etape2.gif) no-repeat top left;}
.etape3{background:url(../img/bg_etape3.gif) no-repeat top left;}
.etape4{background:url(../img/bg_etape4.gif) no-repeat top left;}
.etape5{background:url(../img/bg_etape5.gif) no-repeat top left;}

.menu_etapes{padding-bottom:10px;}
.menu_etapes li{display:inline; list-style:none; padding:10px 40px 0px 0px; color:#FF9801; text-transform:uppercase;}
.menu_etapes li a{color:#FF9801;}
.menu_etapes li.act, .menu_etapes li.act a{color:#009FC6;}
.menu_etapes li.act .num{background:url(../img/bg_num_act.gif) no-repeat center center;}
.num{color:#FFFFFF; background:url(../img/bg_num_no.gif) no-repeat center center; text-align:center; padding:5px 5px 5px 7px;}

.calcul .field{border:1px solid #13A2A6; width:25px; font-size:10px; height:16px; text-align:right; margin:0px; padding-right:5px;}
.calcul .fieldkm { width:40px; }

.calcul th{background-color:#009FC6; color:#FFFFFF; height:18px;}
.calcul tr td{color:#767D83; border-right:1px solid #86D9F9; text-align:center;}
.etape1 .calcul tr td{text-align:left; border-style:none;}
th.bgbleu{background-color:#7FD0E3; text-align:left; text-indent:25px;}
.calcul td{height:25px; }
tr.bgbleu{background-color:#EFFAFF;}
tr.bgroll{background-color:#C8D9E1;}
tr.unites th{background-color:#ffffff; color:#009FC6; font-weight:normal; border-right:1px solid #86D9F9;}
.calcul tr td.col1{text-align:left; text-indent:15px;}

.etapes .totop{border-bottom:2px solid #000000;}
.totop{clear:both; padding:35px 0px 5px 0px; text-align:right; font-size:10px; color:#767D83;}
.totop a{color:#767D83; background:url(../img/picto_totop.gif) no-repeat top right; padding-right:15px; }

.etapes .continuer{float:right; padding:20px 35px 20px 0px;}
.etapes .precedent{float:left; padding-top:20px; padding-left:35px;}

.etape1 h3{padding:5px 0px 5px 0px;}
.etape1 .calcul .field{width:50px;}

.note{background:url(../img/pointille_bleu.gif) repeat-x bottom left; padding-bottom:5px; padding-top:20px; font-size:10px; color:#767D83;}

.etape5{position:relative;}
.etape5 h2{padding-top:10px; padding-bottom:20px; margin-bottom:15px; border-top:2px solid #000000; border-bottom-style:none; background:url(../img/pointille_vert.gif) repeat-x bottom left;}
.outils{height:50px; text-align:right;}
.outils_bottom{height:50px; float:right; margin-top:25px;}
.outils_bottom li, .outils li{list-style:none; display:inline;}
.outils_bottom a, .outils a{ padding:5px 20px 5px 0px; color:#000000;}
.print{background:url(../img/picto_print.gif) no-repeat center right;}
.saveas{background:url(../img/picto_save.gif) no-repeat center right; margin-right:20px;}
.save{background:url(../img/picto_save.gif) no-repeat center right; margin-right:20px;}

/* pages de présentation */

.presentation{font-size:13px; color:#3B4C2C;}
.presentation p{padding-right:100px; padding-bottom:15px;}
.presentation h2{margin-bottom:15px;}
.presentation h3{color:#A4D520; padding:10px 0px 15px 0px; font-size:16px; font-weight:normal;}

/* div valeurs par défaut */
.d_default {
	position: absolute;
	width: 100px;
	background: #F3FFCD;
	border: solid 1px #13A2A6;
	display: none;
	padding: 5px; 
	text-align: center;
}

.etape5 h3{ padding: 0px 0px 0px 0px; 
	font-size: 16px;
	font-weight: bold;
}
.etape5 p{ 
	padding: 0px; 
	font-size: 12px;
}
.resultat_m2 {
	font-size: 16px;
	font-weight: bold;
	color: #FF4E00;
	padding: 0px 0px 13px 0px;
	line-height: 17px;
}
.etape5 h4 { padding: 0px 0px 13px 0px; 
	font-size: 12px;
	font-weight: bold;
}

.table_sources { border-left : solid 1px #A4D520; border-top: solid 9px #A4D520; }
.table_sources td { border-right: solid 1px #A4D520; border-bottom: solid 1px #A4D520; }
.sources_input { width: 430px;  }
.sources_nom { width: 200px; font-weight: bold; }
.sources_valeur { width: 239px; font-size: 11px; }
.sources_ref { font-size: 11px; padding-bottom: 10px; width: 239px; }
.sources_source { width: 200px; font-size: 11px; }
.sources_notes { width: 200px; font-size: 11px;  padding-bottom: 10px;}
.sources_li , .sources_li-act{ 
		float: left; 
		font-size: 11px;
		display: inline;
		background: URL(../img/onglet-no.gif) no-repeat top left;
		width: 106px;
		font-weight: bold;
		height: 39px;
		}
.sources_li-act { 
	background: URL(../img/onglet-act.gif) no-repeat top left;
 }
.sources_li a, .sources_li-act a{ 
		display: block;
		color: #000000;
		padding: 5px 5px 0px 10px;
}
.sources_groupe {
	text-align: center;
	color: #6E9936;
	font-size: 18px;
}

.listecalculs tr td.liste_eed { color: #FFF; font-weight: bold; font-size: 12px; background: #767D83; }
.listecalculs tr td.liste_eed span {  font-weight: normal; font-size: 10px; }
.listecalculs tr td.liste_eed span a { text-decoration: underline; color: #FFF; }

#liste_eed_search { margin: 0px; padding: 0px; font-size: 10px; }
#liste_eed_search input { margin: 0px; padding: 0px; font-size: 10px; }