div#global-content { margin-top: 101px; padding: 0; }
div#global-content div.col-w750 { width: 710px;  float: left; margin-bottom: 20px;}
div#global-content div.col-w190 { width: 190px;  float: left; margin-bottom: 20px; margin-right: 40px;}

div#actu {float: left; padding-top: 105px; background: url('../images/medias-actu/inscrition-actu-1.jpg') no-repeat; }
div#actu h3{ font-size: 14px; background: url('../images/bg-inscription-actu.png') no-repeat top center; padding-top: 26px; font-weight: normal;}
div#actu h3 span { background-color: #ada844; display: block;  padding: 20px; color: #FFF;  }

.p-conseil-pratique #sub-menu { margin-bottom: 20px; width: 190px; background: url('../images/bg-sub-menu.jpg') no-repeat #f2f2f2; padding-top: 31px; padding-bottom: 20px; border-bottom-left-radius: 20px; }
.p-conseil-pratique #sub-menu h1 { font-family: 'thesans_veoliaw6_semibold'; color: #df0024; font-size: 20px; text-align: center; margin: 10px 5px 10px 5px; padding-bottom: 5px;border-bottom: 1px solid #cccccc;}
.p-conseil-pratique #sub-menu ul li { line-height: 20px;color: #333;font-family: 'thesans_veoliaw5_plain';  list-style-image: url('../images/puce-grown-arrow.png'); margin-left: 30px; cursor: pointer; margin-bottom: 15px; font-size: 16px; margin-right: 10px;}
.p-conseil-pratique #sub-menu ul li:hover { color: #000; list-style-image: url('../images/puce-red-arrow.png');}
.p-conseil-pratique #sub-menu ul li a {color : #333; }
.p-conseil-pratique #sub-menu ul li.select { list-style-image: url('../images/puce-red-arrow.png'); }
.p-conseil-pratique #sub-menu ul li.select a{  color: #df0024; }

.col-small { padding-left: 230px;  }

.entete-cat {font-family: 'fs_rufusitalic'; font-size: 21px; color: #1E1B1B; line-height: 21px;   width: 100%;}
.entete-cat h2, .semi-column h2 { font-family: 'fs_rufusitalic';  font-size: 28px; line-height: 28px; color: #df0024; margin: 0; margin-bottom: 5px; font-weight: normal;}
.semi-column { float: left; width: 50%; font-size: 14px;  border-right: 1px solid #e0e0e0; padding-right: 20px; margin-bottom: 20px;  font-family: 'Arial';}
.semi-column:last-child, .semi-column.last { border: 0; border-left: 1px solid #e0e0e0; padding-left: 20px; padding-right: 0px; margin-left: -1px;}
.semi-column h3 { font-size: 18px; font-family: 'thesans_veoliaw7_bold'; font-weight: normal; color: #ada844;}
.semi-column ul {margin-left: 15px;}
.semi-column li { line-height: 18px; padding-left: 0px; margin-bottom: 20px;  list-style-image:  url('../images/puce-red.png') ;}
.semi-column img.float { float: left; margin-right: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; }
.semi-column a.arrow { background: url('../images/puce-red-arrow.png') left center no-repeat; padding-left: 15px; color: #df0024; font-weight: bold;}
.semi-column a.arrow:hover { background: url('../images/puce-grown-arrow.png') left center no-repeat;  }

.semi-column .info { padding-top: 10px; background-color: #f2f2f2; border-top-right-radius: 20px;  border-bottom-left-radius: 20px; height: 100%; font-size: 13px; margin-top: 30px; margin-bottom: 30px; }
.semi-column .info img { float: left;  margin-right: 20px; height: auto; margin-top: -10px;  }
.semi-column .info h4 { font-family: 'fs_rufusregular'; font-size: 20px; margin: 0; margin-bottom: 5px; color: #1E1B1B; }
.semi-column a .info h4 { font-family: 'fs_rufusregular'; font-size: 20px; margin: 0; margin-bottom: 5px; color: #e40520; }
.semi-column a:hover .info h4 { color: #be2026; }

/*----spéciale étapes charte client--------*/

.content-semi-gris {background-color:#f2f2f2; border-bottom-left-radius: 20px; padding:15px; margin-bottom:15px}
.content-semi-blanc {padding:15px; margin-bottom:0;}

#cycle-eau-intro { background: url('../images/cycle-eau-globe.png') no-repeat left center; padding-left: 180px; font-family: Arial;  }
#cycle-eau-intro h3 {font-size: 18px; font-family: 'thesans_veoliaw7_bold'; font-weight: normal; color: #ada844;}


.regler-facture-texte { padding-left: 157px; font-family: Arial;  }
.regler-facture-texte.first{ background: url('../images/comment-payer/comment-payer-cb.png') no-repeat 22px top ; }
.regler-facture-texte.second{ background: url('../images/comment-payer/comment-payer-cal.png') no-repeat 22px top ;  }
.regler-facture-texte.third{ background: none;}
.regler-facture-texte h3 {font-size: 18px; font-family: 'thesans_veoliaw7_bold'; font-weight: normal; color: #ada844;}
.regler-facture-texte ul {margin-left: 15px;}
.regler-facture-texte li { line-height: 18px; padding-left: 0px; margin-bottom: 20px;  list-style-image:  url('../images/puce-red.png') ;}


#estime-conso-bg { background: url(../images/estime-conso/img-bg-consommation.png) center left #00adc8 no-repeat; width:100%; background-size:100%; min-height:245px; border-bottom-left-radius: 20px; border-top-right-radius: 20px; padding-top:15px; padding-left:15px; }
#estime-conso-bg h4 { color:#FFF; font-family: 'fs_rufusitalic'; font-size: 21px; line-height: 21px;  margin: 0; margin-bottom: 5px; font-weight: normal; }
#estime-conso-bg p { color:#FFF; font-family: 'thesans_veoliaw5_plain'; font-size: 16px; line-height: 16px;  margin: 0; margin-bottom: 5px; font-weight: normal; }

#estime-conso-bg ul { display:none;}
#estime-conso-bg ul li  { color:#FFF; font-family: 'thesans_veoliaw5_plain'; font-size: 16px; line-height: 18px;  margin: 0; font-weight: normal; }
#estime-conso-bg ul li strong { color:#FFF; font-family: 'thesans_veoliaw5_plain'; font-size: 18px; line-height: 20px;  margin: 0; } 


div#besoin-aide { background: url('../images/bg-besoin-aide.jpg') no-repeat;  height: 121px; position: relative; margin-right: 15px;}
div#besoin-aide a{ display: block; background: url('../images/bg-violet-right.png') bottom left no-repeat; width: 230px; height: 121px; }
div#besoin-aide a:hover span {color: #fdded9;}
div.col-left div#besoin-aide a{ display: block; background: url('../images/bg-violet-right.png') bottom left no-repeat; width: 190px; height: 121px; }
div#besoin-aide span {width: 190px; height: 48px; text-align: center; position:absolute; bottom: 0; font-size: 16px; text-transform: uppercase; line-height: 48px; color: #FFF; font-family: 'thesans_veoliaw7_bold';  }
div.col-left div#besoin-aide  span {width: 190px; padding-top: 5px;} 
 
 a.lien-btn {background-color: #e20025; color: #FFF; border: 0; margin: 0;border-radius: 5px; padding:10px 10px; text-transform: uppercase; display: block; float: left;}
 div.conso-content-left {display: block; float: left; width:60%;}
 
 .img-estime-conso {width:270px; min-height:300px; border-bottom-left-radius: 20px; float:left; }
 .img-estime-conso img {border-bottom-left-radius: 20px; }

 .estime-conso {width:440px; min-height:300px;  border-top-right-radius: 20px; padding-top:15px; padding-left:15px; float:left;   position:relative;}
 .estime-conso h4 { color:#FFF; font-family: 'fs_rufusitalic'; font-size: 21px; line-height: 21px;  margin: 0; margin-bottom: 5px; font-weight: normal; }
 .estime-conso p { color:#FFF; font-family: 'thesans_veoliaw5_plain'; font-size: 16px; line-height: 16px;  margin: 0; margin-bottom: 5px; font-weight: normal; }
 
 .estime-conso.etape1 { background :url(../images/estime-conso/bg-habitat.png) no-repeat 262px 135px #00adc8}
 .estime-conso.etape2 { background:url(../images/estime-conso/bg-etape1.png) no-repeat 310px 80px #00adc8;}
 .estime-conso.etape3 { background:url(../images/estime-conso/bg-etape2.png) no-repeat right 47px #00adc8;}
 .estime-conso.etape4 { background:url(../images/estime-conso/bg-lave-linge.png) no-repeat 287px 68px #00adc8;}
 .estime-conso.etape5 { background:url(../images/estime-conso/bg-voiture.png) no-repeat 10px 134px #00adc8}
 .estime-conso.etape6 { background:url(../images/estime-conso/bg-vague.png) no-repeat 230px 132px #00adc8;}

 
.estime-conso.etape6 h4 { color:#FFF; font-family: 'fs_rufusitalic'; font-size: 21px; line-height: 28px;  margin: 0; margin: 15px 0 5px 0; font-weight: normal; }
.estime-conso.etape6 p { color:#FFF; font-family: 'thesans_veoliaw5_plain'; font-size: 20px; line-height: 21px;  margin: 0; margin-bottom: 5px; font-weight: normal; }
.estime-conso.etape6 p b { color:#FFF; font-family: 'thesans_veoliaw5_plain'; font-size: 22px; line-height: 22px;  margin: 0; margin-bottom: 5px; font-weight: normal; }
.estime-conso.etape6 .lien-btn { margin-top:45px}
 
form#j-estime-form label { font-family: 'thesans_veoliaw7_bold'; display: inline-block;  margin: 0; width: 170px; text-align: right; margin-right: 10px; font-size:16px;  line-height: 24px; color:#FFF}
form#j-estime-form label span { color: #FFF; }
form#j-estime-form input, 
    form#j-estime-form select , 
    form#j-estime-form textarea{ width:60px; height: 34px; border: 1px solid #b3b3b3; border-radius: 5px; font-size: 15px; padding: 0 15px; margin-bottom: 10px;}
form#j-estime-form input[type=submit], .red-square-button { font-family: 'thesans_veoliaw7_bold' !important; display: inline-block; margin-right: 25px; margin-top: 0px; font-size: 17px;width: 170px; height: 36px; line-height: 36px;border-radius: 0; background-color: #df0024; color: #FFF !important; font-weight: normal !important; border: 0; padding-left: 20px; text-align: left; background: url('../images/arrow-white.png') 150px center no-repeat #df0024; position:absolute; bottom:20px; right:15px;}
 
form#j-estime-form b {font-family: 'thesans_veoliaw7_bold' !important; font-size:19px;  color:#FFF; }
form#j-estime-form{ margin-top:45px; } 
 
#regle-conso { width:100%; height:145px; background:url(../images/estime-conso/regle.jpg) repeat-x top left ; margin-top:20px;  position:relative; float:left;}
#regle-conso .bulle-cosno { position:absolute; top:18px; width:110px; height:121px; background:url(../images/estime-conso/bg-bulle-conso.png) no-repeat top center; padding: 32px 0 0 0; left:-49px;}
#regle-conso .bulle-cosno p {  color:#FFF; font-family: 'fs_rufusitalic'; font-size: 12px; line-height: 14px;  margin: 0; margin-bottom: 5px; font-weight: normal; text-align:center; }
#regle-conso .bulle-cosno p:last-child {  font-size: 14px; }
#regle-conso #slide-bleu {width: 1px; height: 25px; background: #00adc8; float: left; margin:10px 0 0 0; }

form#espace-perso-large { font-family: "thesans_veoliaw5_plain"; font-size: 15px; }
form#espace-perso-large label {display: inline-block;  margin: 0;  height: auto; line-height: 34px; margin-right: 9px;}
form#espace-perso-large select { width: 430px; height: 34px; border: 1px solid #b3b3b3; border-radius: 5px; font-size: 15px; padding: 0 15px;}


form#emmenage-step-form input[type=submit], .red-square-button {
	font-family: 'thesans_veoliaw7_bold' !important;
	display: inline-block;
	margin-right: 25px;
	margin-top: 0px;
	font-size: 17px;
	width: 170px;
	height: 36px;
	line-height: 36px;
	border-radius: 0;
	background-color: #df0024;
	color: #FFF !important;
	font-weight: normal !important;
	border: 0;
	padding-left: 20px;
	text-align: left;
	background: url('../images/arrow-white.png') 150px center no-repeat #df0024;
}
div#bloc-montant-total { text-align: right; margin-bottom: 20px; font-weight: normal; display: none; margin-top: -20px;}
div#bloc-montant-total span { font-weight: bold; }

#footer-step input{
	float:right;
}




ul.horizontal-float li { float:left; width: 215px; margin-right: 20px; padding: 20px;padding-top: 100px; font-size: 14px; min-height: 330px;}
ul.horizontal-float li.eau-urgence { background: url('../images/icones/icone-eau-urgence.png') no-repeat center top; }
ul.horizontal-float li.eau-sourd { background: url('../images/icones/icone-eau-sourd.png') no-repeat center top; }
ul.horizontal-float li.eau-malvoyant { background: url('../images/icones/icone-eau-malvoyant.png') no-repeat center top; }

ul.legend li { float :left; min-height: 20px; margin-right: 3%; width: 30%; min-width: 120px; margin-bottom: 10px; }
ul.legend li.arret-prog { background: url('../images/icones/picto-arret-programme.png') no-repeat; padding-left:28px;  }
ul.legend li.inter-prog { background: url('../images/icones/picto-inter-programme.png') no-repeat; padding-left:34px; }
ul.legend li.inter-urg { background: url('../images/icones/picto-inter-urgence.png') no-repeat; padding-left:38px; }



.cat-arret-prog { background: url('../images/icones/picto-arret-programme-r.png') no-repeat 5px 10px; }
.cat-arret-prog  .cat-title {  padding-left:43px !important;   }
.cat-inter-prog { background: url('../images/icones/picto-inter-programme-r.png') no-repeat 4px 10px;}
.cat-inter-prog .cat-title  {padding-left:43px !important; }
.cat-inter-urg  { background: url('../images/icones/picto-inter-urgence-r.png') no-repeat left 10px;  }
.cat-inter-urg  .cat-title  {  padding-left:43px !important;  }

#actu-big { position: relative; padding-left:50px;  font-size: 15px; font-family: 'thesans_veoliaw5_plain'; }
#actu-big #actu-photo { position: relative; }
#actu-big #actu-photo img { border-top-right-radius: 20px; border-bottom-left-radius: 20px;  }
#actu-big #actu-photo #actu-entete { border-top-right-radius: 20px; border-bottom-left-radius: 20px; position: absolute;  top: 20px; left: -50px; background-color: #01BDCC; width: 100px; color: #FFF; font-family: 'fs_rufusbold'; font-size: 28px; padding: 10px; text-transform: uppercase;}
#actu-big a:hover h3 { color : #be2026; }
#actu-big h3 { background: none; padding: 0;  font-family: 'fs_rufusitalic'; font-size: 28px; margin: 0; line-height: 30px; margin: 10px 0; font-weight: normal; }
#actu-big .chapeau, .actu-thumb-content .chapeau { font-size: 17px; font-family: 'Arial'; margin-bottom: 10px; line-height: 20px;}
#actu-big .infos {  font-family: 'Arial'; font-size: 13px; color: #808284; margin-top: 20px; background: url('../images/fleche-nav-rouge.png') no-repeat right center;  margin-right: 20px; padding: 2px 0px;}
#actu-big .infos .date { border-right: 1px solid #808284; padding-right: 10px;}
#actu-big .infos .publish { padding-left: 8px;}
#actu-big .infos .publish a{ color: #E9212F;  }
#actu-big .infos .publish a:hover { color: #be2026;  }
#actu-big .actu-contenu { margin-top: 20px;}

#actu-list { margin-top: 20px; }
#actu-list li:hover { cursor: pointer; background-color: #D5D6D8 !important;}
#actu-list li:nth-child(odd) {  background-color: #EDECED; }
#actu-list li { padding: 20px; border-top: 1px solid #A9ACB0;}
#actu-list li:last-child { border-bottom: 1px solid #A9ACB0;  }
#actu-list img.thumb { float :left; }
#actu-list .actu-thumb-content { margin-left: 196px; }
#actu-list .actu-thumb-content h3 { background: none; padding: 0; color: #E9212F;  font-family: 'fs_rufusitalic'; font-size: 22px; margin: 0; line-height: 24px;}
#actu-list .actu-thumb-content .infos {  font-family: 'Arial'; font-size: 13px; color: #808284; margin-top: 16px;  background: url('../images/fleche-nav-rouge.png') no-repeat right center; padding: 2px 0px; }
#actu-list .actu-thumb-content .infos .date { border-right: 1px solid #808284; padding-right: 10px;}
#actu-list .actu-thumb-content .infos .publish { padding-left: 8px;}
#actu-list a.redlink{ color: #E9212F; font-family: 'Arial'; }
#actu-list a.redlink:hover { color: #be2026;  }


#actu-sommaire { float :right; line-height: 37px; font-family: 'thesans_veoliaw7_bold'; font-size: 15px; }
#actu-sommaire a:hover {  color: #BE2026; }
#actu-sommaire a { color: #E9212F; }

@media ( max-width: 959px ) {
    div#global-content div.col-w750 { width: 100%; float: none; margin: 0;  margin-left: 230px; padding-right: 250px; text-align: left;  }
    .semi-column .info .thumb { width: 110px; height:auto;  }
    .semi-column .info .thumb img { width: 110px; width: auto; height: auto;  }
    .semi-column .info h4 { font-size: 14px;  }
    .col-center small { padding-left: 230px;  }
	 div.conso-content-left {width:100%;}
	 .img-estime-conso {display:none;}
	.estime-conso{width:100%;} 
	#estime-conso-bg { background:url('') #00adc8; }	
 	#estime-conso-bg ul { display:block; margin: 15px; float:left;}
 	#estime-conso-bg li { line-height: 18px; padding-left:0px; margin-bottom: 8px; list-style:disc; }
}

@media ( max-width: 729px ) {
    div#global-content { margin-top: 20px;}
    div#global-content div.col-w750 { width: 100%; float: none; margin: 0; margin-bottom: 20px; padding: 10px;   }
    div#global-content div.col-w190{   display: none;  }
    .semi-column { float: none; width: 100%; font-size: 13px; border: 0;}
    .semi-column:last-child, .semi-column.last {  border: 0; padding: 0;}
    .col-small { padding-left: 20px;  }
    #cycle-eau-intro,#regler-facture-texte { background: url(''); padding: 0; }
    div.conso-content-left {float:none; width:100%;}
    .lien-btn.no-phone{ display:none;}
}