html, body {
  overflow-x:hidden;
} 
body { width: 100%; background-color: #ffffff;overflow-x: hidden; font-family: Arial;}
a { text-decoration: none; border: 0;}
a.redlink {
  color: #E9212F;
}
ul { margin: 0; padding: 0;}
li { padding: 0; list-style: none;}
header { height: 166px; position: relative;}
header .connect-area { display: block; height: 81px; float: left; top: 0; width: auto; text-align: left; z-index: 0; right: 0; }
header .connect-area .user-info { position: absolute; right: 20px ; text-align: right;}
header form { position: absolute; right: 0; top: 0; line-height: 82px;  text-align: left; }
header form input { font-size: 11px;height: 24px; line-height: 24px; border: 0; padding: 0; }
header form input:focus { outline : none; }
header form input[type="text"] { border: 2px solid #e0dada; border-radius: 6px; color: #7f7f7f; padding: 0px 10px; width: 86px;}
header form input[type="text"]:focus { border: 2px solid #e40520;  }
header form input[type="password"] { border: 2px solid #e0dada; border-radius: 6px; color: #7f7f7f; padding: 0px 10px; width: 90px;}
header form input[type="password"]:focus { border: 2px solid #e40520;}
header form input[type=submit] { background-color: #e40520; color: #FFF; border-radius: 5px; width: 32px; height: 22px; line-height: 22px; font-size: 11px; font-weight: bold;}
header form input[type=submit]:hover { background-color: #be2026; }
header form label { font-family: 'thesans_veoliaw5_plain'; font-size: 13px;background: url('../images/icones/locker-on-red-32x32.png') no-repeat left -5px; padding-left: 34px; height: 22px; line-height: 24px; margin: 0; }
header #logo { margin-top: 10px; display: inline-block; float: left; }
header #menu-mobile-btn { display: none; }
header nav#menu { font-family: 'thesans_veoliaw7_bold';  background: url('../images/bg-menu-transparent-1x1.png'); position: relative; width: 100%;  float: left;  height: 76px; z-index: 2;margin-top:12px;}
header nav#menu ul { display: block; max-width: 960px; margin: auto; padding: 0; height: 42px; margin-top: 16px;}
header nav#menu ul li {
    display: block;
    /* line-height: 42px; */
    text-align: center;
    border-left: 1px solid #7F7F7F;
    position: relative;
    padding: 0px;
    height:42px;
    width:218px;
     float: left;
}
header nav#menu ul li:first-child {
    padding: 0px 0px;

}
header nav#menu ul li:not(:last-child) a {
    /*padding-top: 25px;*/
}
/*header nav#menu ul li:last-child  a {*/
/*    margin-top: -15px;*/
/*}*/

header nav#menu ul li a {
    font-size: 18px; font-weight: lighter; color: #FFF; display: inline-block; width: 218px; height: 81px; position: relative; margin: 0; margin-top: -21px;  padding-top: 21px; line-height: 17pt; text-transform: uppercase;
}
header nav#menu ul li a:hover { color :#4aa4a5;}
header nav#menu ul li:first-child { width: 103px; background: url('../images/icones/home-16x16.png') top center no-repeat;border-left: 0px; }
header nav#menu ul li:first-child a {  font-size: 12px;  display: inline-block; width: 103px; height: 81px; padding-top: 17px; line-height: 81px;  }
header nav#menu ul li:last-child { border: 0;  }
header nav#menu ul li:last-child > a { color: #df0024;  background: url('../images/bg-menu-element-selected.png') no-repeat center top ; padding-top: 10px; width: 222px; margin-left: -29px;  }
header nav#menu ul li:last-child a:hover { color: #e40520; }
header nav#menu #sub-menu-dup { display: none;}
header nav#menu #el-select{color:#4aa4a5; background: url('../images/sub-menu-arrow-green.png') 0px 0px no-repeat !important;}
header nav#menu #el-select:hover{color:#008386 !important;}

/*menu deroulant*/
header nav#menu ul li ul { display: none;  position: absolute; margin: 0; padding: 0px 10px; top: 60px; left: 0; background-color: #FFF;  z-index: 3; border:7px solid #c3c1c1; text-align: left; height: auto; padding: 20px 0px; padding-left: 10px; }
header nav#menu ul li ul.col-x3 {  width: 762px; }
header nav#menu ul li ul.col-x2 {  width: 600px; }
header nav#menu ul li ul.col-x1 {  width: 232px; }
header nav#menu ul li ul.c-left { left: 0; right: auto; }
header nav#menu ul li ul.c-right { right: -40px; left: auto;}
header nav#menu ul li ul.c-center { left: 50%; right: auto;  }
header nav#menu ul li ul.col-x3.c-center { margin-left: -381px; }
header nav#menu ul li ul.col-x2.c-center { margin-left: -300px; }
header nav#menu ul li ul.col-x1.c-center { margin-left: -116px; }
header nav#menu ul li ul.c-center.mg-left-bis { margin-left: -150px;}
header nav#menu ul li ul.c-center.mg-left-bis2 { margin-left: -220px;}
header nav#menu ul li:hover ul{ display: block; }
header nav#menu ul li ul li{  margin: 0; padding: 0; width: 250px; border: 0 !important; height: auto; display: block; float: left;}
header nav#menu ul li ul li:first-child { border: 0; margin-right: 40px;  margin-left: 10px;  background-image: url(''); width: 250px; border: 0 !important;}
header nav#menu ul li ul li:last-child { border: 0;  margin: 0;  border-bottom: 1px solid #c3c1c1;}
header nav#menu ul li ul li ul {  display: block;position: relative; margin: 0; padding: 0; top: 0; width: 100%; border: 0; padding: 0; height: auto;}
header nav#menu ul li ul li ul li { float: left; clear: both; height: 100%; margin: 0; display: block;border-bottom: 1px solid #c3c1c1 !important; padding: 12px 0px !important; }
header nav#menu ul li ul li ul li:first-child { height: 100%; margin: 0;   border-bottom: 1px solid #c3c1c1 !important;}
header nav#menu ul li ul li ul li:last-child { height: 100%; margin: 0;  border: 0 !important; }
header nav#menu ul li ul li ul li:first-child a{  margin: 0; padding: 0; height: auto !important; line-height: 20px !important; padding-left: 30px; background: url('../images/sub-menu-arrow-black.png') 0px 0px no-repeat;}
header nav#menu ul li ul li ul li:last-child a {  color: #322f2f;margin: 0; padding: 0; height: auto; line-height: 20px; padding-left: 30px; background: url('../images/sub-menu-arrow-black.png') 0px 0px no-repeat; }
header nav#menu ul li ul li ul li a {
    font-family: 'assistantregular' !important;
    text-transform: none;
    text-align: left !important;
    font-size: 17px !important;
    padding: 0;
    padding-top: 0 !important;
    color: #322f2f;
    height: auto !important;
    display: inline-block;
    background: none;
    width: 260px !important;
    position: relative;
    margin: 0;
    line-height: 16px !important;
    padding-left: 30px;
    /*background: url('../images/sub-menu-arrow-black.png') 0px 0px no-repeat !important;*/
}
header nav#menu ul li ul li ul li a{ background: url('../images/sub-menu-arrow-black.png') 0px 0px no-repeat !important; }
header nav#menu ul li ul li ul li a:hover{ background: url('../images/sub-menu-arrow-green.png') 0px 0px no-repeat !important; }
/*header nav#menu li:not(:first-child) a:hover { background: url('../images/bg-select-menu.jpg') bottom left repeat-x; }*/
header nav#menu li#menu-select a { background: none; }
header nav#menu li#menu-select li a { background: url('../images/sub-menu-arrow-black.png') 0px 0px no-repeat; }
header nav#menu li#menu-select li a.select { background: url('../images/sub-menu-arrow-black.png') 0px 0px no-repeat; }

header nav#menu #sub-menu-dup { display: none;}
/*fin menu déroulant*/
div#fast-action {
    font-family: 'proxima_nova_rgregular';
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    background-color: #fff;
    position: absolute;
    right: 0;
    border-top-right-radius: 0px;
    bottom: -12px;
    height: 372px;
    width: 250px;
    padding: 20px 20px;

}
div#fast-action h2 {   line-height: 26px;  background: url('../images/icones/picto-login.png') no-repeat left top;  padding-top: 5px;padding-left: 44px; font-size: 18px; font-family: 'proxima_nova_condensedSBd'; text-transform: uppercase; color: #473f3f;}
div#fast-action input[type=submit] {
    background-color: #e40520;
    color: #FFF;
    border-radius: 5px;
    width: 32px;
    height: 22px;
    line-height: 22px;
    font-size: 11px;
    font-weight: bold;
    border: 0;
    margin-left: 16px;
}
div#fast-action .pass-oubli { display: block; margin-top: 10px; text-decoration: underline; font-size: 12px; }
div#fast-action input[type=submit]:hover {     background-color: #be2026; }
div#fast-action input[name="login"] { border: 2px solid #e0dada;
    border-radius: 6px;
    color: #7f7f7f;
    padding: 0px 10px; height: 24px; margin: 10px 0; }
div#fast-action input[name="pass"] { border: 2px solid #e0dada;
    border-radius: 6px;
    color: #7f7f7f;
    padding: 0px 10px; height: 24px; width: 120px; }
div#fast-action #grand-public-access {  position: absolute; bottom: 0;display: block;width: 250px;  border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0; padding: 20px 0; padding-left: 40px;
    background: url('../images/fleche-grand-public.png') no-repeat left center;
    text-transform: uppercase; font-family:"proxima_nova_condensedSBd"; font-size: 18px;
    color: #473f3f;
}

@media (max-width: 729px) {
    div#fast-action{
        bottom: 40px;
        height: 320px;
    }
}
.grand-compte-logo{
    margin-bottom: 10px;
}

h3 { font-family: 'thesans_veoliaw7_bold'; ;font-size: 20px;color: #df0024;line-height: 21px;margin-bottom: 20px;width: 100%; }
h4 { font-family: 'thesans_veoliaw7_bold'; font-size: 16px; margin: 0; margin-bottom: 5px; color: #df0024; }
#actu-big h5 { padding: 0; margin: 0; }
hr{clear:none; margin-bottom: 20px;}

footer { font-size: 12px; border-top: 1px solid #e0e0e0; text-align: right; margin-top: 20px !important; color: #2d2c2c; padding-top: 10px;}
footer nav {display: inline-block; margin: 5px;}
footer nav ul li{ display: inline-block; border-left: 1px solid #2d2c2c; height: 10px; line-height: 10px; padding-left: 5px; }

/*GENERAL*/
.container-w960 { margin: auto; max-width: 960px;  position: relative; }
.container-w715 { margin: auto; width: 715px; position: relative;}
.container-w230 { width: 230px; }
.container-w460 { width: 460px; }
.container-float { float: left !important; }
.clear { clear: both; }

.connect-area { font-family: Arial; text-align: center; display: none;}
.connect-area span { display: inline-block; margin-top: 16px; background: url('../images/icones/locker-off-red-32x32.png') no-repeat left -5px; padding-left: 32px; padding-top: 3px; font-size: 14px; } 
.connect-area a {font-size: 12px; text-decoration: underline;}

nav.fil-ariane { width: 100%; margin-bottom: 10px;}
nav.fil-ariane ul li{ display: inline-block; background: url('../images/puce-red-arrow.png') left center no-repeat; padding-left: 15px; padding-right: 5px; font-family: Arial; font-size:12px; color: #333;}
nav.fil-ariane ul li:first-child { background: none; padding-left: 0px;}

.legend-list { width: 100%; }
.legend-list li { display: inline-block; padding: 8px !important;}
/* DEFAULT CONNECTED */

.default_connected#fast-action { background-color: #fff; position: absolute; right: 0; border-top-right-radius: 20px;  bottom: 0px;height:359px; width: 250px;}
.default_connected#fast-action ul{ list-style: none; margin-left: 20px; padding: 0; }
.default_connected#fast-action ul li { height: 89px; padding-top: 20px; border-bottom: 1px solid #e0e0e0;  font-weight: bold; color: #333333; font-size: 16px ; line-height: 20px; }
.default_connected#fast-action ul li a { display: block; width: 100%;  }
.default_connected#fast-action ul li a span { display: block; width: 100%; height: 48px; padding-left: 54px; padding-top: 4px;}
@media (max-width: 729px) {
    div#slide-container .entity{
        z-index: 0;
    }
    body div#slide-container #slide {
        width: 100%;
        max-width: 100%;
        height: auto;
        position: relative;
    }

    body div#slide-container {
        height: auto;
        width: 100%;
        background-color: #FFF;
    }
    .default_connected#fast-action {
        background-color: #fff;
        position: relative;
        border-top-right-radius: 0px;
        bottom: 0px;
        height: auto;
        width: 100% !important;
        display: block;
        margin: auto;
        padding: 0;
        margin-bottom: 25px;
    }
    .default_connected#fast-action ul{
        display: block;
        list-style: none;
        margin-left: 0px;
        padding: 0;
        width: 100% !important;
        text-align: center;
    }
    .default_connected#fast-action ul li{
        height: 89px;
        padding-top: 28px;
        font-weight: bold;
        color: #333333;
        margin: auto;
        padding-left: 20px;
        padding-right: 20px;
        width: 49%;
        display: inline-block;
        max-width: 250px;
        vertical-align: top;
    }
    
}

/* PICTO */

#picto-48x48-create-acc { background: url('../images/icones/my-account-48x48.png') no-repeat; }
#picto-48x48-invoice { background: url('../images/icones/invoice-48x48.png') no-repeat; }
#picto-48x48-warning { background: url('../images/icones/warning-48x48.png') no-repeat; }
#picto-48x48-help { background: url('../images/icones/help-48x48.png') no-repeat; }
#picto-48x48-water { background: url('../images/icones/mon-eau-48x48.png') no-repeat; }
#picto-48x48-conso { background: url('../images/icones/conso-48x48.png') no-repeat; }
#picto-48x48-compteur { background: url('../images/icones/compteur-48x48.png') no-repeat; }
#picto-48x48-demenage { background: url('../images/icones/demenage-48x48.png') no-repeat; }

/*.bx-wrapper { position: absolute;}*/

.col-center p { padding: 0px; }
.col-center p a , .col-right p a { color: #df0024; }
.col-center p a:hover, .col-right p a:hover { color: #be2026; ;}

.blue-box { background-color: #50B2E1; border-bottom-left-radius: 10px; border-top-right-radius: 10px; padding: 40px; padding-left: 180px;  }
.blue-box.b0 { background-image: url('../images/icones/eau-sante-intro.png'); background-repeat: no-repeat; background-position:  70px center; background-size: 47px 116px;}
.blue-box strong { color: #FFF;}
.blue-box.b1 { background-image: url('../images/icones/eau-gel-intro.png'); background-repeat: no-repeat; background-position:  50px center; }
.blue-box.b2 { padding-top: 20px; padding-bottom: 20px; padding-right: 30px;background-image: url('../images/icones/eau-pour-tous-intro.png'); background-repeat: no-repeat; background-position:  50px center; }
.blue-box.b3 { padding-top: 20px; padding-bottom: 20px; padding-right: 30px;background-image: url('../images/icones/mieux-conso-intro.png'); background-repeat: no-repeat; background-position:  50px center; }
.blue-box.b4 { padding-top: 20px; padding-bottom: 20px; padding-right: 30px;background-image: url('../images/icones/mobil-eau-intro.png'); background-repeat: no-repeat; background-position:  50px center; }
.blue-box.b5 { padding-top: 20px; padding-bottom: 20px; padding-right: 30px;background-image: url('../images/icones/cycle-eau-intro.png'); background-repeat: no-repeat; background-position:  50px center; }
.blue-box.b6 { padding-top: 20px; padding-bottom: 20px; padding-right: 30px;background-image: url('../images/icones/espace-enseignants-intro.png'); background-repeat: no-repeat; background-position:  50px center; }
.blue-box.b7 { padding-top: 30px; padding-bottom: 30px; padding-right: 30px;background-image: url('../images/picto-handshake.png'); background-repeat: no-repeat; background-position:  50px center; }
.blue-box.b8 { padding-top: 30px; padding-bottom: 30px; padding-right: 30px; /*background-image: url('../images/picto-compteur.png');*/ background-image: url('../images/picto-telereleve.png'); background-repeat: no-repeat; background-position:  25px center; }
.blue-box.b9{ padding-top: 30px; padding-bottom: 30px; padding-right: 30px;background-image: url('../images/picto-telereleve.png'); background-repeat: no-repeat; background-position:  25px center; }
.blue-box.b10{ padding-top: 50px; padding-bottom: 50px; padding-right: 30px;background-image: url('../images/icones/etre-rappele.png'); background-repeat: no-repeat; background-position:  35px center; }
.blue-box.b11{ padding-top: 20px; padding-bottom: 20px; padding-right: 30px;background-image: url('../images/icones/intro-grd-compte.png'); background-repeat: no-repeat; background-position:  35px center; }
.blue-box.b12{ padding-top: 20px; padding-bottom: 20px; padding-right: 30px;background-image: url('../images/icones/cochon-tirelire.png'); background-repeat: no-repeat; background-position:  35px center; padding-left: 143px;}
.blue-box.b13{ padding-top: 20px; padding-bottom: 20px; padding-right: 30px;background-image: url('../images/icones/obj-missions-intro.png'); background-repeat: no-repeat; background-position:  35px center; padding-left: 143px;}

strong#link-difficulte-fincance { padding: 8px 30px 8px 0; cursor: pointer; color: #DF0024; font-size: 18px;  background: url('../images/icones/icone-plus.png') no-repeat right center; display: block; border-top: 1px solid #A9ACB0;
border-bottom: 1px solid #A9ACB0; }
#link-difficulte-fincance.opened { background: url('../images/icones/icone-moins.png') no-repeat right center;  }


/*-------*/
.formWithBG, .formPartWithBG  { background-color: #bad9f7; padding: 10px; margin: 20px 0;  border-bottom-left-radius: 20px;  border-top-right-radius: 20px;}

form.formWithBG  input { font-size: 15px;height: 36px; line-height: 36px; border: 0; padding: 0; margin-top: 5px; }
form.formWithBG  input:focus { outline : none; }
form.formWithBG  input[type="text"] { border: 2px solid #e0dada; border-radius: 6px; color: #7f7f7f; padding: 0px 10px; width: 120px;}
form.formWithBG  input[type="text"]:focus { border: 2px solid #e40520;  }
form.formWithBG  input[type="password"] { border: 2px solid #e0dada; border-radius: 8px; color: #7f7f7f; padding: 0px 10px; width: 120px;}
form.formWithBG  input[type="password"]:focus { border: 2px solid #e40520;}
form.formWithBG  input[type=submit] { font-family: 'thesans_veoliaw5_plain';  font-weight: normal; background-color: #e40520; color: #FFF; border-radius: 5px; width: 44px; height: 34px; line-height: 34px; font-size: 16px; }
form.formWithBG  input[type=submit]:hover { background-color: #be2026; }
form.formWithBG  label {  font-size: 15px; padding-left: 10px; height: 31px; line-height: 24px; margin: 0; padding-top: 5px; margin-right: 5px; font-family: 'thesans_veoliaw6_semibold'; }
form.formWithBG  input[name=login] { margin-right: 10px; }
form.formWithBG  input[name=pass] { margin-right: 10px; }

.formPartWithBG { border-top-right-radius: 10px; border-top-left-radius: 10px; padding: 10px 20px; padding-right: 40px;}
.formPartWithBG label { display: block !important; text-align: left !important; width: 100% !important; }
.formPartWithBG input { display: block; width: 100% !important;}
.formPartWithBG input.calendar { background: url('../images/icones/agenda.png') #FFF 98% center no-repeat; cursor: pointer;}



/*------ J'emménage / Raccordement -------- */
.sub-title-demarches {font-family:Arial, Helvetica, sans-serif; font-size: 16px; color: #df0024; line-height: 21px; margin-bottom: 20px; width: 100%;}

.col-center h3 span small {  color: #1E1B1B; font-size: 15px; }
div.e-facture-col h3 img {margin-right:5px;}
 
#j-emmenage-intro { float:right; margin-left: 10px;}
form#emmenage-form {margin-top: 20px; text-align: center;}
form#emmenage-form input { width:240px; height: 34px; border: 1px solid #b3b3b3; border-radius: 5px; font-size: 15px; padding: 0 15px;}
form#emmenage-form input[type=submit] { width: 50px;background-color: #e20025; color: #FFF; border: 0; margin: 0;border-radius: 5px; margin-left: 20px; }
form#emmenage-step-form small {display: block;float: left;margin-left: 20px;font-size: 15px;}
form#emmenage-step-form small span {color: #e20025;}
form#emmenage-step-form {text-align: right;/* max-width: 480px;*/}
form#emmenage-step-form #bg { text-align: left;  padding: 20px; }
form#emmenage-step-form h4 {padding: 0;}
form#emmenage-step-form label { font-family: 'thesans_veoliaw7_bold'; display: inline-block;  margin: 0; width: 170px; text-align: right; margin-right: 10px; height: 34px; line-height: 34px;}
form#emmenage-step-form label span { color: #e20025; }
form#emmenage-step-form input, 
    form#emmenage-step-form select , 
    form#emmenage-step-form textarea{ width:250px; height: 34px; border: 1px solid #b3b3b3; border-radius: 5px; font-size: 13px; padding: 0 15px; margin-bottom: 10px;}
form#emmenage-step-form input[type=submit], .red-square-button { font-family: 'thesans_veoliaw7_bold' !important; display: inline-block; margin-right: 18px; 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;}
form#emmenage-step-form input[type=button] {   width: 100px; font-family: 'thesans_veoliaw7_bold' !important;  background-color: #df0024; color: #FFF !important; border: 0; padding: 0; text-align: center;}
form#emmenage-step-form input[type=text].file-name { width: 150px; cursor: pointer;  }
form#emmenage-step-form input[type=file] { display: block; position: absolute; z-index: -1; left: -9999px; width: 10px;}

form#emmenage-step-form input[type=radio] , form#emmenage-step-form input[type=checkbox] { width: 12px; height: 12px; cursor: pointer; margin: 0; padding: 0;}
td.price{ cursor:pointer; }
table.responsive input[type=checkbox] {
	width:17px!important;
	height:17px!important;
}

form#emmenage-step-form label.inline-label{  display: inline; padding-left: 12px; font-family: 'thesans_veoliaw7_bold'}
form#emmenage-step-form .form-info { position: absolute; top: 5px; right: -20px; width: 25px; height: 25px; background: url('../images/icones/help-form-tips.png') center center no-repeat; cursor: help;}
form#emmenage-step-form .form-info .form-info-content { display: none;}
form#emmenage-step-form .pdf { background: url('../images/icones/pdf.png') no-repeat left center; display: inline-block; padding-left: 30px; }
form#emmenage-step-form .pdf:hover { color: #e20025;}

form#emmenage-step-form h4{	margin: 15px 0 0;}
form#emmenage-step-form h4:first-child{margin:0;}
form#emmenage-step-form .form-jours label { font-family: 'thesans_veoliaw7_bold'; display: inline-block;  margin: 0; width: 10px; text-align: right; margin-right: 10px; height: 34px; line-height: 34px;}
.form-jours {width: 250px;height: 34px; margin-bottom: 10px; float:right;}

.large-list { margin-top: 20px; }
.large-list li { padding: 20px; border-top: 1px solid #A9ACB0;}
.large-list li:first-child {border: 0;}

.large-list img.thumb { float :left; }
.large-list .actu-thumb-content { margin-left: 196px; }
.large-list .actu-thumb-content h4  { margin-left: 0; padding-left: 0;  }
.large-list .actu-thumb-content h3 { color: #df0024;}
.large-list .actu-thumb-content .infos { font-size: 18px; font-family: 'thesans_veoliaw5_plain'; font-size: 13px; color: #808284; margin-top: 16px;}
.large-list .actu-thumb-content .infos .date { border-right: 1px solid #808284; padding-right: 10px;}
.large-list .actu-thumb-content .infos .publish { padding-left: 8px;}
.large-list a.redlink{ color: #E9212F; font-family: 'thesans_veoliaw7_bold'; }
.large-list a.redlink:hover { color: #be2026;  }
.large-list a.red-link-bloc { display: inline-block; background-color: #e40520; color: #FFF; padding: 10px 20px; margin-top: 20px ; border-radius: 5px; text-transform: uppercase;}
.large-list a.red-link-bloc:hover { background-color: #be2026; }

#juniors-bloc { list-style: none; }
#juniors-bloc .cat-title { 
		background: none; 
		padding: 0; 
		padding-top: 5px;  
		cursor: pointer; 
		font-size: 22px; 
		margin: 0;  
		margin-bottom: -1px; 
		display: block;   
		background: url('../images/icones/icone-plus.png') no-repeat right 5px;  
		padding-right: 30px;  
		border-top: 1px solid #A9ACB0; border-bottom: 1px solid #A9ACB0; 
		font-family: 'thesans_veoliaw6_semibold';
		color: #2db7cc;
		padding-bottom: 5px;
		/*text-transform: uppercase;*/
}
#juniors-bloc .opened { background: url('../images/icones/icone-moins.png') no-repeat right 5px !important; margin-bottom: -20px;  }
#juniors-bloc .large-list h3 { font-size: 20px; }
#juniors-bloc .large-list.withoutBottBord li { border-top: 0; margin: 0; padding: 0; list-style: none;  }
#juniors-bloc .faq-content {margin-top: 20px; margin-bottom: 20px;} 
#juniors-bloc  a.opened { margin-bottom: 0; }

ul.redPuce li {
  border: 0;
  padding: 0;
  margin: 2px 0!important;
  line-height: 20px!important;
  padding-left: 0px!important;
  list-style: none!important;
  background: url('../images/puce-red.png') no-repeat left 6px!important;
  padding-left: 10px!important;
}

/* Media Query */

/*Style pour le bandeau RGPD*/

@media (max-width: 999px) {
    .text-rgpd {
        max-width: 460px !important;
    }
}
/*Fin style pour le bandeau RGPD*/


@media (max-width: 959px)  {
    header #logo { margin-left: 20px;}
    header nav#menu { display : block; font-family: 'thesans_veoliaw7_bold';  background: url('../images/bg-menu-transparent-1x1.png'); position: absolute; width: 100%; bottom: 0; margin-bottom: -40px; height: 78px; z-index: 2;}
    header nav#menu ul {  display: block; margin: auto; padding: 0; height: 42px; margin-top: 16px;width: 100%;  display: block; }
    header nav#menu ul li{ display: inline-block;  line-height: 42px; width: 22.3%;  height: 42px;text-align: center; border-left: 1px solid #7F7F7F; position: relative;}
    header nav#menu ul li a { display: inline-block;  width: 100%; text-align: center; font-size: 1.0em; }
    header nav#menu ul li a:hover { color :#2db7cc;}
    header nav#menu ul li:first-child { width: 10%; background: url('../images/icones/home-16x16.png') top center no-repeat; }
    header nav#menu ul li:first-child a {  font-size: 12px;  display: inline-block; width: 100%; height: 81px; color :#b7b7b7; padding-top: 10px; line-height: 81px;  }
    header nav#menu ul li:last-child { border: 0; border-left: 1px solid #7F7F7F; }
    /*header nav#menu ul li:last-child a { color: #df0024;  background: url('') no-repeat center top ; padding-top: 21px; width: 100%; margin-left: 0px;  }    */
    footer { padding-right: 5px;  }
}

/*Style pour le bandeau RGPD*/

@media (max-width: 748px) {
    .text-rgpd {
        max-width: 300px !important;
        font-size: 12px;
    }
}
/*Style pour le bandeau RGPD*/


@media (max-width: 729px) {
    header {         
        -moz-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;
        height: auto;
        margin-bottom: 15px;
    }
    .connect-area {display: block;}
    header .connect-area { display: none; }
    header #logo { margin-left: 20px; margin-top: 25px;}
    header #menu-mobile-btn { cursor: pointer;display: block; background: url('../images/mobile/bg-nav-menu.jpg') no-repeat top right; width: 82px; padding-top: 82px; position: absolute; right: 0; top: 0; }
    header #menu-mobile-btn.hover { background: url('../images/mobile/bg-nav-menu-hover.jpg') no-repeat top right;  }
    header nav#menu { background-image: none; top: 82px; bottom: auto;font-family: 'thesans_veoliaw7_bold';  position: absolute; right: 0;width: 320px;  z-index: 2; height: auto !important; border-radius: 10px;}
    header nav#menu ul { height: auto; display: none;  border-top: 0; border-bottom-left-radius:  20px; border-bottom-right-radius:  20px; z-index: 2;display: none;padding: 0; width: 340px; margin: auto; }
    header nav#menu ul li{  border-left: 0; border-top: 2px solid #96dbe6; color: #FFF;  background-color: #2db7cc; display: block; padding: 0; font-size: 16px; width: 100%; text-align: center; text-align: center;  position: relative;}
    header nav#menu ul li { display: block; min-height: 70px;  }
    header nav#menu ul li ul { display: none !important; border-radius: 0; width: 100%; }
    header nav#menu ul li.cat { height: auto; }
    header nav#menu ul li.cat #submenu ul {margin: 10px !important;}
    header nav#menu ul li.cat ul li { min-height: 32px !important; line-height: 32px; list-style-image: url('../images/puce-grown-arrow.png');  }
    header nav#menu ul li.cat ul li:last-child { border-top: 2px solid #96dbe6; }
    header nav#menu ul li.cat ul li :hover { color: #000; list-style-image: url('../images/puce-red-arrow.png');}
    header nav#menu ul li.cat ul li a { font-weight: normal; line-height: 32px;color: #333; text-transform: none; height: 32px; background: url('../images/puce-grown-arrow.png') no-repeat 20px 10px;}
    header nav#menu ul li.cat ul li a:hover{ color: #000; background: url('../images/puce-red-arrow.png') no-repeat 20px 10px;}
    header nav#menu ul li.cat ul li.select { list-style-image: url('../images/puce-red-arrow.png'); }
    header nav#menu ul li.cat ul li.select a{  color: #5DCFCF;  line-height: 32px; background: url('../images/puce-red-arrow.png') no-repeat 20px 10px;}
    header nav#menu ul li a { background: url(''); border-left: 0; color: #FFF; border: 0; width: 100%; height: 69px; padding: 0; margin: 0;  text-align: left; padding-left: 20px; }
    header nav#menu ul li a span { display: block;margin-top: 10px;  }
    header nav#menu ul li:first-child a span {margin-left: 10px}
    header nav#menu ul li a span span { margin-top: 0px; color: #5DCFCF;}
    header nav#menu ul li a:hover, 
        header nav#menu ul li:first-child a:hover, 
        header nav#menu ul li:last-child a:hover { color :#5DCFCF;}
    header nav#menu ul li div#sub-menu-dup ul { background: none; margin: 0; padding: 0; height: auto !important; border-radius: 0; }
    header nav#menu ul li div#sub-menu-dup ul li { background: none; margin: 0; padding: 0; height: 30px; background-color: #f2f2f2; color: #333; height: 32px !important;}
    header nav#menu ul li div#sub-menu-dup ul li:last-child { border-radius: 0;}
    header nav#menu ul li div#sub-menu-dup ul li a { padding-left :40px; }
    header nav#menu ul li:first-child { border-top: 0;width: 100%; background: url('../images/icones/home-48x48.png') 20px center no-repeat #2db7cc; }
    header nav#menu ul li:first-child a {  padding: 0;  margin: 0;font-size: 16px;  display: inline-block; width: 100%; height: 62px; line-height: 48px;  padding-left: 60px;  }
    header nav#menu ul li:last-child { border: 0;border-bottom-left-radius:  20px;  background: url('../images/icones/locker-on-white-opacity-48x48.png') no-repeat 10px center #238292; }
    header nav#menu ul li:last-child a {  color: #FFF;   padding-top: 0px; width: 100%; background-image: none; padding-left: 60px;}
    header nav#menu ul li:last-child > a {color: #ffffff !important; margin-left: 0px;}
    header nav#menu #sub-menu-dup { display: block; }
    header nav#menu #menu-select a { background: url(''); }
    header nav#menu #menu-select > a::after {content: "";width: 0% !important;height: 0px !important;background: transparent;display: block;position: absolute;bottom: 0;left: 0;}
    header nav#menu  > ul > li:hover > a::after {    content: "" !important; width: 0%!important; height: 0px; background:transparent; display: block; position:absolute; bottom: 0;  left: 0; }
    footer { padding-right: 10px;}
    footer ul { margin-right: 0;}
    .container-w960  { width: 100% !important;}   
    div#sub-menu-dup { margin-top: 62px;}
    
    div#global-content { margin-top: 10px;}
    div#global-content .col-left {display: none ;}
    .bx-wrapper { position: relative;}
	
	form#emmenage-step-form { width: 100%; text-align: center; }
    form#emmenage-step-form label { width: 100%;text-align: left;}
    form#emmenage-step-form label.empty { display: none;}
    form#emmenage-step-form label.no-fs { width: 200px;}
    form#emmenage-step-form input,form#emmenage-step-form select, form#emmenage-step-form textarea    { width: 100%;}    
    form#emmenage-step-form input[type=checkbox] { width: 12px ;}
    form#emmenage-step-form input[type=text].file-name {width: 100%;}
    form#emmenage-step-form input[type=button] {float: right; clear: both;}
    form#emmenage-step-form small { float: none; margin: 0; margin-left: -30px; margin-bottom: 20px; padding: 0;margin-top: -20px;}
    form#emmenage-form input { width:220px; height: 34px; border: 1px solid #b3b3b3; border-radius: 5px; font-size: 15px; padding: 0 5px;}
    form#emmenage-form input[type=submit] { width: 50px;background-color: #5DCFCF; color: #FFF; border: 0; margin: 0;border-radius: 5px; margin-left: 10px; }
	
	.blue-box.b0, 
	.blue-box.b1, .blue-box.b2, .blue-box.b3,
		.blue-box.b4, .blue-box.b5 , .blue-box.b6 , .blue-box.b7 ,
			.blue-box.b8, .blue-box.b9 , .blue-box.b10, .blue-box.b11,
				.blue-box.b12, .blue-box.b13
			{ background-image: none; padding-left: 20px; }
	
}


ul.with-red-selector li { list-style: none;background: url('../images/puce-red-arrow.png') no-repeat left center; padding-left: 20px;}
ul.with-red-selector li:hover {  background: url('../images/puce-grown-arrow.png') no-repeat left center; }
ul.with-red-selector li a { display: block;}
.zone-non-connecte { display: block;}
.zone-connecte { display: none; }



/* Menu Responsive */
#menu_mobile{
    display: none;
}
@media (max-width: 729px) {
    #menu{
        display: none!important;
    }
    .sub-menu-dup{
        display: none;
    }
    .sub-menu-dup.sub_menu_open {
        display: block;
    }

    header nav#menu_mobile {
        background: #008386;
        top: 82px;
        bottom: auto;
        font-family: 'assistantbold';
        position: absolute;
        right: 0;
        width: 320px;
        z-index: 2;
        height: auto !important;
        border-radius: 20px 0px 0px 20px;
        /*display: block;*/
    }
    header nav#menu_mobile ul {
        height: auto;
        border-top: 0;
        /*border-bottom-left-radius: 20px;*/
        border-bottom-right-radius: 20px;
        z-index: 2;
        display: block;
        padding: 0;
        width: 340px;
        margin: auto;
    }
    header nav#menu_mobile>ul>li:first-child {
        border-top: 0;
        width: 100%;
        background: url(../images/icones/home-48x48.png) 20px center no-repeat #2db7cc;
        border-left: 0px;
        border-radius: 20px 0px 0px 0px;
    }
    header nav#menu_mobile>ul>li:first-child a {
        padding: 0;
        margin: 0;
        font-size: 16px;
        display: inline-block;
        width: 100%;
        height: 62px;
        line-height: 48px;
        padding-left: 60px;
        display: block;
        color: #b7b7b7;
        margin-left: 10px;
    }
    header nav#menu ul li:first-child a span {
        margin-left: 10px;
    }
    header nav#menu_mobile ul li a span{
        margin-top: 10px;
        display: block;
    }
    header nav#menu_mobile ul li {
        border-left: 0;
        border-top: 2px solid #96dbe6;
        color: #FFF;
        background-color: #2db7cc;
        font-size: 16px;
        width: 100%;
        line-height: 42px;
        display: block;
        min-height: 70px;
        padding: 0px 0px;
        text-align: center;
        position: relative;
        float: left;
        height: 42px;
    }
    header nav#menu_mobile ul li a {
        border-left: 0;
        color: #FFF;
        border: 0;
        width: 100%;
        height: 69px;
        padding: 0;
        margin: 0;
        text-align: left;
        padding-left: 20px;
        font-size: 17px;
        font-weight: lighter;
        display: inline-block;
        line-height: 17pt;
        text-transform: uppercase;
        position: relative;
    }
    header nav#menu_mobile ul li a span span {
        margin-top: 0px;
        color: #5DCFCF;
    }
    header nav#menu_mobile>ul>li:last-child {
        border: 0;
        border-bottom-left-radius: 20px;
        background: url(../images/icones/locker-on-white-opacity-48x48.png) no-repeat 10px center #238292;
    }
    header nav#menu_mobile>ul>li:last-child a {
        padding-top: 0px;
        width: 100%;
        background-image: none;
        padding-left: 60px;
        color: #ffffff !important;
        margin-left: 0px;
    }
    header nav#menu_mobile .sub-menu-dup ul li a{
        padding-left: 35px;
        font-weight: normal;
        line-height: 32px;
        color: #333;
        text-transform: none;
        height: 32px;

    }
    header nav#menu_mobile .sub-menu-dup ul li{
        background: none;
        margin: 0;
        padding: 0;
        min-height: fit-content;
        background-color: #f2f2f2;
        color: #333;
        height: 32px !important;
    }
}



/*Style pour le bandeau RGPD*/

.btnrgpd {
    background-color: #008386;
    color: #FFF;
    padding: 6px 18px;
    line-height: 22px;
    font-size: 13px;
    text-transform: uppercase;
    border-radius: 5px;
    margin: auto;
}
.txtegpdbandeau{
    width: 55%;
    float: left;
}
#cookies-eu-banner {
    color: white;
    font-family: Arial;
    font-size: 14px;
    position: fixed;
    width: 100%;
    /*height: 80px;*/
    left: 0;
    right: 0;
    bottom: 0;
    padding: 20px;
    background: url(../images/bg-menu-transparent-1x1.png);
}
.btnrgpd.accept:hover {
    background-color: #0a6d70;
    color: white;
}

.btnrgpd.oppose:hover {
    color: white;
}

.lienrgpd:hover {
    color: #75c044 !important;
}
@media (max-width: 999px) {
    .btnegpdbandeau {
        text-align: center;
        width:100%;
        float: none;
    }
    .btnegpdbandeau .btnrgpd {
        margin: 0 5px;
    }
    .txtegpdbandeau{
        width: 100%;
        float: none;
    }
    .text-rgpd {
        max-width: 80%;
        margin: auto;
        margin-bottom: 5px;
        font-size: 12px;
    }
}
@media (max-width: 589px) {
    #cookies-eu-banner {
        padding: 10px;
    }

    .btnrgpd{
        padding: 6px 10px;
    }
}
@media (max-width: 589px) {
    #cookies-eu-banner {
        padding: 10px ;
    }

    .btnrgpd{
        padding: 6px 10px;
    }
}
@media (max-width: 456px) {
    .btnegpdbandeau>.btnrgpd {
        margin: 3px 0% 0 0 ;
    }

    #cookies-eu-banner {
        height: 110px;
    }
    .text-rgpd {
        max-width: 100%;
        font-size: 12px;
    }
}
@media (min-width: 1000px) {
    .btnegpdbandeau{
        width: auto;
        display: flex;
        justify-content: space-between;
    }
}
@media (max-width: 400px) {
    .text-rgpd {
        max-width: 100%;
        font-size: 12px;
    }
    .btnrgpd{
        font-size: 11px;
    }
}
/*Fin style pour le bandeau RGPD*/