#global-content { margin-top: 45px; }

div#slide-container { background-color: #e6e5e3; height: 455px; width: 100%; position: relative;  border: 0;   }
div#slide-container #slide { max-width: 1482px; width:100%; margin: auto; position: relative; height: 455px; }
div#slide-container #slider-pager { position: absolute; width: 163px; bottom: 0; text-align: center; height: 29px; background: url('../images/slider/bg-nav.png') no-repeat center top;  left: 50%; margin-left: -81px; }
div#slide-container .entity { font-family: 'thesans_veoliaw5_plain'; width: 960px; margin: auto; position: relative; top: -355px;}
div#slide-container .entity li {display: none; }
div#slide-container .entity li:first-child { display: block;}
div#slide-container .desc {  color: #FFF; width:250px; height: 330px;  position: absolute; padding-top: 33px; padding-left: 23px; padding-right: 23px;}
div#slide-container .desc.blue-type { background: url('../images/slider/bg-desc.png') no-repeat; }
div#slide-container .desc.yellow-type { background: url('../images/slider/bg-desc-yellow.png') no-repeat; }
div#slide-container .desc h2 { display: inline-block; font-size: 22px; line-height: 26px; font-family: "fs_rufusbold"; font-weight: normal;}
div#slide-container .desc p {  font-size: 16px; line-height:20px;}
div#slide-container .desc .link { display: block; font-size: 16px; height:73px; width: 250px; position: absolute; bottom: 0; text-align: center; padding-top: 15px; color: #a2f2ff; margin-left: -23px;}
div#slide-container .desc.blue-type:hover {  color: #a2f2ff; }
div#slide-container .desc.blue-type .link { background: url('../images/slider/bg-link-desc.png') no-repeat; }
div#slide-container .desc.blue-type:hover .link {color: #FFF; }
div#slide-container .desc.yellow-type .link { background: url('../images/slider/bg-link-desc-yellow.png') no-repeat; color: #dee156; }
div#slide-container .desc.yellow-type:hover {  color: #dee156; }
div#slide-container .desc.yellow-type:hover .link {color: #FFF; }
div.slide-img{ display:block; background:url('./images/visu-home-regionnal.jpg') bottom top no-repeat; width:100%; height:455px; }


div#estimation-conso { background: url('../images/mobil_eau.png') no-repeat;  height: 121px; position: relative; margin-right: 0px;}
div#estimation-conso a:hover span {color: #6d6c6c;}
div.col-left div#estimation-conso a{ display: block; background: url('../images/eau-sante-home.png') bottom left no-repeat; width: 190px; height: 121px; }
div#estimation-conso span {width: 242px; height: 100px; text-align: left; position:absolute; bottom: -16px;  color: #322f2f; padding-right: 10px; padding-left: 110px; }
div.col-left div#estimation-conso  span {width: 190px; padding-top: 5px;}


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: 230px; height: 48px; text-align: center; position:absolute; bottom: 0; font-size: 16px; text-transform: uppercase; line-height: 48px; color: #FFF; font-family: 'open_sanslight'; }
div.col-left div#besoin-aide  span {width: 190px; padding-top: 5px;}

div#e-facture { background: url('../images/e-facture-190.jpg') no-repeat;  height: 121px; position: relative; margin-right: 15px; border-bottom-right-radius: 20px; overflow:hidden;}
div#e-facture a{ display: block; background: url('../images/bg-violet-right.png') bottom left no-repeat; width: 230px; height: 121px; }
div#e-facture a:hover span {color: #fdded9;}
div.col-left div#e-facture a{ display: block; background: url('../images/bg-violet-right.png') bottom left no-repeat; width: 190px; height: 121px; }
div#e-facture span {width: 230px; 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#e-facture  span {width: 190px; padding-top: 5px;}

div#teleo-plus{ background: url('../images/p_teleo.png') no-repeat;  height: 121px; position: relative; border-bottom-right-radius: 20px; overflow:hidden;}
div#teleo-plus a{ display: block; background: url('../images/bg-violet-right.png') bottom left no-repeat; width: 230px; height: 121px; }
div#teleo-plus a:hover span {color: #fdded9;}
div.col-left div#teleo-plus a{ display: block; background: url('../images/bg-violet-right.png') bottom left no-repeat; width: 190px; height: 121px; }
div#teleo-plus span {width: 230px; 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#teleo-plus  span {width: 190px; padding-top: 5px;}

div#inscription-client { background: url('../images/bg-espace-client.jpg') no-repeat;  height: 121px; position: relative; margin-right: 15px;}
div#inscription-client a{ display: block; background: url('../images/bg-violet-right.png') bottom left no-repeat; width: 230px; height: 121px; }
div#inscription-client a:hover span {color: #fdded9;}
div.col-left div#inscription-client a{ display: block; background: url('../images/bg-violet-right.png') bottom left no-repeat; width: 190px; height: 121px; }
div#inscription-client span {width: 230px; 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#inscription-client  span {width: 190px; padding-top: 5px;}

div#bloc-montant-total { text-align: right; margin-bottom: 20px; font-weight: bold; display: none; margin-top: -20px;}
div#bloc-montant-total span { font-weight: normal; }

div#conseils-pratiques { background: url('../images/rdv.png') no-repeat; width: 230px; height: 121px; position: relative; margin-right: 25px; }
div#conseils-pratiques a:hover span {color: #6d6c6c;}
div#conseils-pratiques span { width: 242px; height: 100px; text-align: left; position:absolute; bottom: 0; color: #322f2f; padding-right: 10px; padding-left: 110px; font-family: 'open_sanslight'; }
div#eau-de-ma-ville {  background-color: #bad9f7;  height: 121px; position: relative; border-top-right-radius: 20px; border-bottom-left-radius: 20px; padding: 20px 40px; margin: 0; }
div#eau-de-ma-ville h2 { font-size: 19px; color: #000000; text-transform: uppercase; font-weight: normal; font-family: "open_sanslight"; line-height: 10px; padding-top: 15px;}
div#eau-de-ma-ville form input { height: 28px; line-height: 28px; border: 0; padding: 0; }
div#eau-de-ma-ville form input:focus { outline : none; }
div#eau-de-ma-ville input[type=text] { color: #7f7f7f;  border-radius: 5px; border: 0; padding: 0px 10px; width: 264px; }
div#eau-de-ma-ville input[type=submit] { background-color: #e40520; color: #FFF; border-radius: 5px; width: 42px;  line-height: 22px; font-size: 13px; font-weight: bold;}
div#eau-de-ma-ville input[type=button] { display: inline-block; width: 48px; height: 48px; background: url('../images/icones/localisation-48x48.png'); margin-top: -12px; }
div#eau-de-ma-ville input[type=submit]:hover { background-color: #be2026; }
div#eau-de-ma-ville.connected {background-image: url('../images/bg-eau-ma-ville-connected.png'); background-repeat:  no-repeat; padding-left: 180px; padding-right: 10px;}
div#eau-de-ma-ville.connected h2 { color: #df0024; font-family: 'open_sansbold'; text-transform: none;}
div#eau-de-ma-ville.connected ul {margin: 0; padding: 0;}
div#eau-de-ma-ville.connected ul li { font-size: 11px;color: #322f2f; display: inline-block; width: 100px; margin-right: 10px;  padding: 0; border-left: 1px solid #dcd8ce; padding-left: 2%; font-size:11px; text-transform: uppercase;float: left; }
div#eau-de-ma-ville.connected ul li:hover { border-left: 1px solid #df0024; }




/*------------------------*/
/* ESPACE PERSO*/

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;}

#notification-fil { font-size: 15px; padding: 0px 15px; }
#notification-fil span {display: block; margin-right: 10px;margin-bottom: 10px; float: left; background: url('../images/icones/alert.png') no-repeat; padding-left: 26px; height: 24px; text-transform: uppercase; color: #DE0024; padding-top: 2px;}
#notification-fil ul { display: inline-block; }
#notification-fil ul li { float: left; padding-top: 2px; padding-left: 16px; margin-right: 20px; background: url('../images/arrow-red.png') left center no-repeat; }
#notification-fil ul li:last-child {border: 0;}

#espace-perso-cat { width: auto; position: relative; padding: 0; margin:auto;  margin-top: 10px; text-align: center;}
#espace-perso-cat .espace-perso-vignettes { color: #FFF;text-align: left;  float: left;margin-bottom: 20px;   margin-right: 20px; width: 220px; height: 475px; border-bottom-left-radius : 20px; background: url('../images/decroche-espace-perso.png') center top no-repeat; padding-top: 50px; }
#espace-perso-cat .espace-perso-vignettes.orange { background-color: #2571b2; }
#espace-perso-cat .espace-perso-vignettes.blue { background-color: #ffa83e; }
#espace-perso-cat .espace-perso-vignettes.purple { background-color: #2abbcf; }
#espace-perso-cat .espace-perso-vignettes.green { background-color: #be4a9b; }
#espace-perso-cat .espace-perso-vignettes h2 { display: block;  line-height: 1em; font-family : 'thesans_veoliaw6_semibold'; font-size: 22px; color: #322F2F; }
#espace-perso-cat .espace-perso-vignettes div.first-part { height: 205px;  padding: 0px 15px; font-family : 'thesans_veoliaw6_semibold'; position: relative;  }
#espace-perso-cat .espace-perso-vignettes div.first-part .thumb-cat { margin-left: -15px; width: 100%; position: absolute; bottom: 0;}
#espace-perso-cat .espace-perso-vignettes div.first-part .thumb-cat img { width: 100%; max-height: 140px;}
#espace-perso-cat .espace-perso-vignettes div.first-part table { border: 0; padding: 0; margin: 0;  }
#espace-perso-cat .espace-perso-vignettes div.first-part table tr td { vertical-align: middle; padding: 0; margin: 0; border: 0; padding-bottom: 14px; color: #322F2F; font-family : 'open_sansregular'; font-size: 18px;}
#espace-perso-cat .espace-perso-vignettes div.first-part table tr td span {  line-height: 18px; font-size: 12px;}
#espace-perso-cat .espace-perso-vignettes div.first-part table tr td:first-child{ width: 100px; padding-right: 14px; text-align: left; font-size: 13px; color: #FFF; font-family : 'thesans_veoliaw6_semibold';  }
#espace-perso-cat .espace-perso-vignettes div.second-part { height: 220px; background-color: #1a507d; padding: 15px; border-bottom-left-radius : 20px; font-family : 'thesans_veoliaw5_plain';  }
#espace-perso-cat .espace-perso-vignettes div.second-part ul li { margin-left: 5px; margin-bottom: 10px; background: url('../images/arrow-white.png') no-repeat left 5px;  font-size: 16px; }
#espace-perso-cat .espace-perso-vignettes div.second-part ul li:hover {background: url('../images/arrow-black.png') no-repeat left 5px; }
#espace-perso-cat .espace-perso-vignettes div.second-part ul li a {color: #FFF; padding-left: 15px; display: block;}
#espace-perso-cat .espace-perso-vignettes.orange div.second-part { background-color : #1a507d; }
#espace-perso-cat .espace-perso-vignettes.blue div.second-part { background-color : #cc740a; }
#espace-perso-cat .espace-perso-vignettes.purple div.second-part { background : url('../images/bg-espace-perso-conso.png') bottom right no-repeat #0f8294; }/*../images/bg-espace-perso-conso.jpg*/
#espace-perso-cat .espace-perso-vignettes.green div.second-part { background : url('../images/bg-espace-perso-quotidien.png') bottom right no-repeat #7d2f66; }/*../images/bg-espace-perso-quotidien.jpg*/
#espace-perso-cat .espace-perso-vignettes span.phone { display: inline-block; background: url('../images/icones/phone.png') no-repeat left center; padding-left: 24px; height: 29px; line-height: 34px; font-size: 17px; }
.without-slider{ margin-top:101px!important;}



.entete-cat {font-family: 'fs_rufusitalic'; font-size: 21px; color: #1E1B1B; line-height: 21px; margin: 10px 0 20px 0; width: 100%;}
.entete-cat h2 {  font-size: 28px; line-height: 28px; color: #df0024; margin: 0; margin-bottom: 5px; font-weight: normal;}


/* Media Query */
@media (max-width: 959px)  {
    .entity {margin-left: 20px !important; width: 100% !important;}
    div#slide-container #slide {margin-top: 40px !important;}
    div#eau-de-ma-ville { width: 450px; }
    div#conseils-pratiques { display: none; }
    div#slide-container nav#fast-action ul{ list-style: none; padding: 0; margin-left: 40px; }
    div#slide-container nav#fast-action ul li { border: 0;padding: 0; margin: 0; margin-left: -3px;display: inline-block; height: 89px; padding-top: 28px;  font-weight: bold; color: #333333; width: 25%;   }
    div#slide-container nav#fast-action {bottom: -96px; left: 0; width: 100%; height: 89px; margin: 0; padding: 0; }
    nav#fast-action ul li a { display: block; margin-top: -28px; padding-top: 28px; height: 88px;   }
    #global-content { width: 710px; margin: auto;margin-top: 109px; padding-left: 5px;  }
    div#eau-de-ma-ville.connected { width: 450px;}
    div#eau-de-ma-ville.connected h2 {padding-top: 0px; margin-top: -10px; font-size: 18px;}
    div#eau-de-ma-ville.connected ul { width: 400px; margin-top: -5px;}
    div#eau-de-ma-ville.connected ul li { display: block; font-size: 12px; width: 400px !important; margin-top: 5px;}
    form#espace-perso-large {margin-right: 5px;}
    form#espace-perso-large select  {width: 100%;}
    #espace-perso-cat { padding-left: 50%; margin-left: -230px;}

}

@media (max-width: 729px) {
    div#slide-container { height: auto; width: 100%; background-color: #FFF; }
    div#slide-container #slide { width: 100%; max-width:100%; height: auto; position: relative;  }
    div#slide-container .entity {top:  -35px; padding: 0; margin: 0;}
    div#slide-container .entity li { padding: 0; margin: 0; margin-top: -35px}
    div#slide-container .entity .desc p { display: none;  }
    div#slide-container .entity .desc h2 { margin: 0; padding: 0;display: block;  width: 100%; font-size: 16px; line-height: 30px; padding-left: 10px;}
    div#slide-container .entity .desc div.link {display: none;}
    div#slide-container .entity .desc {  background-position: 0px 130px; background-repeat: repeat;  height: 20px; padding: 0; margin-left: -20px; width: 100%; height: 60px ;margin-top: -27px; line-height: 30px; }
    div#slide-container nav#fast-action { background-color: #fff; position: relative;  border-top-right-radius: 0px;  bottom: 0px;height:359px; width: 100% !important; display: block; margin: auto; padding: 0; }
    div#slide-container nav#fast-action ul{ display: block;list-style: none; margin-left: 0px; padding: 0; width: 100% !important;}
    div#slide-container nav#fast-action ul li { display: block;height: 89px; padding-top: 28px;  padding-left: 82px; font-weight: bold; color: #333333; margin: auto; width: 100%; padding-left: 20px; padding-right: 20px;  }
    div#slide-container nav#fast-action ul li a { display: block; width: 100%; display: block;   margin-top: -28px; padding-top: 28px; height: 88px; border-bottom: 1px solid #e0e0e0; }
    div#slide-container nav#fast-action ul li a span { width: 180px; margin: auto;}
    div.slide-img {width: 100%;height: 300px;}

    div#slide-container nav#fast-action ul li:last-child a { border: 0; }
    div#slider-pager { display:none; margin: 0!important;left: 0 !important; padding-left: 0px !important;  width: 100% !important; background: url('../images/bg-menu-transparent-1x1.png') repeat !important; top: -405px; z-index: 5;height: 80px !important;  }
    div#estimation-conso {display: none;}
    div#eau-de-ma-ville { padding: 0; width: 310px; margin: auto; clear: both !important; float: none !important;  padding-left: 10px; }
    div#eau-de-ma-ville.container-float { }
    div#eau-de-ma-ville div.container {  width: 320px; margin: auto; padding: 10px 0px; }
    div#eau-de-ma-ville input[type=text] { width: 200px; }
    div#eau-de-ma-ville.connected { padding-top: 10px;}
    #global-content {  width: 100%; margin: auto;margin-top: 0px; padding-left: 5px;  }
    .bx-pager { margin: 0 !important; padding: 0; padding-left: 300px; text-align: left; padding-top: 30px ; text-align: left; left: 0 !important;}
    .entity { position : absolute; z-index: 1; margin-top:40px !important; }
    .bx-pager.bx-default-pager a { background-color: #FFF; width: 15px; height: 15px; border-radius: 15px; }
    .bx-wrapper { margin: 0;}
    div#eau-de-ma-ville.connected { width: 320px; background-position: -60px; padding-left: 110px; }
    div#eau-de-ma-ville.connected h2 {padding-top: 0px; margin-top: -10px; font-size: 18px;}
    div#eau-de-ma-ville.connected ul { width: 320px; margin-top: -5px;}
    div#eau-de-ma-ville.connected ul li { display: block; font-size: 12px; width: 400px !important; margin-top: 5px;}
    #espace-perso-cat { padding-left: 0; margin: 0;}
    #espace-perso-cat .espace-perso-vignettes { float: none; display: block; margin: auto; width: 300px; margin-top: 10px; margin-bottom: 20px;}
    #espace-perso-cat .espace-perso-vignettes .second-part ul { margin-top: 20px; }
}