/* CSS DOCUMENT */
/*
body {color : #333;}
b {
font-weight : bold; 
}
input, select, th, td {font-size:1em}*/
#plandusite h1 {font-size:1.4em; color: #c00; padding: 20px 0 10px 55px; text-transform: uppercase;}
#plandusite h1 a {text-decoration: none; color:#C00;}
#plandusite h1 a:hover {text-decoration: underline;}
#plandusite h1 a:visited {color:#C00;}
#plandusite h2 {font-size:1.2em; color: #966; padding: 15px 0 10px 85px;}
#plandusite h2 a {text-decoration: none; color:#333;}
#plandusite h2 a:hover {text-decoration: underline;}
#plandusite a:visited ,
#plandusite h2 a:visited {color : #966;}
#plandusite ul {padding-left:150px}
.spacer {clear: both; display: block; height: 1px; margin: 5px 0;}
.centre {text-align: center}
/*a:link {color : #333;}
a:visited {color : #666;}
a:active {color : #c00;}
a:hover {color : #c00;}*/
.mineur {font-size: 1em}
sup {vertical-align: 0.2em}
sub {vertical-align: -0.15em}
span.encadre {border: solid 1px #D5D5D5; padding: 3px; float: left; margin: 0 15px 0 20px;}

#contenu_v2 {background: url(/images_template/new_fond_contenu_2col.gif) left top repeat-y; padding:0;}
#contenu_v2 ol {padding: 5px 50px; font : normal 1em Arial, Helvetica, Sans-serif;}
.head h1,
.contenu h1 {font-size:1.5em; padding: 20px 0 10px 35px; text-transform: uppercase;}
.contenu h2 {font-size:1.4em; padding: 15px 0 10px 35px;}
.contenu h3 {font-size:1.25em; padding: 15px 0 10px 35px;}
.contenu h4 {font-size:1em; padding: 15px 0 10px 35px;}
.contenu p {padding: 5px}
.contenu .cadre_contenu h2 {font-size:1.2em; line-height: 1; border-bottom: dotted 1px #ccc; padding: 10px 0 10px 15px; margin-bottom: 10px;}
.contenu .cadre_contenu_droite h2 {font-size:1.2em; line-height: 1; border-bottom: dotted 1px #ccc; padding: 10px 0 10px 15px; margin-bottom: 10px;}
.contenu .cadre_contenu_gauche h2 {font-size:1.2em; line-height: 1; border-bottom: dotted 1px #ccc; padding: 10px 0 10px 15px; margin-bottom: 10px;}
.contenu .cadre_contenu p {color: #333; padding: 5px}
.contenu .cadre_contenu ul {padding:10px; list-style:square; margin-left:15px;}
.contenu .cadre_contenu li {padding-left: 5px;}
.illustration {float:right; padding-top: 8px;}
.bloc_offre {
position: relative;
overflow: visible;
margin: 15px 5px;
background: url(/images_template/fond_bloc_degrade_hb.gif) left bottom repeat-x;
}
.bloc_offre_contenu {
border: solid 1px #fff;
border-bottom: solid 1px #ccc;
background: #fff url(/images_template/fond_cadre_contenu_degrade_hb.gif) left top repeat-x;
overflow: visible;
text-align: center;
padding: 5px;
}
form.cashstore {padding-left:50px}
#contenu_v2 ul.garanties {list-style: none; padding: 10px 0 0 25px;}
#contenu_v2 ul.garanties li {list-style: none; background: url(/images/new-li-fleche.gif) 0 0.3em no-repeat; padding: 5px 0 5px 35px; border-bottom: dotted 1px #ccc; font-weight:bold;}
#warning {color: #000;border: solid 1px #000;clear: both;width: 630px;margin: 5px auto;padding: 10px 10px 10px 60px;background-color: #F90;background-position: 2% 50%;background-repeat: no-repeat;font: bold 1.1em Arial, Helvetica;}
.error {background-image: url(/images_template/warning2.gif);}
#liste_definition {
padding: 30px 30px 15px 30px;
/*background: #fff url(/images/blonde3.jpg) right top no-repeat;*/
}

/* tableau comparatif survol   25-03-08  */
.comparatif tr:hover {background: #fffdd3;}
.comparatif .gain{color:#00ADEA; border-right: 2px solid #fff; font-weight: bold; font-size: 1.7em;}

/* onglet pages offres   07-01-08  */ 

.onglet { position: relative; overflow: visible; margin:0 0 0 15px; padding:0px; }

.onglet span {display:none}
.onglet a {float:left; position:relative; margin:0px; padding:0px;}

.onglet1 {width:93px; height:22px; background: url(/images_template/ong-electrivite.png) left top}
.onglet1-on {width:93px; height:22px; background: url(/images_template/ong-electrivite-on.png) left top}
.onglet1:hover {background: url(/images_template/ong-electrivite-hover.png) left top}

.onglet2 {width:52px; height:22px; background: url(/images_template/ong-gaz.png) left top}
.onglet2-on {width:52px; height:22px; background: url(/images_template/ong-gaz-on.png) left top}
.onglet2:hover {background: url(/images_template/ong-gaz-hover.png) left top}

.onglet3 {width:121px; height:22px; background: url(/images_template/ong-2energies.png) left top}
.onglet3-on {width:121px; height:22px; background: url(/images_template/ong-2energies-on.png) left top}
.onglet3:hover {background: url(/images_template/ong-2energies-hover.png) left top}


/* onglet offre elec  15-01-08  */

.onglet4 {width:154px; height:22px; background: url(/images_template/ong-avantage-electricite.png) left top}
.onglet4-on {width:154px; height:22px; background: url(/images_template/ong-avantage-electricite-on.png) left top}
.onglet4:hover {background: url(/images_template/ong-avantage-electricite-hover.png) left top}

.onglet5 {width:71px; height:22px; background: url(/images_template/ong-planete.png) left top}
.onglet5-on {width:71px; height:22px; background: url(/images_template/ong-planete-on.png) left top}
.onglet5:hover {background: url(/images_template/ong-planete-hover.png) left top}

.onglet6 {width:63px; height:22px; background: url(/images_template/ong-avenir.png) left top}
.onglet6-on {width:63px; height:22px; background: url(/images_template/ong-avenir-on.png) left top}
.onglet6:hover {background: url(/images_template/ong-avenir-hover.png) left top}


/* onglet offre 2 energies  15-01-08  */

.onglet7 {width:162px; height:22px; background: url(/images_template/ong-avantage-2energies.png) left top}
.onglet7-on {width:162px; height:22px; background: url(/images_template/ong-avantage-2energies-on.png) left top}
.onglet7:hover {background: url(/images_template/ong-avantage-2energies-hover.png) left top}

.onglet8 {width:143px; height:22px; background: url(/images_template/ong-planete-2energies.png) left top}
.onglet8-on {width:143px; height:22px; background: url(/images_template/ong-planete-2energies-on.png) left top}
.onglet8:hover {background: url(/images_template/ong-planete-2energies-hover.png) left top}

.onglet9 {width:133px; height:22px; background: url(/images_template/ong-avenir-2energies.png) left top}
.onglet9-on {width:133px; height:22px; background: url(/images_template/ong-avenir-2energies-on.png) left top}
.onglet9:hover {background: url(/images_template/ong-avenir-2energies-hover.png) left top}


/* onglet offre 2 energies  15-01-08  */

.onglet10 {width:111px; height:22px; background: url(/images_template/ong-avantage-gaz.png) left top}
.onglet10-on {width:111px; height:22px; background: url(/images_template/ong-avantage-gaz-on.png) left top}
.onglet10:hover {background: url(/images_template/ong-gaz-avantage-hover.png) left top}

/* centrage block newsletter antoine 12-02-08  */
.inscription_newsletter {margin-top:10px; padding:10px 10px 15px 15px;}
.consultation_newsletter {padding-bottom:5px; margin-top:10px;}

/* detail offres - antoine - 07-02-08 */

.sur_le_net#details_offres a {text-decoration:none;}
.sur_le_net#details_offres li div a {text-decoration:underline;}
.sur_le_net#details_offres a.details_offres_link:hover {text-decoration:none; background:#D5EEBE;}
.sur_le_net#details_offres .linktolexique {text-decoration:none;}

#details_offres a {text-decoration:none;}
#details_offres li div a {text-decoration:underline;}
#details_offres .linktolexique {text-decoration:none;}
#details_offres li {list-style:none; padding-bottom:7px;}
#details_offres li li {list-style:square;}
#details_offres img {margin-right:19px; margin-bottom:-2px;}
#details_offres a.details_offres_link {color:#000; font-size:1.1em; text-align:left;}
#details_offres a.details_offres_link:hover {text-decoration:none; background:#f7c388;}
#details_offres div {padding-top:8px; margin:5px 0px; border-top:dotted 1px #999; border-bottom:dotted 1px #999;}

/* detail offres  spéciale cgv- antoine -16-09-08 */
.historique_cgv {padding-top:10px;}
.historique_cgv span span {border:none; margin:0; padding:10px 0 0 0; font-size:1.2em; color:#666; font-weight:bold; line-height:1em;}
.historique_cgv img {margin:0 19px 0 15px; float:left; position:relative;}
.div_information_cgv ul {border-top:1px dotted #bbb; margin-top:15px;}
.cadre_contenu .historique_cgv a {text-decoration:none;}
.cadre_contenu .historique_cgv a:hover {text-decoration:none;}

#liste_definition ul {font: bold 1em Arial, Helvetica, Sans-serif;list-style-type: none; padding: 0 0 15px 0; margin: 0 0 15px 15px; border-bottom: dotted 1px #ccc;}
#liste_definition ul li {background: url(/images_template/puce_contenu_etape_h2.gif) left 5px no-repeat;}
#liste_definition ul li a {padding-left: 10px;text-decoration: none; color: #333;}
#liste_definition ul li a:hover {text-decoration: underline; color: #C00;}
#current_definition {width:500px; padding-left:107px;}
#current_definition .cadre_contenu {background-color: #fff;}
#current_definition dl {
padding: 10px;
}
#current_definition dd {
font: bold 1.2em Arial, Helvetica, Sans-serif;
color: #C00;
padding: 10px 0;
}

#current_definition dt {
font-size: 1em;
padding: 15px 20px 15px 20px;
border-top: dotted 1px #ccc;
}

#current_definition sup {font: normal 0.8em/0px Arial, Helvetica, Sans-serif;}
#right_col {display:none;}

/* VRAI FAUX */
#barre_onglets {text-align: center;}
#barre_onglets ul {margin: 0 auto;padding: 0;border-bottom: dotted 1px #CCC;}
#barre_onglets ul li {display: inline;margin: 0;padding: 0;}
#barre_onglets ul li span {display:none;}

/*CONTACT*/
#contact.box_area {
position: relative;
background: #EDEDED;
border: solid 1px #ccc;
min-height: 20px;
margin: 5px 8px;
padding: 3px;
	-moz-border-radius: 4px;
font: 1em/12px Tahoma, Arial, Helvetica;
color: #000;
}

#contact input.text, #contact textarea {
border: solid 1px #ccc;
color: #333;
padding: 1px 5px;
font: normal 1em  Tahoma, Arial, Helvetica;
}
/* forms */
.label {display: block;float: left;margin-left: 10px;}
.radioOn,
.radioOff {display: inline;margin: 0;padding: 2px;border: none 0;overflow: visible;font: normal 1em/12px Arial, Helvetica;padding-left: 12px;padding-right: 0;margin-bottom: 5px;}
* > .radioOn,
* > .radioOff {display: inline;margin: 0;}
.radioOn {background: url(/images_template/radio_on.gif) left 5px no-repeat;color: #C33; font-weight: bold}
.radioOff {background: url(/images_template/radio_off.gif) left 5px no-repeat;color: #300;}
.radioOff span,
.radioOn span {display: block; background: none;}
.radioOff:hover {color: #900 !important}
/*
simu light (ajouté le 13/03/2008 - EC) 
modifié le 17/03/2008 - EC
*/
/*
fieldset {display: block; border: solid 1px #CCC; margin: 10px; padding: 10px;}

fieldset legend {padding: 4px; border: solid 1px #CCC; margin-bottom: 10px; font-weight: bold; color: #C00}
* > fieldset legend {margin-bottom: 0;}*/
fieldset {display: block; border: solid 1px #CCC; margin: 10px; padding: 10px; text-align:left; margin-bottom: 20px; position:relative;}
* > fieldset {margin-bottom: 10px;}
fieldset legend {padding: 4px; border: solid 1px #CCC; margin-bottom: 10px; font-weight: bold; color: #C00; margin-top: -22px; position:relative; background-color: #FFF}
* > fieldset legend {margin-bottom: 0; margin-top: 0;}
fieldset label {cursor: pointer;}
fieldset table td {padding: 0 18px 0 0}
fieldset.erreur,
div.erreur,
p.erreur,
table.erreur {border: solid 1px #C00; background: #F5E5E5 url(/images/form-bg-erreur.png) 100% 0% no-repeat}
div.erreur,
fieldset.erreur {background-position: 99% 50%;}
div.erreur {font-weight: bold;}
fieldset.erreur legend {background-color: #C00; color: #FFF; border: solid 1px #C00;}
.checkboxOff {display: inline;margin: 0px;padding: 2px;padding-left: 20px;color: #666;font: normal 1em/12px Arial, Helvetica;background: url(/images_template/check_off.gif) 0% 6px no-repeat;border: none 0;}
.checkboxOn {display: inline;margin: 0px;padding: 2px;padding-left: 20px;color: #000;font: normal 1em/12px Arial, Helvetica;background: url(/images_template/check_on.gif) 0% 6px no-repeat;border: none 0;}
.checkboxOff:hover {color: #000;}

/* opé demenagement check box (ajouté le 20/06/2008 - LOL)  */
#opedemenegement .checkboxOff {color: #000}
#opedemenegement .checkboxOn {color: #c33}
#opedemenegement .checkboxOff:hover {color: #900}
#WCB_op_dem {width:147px; margin:0 15px 0 15px; padding:0 15px 0 15px; float:left; position:relative; border-left:1px dotted #000; border-right:1px dotted #000;}
#WCB_op_dem	#formWCB_TELEPHONE  {font-size:1em; border: 1px solid #000;	background:none; width: 120px; height:12px; text-align: center; font-weight: bold;}
.offre {padding:10px; position:relative; margin: 0 10px 10px 10px; background-position:15px 50%; background-repeat:no-repeat; }

.offre  ul{margin:11px 0 0 190px;}
.offre  ul li{margin-bottom:9px; padding-left:5px; list-style-type:square;}
.presentation-option{border:1px solid #CCCCCC; padding:10px 20px 10px 10px; position:relative; margin:0 10px 20px 10px;}
.contenu .presentation-option p.affichage-prix{color:#c00}
.presentation-option .logo_minisimu{float:left; margin:0 10px;}
.presentation-option   ul{margin:0 0 0 90px;}
.presentation-option   ul li{margin-bottom:5px; padding:0; list-style-type:square;}

.presentation-offre h2,
.presentation-offre h2{margin-bottom:10px; padding:5px 0 0 40px;}
#elec_avantage .offre, #bienergies_avantage_indiv .offre, #bienergies_avantage .offre , #elec_avantage_indiv .offre {border: 1px solid #f0a613}
#elec_planete .offre , #bienergies_planete_indivgaz .offre , #bienergies_planete_indivelec .offre , #bienergies_planete .offre {border: 1px solid #B6C721}

#form02 legend {font: bold 16px Arial, Helvetica, Sans-serif; color: #C00;}
#form02 fieldset.erreur legend {color: #FFF;}
#blockmail fieldset {text-align:center;}
#blockmail fieldset table {margin: auto; text-align: left;}
p.big {font-size: 1em; line-height: 0.8em;}

/* recrutement (ajouté le 5/2/2008 - EC) */
#job h2 {font-size:14px; margin: 10px 30px 0 30px; color: #C33; padding: 0;}
#job p {font-size:11px; margin: 0px 30px 5px 30px}
#job ul {font-size:11px; margin-left:60px; list-style-type:square;}

/* annuaire ()ajouté le 28/03/2008 - EC */
#annuaire_haut {padding-left:15px; position:relative; min-height:226px; height:226px; margin-bottom:-15px;}
* > #annuaire_haut {height:auto;}
.astuce {background:url(/images/annuaire_astuce2.png) bottom left no-repeat;  float:left; position:relative; width:700px;}
.astuce_haut {background:url(/images/annuaire_astuce2_haut.png) 0 0 no-repeat; width:313px; position:relative; top:25px; left:107px; margin-bottom:110px;}
.astuce_haut p {padding:5px 15px;}
.simu_ville {padding-left:10px; position: absolute; bottom:0px; left:458px;margin-bottom:16px;}
.simu_ville div {padding-top:27px; margin-top:10px; height:122px; }
.simu_ville div div {height:121px; width:261px; overflow:auto; margin:0; padding:0;}
.simu_ville div div ul {padding:0 0 10px 24px; list-style-type:square; color:#cc0000;}
.annuaire_offres {border:none; background:none; padding:0; margin-left:15px;}
.annuaire_offres  img {margin:auto; border:none;}

/* illustration page photovoltaique  - AM + chapeau et liste (EC) */
li.listecadre {margin-bottom: 10px}
.chapeau {font: normal 14px arial; margin-left: 25px; color: #7CC038}
.blocgauche_photovoltaique {width:445px;}
.illustration_photovoltaique {border: 2px solid #AADC79 ; float:right; margin:0 17px 0 0}
* > .illustration_photovoltaique {margin:0 15px 0 0}
.illustration_eolien_vent {float:left; margin: 10px 35px}
.illustration_eolien_eolienne {float:left; margin: 5px 30px}
.illustration_eolien_personnel {float:right; margin: 5px 25px}
/* POWEO solution  - LOL */
.solution {margin-left:10px;}
.solution a { display:block; float:left;}
.solution1 {background: url(http://medias.poweo.com/images/solution3.png) top left no-repeat; width:342px; height:170px;}
.solution1:hover {background: url(http://medias.poweo.com/images/solution3_on.png) top left no-repeat}
.solution2 {background: url(http://medias.poweo.com/images/solution2.png) top left no-repeat; width:372px; height:170px;}
.solution2:hover {background: url(http://medias.poweo.com/images/solution2_on.png) top left no-repeat}
.solution3 {background: url(http://medias.poweo.com/images/solution.png) top left no-repeat; width:263px; height:182px;}
.solution3:hover {background: url(http://medias.poweo.com/images/solution_on.png) top left no-repeat}
.solution4  {float:left;}
.solution5 {background: url(http://medias.poweo.com/images/solution5.png) top left no-repeat; width:296px; height:182px;}
.solution5:hover {background: url(http://medias.poweo.com/images/solution5_on.png) top left no-repeat}
.solution6 {background: url(http://medias.poweo.com/images/solution6.png) top left no-repeat; width:345px; height:149px;  position:relative; left:170px;}
.solution6:hover {background: url(http://medias.poweo.com/images/solution6_on.png) top left no-repeat}
.contenu p.affichage-prix {text-align: center; font: bold 16px arial; color: #ee8c1c;}
.contenu .affichage-prix-tble {text-align: left; margin:10px auto 0 auto; font: bold 16px arial; color: #ee8c1c;}
.contenu .affichage-prix-tble td {padding-left:5px;}

/*cardo PRO*/
form#consommation {position:relative; height: 1%;}
#consommation fieldset {display:block; height: 1%;}
#consommation legend {display:block; height: 1%; margin-top: 10px}
#consommation div.question {position: relative; padding: 1px; margin: 1px;}
#consommation div.question fieldset{display:block; padding: 10px; margin: 10px 1px;}
#consommation span.question {position: relative; color:#c00; font-weight:bold; padding: 5px; border: solid 1px #ccc;}
#consommation .reponse {position: relative; padding: 1px; margin: 1px;}
#consommation .reponse input.textfield,
#consommation .reponse select {position: relative; padding: 1px; margin: 1px; margin-left: 30px}
* > #consommation .reponse input.textfield,
* > #consommation .reponse select {margin-left: auto}
#consommation .selectimage {position: relative; padding: 1px; margin: 1px 1px 10px;}
#consommation .etape {padding: 10px 25px;}
#consommation .labelimage {border: none 0; padding: 4px; float: right; width: 120px; background-color: #EEE; font-weight: bold;}
#consommation .altradioOn {display: block; height:1%; background: #FFF url(/images_template/radio_on.gif) 1px 4px no-repeat; color: #000; padding: 0 0 0 12px; margin: 0 0 5px 0 !important;}
#consommation .altradioOff {display: block; height:1%; background: #FFF url(/images_template/radio_off.gif) 1px 4px no-repeat; color: #666; padding: 0 0 0 12px; margin: 0 0 5px 0 !important;}
#consommation .altradioOff:hover {background: #EEE url(/images_template/radio_off.gif) 0px 4px no-repeat; color: #000; cursor: pointer;}
#consommation div.selectimage .altradioOn {display: block; width: 80px; height: 90px; padding: 2px; margin: 1px; background: url(/images_template/radimg_on_90.gif) 0px 0px no-repeat;}
#consommation div.selectimage .altradioOff {display: block; width: 80px; height: 90px; padding: 2px; margin: 1px; background: url(/images_template/radimg_off_90.gif) 0px 0px no-repeat;}
#consommation div.selectimage .altradioOff:hover {background: url(/images_template/radimg_over_90.gif) 0px 0px no-repeat !important;}
#consommation .checkboxOff {display: block; height:1%; padding-left: 20px; color: #666; background: url(/images_template/check_off.gif) 0px 4px no-repeat;border: none 0;}
#consommation .checkboxOn {display: block; height:1%; padding-left: 20px; color: #000; background: url(/images_template/check_on.gif) 0px 4px no-repeat;border: none 0;}
#consommation .checkboxOff:hover {color: #000;}
#consommation .right {position:relative; float:right;}
#consommation .left {position:relative; float:left;}
#consommation table {border: solid 1px #CCC; width: 100%; border-collapse:separate}
#consommation table td {margin:3px; padding: 3px 5px;background-color: #F0F0F0}
#consommation table td.normal {font-weight: bold;}
#consommation table td.normal_gras {font-weight: bold;}
#consommation table td.intertitre {font-weight: bold; background-color: #CCC; text-align: center;}
#consommation table td.libelle {font-weight: bold; width: 230px;}
#consommation table td.result {text-align:right}
#consommation table td.unit {width:50px;}
#nav_boutons {border: none 0; background: none;}
#nav_boutons .enregistrement {display:none; width:180px; margin: auto; text-align:center; background-color:#668;}
#nav_boutons .enregistrement a {display:block; padding: 2px 5px; border:solid 1px #CCC; font: bold 1em arial; text-decoration:none; color:#FFF;}
#nav_boutons .enregistrement a:hover {background-color:#445; text-decoration:none; color:#FFF;}
#nav_boutons .navigfloatleft {float:left;border:none;cursor: pointer;}
#nav_boutons .navigfloatright {float:right;border:none;cursor: pointer;}

/* Page 404 - EC 25/09/2008 */
#g404 ul li {margin: 0 10px; font-size: 13px}

/* nouveaux services lol 06/10/08 */
.service {float:left; position:relative; padding-left:15px; margin-top:20px;}
.service img {float:left; position:relative; width:120px; height:120px;}
.service div {width:220px; height:98px; border:2px solid #cc0000; border-left:0px;float:left;padding-left:15px;margin-top:9px; position:relative}
.service div a {font-size:1.1em; font-weight:bold}
.service div p {font-size:1.1em; font-weight:bold}
.services_sommaire div {border: solid 2px #f1ac75; position:relative; padding:5px 5px 5px 10px; height:80px; margin-bottom:6px;}
* > .services_sommaire div  {height: auto; min-height:80px;}
div.services_sommaire div:hover {border: solid 2px #EE8C1C; background:#e6e6e6;}
.services_sommaire h1 {padding:15px 0 20px 0;}
.services_sommaire div h2 {border-bottom:1px dotted #CCCCCC; padding:10px 0 3px 0; margin-bottom:5px;}
.services_sommaire div p {padding:10px 0 3px 20px; font-weight:bold;}
.services_sommaire div span {position:absolute; bottom:0px; right:10px;}
.services_sommaire_lien {position:absolute; display:block; top:0; left:0; right:0; bottom:0; width: 100%; height: 100%; z-index:1000;}
.services_sommaire_img {float:left; margin:0px 15px 0 0;}
.services_sommaire_bouton {position:absolute; z-index: 1001; bottom:0; right:10px;}
.menu_service {margin:-30px 0 30px 0;}
.services_gif {margin:0 0 0 30px;}
.services_cadre_gif {margin-top:0;}
*> .services_cadre_gif {margin-top:0; !margin-top:-2px;}
.contenu .cadre_contenu .liste_image {padding-left:220px;}
.contenu .cadre_contenu .liste_image li {padding-bottom:7px;}

 /*page "home_service" - EC 24/10/2008 */
.home_service {padding:30px 0 0 30px}
.home_service_tble1 {padding-left:90px;}
.home_service_tble3 {padding-left:110px;}
/*page "auto-releve" - EC 24/10/2008 */
#autoreleve .illu-picto {float:left; margin: 10px 30px 10px 10px;}
#autoreleve ul {padding: 20px 0 0 0;}
#autoreleve ul li {margin-bottom:7px;}
/*page "assurance coup dur" - EC 24/10/2008 */
#coupdur .illu-picto {float:left; margin: 40px 30px 40px 10px;}
#coupdur td.first {border-right: dotted 1px #999}
/*page "assistance" - EC 24/10/2008 */
#assistance li {padding:3px;}
#assistance .services_cadre_gif ul {padding: 8px 0 8px 220px;}
#assistance .services_cadre_gif img {float:left; margin:50px 30px 50px 15px}
#assistance table {margin:0 auto;}
#assistance table.affichage-prix-tble td {padding: 2px 5px}
#assistance table tr.impair td {background-color: #F5F5F5}
#assistance td.first {border-right: dotted 1px #999; width:340px; vertical-align: top;}
#assistance td.last {width:340px; vertical-align: top;}
/*page "poweobox" - EC 18/11/2008 */
#poweobox table {margin:0 auto;}
#poweobox table.affichage-prix-tble td {padding: 2px 5px}
#poweobox table tr.impair td {background-color: #F5F5F5}
#poweobox td.first {border-right: dotted 1px #999; width:340px; vertical-align: top;}
#poweobox td.last {width:340px; vertical-align: top;}
/*page "assistance_dom" - lol 29/10/2008 */
#assistance_dom h2 img {margin-bottom:-6px;}
#assistance_dom .services_cadre_gif ul li {padding-bottom:7px;}
#assistance_dom table {margin:0 auto;}
#assistance_dom td.first {border-right: dotted 1px #999; width:340px; vertical-align: top;}
#assistance_dom td.last {width:340px; vertical-align: top;}
/*page "assistance_num" - lol 29/10/2008 */
#assistance_num h2 img {margin-bottom:-6px;}
#assistance_num .services_cadre_gif ul li {padding-bottom:7px;}
#assistance_num table {margin:0 auto;}
#assistance_num td.first {border-right: dotted 1px #999; width:340px; vertical-align: top;}
#assistance_num td.last {width:340px; vertical-align: top;}
/*page "poweo services" - lol 29/10/2008 */
#poweo_services .services_cadre_gif img {float:left; position:relative; margin:25px 30px 0 20px;}
/*page "produire nrj" - lol 29/10/2008 */
#produire_nrj .services_cadre_gif img {float:left; position:relative; margin:15px 30px 15px 15px;}
#produire_nrj .text_image {padding-top:30px;}

/* page "elu service client 2009" - EC 21/10/2008 */
#serviceclient2009 ul li {margin-bottom: 10px;}
#serviceclient2009 .illu-sc2009-merci {border: 1px solid #000; margin: 20px 40px 5px 30px; float: left; height: 225px; width: 150px;}
#serviceclient2009 .baseline {font: bold 12px arial; color: #00ADEA; text-align: center;}
/* page demenagement lol 26/01/09 */
#votre_demenagement .liste_demenagement{padding-top:5px; background:url(/images/dem_fond_liste.jpg) no-repeat 25% top; height: 480px;}
#votre_demenagement .liste_demenagement .clear{border-bottom:0; margin-bottom:70px;}
*> #votre_demenagement .liste_demenagement .clear{margin-bottom:15px;}
#votre_demenagement  .liste_demenagement div{height:66px; border-bottom:dotted 1px #aaa; width:440px;margin-left:220px; padding-top:0; position:relative;}
*> #votre_demenagement .liste_demenagement div{margin-left:175px;}
#votre_demenagement  .liste_demenagement div img{position:absolute; left:-80px;bottom:-11px;}
#votre_demenagement  .liste_demenagement div p{padding-top:25px; padding-left:30px; font-size:1.2em; font-weight:bold; margin:0; }
#votre_demenagement  .liste_demenagement h3{padding:0; margin:0; font-size:1.4em;}
*> #votre_demenagement .liste_demenagement h3{margin-top:40px;}

#votre_demenagement .liste_demenagement_table{position:relative;}
#votre_demenagement .liste_demenagement_table td{padding:5px;}

#WCB_service_dem{border-left:1px dotted black; border-right:1px dotted black; width:225px;}
#formWCB_TELEPHONE{float:left; margin:8px 0 0 10px;border:2px #ababab solid; width:150px; height:30px;text-align: center; font-weight: bold;font-size:1.8em; color:#ee8c1c}
#WCB_service_dem #validWCB_TELEPHONE {cursor: pointer;}

.contenu .demenagez_malin .dem_lien {display:block; height:90px; width:320px; border:2px dotted #acacac; float:left; margin:10px 0 0 12px; position:relative;}
* > .contenu .demenagez_malin .dem_lien {margin:10px 0 0 18px;}
.contenu .demenagez_malin .dem_lien  p{padding:30px 0 0 95px; font-size:1.1em; font-weight:bold;}
.contenu .demenagez_malin .dem_lien:hover{border:2px solid #a2a2a2; text-decoration:none;}

.contenu .demenagez_malin a:hover{background-color:#ffd3a1;}
.contenu .demenagez_malin a{background-color:#efefef;}

.contenu .demenagez_malin .dem_lien1{background:url(/images/dem_lien_autodiag.png) 2% 50% no-repeat;}
.contenu .demenagez_malin .dem_lien2{background:url(/images/dem_lien_partenaire.png) 2% 50% no-repeat;}
.contenu .demenagez_malin .dem_lien2bis{background:url(/images/dem_lien_odd.png) 2% 50% no-repeat;}
.contenu .demenagez_malin .dem_lien2ter{background:url(/images/dem_lien_opera.png) 2% 50% no-repeat;}
.contenu .demenagez_malin .dem_lien3{background:url(/images/dem_lien_concours.png) 2% 50% no-repeat;}
.contenu .demenagez_malin .dem_lien4{background:url(/images/dem_lien_minisimu.png) 2% 50% no-repeat;}


/* page partenaires demenagement EC 30/01/09 */


table#tableau_formulaire_contact {margin:auto}
table#tableau_formulaire_contact td {padding:2px}
#partenaires-demenagement .cadre_odd,
#partenaires-demenagement .cadre_opera  {height:630px;}

#partenaires-demenagement .checkboxOff {color: #000}
#partenaires-demenagement .checkboxOn {color: #c33}
#partenaires-demenagement .checkboxOff:hover {color: #900}


/*minisimu checkbox */
#form02 .checkboxOff {color: #000}
#form02 .checkboxOn {color: #c33}
#form02 .checkboxOff:hover {color: #900}

/* page autodiag */
.contenu .cadre_contenu .autodiag_list{float:left;padding:40px 0 0 27px }
*> .contenu .cadre_contenu .autodiag_list{padding:40px 0 0 47px}
.contenu .cadre_contenu .autodiag_list li{margin-bottom:7px;}
/* mieux consommer */
#mieux-consommer{}
#mieux-consommer .header_img{margin-top:-40px;}
#mieux-consommer a{cursor:pointer;}
#mieux-consommer h1{color:#808080; border-bottom:1px dotted #808080; text-transform:none; padding:0 0 8px 0; margin:-5px 25px 10px 50px;}
#mieux-consommer .cadre_contenu{border:0px solid #fff; background:none; padding:0 5px 15px 5px; margin:0px 25px 10px 50px;}
#mieux-consommer .cadre_contenu_mieux_conso{border:2px solid #9ACB53;}
#mieux-consommer .cadre_contenu_mieux_conso_bleu{border:2px solid #66b8dc}
#mieux-consommer .cadre_contenu_mieux_conso_orange{border:2px solid #66b8dc}
#mieux-consommer .top_div_contenu{margin:10px 0 0 50px; padding:0;}
#mieux-consommer .cadre_contenu h2{color:#FF7F1F; margin-bottom:0; padding-bottom:0; text-transform:none; border:0; }

#mieux-consommer #montrer.cadre_contenu_mieux_conso:hover{background:#e6f2d4;}
#mieux-consommer #cacher.cadre_contenu_mieux_conso,
#mieux-consommer #montrer.cadre_contenu_mieux_conso{padding-bottom:8px;}
#mieux-consommer #cacher.cadre_contenu_mieux_conso #hide_info,
#mieux-consommer #montrer.cadre_contenu_mieux_conso #view_info{font-size:1.2em; color:#FF7F1F; font-weight:bold; display:block; height:20px; padding:10px 0 0 30px; }
#mieux-consommer #cacher.cadre_contenu_mieux_conso a#hide_info:hover,
#mieux-consommer #montrer.cadre_contenu_mieux_conso a#view_info:hover{text-decoration:none;}
#mieux-consommer #cacher.cadre_contenu_mieux_conso #hide_info{background:url(/images/mieux-consommer_mois.png) 0 7px no-repeat;}
#mieux-consommer #montrer.cadre_contenu_mieux_conso #view_info{background:url(/images/mieux-consommer_plus.png) 0 7px no-repeat;}

#mieux-consommer .cadre_contenu_arrondi{background:#9ACB53; padding:0; margin:0px 27px 15px 52px;}
#mieux-consommer .cadre_contenu_arrondi h2{color:#fff; padding:0px 0px 0 15px; margin:0 5px 0 5px;}
 
#mieux-consommer .cadre_contenu p,
#mieux-consommer .cadre_contenu_arrondi p{padding-left:30px;}

#mieux-consommer .cadre_contenu ul,
#mieux-consommer .cadre_contenu_arrondi ul{padding-left:45px;}
#mieux-consommer .cadre_contenu hr{border:0; clear:both; height:1px; margin:10px 0 10px 0; background:#fff; border-bottom:1px dotted #ccc; }
#mieux-consommer .cadre_contenu_arrondi hr{border:0; clear:both; height:1px; margin:10px 5px 10px 5px; border-bottom:1px dotted #fff; }

#mieux-consommer .cadre_contenu_arrondi_top{height:12px; margin:0; padding:0; background:url(/images/mieux-consommer_div-arrondi-1.png) top left no-repeat;}
#mieux-consommer .cadre_contenu_arrondi_top span{display:block; height:12px; width:12px; float:right; margin:0; padding:0; background:url(/images/mieux-consommer_div-arrondi-2.png) top right no-repeat;}
#mieux-consommer .cadre_contenu_arrondi_bottom{height:12px; margin:0; padding:0; background:url(/images/mieux-consommer_div-arrondi-4.png) top left no-repeat;}
#mieux-consommer .cadre_contenu_arrondi_bottom span{float:right; display:block; height:12px; width:12px; margin:0 0 -3px 0; padding:0; background:url(/images/mieux-consommer_div-arrondi-3.png) top left no-repeat;}

#mieux-consommer .cadre_contenu_arrondi a.cta{display:block; overflow:hidden; height:65px; padding:10px 0 10px 15px; margin-left:10px; width:605px; background:url(/images/mieux-consommer_fond-cta.png) bottom left no-repeat;}
#mieux-consommer .cadre_contenu_arrondi a.cta:hover{background:url(/images/mieux-consommer_fond-cta.png) top left no-repeat; text-decoration:none;}
#mieux-consommer .cadre_contenu_arrondi a.cta img{float:left;}
#mieux-consommer .cadre_contenu_arrondi a.cta span{font-size:16px; float:left; color:#FF7F1F; margin:23px 0 0 15px; width:450px;}
#mieux-consommer .cadre_contenu_arrondi .cta small{color:#000;}
#mieux-consommer .cadre_contenu_arrondi a p a{text-decoration:underline;}
#mieux-consommer .cadre_contenu_arrondi a.cta span{margin-top:18px;}
#mieux-consommer .cadre_contenu_arrondi span#cacher {background:url(/images/mieux-consommer_fond_flash.png) top left no-repeat; display:block; width:605px; height:290px;  padding:15px 0 0 0; }
*> #mieux-consommer .cadre_contenu_arrondi span#cacher {margin-left:10px; }
#mieux-consommer .cadre_contenu_arrondi span#cacher.calculateurCO2{background:url(/images/mieux-consommer_fond_flash_co2.png) top left no-repeat; display:block; width:605px; height:681px;  padding:15px 0 0 0; }
*> #mieux-consommer .cadre_contenu_arrondi span#cacher .calculateurCO2{margin-left:10px; }
#mieux-consommer .cadre_contenu_arrondi span#cacher span{font-size:16px;color:#FF7F1F; display:block; text-align:center; margin-bottom:10px; }
#mieux-consommer .cadre_contenu_arrondi #hide_info{cursor: pointer; text-decoration:underline; }

#mieux-consommer  #warning{border:2px solid #9ACB53; padding:15px 5px 15px 60px; margin:0 25px 15px 50px; width:auto;}
#mieux-consommer  #confirmation{border:2px solid #9ACB53; padding:15px 5px 15px 0px; margin:0 25px 15px 50px; width:auto;}
#mieux-consommer  .information{background: #EEF url(/images_template/message.gif) 20px 50% no-repeat;}
#mieux-consommer .cadre_contenu_arrondi p {color:#fff;} 
#mieux-consommer .cadre_contenu_arrondi p span small {color:#000;} 

#mieux-consommer .img_verticale{float:left; margin:10px;}	

#mieux-consommer  .quick_nav_top{height:29px; border-bottom:2px solid #9ACB53; padding:0;}
#mieux-consommer  .quick_nav_top_bleu{height:29px; border-bottom:2px solid #66b8dc; padding:0;}
#mieux-consommer  .quick_nav_top_orange{height:29px; border-bottom:2px solid #FF7F1F; padding:0;}
#mieux-consommer  .quick_nav_top img,
#mieux-consommer  .quick_nav_top_bleu img,
#mieux-consommer  .quick_nav_top_orange img{margin:0 0 0 0;}

#mieux-consommer  .mieux_conso_bt {text-align:center; padding:0; display:block; height:50px;}
/* #mieux-consommer  .mieux_conso_bt img{margin:7px 0 0 0;} */
#mieux-consommer  .mieux_conso_bt a{margin:auto; display:block; height:50px; overflow:hidden; background-position:top left; background-repeat:no-repeat; margin-top:8px;}
#mieux-consommer  .mieux_conso_bt a:hover{background-position:bottom left;}

#mieux-consommer  .mention {border-top:1px dotted #888; padding-top:20px; text-align:center; font-weight:bold;}
#mieux-consommer  .mention  p{font-weight:normal; font-size:10px; text-align:left; padding:0; margin:10px 0 0 0;}


/* mieux consommer page mot du president */

#mieux-consommer .le_mot_president .img_verticale  {margin:20px 30px 40px 20px;}
#mieux-consommer .le_mot_president ul {padding-left:220px;}
#mieux-consommer .le_mot_president .president{text-align:right; padding-right:30px;}

/* mieux consommer page energie */


#mieux-consommer .page_equipement .cadre_contenu_mieux_conso  ul li{margin-bottom:7px;}
#mieux-consommer .page_equipement .cadre_contenu_mieux_conso  ul{margin-left:130px;}
#mieux-consommer .page_equipement .cadre_contenu_mieux_conso  img{float:left; margin:5px 0 0px 20px;}

/* mieux consommer page equipement */

#mieux-consommer .page_ecogestes .cadre_contenu_mieux_conso {border:2px solid #fff; width:600px; height:200px; display:block}
#mieux-consommer .table_bt {margin:auto;}
#mieux-consommer .cadre_contenu .ul_decale {padding-left:80px;}


/* mieux consommer page conseils */

#mieux-consommer .les_conseils li {margin-bottom:8px;}

/* mieux consommer page partenaire */
#mieux-consommer .cadre_contenu .partenaires_logo {padding-left:140px; margin-left:20px;}

#mieux-consommer .lienExterne {background:url(/images_template/lienExterne.png) no-repeat right center; padding-right:15px;}

/* mieux consommer page parrainage */
#mieux-consommer .invitation .cadre_contenu_arrondi p {color:#fff;}