#teaser.economie-energie {
	background: transparent url('/images/charte-v2/teaser-economie-energie.jpg') no-repeat 0 0;
	min-height: 138px;
	color: #fff;
	overflow: hidden;
	position: relative;
}
#teaser.top-electricite, #teaser.detailoffre-electricite {background-image: url('/images/charte-v2/teaser-energie-top-electricite.jpg');}
#teaser.top-gaz, #teaser.detailoffre-gaz {background-image: url('/images/charte-v2/teaser-energie-top-gaz.jpg');}
#teaser.top-electricite-gaz {background-image: url('/images/charte-v2/teaser-economie-energie.jpg');}
#teaser.top-electricite-verte {background-image: url('/images/charte-v2/teaser-energie-top-vert.jpg');}

h3 { color: #67B3C3; padding: 0.25em 0 0.5em 0; }

/* row, lside & rside */

.contenu .lside { background: transparent none; padding: 10px; }
.contenu .lside { clear: left; float: left; width: 160px; }
.contenu .rside { overflow: hidden;}

table.details td.valeur-energie{
	border-left:0px;
	background-color: #F8F8F8;
	text-align: left;
}

/* Bloc web call back */
.bloc.call { width:190px; height:254px; background:transparent url('/images/charte-v2/call-energie-sidebar.png') no-repeat right; margin-top:15px }
.bloc.call h3 { padding: 125px 17px 0;}
.bloc.call h3 span { font-size: 1.167em;}
.bloc.call input { padding: 1px; color: #757575;}
.bloc.call a { position:relative; top:5px; left:3px;}

/* preform frontpage */
.frontpage form { float: right; width: 57%; }
.form-presenter.economie-energie label { display: block; }
.form-presenter.economie-energie .multiple-fields label { display: inline; font-weight: normal; }
.form-presenter input[type="text"] { border:1px solid #67B3C3; padding:3px 1px; }
.frontpage .form-presenter #label-qf_7 { width: 250px; }
.form-presenter fieldset.action input {background:#FFFFFF url(/images/forms/btn_large.jpg) no-repeat center center; width:210px;}
.form-presenter label.sousquestions { float: left; text-align: right; width: 250px; margin: 0 25px 0 0; clear: left; }

/* preform */
.preform-energie { background:transparent url('/images/charte-v2/fd_preform-energie.jpg') no-repeat center 10px; padding:10px 17px; height:105px;}
.preform-energie h3 { color:#ffffff; padding:0.75em 0 0.25em 0; margin:0;}
.preform-energie h4 { color:#757575; margin:0; display:inline; font-size:1.1em;}
.preform-energie input {margin:0;}
.preform-energie input#ifpe-1-5, .preform-energie input#ifpe-2-5 {width:120px;}
.preform-energie input#ifpe-1-49, .preform-energie input#ifpe-2-49 {width:170px;}
.preform-energie label { color:#757575;}
.preform-energie .webcallback { float:left; width:400px; margin:10px 0 0}
.preform-energie input[type="image"] { vertical-align:middle; margin:0 0 0 110px;}

/* detail offre simu */
#infos-simulation-abo { margin: 15px 0; padding: 10px 10px 0; border: 1px solid #ccc; }
#recap-comparaison { margin: 0 0 15px; padding: 10px 10px 0; border: 1px solid #ccc; }

/* lien afficher offre et modif critere */
a.LienAfficherOffres {background:transparent url('/images/charte-v2/puce_plus.png') no-repeat left center; padding:10px 0 10px 35px; font-weight:bold; color:#67B3C3; outline:none; }
a.ModifCriteresCompar {
	background: transparent url('/images/charte-v2/buttons/btn-ico-modifier-infos-blanc.jpg') no-repeat right top;
	padding: 10px 0 0 50px;
	margin: 0;
	font-weight: bold;
	color: #fff;
	outline: none;
	display: block;
	float: right;
	width: 120px;
	height: 35px;
	text-align: center;
	text-transform: uppercase;
}
a.ModifCriteresCompar:hover, a.ModifCriteresCompar:active { text-decoration: none; color : #31616B;}
.ModifCritereEnd {clear: both;line-height: 0;font-size: 1px;}
/*.LienBulleAide img {vertical-align: middle;}*/
a.add {
	background:transparent url(/images/charte-v2/ico_add.png) no-repeat scroll left top;
	float:right;
	height:23px;
	position:relative;
	right:2px;
	text-indent:-10000px;
	top:-3px;
	width:24px;
}
.form-presenter .btn-simul {
	background: #F8FBF1;
	border: 1px solid #67b3c3;
	color: #c30;
	display: none;
	float: right;
	font-size: 1em;
	padding: 2px 2px 2px 20px;
	width: 10%;
	font-weight: bold;
}
.form-presenter .nibulle img {vertical-align: middle;}


/* Fiche Offre */
.LiensOffrePrestataire { margin: 10px 0; text-align: left; clear: both; }
.PresentationOffrePrestataire {	float: left; width: 350px; }
.PresentationOffrePrestataire h3 { padding: 0.5em 0 0.5em; }
.contenu .ActionOffrePrestataire { margin: 10px 0 0 375px; }
table.details tbody th.ActionOffrePrestataire { width: auto; text-align: center; }

/* lightbox webcallback */
#lightbox.tester {position:absolute;}
#wcb-form {	text-align: left;}
#wcb-form.form-presenter div.formulaire-v2 { margin: 0; padding: 0 0 5px 0;}
#wcb-form.form-presenter div.formulaire-v2 select#qf_119 { margin: 0 0 0 10px;}
#wcb-form.form-presenter div.formulaire-v2 input#qf_118_3 { width:100px;}
#wcb-form.form-presenter div.formulaire-v2 #globaleDiv-qf_7 {margin-left: 175px;}
#lightbox.tester input.email {border:1px solid #67B3C3;}
#wcb-form.form-presenter label.questions {clear:left; float:left; line-height:15px; margin:0 25px 0 0; text-align:right; width:150px; font-weight: bold;}
#wcb-form.form-presenter #wcb-submit {margin: 0 0 0 170px;}

/* Nouveau tableau de r�sultat */
table.PresentationResultat {
	width: 100%;
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}
/* definitions par colgroup */
table.PresentationResultat col.Fournisseurs { width:160px;}
table.PresentationResultat col.Services { width:165px;}
table.PresentationResultat col.OffreSelect { width:150px;}
table.PresentationResultat col.EnergieVerte { width:140px;}
table.PresentationResultat col.Prix { width:105px;}
table.PresentationResultat col.BtnActions { width:175px;}

/* Definition ligne active et cellule alternative */
table.PresentationResultat tbody tr.Active td.AlternativeCellule { background:#DFEFBF; }
table.PresentationResultat tbody tr td.AlternativeCellule { background:#F5F5F5; }
table.PresentationResultat tbody tr.Active th, table.PresentationResultat tbody tr.Active td { background:#F8FBF1;}
table.PresentationResultat tbody tr th, table.PresentationResultat tbody tr td { background:#FBFBFB;}

/* thead */
table.PresentationResultat thead tr th {
	background: #67b3c3;
	color: #fafafa;
	border: 1px solid #fafafa;
	padding: 7px 10px;
}

/* tbody */
table.PresentationResultat tbody tr { border: none; }
table.PresentationResultat tbody tr.LigneResultat td, table.PresentationResultat tbody tr.LigneResultat th { border-top: 1px solid #A9CFD7;}
table.PresentationResultat tbody tr th { vertical-align: middle; color: #757575; }
table.PresentationResultat tbody tr th div.Logo {
	height: 40px;
	margin: 0 auto;
	width: 157px;
}
table.PresentationResultat tbody tr th div.Logo img {
	max-height: 35px;
	max-width: 115px;
	vertical-align: middle;
}
table.PresentationResultat tbody tr td { padding: 0; color: #67B3C3; vertical-align: top; }
table.PresentationResultat tbody tr.LigneResultat td { padding: 2px 5px; }
table.PresentationResultat tbody tr td ul { padding: 0; margin: 0 0 0 15px; list-style-type: disc; }
table.PresentationResultat tbody tr td ul li { padding: 0; margin: 0; }
table.PresentationResultat tbody tr td.pourcentage-energie-verte { text-align: center; vertical-align: middle; }
table.PresentationResultat tbody tr td.pourcentage-energie-verte strong {
	background: #81BB0C;
	color: #fff;
	font-size: 1.8em;
	text-align: center;
	padding: 2px 5px;
	line-height: 1.5;
	border-radius: 0 10px 10px 10px;
	-moz-border-radius: 0 10px 10px 10px;
	-webkit-border-radius: 0 10px 10px 10px;
}
table.PresentationResultat tbody tr td.Prix { text-align: center; vertical-align: middle; }
table.PresentationResultat tbody tr td.Prix strong { color: #ff0000; font-size: 1.4em; font-weight: bold; }
table.PresentationResultat tbody tr td p.InfosComplementaires { margin: 10px 0 0 !important; }

table.PresentationResultat tbody tr.LigneResultat th a.simple-button { margin: 5px auto; }

/* tfoot */
table.PresentationResultat tfoot tr td {
	background: #67b3c3 none;
	color: #fafafa;
	padding: 7px 10px;
}