* { 
    word-wrap: normal;
  -webkit-hyphens: none;
  -moz-hyphens: none;
   hyphens: none;
}
html, body {
  overflow-x:hidden;
}
.redlink {
    color: #E9212F;
}
body { width: 100%; background-color: #ffffff;overflow-x: hidden; font-family: 'proxima_nova_rgregular', 'Arial'; font-size: 16px; color: #1E1B1B;}
a { text-decoration: none; border: 0; font-weight: normal; }
a.redlink{ color: #E9212F; font-family: 'proxima_nova_rgbold'; }
a.redlink:hover { color: #be2026;  }
ul { margin: 0; padding: 0;}
li { padding: 0; list-style: none;}
p { width: 100%;}
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
}
.rgpd-block h4{background: url(../images/icones/rgpd-form.png) left 5px no-repeat; padding: 6px 0px; padding-left: 40px; display: block; font-family: 'proxima_novasemibold';}
img.border-radius { border-bottom-left-radius: 20px; border-top-right-radius: 20px; }

header { height: 82px; position: relative;}
header .connect-area { display: block; height: 75px; top: 0; width: auto; text-align: left; z-index: 0; right: 0; }
header .connect-area .user-info { right: 20px ; text-align: right; height:75px;}
header form {  right: 0; top: 0; text-align: right; height:75px; padding-top: 10px;}
header form input { font-size: 11px;height: 24px; line-height: 24px; border: 0; padding: 0; margin-top: 5px; }
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: 8px; color: #7f7f7f; padding: 0px 10px; width: 86px;}
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-size: 13px;background: url('../images/icones/picto-login.png') no-repeat left top; padding-left: 44px; height: 31px; line-height: 24px; margin: 0; padding-top: 5px; margin-right: 5px; }
header form a{ margin-right: 45px; }
header #logo {  display: inline-block; float:left;} 
header #menu-mobile-btn { display: none; }
header nav#menu { margin: auto;font-family: 'proxima_novasemibold';  background: #113856; position: absolute; width: 100%; bottom: 0; margin-bottom: -80px; height: 81px; z-index: 2;}
header nav#menu ul { display: block; max-width: 960px; margin: auto; padding: 0; height: 42px; margin-top: 21px;}
header nav#menu ul li{margin-right: -4px;display: inline-block;line-height: 42px;width: 170px;height: 42px;text-align: center;border-left: 1px solid #718799;border-right: 1px solid #1A2F41;position: relative;}
header nav#menu ul li a {font-size: 16px;font-weight: lighter;color: #fff;display: inline-block;width: 170px;height: 81px;position: absolute;margin: 0;margin-top: -21px;left: 0;padding-top: 21px;line-height: 17pt;text-transform: uppercase;}
header nav#menu ul li:first-child { border-left: 0; width: 102px; 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: 102px; height: 81px;  padding-top: 10px; line-height: 81px;  }
header nav#menu ul li:last-child { border: 0;  margin-left: -5px; }
header nav#menu ul li:last-child a {  background-color: #00AECD; }
header nav#menu ul li:last-child a:hover {  background-color: #019cb7; }
header nav#menu ul li a span span { color: #ffffff;}
header nav#menu ul li:last-child a span span { color: #ffffff;position: relative;}
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 #96d3dd;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: 0; 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: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%; padding: 0; margin: 0; display: block;border-bottom: 1px solid #c3c1c1 !important; padding: 4px 0px; }
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 { color: #322f2f; margin: 0; padding: 0; height: auto !important; line-height: 20px !important; padding-left: 30px; background: url('../images/sub-menu-arrow-grey.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-grey.png') 0px 0px no-repeat; }
header nav#menu ul li ul li ul li a {font-family: 'cabincondensed-regular' !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-grey.png') 0px 0px no-repeat;     background-color: transparent !important;  }
header nav#menu ul li ul li ul li a:hover { background: url('../images/sub-menu-arrow-red.png') 0px 0px no-repeat !important; }
header nav#menu>li>a:hover::after{content: ""; background-color: #ffffff; width: 100%; height: 5px; bottom: 0;left: 0;  position: absolute;  }
/*header nav#menu li a:hover{ position: relative; }*/
header nav#menu li a:hover:last-child { background: none;}
header nav#menu li#menu-select > a::after{content: "";background-color: #96d3dd;width: 100%;height: 5px;bottom: 0;left: 0;position: absolute;}
header nav#menu li#menu-select li a { background: url('../images/sub-menu-arrow-grey.png') 0px 0px no-repeat; }
header nav#menu li#menu-select li a.select { background: url('../images/sub-menu-arrow-red.png') 0px 0px no-repeat; }
header nav#menu li#menu-select li a:hover { background: url('../images/sub-menu-arrow-red.png') 0px 0px no-repeat; }
header nav#menu #sub-menu-dup { display: none;}
header #logo_egl_regie{ max-height:75px;}
footer { padding-bottom: 40px;font-size: 12px; border-top: 1px solid #e0e0e0; text-align: left; margin-top: 20px !important; color: #2d2c2c; padding-top: 10px;}
footer nav {margin-left: 40px;display: inline-block; }
footer nav ul li{ font-family: 'proxima_nova_rgregular'; display: inline-block; border-left: 1px solid #2d2c2c; height: 12px; line-height: 12px; padding: 0px 5px; }
footer nav ul li:first-child { border: 0;}
footer nav#footer-access { margin: 0;  top: 0;margin-top: 30px; position: absolute; right: 10px;}
footer nav#footer-access li:first-child { border: 0;}
footer nav#footer-access ul li{ color: #000;text-transform: uppercase;font-family: 'proxima_novasemibold'; display: inline-block; border-left: 1px solid #2d2c2c; height: 13px; line-height: 13px; padding-left: 5px; }
footer nav#footer-access ul li span{ color: #e20025; }
footer nav#footer-access ul li span:hover { color: #be2026; }


div#global-container { min-height:359px; width: 100%; position: relative;  border: 0; margin-top: 80px; }
div#global-container::before {content:"";/* position:relative; */width:100%;height:250px;background: linear-gradient(0deg, #FFFFFF 60.43%, rgba(255, 255, 255, 0) 100%), #96D3DD;min-height: 381px;width: 100%;position: absolute;/* border: 0; *//* margin-top: 78px; */}
div#global-container.without-slider #global-content { padding-top: 20px;margin-top: 0;}
#newsletter { height: 77px;  max-height: 77px; width: 960px;background: url('../images/filet-newsletter.png') no-repeat left top #2e2a2a; margin-top: 30px; border-bottom-left-radius: 20px; border-top-right-radius: 20px;  padding: 0px 30px; color: #ffffff; line-height: 26px;}
#newsletter h2 { text-align: left;float: left; font-family: 'proxima_nova_condensedSBd'; background: url('../images/bg-newsletter-h2.png') no-repeat top left;  height: 77px; margin: 0; padding:0;   font-weight: normal; text-transform: uppercase; font-size: 23px;  padding-left: 111px;}
#newsletter h2 span{ color: #e20025;}
#newsletter form { display: inline-block;  float:left;  height: 80px; padding-top: 24px; font-family:  'proxima_nova_rgregular'; }
#newsletter form input[type=text] {   width: 250px; height: 33px; border-bottom-left-radius: 8px; border-top-left-radius: 8px; border: 0;  padding: 0 15px;}
#newsletter form input[type=submit] { background-color: #e20025; color: #FFF; font-size: 16px; height:33px; border: 0; margin: 0; padding: 0px 12px; border-bottom-right-radius: 8px;  border-top-right-radius: 8px; }
#newsletter p { float: right;width: 330px; font-size: 13px; padding-left: 10px; padding-top: 10px; }
#newsletter  > a > #newsletter-container { text-align: right; max-width: 600px; width: 100%;position: relative; margin: auto;}
#newsletter  > a { display: block;cursor: pointer;color: #FFF; line-height: 88px; font-size: 18px;}
#newsletter > a:hover{ color: #df0024; font-weight: bold;}
#newsletter  > a:hover  > #newsletter-container  h2{ color: #FFF;}

#besoin-aide { background: url('../images/bg-aide-190.png') no-repeat left center; height: 124px; width: 190px; position: relative; margin-top: -10px; }
#besoin-aide a { display: block;height: 124px;   }
#besoin-aide span.glob { width: 190px; height: 124px; padding-top: 40px; padding-left: 90px;text-align: left; position:absolute; bottom: 0; font-size: 20px; text-transform: uppercase; line-height: 24px;  color: #e20025;font-family: 'proxima_nova_condensedSBd';  }
#besoin-aide span.grey { color: #f2f2f2; }
#besoin-aide span.black { color: #22201a; }

#e-facture { background: url('../images/bg-efacture-190.png') no-repeat left center;  height: 124px; width: 190px; position: relative; margin-top: -10px; }
#e-facture a { display: block;height: 124px;   }
#e-facture span.glob { width: 190px; height: 124px; padding-top: 50px; padding-left: 90px;text-align: left; position:absolute; bottom: 0; font-size: 20px; text-transform: uppercase; line-height: 24px;  color: #e20025;font-family: 'proxima_nova_condensedSBd';  }
#e-facture span.grey { color: #f2f2f2; }
#e-facture span.black { color: #22201a; }

#questions-frequentes { background: url('../images/bg-faq-190.png') no-repeat left center;  height: 124px; width: 190px; position: relative; margin-top: -10px; }
#questions-frequentes a { display: block;height: 124px;   }
#questions-frequentes span.glob { width: 190px; height: 124px; padding-top: 50px; padding-left: 90px;text-align: left; position:absolute; bottom: 0; font-size: 20px; text-transform: uppercase; line-height: 24px;  color: #e20025;font-family: 'proxima_nova_condensedSBd';  }
#questions-frequentes span.grey { color: #f2f2f2; }
#questions-frequentes span.black { color: #22201a; }

#jeux-enligne { background: url('../images/bt_jouer.png') no-repeat left center;  height: 124px; width: 190px; position: relative; margin-top: -10px; }
#jeux-enligne a { display: block;height: 124px;   }
#jeux-enligne span.glob { width: 190px; height: 124px; padding-top: 50px; padding-left: 90px;text-align: left; position:absolute; bottom: 0; font-size: 20px; text-transform: uppercase; line-height: 24px;  color: #e20025;font-family: 'proxima_nova_condensedSBd';  }
#jeux-enligne span.grey { color: #f2f2f2; }
#jeux-enligne span.black { color: #22201a; }


#estimation-conso{ background: url('../images/bg-conseils-pratiques-190.png') no-repeat -7px center; height: 124px; width: 190px; position: relative; margin-top: -10px; }
#estimation-conso a { display: block;height: 124px;   }
#estimation-conso span.glob {width: 190px; height: 124px;padding-top: 40px; padding-left: 90px;text-align: left; position:absolute; bottom: 0; font-size: 20px; text-transform: uppercase; line-height: 24px;  color: #e20025;font-family: 'proxima_nova_condensedSBd';  }
#estimation-conso span.grey { color: #f2f2f2; }
#estimation-conso span.black { color: #22201a; }

/*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 {  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: 20px; }
nav.fil-ariane ul li{ display: inline-block; background : url('../images/sub-menu-arrow-red.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;}

.entete-cat {margin-bottom: 10px; font-family: 'proxima_nova_condensedSBd';}
.entete-cat h2, .semi-column h2 { font-size: 32px; line-height: 32px; color: #1E1B1B; margin: 0; margin-bottom: 5px; font-weight: normal; text-transform: uppercase; padding: 0px 10px;}
.semi-column h2 { padding-left: 0;}
.entete-cat h2 span { color: #1E1B1B; }
.entete-cat hr { border: 0; padding: 0; border-top: 1px solid #b3b3b3;  margin: 0; margin-bottom: 20px; }
h3,h4 {  margin: 0; font-family: 'proxima_nova_condensedSBd'; color: #1E1B1B; font-size: 20px; text-transform: uppercase;   margin-bottom: 10px; padding: 0px 10px;}
.pop-up-alerte h2{text-align: center;margin: 0;font-family: 'proxima_nova_condensedSBd';color: #1E1B1B;font-size: 24px;text-transform:uppercase;}
h3 span, h4 span { color: #22201a}
h3 { background: url('../images/icones/title-puce.png') no-repeat left 5px; padding-left: 26px;}
.conso-content-left h4 { color:#000000;}
h4 { font-family: 'proxima_novasemibold'; font-size: 16px; margin: 5px 0;}

.col-center p { font-size: 16px; line-height: 20px; padding: 15px; }
.col-center p a , .col-right p a { color: #df0024; font-family: 'proxima_nova_rgbold';}
.col-center p a:hover, .col-right p a:hover { color: #be2026; ;}

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


header nav#menu ul li ul li ul li.select a{  color: #df0024; background: url('../images/sub-menu-arrow-red.png') 0px 0px no-repeat !important;}
ul.with-red-selector li { 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; }

.formWithBG, .formPartWithBG { background-color: #DFDFDF; padding: 10px;  margin: 20px 0; }
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: 1px solid #e0dada; border-radius: 6px; color: #7f7f7f; padding: 0px 10px; width: 120px;}
form.formWithBG  input[type="text"]:focus { border: 1px solid #e40520;  }
form.formWithBG  input[type="password"] { border: 1px solid #e0dada; border-radius: 8px; color: #7f7f7f; padding: 0px 10px; width: 120px;}
form.formWithBG  input[type="password"]:focus { border: 1px solid #e40520;}
form.formWithBG  input[type=submit] { font-family: 'proxima_nova_rgregular';  font-weight: normal; background-color: #e40520; color: #FFF; border-radius: 5px; width: 50px; height: 34px; line-height: 34px; font-size: 15px; }
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: 'proxima_novasemibold'; }
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;}

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

form#emmenage-step-form {text-align: right; width: 480px; margin: auto;}
form#emmenage-step-form input[type="text"]:focus, 
    form#emmenage-form input[type="text"]:focus { border: 1px solid #e40520; outline: none;}
form#emmenage-step-form #bg { text-align: left;  padding: 10px; }
form#emmenage-step-form h4 {padding: 0;}
form#emmenage-step-form label { font-family: 'proxima_novasemibold';display: inline-block;  margin: 0;width: 174px; text-align: right; margin-right: 10px; height: 34px; line-height: 34px;}
form#emmenage-step-form label span { color: #e20025; font-weight: bold;}
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: 15px; padding: 0 15px; margin-bottom: 10px;}
form#emmenage-step-form select:focus , 
form#emmenage-step-form textarea:focus {
    outline: 0; border:1px solid #e40520; 
}
    
form#emmenage-step-form input[type=submit], .red-square-button { font-family: 'proxima_nova_rgregular' !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; border-radius:5px; }
form#emmenage-step-form input[type=submit]:hover { background-color: #be2026;}
form#emmenage-step-form input[type=button] {   width: 100px; font-family: 'proxima_nova_rgregular' !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 small { display: block; float: left; margin-left: 20px; font-size: 15px; }
form#emmenage-step-form small span { color: #e20025;}
form#emmenage-step-form input[type=radio] , form#emmenage-step-form input[type=checkbox] { width: 12px; height: 12px; cursor: pointer; margin: 0; padding: 0;}

form#emmenage-step-form label.inline-label{  display: inline; padding-left: 12px; font-family: 'proxima_nova_rgregular'}
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;}

.red-square-button.prec { text-align: right;  margin-right: 0; margin-left: 25px; background: url('../images/arrow-white-left.png') 15px center no-repeat #df0024; padding-right: 20px; }

.bloc-text-forward{
    background: #eeeeee;
    border: 1px solid #cccccc;
    padding: 15px;
    font-weight: 600;
}
#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: 'proxima_nova_condensedSBd';
		color: #dd0024;
		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;}
#juniors-bloc .faq-content {margin-top: 20px; margin-bottom: 20px;} 
#juniors-bloc  a.opened { margin-bottom: 0; }



/* Media Query */

@media (max-width: 959px)  {
    header #logo { margin-left: 20px;}
    header nav#menu ul li{  width: 18%; margin-left: 1px;  }
    header nav#menu ul li a { display: inline-block;  width: 100%; font-size: 1.0em; }
    header nav#menu ul li:first-child { width: 10%; }
    header nav#menu ul li:first-child a {  font-size: 12px;   width: 100%;  }
    footer { padding-right: 5px;  }
    #newsletter { width: 100%; position: relative;}




    footer nav { float: none; display: block;  text-align: right; right: 0; padding-right: 20px;}
    footer nav#footer-access { top: 16px; position: absolute; margin: 0; padding: 0; padding-right: 10px; padding-top: 10px; text-align: right;}
   
}

@media (max-width: 729px) {
    body {  min-height: 750px; }
    header {         
        -moz-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;
        height: 60px;
    }
    .connect-area {display: block;}
    header .connect-area { display: none; }
    header #logo { margin-left: 20px; height: 100%; width: auto; height: 60px;}
    header #logo img { height: 50px; width: auto; margin-top: 5px}
    header #menu-mobile-btn { cursor: pointer;display: block; background: url('../images/mobile/bg-nav-menu.png') no-repeat top right; width: 60px; padding-top: 60px; position: absolute; right: 0; top: 0; background-size: 60px 60px;}
    header #menu-mobile-btn.hover { background: url('../images/mobile/bg-nav-menu-hover.png') no-repeat top right; background-size: 60px 60px; }
    header nav#menu {  background-color: #FFF; background-image: none; top: 60px; bottom: auto;  position: absolute; right: 0; width: auto !important;  z-index: 3; height: auto; background-color: transparent;}
    header nav#menu ul { height: 480px; display: none;  border-top: 0; border-bottom-left-radius:  20px; border-bottom-right-radius:  20px; z-index: 3;display: none;padding: 0;  width: 320px; margin: auto; margin-right: 0; height: auto;}
    header nav#menu ul li{  border-left: 0; border-top: 2px solid #a8a6a7; color: #FFF;  background-color: #333232; display: block; padding: 0; font-size: 16px; width: 100%; text-align: left;  position: relative; margin: 0; }
    header nav#menu ul li { display: block; min-height: 62px;  }
    header nav#menu ul li.cat { height: auto; }
    header nav#menu ul li.cat ul {margin: 0px; display: block !important; height: auto;}
    header nav#menu ul li.cat ul li { min-height: 32px !important; line-height: 32px;   }
    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; }
    header nav#menu ul li.cat ul li a { font-weight: normal; line-height: 32px;color: #333; text-transform: none; height: 32px;  padding-left: 40px !important;}
    header nav#menu ul li.cat ul li a:hover{ color: #000; }
    header nav#menu ul li.cat ul li.select { color: #df0024; }
    header nav#menu ul li.cat ul li ul li.select a{  color: #df0024;  line-height: 32px;}
    header nav#menu ul li a { border-left: 0; color: #FFF; border: 0; width: 100%; height: 62px; padding: 0; margin: 0; padding-left: 30px;
        line-height: 12px;
        padding-top: 5px;  
        position: relative;
    }
    header nav#menu li a:hover { background: none;}
    header nav#menu ul li a span { display: block;margin-top: 10px;  }
    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 #sub-menu-dup { display: block; }
    header nav#menu li#menu-select a { background: none; }
    header nav#menu ul li:first-child { border-top: 0;width: 100%; background: url('../images/icones/home-48x48.png') 30px center  no-repeat #333232; }
    header nav#menu ul li:first-child a {  padding: 0;   padding-left: 70px; margin: 0;font-size: 16px;  display: inline-block; width: 100%; height: 62px; color :#FFF;  line-height: 48px;  }
    header nav#menu ul li:last-child { border: 0; margin: 0;border-bottom-left-radius: 20px;  background: url('../images/icones/locker-on-white-opacity-48x48.png') no-repeat 20px center #dc0024; }
    header nav#menu ul li:last-child a {  color: #FFF;    padding-left: 70px;width: 100%; background-image: none;    background: none;border-bottom-left-radius: 20px; }
    header nav#menu ul li ul { display: none !important ; border-radius: 0; width: 100%;}
    header nav#menu ul li ul { display: none;  position: relative; margin: 0; padding: 0; top: 0px; left: 0; background-color: #FFF; border:0; text-align: left; height: auto;  }
    header nav#menu ul li ul.col-x3 {  width: 100%; }
    header nav#menu ul li ul.col-x2 {  width: 100%; }
    header nav#menu ul li ul.col-x1 {  width: 100%; }
    header nav#menu ul li ul.c-left { left: 0; right: auto; }
    header nav#menu ul li ul.c-right { right: 0; left: auto;}
    header nav#menu ul li ul.c-center { left: 0; right: auto;  }
    header nav#menu ul li ul.col-x3.c-center { margin-left: 0px; }
    header nav#menu ul li ul.col-x2.c-center { margin-left: 0px; }
    header nav#menu ul li ul.col-x1.c-center { margin-left: 0px; }
    header nav#menu ul li ul.c-center.mg-left-bis { margin-left: 0px;}
    header nav#menu ul li:hover ul{ display: block;  }
    header nav#menu ul li ul li{  margin: 0 !important; padding: 0; width: 100%; border: 0 !important; height: auto; display: block; float: none; background: none;}
    header nav#menu ul li ul li:first-child { border: 0; margin: 0; background-image: url(''); border: 0 !important; width: 100%;background: none; }
    header nav#menu ul li ul li:last-child { border: 0;  margin: 0;  border: 0; width: 100%; background: none;}
    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; margin-top: 62px; border-left: 2px solid #333232; border-right: 2px solid #333232;}
    header nav#menu ul li ul li ul li { float: none; clear: both; height: 100%;  margin: 0; display: block;border-bottom: 0 !important; padding: 0 !important;width: 100%; }
    header nav#menu ul li ul li ul li:first-child { height: 100%; margin: 0;   border-bottom: 0 !important;}
    header nav#menu ul li ul li ul li:last-child { height: 100%; margin: 0;  border: 0 !important; background: none; border-radius: 0;}
    header nav#menu ul li ul li ul li a {   
        font-family: 'cabincondensed-regular' !important;  
        text-transform: none;
        text-align: left !important;  
        font-size: 20px !important; 
        padding: 0;
        padding-top: 0 !important; 
        color: #322f2f; 
        height: auto !important;
        display: inline-block; 
        background: none;
        width: 100% !important; 
        position: relative; 
        margin: 0; 
        line-height: 20px !important; 
        padding-left: 30px !important; 
        background: url('../images/sub-menu-arrow-grey.png')  10px 10px no-repeat ; 
        background-color: transparent !important;  
    }  
	header nav#menu ul li ul li ul li.select a{ background: url('../images/sub-menu-arrow-red.png') 10px 10px no-repeat !important;}	
	header nav#menu ul li ul li ul li a:hover {  background: url('../images/sub-menu-arrow-red.png')  no-repeat 10px 10px !important; }
	header nav#menu li#menu-select li a { background-position: 10px 10px; }
	header nav#menu li#menu-select li a.select { background-position: 10px 10px; }
	header nav#menu li#menu-select li a:hover { background-position: 10px 10px; }
    header nav#menu ul li ul li ul li:first-child a { color: #322f2f; margin: 0; padding: 0; height: auto !important; line-height: 18px !important; padding-left: 30px; background: url('../images/sub-menu-arrow-grey.png')  no-repeat 10px 10px; }
    header nav#menu ul li ul li ul li:first-child a:hover {  background: url('../images/sub-menu-arrow-red.png')  no-repeat 10px 10px ; }
    header nav#menu ul li ul li ul li:last-child a { color: #322f2f; margin: 0; padding: 0; height: auto; line-height: 18px; padding-left: 30px; background: url('../images/sub-menu-arrow-grey.png')  no-repeat 10px 10px; }
    header nav#menu ul li ul li ul li:last-child a:hover {  background: url('../images/sub-menu-arrow-red.png')  no-repeat 10px 10px; }
    footer { padding-right: 10px;}
    footer ul { margin-right: 0;}
    .container-w960  { width: 100% !important;}   
    div#sub-menu-dup { margin-top: 62px;}
    div#global-container { margin-top: -20px;}
    #newsletter { width: 320px; margin: auto; margin: 20px auto; }
    #newsletter h2 { display: block; float: none; background: none; padding: 0; height: auto; padding: 10px 0;}
	#newsletter  > a { display: block;cursor: pointer;color: #FFF; line-height: 100%; text-align: left; }
	#newsletter > a:hover{ color: #df0024; font-weight: bold;}
	#newsletter  > a:hover  > #newsletter-container  h2{ color: #FFF;}

    footer { text-align: center;}
    footer nav, footer nav#footer-access { margin: 0; padding: 0;position: relative; float: none; width: 100%; text-align: center;}
    footer nav#footer-access ul li { display: block; border: 0; margin-bottom: 5px; }
	
	form.formWithBG  label { width: 100%;text-align: left;}
	form.formWithBG input,form.formWithBG  select, form.formWithBG  textarea{ width: 100%;}  
	
	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: #e20025; color: #FFF; border: 0; margin: 0;border-radius: 5px; margin-left: 10px; }
}

/*Style pour le bandeau RGPD*/

.btnrgpd {
    background-color: #e40520;
    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: #be2026;
    color: white;
}

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

.lienrgpd:hover {
    color: #e40520 !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*/

/*---- Origine de l'eau ---- */
.origine-white {
    background-color: #fff;
    padding: 20px 10px;
    border-radius: 5px;
    border: 2px solid #ebecec;
    margin-top: 35px;
}
.origine-white .semi-column {
    border: 0;
}
.origine-white a.rouge {
    color: #d61d2b;
    font-weight: bold;
}
.origine-white a.rouge span {
    margin-left: 15px;
}
.origine-white .carte-detail {
    text-align: right;
}
@media (max-width: 729px) {
    .origine-white .carte-detail {
        text-align: left;
    }
}
.origine-white img.carte-eau {
    border-top: 1px solid #b2b1b5;
    padding-top: 25px;
}

.origine-white .bulles {
    width: 225px;
    height: 180px;
    float: left;
    text-align: center;
    padding-top: 65px;
    color: #fff;
    margin: 25px 0;
}
.origine-white .bulle-1 {
    background-image: url("../images/bulle-1.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
.origine-white .bulle-2 {
    background-image: url("../images/bulle-2.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
.origine-white .bulle-3 {
    background-image: url("../images/bulle-3.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
.origine-white .bulle-4 {
    background-image: url("../images/bulle-4.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
.origine-white .bulle-5 {
    background-image: url("../images/bulle-5.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
.origine-white .bulle-6 {
    background-image: url("../images/bulle-6.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.origine-white .bulles p {
    font-size: 40px;
}
.origine-white .bulles span {
    font-size: 15px;
}
.origine-white a img.qualite-img {
    width: 35px;
}


#espace-perso-cat .espace-perso-vignettes.bleu-2 { background-color: #42b1e5; color: #000; font-weight: bold; padding: 50px 15px; height: auto;}
#espace-perso-cat .espace-perso-vignettes.gris { background-color: #ececed; color: #000; font-weight: bold; padding: 15px; height: auto;}

.img-vignette {
    width: 150px;
    padding-right: 10px;
    float: left;
}

#j-emmenage-intro { float:left; margin-right: 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-form input[type=submit]:hover { background-color: #be2026; }

.elements-eau {
    border: 0;
    font-size: 16px;
}

/* Page conseil admin */
.rubrique_deliberations div>a {
    cursor: pointer;
    font-size: 16px;
    margin: 0;
    margin-bottom: -1px;
    background: url(../images/icones/icone-plus.png) no-repeat right 5px;
    color: #dd0024;
    text-transform: uppercase;
    padding: 8px 30px 8px 0;
    font-family: 'proxima_nova_rgbold';
    display: block;
    border-bottom: 1px solid #A9ACB0;
}
.rubrique_deliberations div>a.opened {
    background: url(../images/icones/icone-moins.png) no-repeat right 5px !important;
}
.rubrique_deliberations .seance-content tr td,.rubrique_arretes tr td {
    border-radius: unset!important;
    font-weight: bold;
}
.rubrique_deliberations .annee_label,
.rubrique_arretes .annee_label{
    font-size: 18px;
    font-weight: bold;
    margin: 30px 0px 10px 0px;
}
.rubrique_deliberations .annee_label:nth-child(2),
.rubrique_arretes .annee_label:nth-child(2) {
    margin-top: 0px;
}
.rubrique_arretes{
    margin-top: 50px;
}
.rubrique_deliberations{
    margin-top: 25px;
}
.rubrique_arretes>h3{
    margin-bottom: 30px;
}
.rubrique_deliberations table,.rubrique_arretes table{
    border-collapse: collapse!important;
    margin-bottom: 5px;
}
.rubrique_deliberations .seance-content tr, .rubrique_arretes tr {
    border-top: solid 1px #cfcfcf;
}
.rubrique_deliberations .seance-content tr:last-child, .rubrique_arretes tr:last-child {
    border-bottom: solid 1px #cfcfcf;
}