/* Surcharge avant nettoyage des CSS POWEO */
.scroll a.externe {margin-left:0; padding-left:0; display:inline;}

.csc-textpic:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
ul li,
.htmlarea .csc-textpic-imagerow ul li,
.htmlarea .csc-textpic-imagewrap ul li {text-indent: 0;}
ul,
ol,
.csc-textpic-intext-left ol,
.csc-textpic-intext-left ul {padding-left:20px}

.htmlarea .csc-textpic-text ul li {padding-left: 20px; text-indent: 0;}

.repliable_mentions {padding: 1em 20px 0 40px; margin-top: 1em;  border-top: dotted 1px #aaa;}
.repliable_mentions .open img.action {margin-bottom: 5px;}
.repliable_mentions .close,
.repliable_mentions .open p {text-align:left;}

.repliable h2,
.repliable .action{cursor:pointer;}

.reduit input.fld-ne {padding: 3px 5px; margin-left: 20px; width: 220px}

/* surcharge montage home sans H2 */
.simple_sans_h2 img,
.simple_sans_h2 object{top: 0; max-height:162px;}
.simple_sans_h2 {top: 0; max-height:162px; background-color: #ddd;}

#contenu .simple .portail a {line-height:1.1;}

.simple h2.pro {background-color: #f3f3f3; margin: 0;}
.simple a.pro img {position: relative; top: 0; left: 0; height:162px; width:317px; margin: 0px 7px 7px 0px; background-color: transparent; max-width:100%; max-height:100%;}
.simple p.pro {text-align:right; padding: 0 7px;}
.simple p.pro a {background: url(../images-template/bg-lien-home-fr.png) 0 50% no-repeat; display:inline-block; padding-left: 1em;font-weight: bold; font-size: 115%; color: #999;}
.simple object.pro {top:0; position:relative; margin: 7px; max-width:303px; max-height:148px;}



/* surcharge montage courbe investisseur */

.simple .action {background-image:none; background:#dfdfdf; overflow:hidden}
.simple .action iframe {float:left; width:192px !important; margin:15px 0 0 -7px}
.simple .action p {font-weight:bold; font-size:10px; margin-top:16px}
.simple .action p span {font-weight:normal; color:#888}
.simple .action .variation {position:relative; top:0; left:0; background:none; margin:0 0 0 5px;}

.cours-action {background-image:none; background:#dfdfdf;}
.cours-action iframe {float:left; margin:0 5px}
.cours-action p {font-weight:bold; font-size:10px; margin-top:8px}
.cours-action p span {font-weight:normal; color:#888}
.cours-action .variation {position:relative; top:0; left:0; background:none; margin:0 0 0 5px;}


/* surcharge home module scroll  */

.double .scroll h3 {margin-bottom:1.2em;}


/* Nouvelle version du popup lexique */
#infobulle {
	position: absolute;
	border: 2px solid #ccc;
	display: none;
	max-width: 186px;
	padding : 10px;
	text-indent: 0;
	line-height: 1.5;
	font-weight: normal;
	color: #000000;
	font-size: 12px;
	background-color: #fff;
	
	/*degradé*/
	background-image: -moz-linear-gradient(top, #fff, #eee); /* FF3.6 */
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #fff),color-stop(1, #eee)); /* Saf4+, Chrome */
	
	/*ombrage*/
	-moz-box-shadow: 0px 0px 8px #999999; /* FF3.5+ */
	-webkit-box-shadow: 0px 0px 8px #999999; /* Saf3.0+, Chrome */
        box-shadow: 0px 0px 8px #999999; /* Opera 10.5, IE 9.0 */

	/*arrondis*/
	-moz-border-radius: 8px; /* FF1+ */
	-webkit-border-radius: 8px; /* Saf3+, Chrome */
	border-radius: 8px; /* Opera 10.5, IE 9 */
}
a.linkToLexique,
.htmlarea a.linkToLexique {text-decoration: none; border-bottom: dotted 1px #5ba4d6; color: #333; cursor:help}
	

/* message validation - information - warning */
.information {padding: 10px 10px 10px 100px; margin:10px 15px; border: 1px solid #6CA7CF; background: url("/fileadmin/templates/images-template/picto_information.png") no-repeat 20px 50% #6CA7CF;/*border-radius: 3px;*/ -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; }
.warning {padding: 10px 10px 10px 100px; margin:0 15px; border: 1px solid #FD991F; background: url("/fileadmin/templates/images-template/picto_warning.png") no-repeat 20px 50% #FD991F;/*border-radius: 3px;*/ -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; }
.validation {padding: 10px 10px 10px 100px; margin:0 15px; border: 1px solid #91BD0F; background: url("/fileadmin/templates/images-template/picto_validation.png") no-repeat 20px 50% #91BD0F;/*border-radius: 3px;*/ -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; }
.information h2, .warning h2, .validation h2 {color:#fff !important; font-size:1.5em}
.information p, .warning p, .validation p,
.information a, .warning a, .validation a{margin-top:7px; font-weight:bold; color:#ffffff !important; font-size:1.1em;}

/* Pages conseils */
#conseil-economie-electricite {width:auto; margin: 20px auto; border:0; border-collapse:collapse;vertical-align:top}
#conseil-economie-electricite td {padding:0;margin:0;line-height:1;font-size:12px;vertical-align:middle}

/* Correction du type "encadré" */
.encadre .texte,
.encadre .csc-textpic-text {
padding:5px;
width:170px;
}
.encadre div.csc-textpic-intext-left div.csc-textpic-imagewrap, .encadre div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap {
margin-right:5px !important;
}
.encadre .image, .encadre .csc-textpic-imagewrap {
width:auto;
}
.encadre .texte p, .encadre .csc-textpic-text p {
line-height:1.25;
margin:5px 0;
}
.encadre .csc-header h2,
.encadre p.bodytext {
margin: 5px
}

/* Formulaire WCB */
.formulaire form#formWCB {
background-image: none;
background-color: transparent;
padding-top: 80px;
text-align:center;
}
.form-wcb {
background:url("../images-template/bg-form-wcb.png") no-repeat scroll left top transparent;
height:285px;
left:0;
padding: 30px 20px 10px;
position:absolute;
top:70px;
width:705px;
font-size:150%;
font-weight:bold;
text-align:center;
}
.formulaire #validWCB_TELEPHONE {position:absolute; top:135px; left: 450px; cursor:pointer;}

#contenu_etape .information p {
color: #339 !important;
}

/* Surcharge du formulaire de la lightbox landing générique */

#popup_landing_generique{padding:20px}
#popup_landing_generique h2{color:#6CA7CF}
#popup_landing_generique #nouscontacter{margin:auto}
#popup_landing_generique #nouscontacter .tx_powermail_pi1_fieldwrap_html_submit {padding:0;text-align:center; margin:auto}
#popup_landing_generique #nouscontacter .tx_powermail_pi1_fieldwrap_html_html {margin:auto; padding:0;}
#popup_landing_generique #nouscontacter label {width:155px}
#popup_landing_generique #nouscontacter .powermail_check_inner label {width:490px;}

/* Surcharge du formulaire de la lightbox landing pws */

div.landing_pws input.powermail_submit {
	display:block; font-size:0px; border-width:0; width: 149px; height:43px; margin: auto; background:transparent url(/fileadmin/contribution/landing/btn-submit-form-contact_pws.png) no-repeat center center; text-indent:-9999px;cursor:pointer;
}


/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////A SUPPRIMER UNE FOIS LES NOUVEAUX FORM EN LIGNE*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


/* Form landing provisoir lol*/
.form_provisoire .tx_powermail_pi1_form legend{display:none;}
.form_provisoire .required {color: #000;}
.form_provisoire .powermail_mandatory {color: #c00;}
.form_provisoire .infoperso {margin: 10px auto; display:block;}
.form_provisoire .habitation {margin: 10px auto; display:block;}
.form_provisoire .demande {margin: 10px auto; display:block;}
.form_provisoire .infoperso small {display:block;margin-left:210px;font-size:0.9em;margin-top:0;}
.form_provisoire .infoperso .legende_code_postal {margin-left:170px}
.form_provisoire #nouscontacter {}
.form_provisoire #nouscontacter label {display: block; width: 200px; text-align: right; float: left; margin: 3px 10px 15px 0;}
.form_provisoire #nouscontacter p.tx_powermail_pi1_fieldwrap_html_checkbox_title {display:none;}
.form_provisoire #nouscontacter .powermail_check_inner {padding-left:180px;}
.form_provisoire #nouscontacter .powermail_check_inner label {width:520px;float:right;text-align:left;}
.form_provisoire #nouscontacter select, #nouscontacter input {}
.form_provisoire #nouscontacter .tx_powermail_pi1_fieldwrap_html {clear:both; padding:5px; margin:5px auto;}
.form_provisoire #nouscontacter input.powermail_captcha {height:30px;width:100px; font: bold 24px arial; color: #666;float:left;text-align:center;}
.form_provisoire #nouscontacter span.tx-srfreecap-pi2-cant-read {display:block;text-align:right;padding-right:120px;}
.form_provisoire #nouscontacter .tx_powermail_pi1_fieldwrap_html_submit {padding-left:210px}
.form_provisoire #nouscontacter .powermail_radio_inner {width: 385px; height:20px; clear:both;}
.form_provisoire #nouscontacter .powermail_radio_inner label {float:right; margin: 2px 5px 0; width: 100px; text-align:left}
.form_provisoire #nouscontacter .powermail_radio_inner input {margin-left:250px;}
.form_provisoire #nouscontacter .tx_powermail_pi1_fieldwrap_html_radio .powermail_mandatory_js,
.form_provisoire #nouscontacter .tx_powermail_pi1_fieldwrap_html_textarea .powermail_mandatory_js {margin-left:200px; clear:both;}
.form_provisoire #nouscontacter .tx_powermail_pi1_fieldwrap_html_html {margin: 0 0 10px 200px ; padding:0 0 10px;}
.form_provisoire #nouscontacter .tx_powermail_pi1_fieldwrap_html_html p.htmlarea {margin:0; padding:0; line-height:0.5; font-size:10px;}
.form_provisoire #nouscontacter .tx_powermail_pi1_fieldwrap_html_radio_title {width: 200px; text-align:right; margin-bottom:0;}

.form_provisoire input.powermail_submit {
	display:block; font-size:0px; border-width:0; width: 149px; height:43px; margin: auto; background:transparent url(../images-template/btn-submit-form-contact.png) no-repeat center center; text-indent:-9999px;cursor:pointer;
}
.form_provisoire .validation-failed {border:solid 1px red}
.form_provisoire .powermail_mandatory_js {color:red;}
.form_provisoire .tx-srfreecap-pi2-image {border:solid 1px #76b1d9}

.form_provisoire .bloc-formulaire-contact {height:auto;overflow:hidden;}
.form_provisoire .bloc-formulaire-contact #form1 {overflow:visible; padding-top:70px; position:static;height:auto;}
.form_provisoire .bloc-formulaire-contact #form2 {overflow:visible; padding-top:0; position:static;height:auto;}
.form_provisoire .bloc-formulaire-contact #form3 {overflow:visible; padding-top:0; position:static;height:auto;}
.form_provisoire .bloc-formulaire-contact form#formWCB {position:relative; background: url("../images-template/bg-form-wcb.png") no-repeat scroll left top transparent; padding: 80px 0 220px;}
.form_provisoire .formulaire form, 
.form_provisoire .bloc-formulaire-contact .formulaire .tx-powermail-pi1_mandatory, 
.form_provisoire .bloc-formulaire-contact .formulaire .tx-powermail-pi1_thx {
	height:auto;
	top:0;
	padding:0;
	background:url("../images-template/bg-form-contact-line.png") repeat-x scroll left bottom transparent;
	position:static;
	border:solid 1px #ccc;
	width:743px;
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px;
}
.form_provisoire .bloc-formulaire-contact .formulaire .tx-powermail-pi1_thx .htmlarea p {
	margin: 0 2em 1em;
}

.bloc-formulaire-contact {position:relative; overflow:visible;}
