/*CUSTOM STYLE Breakpoints bootstrap : 768 992 1200 */
.field_chapo, .field--name-field-chapo {
    font-family: 'Montserrat', sans-serif;
    color: #3d3d3d;
    font-weight: 700;
    padding: 0 0 35px;
    margin-bottom: 25px;
}

.node__submitted {
    margin-bottom: 1.5rem;
    color: #888585;
    font-style: italic;
}

.taxonomy-list {
    margin-top: 2rem;
    padding-top: 2rem;
}

.node__content .field__label,
.taxonomy-term .field__label {
    font-weight: 700;
    padding-right: .6rem;
}

.node__content .field--label-inline, .node__content .field--label-above
.taxonomy-term .field--label-inline, .taxonomy-term .field--label-above,
.taxonomy-term .field--label-inline, .taxonomy-term .field--label-above,
.node__content .field--label-hidden, .taxonomy-term .field--label-hidden {
    margin: .6rem 0;
}

.node__content .field--label-inline .field__label,
.node__content .field--label-inline .field__item,
.taxonomy-term .field--label-inline .field__label,
.taxonomy-term .field--label-inline .field__item {
    display: inline-block;
}

.node__content .field--name-field-document {
    background: #ECECEC;
    padding: .8rem;
    margin-top: 1rem;
    display: inline-block;
}

#block-liensduhautdepage {
    display: none;
}

#block-bannerblock {
    width: 100%;
    background-color: #efeee7;
}

/*MAIN CONTENT*/
#block-atlantic-eau-content h2 {
    color: #e72a7c;
}

#block-atlantic-eau-content article .field_link a,
#block-atlantic-eau-content article .field_fichier a {
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    border: 1px solid #004a9b;
    font-size: 14px;
    font-weight: 700;
    color: #004a9b;
    letter-spacing: 0.06em;
    padding: 15px 20px;
    display: inline-block;
    margin: 20px auto 30px;
    transition: all 0.5s ease-in-out;
}

#block-atlantic-eau-content article .field_fichier a:hover,
#block-atlantic-eau-content article .field_link a:hover {
    background-color: #004a9b;
    color: #FFFFFF;
}

.l-eau-dans-ma-vie-actualites {
    background-color: #efeee7;
    padding: 30px 45px;
    position: relative;
    z-index: 2;
}

.l-eau-dans-ma-vie-actualites .views_slideshow_controls_text_pause {
    display: none;
}

.l-eau-dans-ma-vie-actualites .field-content {
    color: #3d3d3d;
    text-transform: uppercase;
    font-size: 18px;
}

.l-eau-dans-ma-vie-actualites .views-field-title a {
    color: #e72a7c;
    font-size: 20px;
    line-height: 22px;
    text-transform: none;
    display: block;
    margin: .6rem 0;
}

.l-eau-dans-ma-vie-actualites .views-field-field-categorie {
    font-weight: 800;
    font-size: 20px;
}

.l-eau-dans-ma-vie-actualites span.field-content {
    text-transform: none;
}

.l-eau-dans-ma-vie-actualites .views-slideshow-controls-bottom {
    position: absolute;
    top: 50%;
    height: 40px;
    margin-top: -20px;
    width: 100%;
    left: 0;
}

.l-eau-dans-ma-vie-actualites .views_slideshow_controls_text {
    display: flex;
    justify-content: space-between;
    margin: 0 5px;
    height: 100%;
    align-items: center;
}

.l-eau-dans-ma-vie-actualites .views_slideshow_controls_text_previous a,
.l-eau-dans-ma-vie-actualites .views_slideshow_controls_text_next a {
    content: '';
    background-repeat: no-repeat;
    height: 40px;
    display: inline-block;
    font-size: 0;
    width: 25px;
    background-position: center;
}

.l-eau-dans-ma-vie-actualites .views_slideshow_controls_text_previous a:hover,
.l-eau-dans-ma-vie-actualites .views_slideshow_controls_text_next a:hover {
    text-decoration: none;
}

.l-eau-dans-ma-vie-actualites .views_slideshow_controls_text_previous a {
    background-image: url(../img/picto-actu-left.png);
}

.l-eau-dans-ma-vie-actualites .views_slideshow_controls_text_next a {
    background-image: url(../img/picto-actu-right.png);
}

.block-sidebar,
.layout-sidebar-first .contextual-region {
    margin-bottom: 50px;
}

.block-sidebar h2,
.layout-sidebar-first h2 {
    text-transform: uppercase;
    color: #004a9b;
    font-weight: 700;
    font-size: 20px;
    letter-spacing: 0.04em;
}

.block-sidebar--actus > div {
    background-color: #efeee7;
}

.block-sidebar--actus .views-row {
    padding: 30px;
}

.block-sidebar--actus a {
    color: #004a9b;
}

.block-sidebar--actus .cat {
    font-weight: 700;
    margin-bottom: .5rem;
}


.block-sidebar--actus .field-content,
.layout-sidebar-first .contextual-region > .views-row .views-field:first-child .field-content {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 300;
    line-height: 20px;
}

.block-sidebar--actus .article .titre,
.layout-sidebar-first .contextual-region > .views-row .views-field .field-content a {
    color: #e72a7c;
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 10px;
    text-transform: none;
}

.block-sidebar--actus .article .body,
.layout-sidebar-first .contextual-region > .views-row .views-field.views-field-body .field-content {
    color: #004a9b;
    font-weight: 300;
    font-size: 18px;
    line-height: 20px;
    text-transform: none;
    position: relative;
}

.block-sidebar--actus .article .body:after {
    bottom: 2px;
    width: 9px;
    right: 0;
}

.block-sidebar--actus .article .body:after,
.layout-sidebar-first .contextual-region > .views-row .views-field.views-field-body .field-content:after {
    position: absolute;
    content: '';
    background-image: url(../img/arrow-liste-blue.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 12px;
    margin: auto;
}

.layout-sidebar-first .contextual-region > .views-row .views-field.views-field-body .field-content:after {
    bottom: 7px;
    width: 19px;
    right: -25px;
}

.block-sidebar--mag > a {
    position: relative;
    padding: 30px;
    background-color: #004a9b;
    color: #fff;
    display: block;
}

.block-sidebar--mag > a:after {
    position: absolute;
    content: '';
    background-image: url(../img/arrow-liste.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 9px;
    height: 12px;
    right: 10px;
    top: 40px;
    margin: auto;
}

.block-accesrapide ul {
    padding: 0;
    list-style: none;
}

.block-accesrapide ul li {
    background-color: #004a9b;
    position: relative;
    margin-bottom: 5px;
    padding: 0 10px;
}

.block-accesrapide ul li a {
    color: #fff;
    width: 100%;
    min-height: 48px;
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.block-accesrapide ul li a:hover {
    cursor: pointer;
}

.block-accesrapide ul li a:after {
    position: absolute;
    content: '';
    background-image: url(../img/arrow-liste.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 9px;
    height: 12px;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.layout-sidebar-first {
    padding: 5vw 0 5vw;
}

.main-content {
    padding: 20px 0 30px;
    min-height: 400px;
}

@media screen and (min-width: 992px) {
    .main-content {
        padding: 40px 0 5vw;
    }
}

.main-content h1 {
    color: #e72a7c;
}

.main-content h2 {
    color: #004a9b !important;
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
}

#block-partage .content {
    font-size: 1.2em;
    text-align: right;
    border-top: 1px solid #e0dede;
    margin-top: 5vw;
    padding-top: 10px;
    margin-bottom: 5vw;
}

#block-partage .content a {
    color: #E72A7C;
    margin-right: 5px;
}

.prix-de-l-eau {
    display: flex;
    align-items: center;
    background-color: #004a9b;
    min-height: 220px;
    padding: 20px 40px 20px 30px;
    color: #fff;
}

.prix-de-l-eau .field_image {
    margin-right: 40px;
}

.prix-de-l-eau .field_image img {
    width: auto;
    height: auto;
    min-width: 130px;
}

.prix-de-l-eau .field_titre_prix_de_l_eau {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.14em;
    font-family: 'Montserrat', sans-serif;
}

.prix-de-l-eau a {
    color: #fff;
    text-decoration: underline;
}

.views-field-field-lien-multiples {
    background-color: #004a9b;
    position: relative;
    margin-bottom: 5px;
    padding: 10px 10px;
}

.views-field-field-lien-multiples a {
    color: #FFF;
}

/* search results */
.search-form + h2 {
    margin-top: 20px;
}

.search-help-link,
.search-advanced {
    display: none;
}

ul.search-results {
    padding: 0;
    list-style: none;
}

ul.search-results li {
    list-style: none;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: solid 1px #DDDDDD;
}


/* faq */
.vos-questions-nos-reponses h1 {
    text-align: center;
}

form#views-exposed-form-faq-page-1 {
    border-bottom: 1px solid #e0dede;
    padding-bottom: 45px;
    margin: 20px 0 5vw;
}

form#views-exposed-form-faq-page-1 .form-container {
    width: 90%;
    position: relative;
    margin: 2rem auto 0 auto;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

@media screen and (min-width: 992px) {
    form#views-exposed-form-faq-page-1 .form-container {
        width: 75%;
    }
}

form#views-exposed-form-faq-page-1 label {
    display: none;
}

form#views-exposed-form-faq-page-1 .form-item {
    display: inline-block;
}

form#views-exposed-form-faq-page-1 .form-item-combine {
    width: 100%;
}

form#views-exposed-form-faq-page-1 input[type=text] {
    width: 100%;
    height: 60px;
    line-height: 60px;
    border: none;
    padding: 0 25px;
    background: #f3f3f3;
    color: #333;
    position: relative;
    margin: 0;
}

form#views-exposed-form-faq-page-1 .description {
    font-size: 13px;
}

form#views-exposed-form-faq-page-1 input[type=submit] {
    cursor: pointer;
    border: none;
    font-size: 17px;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    height: 60px;
    color: #FFFFFF;
}

.search-results h3 a {
    font-size: 18px;
    font-weight: 400;
    color: #004a9b !important;
    text-decoration: underline;
}

#communes-block-form,
#communes-custom-block-form {
    display: flex;
    margin-bottom: 2rem;
    position: relative;
    z-index: 2;
}

#block-communesblock .close-espace {
    display: none;
}

#communes-custom-block-form {
    margin-bottom: 20px;
}

#communes-block-form .js-form-item-communes,
.js-form-item-communes,
.js-form-item-communes-service-client,
#contact-service-no-client-block-form {
    width: 100%;
}

#communes-block-form .js-form-item-communes label,
.js-form-item-communes label,
.js-form-item-communes-service-client label,
#contact-service-no-client-block-form label,
.js-form-type-search label,
#communes-custom-block-form label {
    display: none;
}

#communes-block-form .js-form-item-communes select,
.js-form-item-communes select,
.js-form-item-communes-service-client select,
#contact-service-no-client-block-form select,
.js-form-type-search input.form-search {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    height: 60px;
    border: none;
    background-color: #efeee7;
    font-weight: 300;
    padding-left: 20px;
    cursor: pointer;
}

#communes-block-form .js-form-item-communes select:focus,
.js-form-item-communes select:focus,
.js-form-item-communes-service-client select:focus,
#contact-service-no-client-block-form select:focus,
.js-form-type-search input.form-search:focus,
#communes-block-form .js-form-item-communes select:focus,
.js-form-item-communes select:focus,
.js-form-item-communes-service-client select:focus,
#contact-service-no-client-block-form select:focus,
.js-form-type-search input.form-search:focus {
    outline: 0;
}

#contact-service-client-block-form {
    margin-bottom: 3vw;
}

#communes-block-form .js-form-item-communes select:focus,
.js-form-item-communes select:focus,
.contact-service-client-block-form select:focus,
#contact-service-no-client-block-form select:focus {
    outline: none;
}

#communes-block-form input,
.js-form-item-communes input,
.contact-service-client-block-form input.button,
#contact-service-no-client-block-form input.button,
.search-form input.button,
#communes-custom-block-form input.button {
    border: none;
    background-color: #f3f3f3;
    color: #003b7c;
    font-weight: 700;
    font-size: 17px;
    letter-spacing: 0.14em;
    padding-right: 15px;
    cursor: pointer;
}

.contact-service-client-block-form input.button,
#contact-service-no-client-block-form input.button,
.search-form input.button,
#communes-custom-block-form input.button,
#communes-block-form input.button {
    height: 60px;
    padding: 0 1rem;
    margin-left: -6px;
    vertical-align: middle;
    background-color: #003b7c;
    color: #FFFFFF;
    z-index: 4;
}

.contact-service-client-block-form input.button:disabled,
#contact-service-no-client-block-form input.button:disabled,
.search-form input.button:disabled,
#communes-custom-block-form input.button:disabled,
#communes-block-form input.button:disabled {
    cursor: default;
    color: rgba(59, 136, 217, 0.5);
}

.search-form {
    display: flex;
    margin: 1rem 0;
}

.search-form .container-inline {
    text-align: center;
}

.search-form .container-inline {
    margin-bottom: 20px;
}

.title-search {
    text-align: center;
    margin-bottom: 20px;
}

.js-form-type-search input.form-search {
    vertical-align: middle;
}

.js-form-item-communes-service-client,
.form-item-communes-service-no-client {
    display: inline-block;
    width: 100% !important;
    vertical-align: top;
}

@media screen and (min-width: 768px) {
    .js-form-item-communes-service-client,
    .form-item-communes-service-no-client {
        width: 75% !important;
    }
}

.contact-service-client-block-form input.button,
.contact-service-no-client-block-form input.button {
    width: 14%;
    display: inline-block;
    height: 60px;
    margin-left: -6px;
    vertical-align: middle;
}

#block-navigationcroisee {
    position: relative;
}

#block-navigationcroisee .content {
    padding: 1.5rem;
    background-color: #003b7c;
    height: 100%;
    display: flex;
    align-items: flex-end;
}

#block-navigationcroisee .content a {
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 60px;
    background: transparent url(../img/facture.svg) no-repeat 0px 0px;
    background-size: 44px 44px;
}

#block-navigationcroisee .field--name-field-titre {
    text-transform: uppercase;
    font-weight: 800;
    font-size: 20px;
    letter-spacing: 0.14em;
}

#block-navigationcroisee .content a:hover .field--name-field-titre {

}

#block-navigationcroisee .content a .field_texte_long_brut {
    padding: 10px 20px 10px;
    font-weight: 300;
    line-height: 20px;
}

#block-navigationcroisee .content a .field_titre {
    display: inline-block;
    padding: 0 20px;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    position: relative;
}

#block-navigationcroisee .content a .field--name-field-titre:after {
    content: '';
    position: relative;
    background-image: url(../img/arrow-liste.png);
    background-repeat: no-repeat;
    top: 4px;
    width: 15px;
    margin: auto auto auto 10px;
    background-position: center;
    display: inline-block;
    height: 18px;
}

#block-webform,
#block-contactserviceclientblock,
#block-contactservicenoclientblock {
    background-color: #004a9b;
    padding: 30px 30px 30px 95px;
    background-repeat: no-repeat;
    background-position: 30px 30px;
}

#block-webform {
    background-image: url(../img/picto-contact.png);
}

#block-contactserviceclientblock {
    background-image: url(../img/picto-client.png);
    background-position: 90% 20px;
    margin-bottom: 20px;
    color: #fff;
    padding: 15px;
}
@media screen and (min-width: 992px) {
    #block-contactserviceclientblock {
        padding: 30px;
    }
}

#block-contactservicenoclientblock {
    background-image: url(../img/picto-nonclient.png);
    color: #fff;
}

#block-contactserviceclientblock h2,
#block-contactservicenoclientblock h2 {
    color: #fff !important;
    margin-bottom: 13px;
}

#block-contactserviceclientblock select,
#block-contactservicenoclientblock select {
    opacity: 0.6;
    width: auto;
}

#block-contactserviceclientblock input.button,
#block-contactservicenoclientblock input.button {
    width: auto;
    padding: 0 25px;
    margin-left: 0;
}

#block-contactserviceclientblock .js-form-item-communes-service-client,
#block-contactservicenoclientblock .form-item-communes-service-no-client {
    width: auto;
}

#block-webform label {
    display: none;
}

#block-webform select,
#block-webform textarea,
#block-webform input,
form.webform-submission-form fieldset input,
form.webform-submission-form textarea {
    opacity: 0.6;
    margin-bottom: 10px;
    margin-top: 0;
    width: 100%;
    padding-left: 18px;
    color: #004a9b;
}

#edit-contact a {
    padding: 15px 25px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.005em;
    font-family: 'Montserrat', sans-serif;
    border: 1px solid #004A9B !important;
    color: #004A9B;
    text-transform: uppercase;
    background: none;
    border-radius: 0;
}

#block-contactserviceclientblock #edit-contact a,
#block-contactservicenoclientblock #edit-contact a {
    color: #004A9B;
    background-color: #fff;
}

#block-contactserviceclientblock h3,
#block-contactservicenoclientblock h3 {
    font-family: 'Montserrat', sans-serif;
    margin-top: 25px;
    padding-top: 25px;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
}

#block-webform select {
    -webkit-appearance: none;
    appearance: none;
    height: 55px;
    border-radius: 0;
}

#block-webform .js-form-type-select {
    position: relative;
}

#block-webform .js-form-type-select:before {
    content: '';
    position: absolute;
    background-image: url(../img/picto-arrow-down.png);
    background-repeat: no-repeat;
    width: 12px;
    height: 9px;
    right: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 2;
}

#block-webform input,
form.webform-submission-form fieldset input {
    height: 55px;
}

#block-webform input#edit-nom,
#block-webform input#edit-prenom,
#block-webform input#edit-email,
#block-webform input#edit-telephone {
    display: inline-block;
    width: 49%;
}

#block-webform input#edit-nom,
#block-webform input#edit-email {
    float: left;
}

#block-webform input#edit-prenom,
#block-webform input#edit-telephone {
    float: right;
}

#block-webform textarea,
form.webform-submission-form textarea {
    resize: none;
}

#block-webform #edit-actions-submit,
form.webform-submission-form #edit-actions-submit {
    opacity: 1;
    width: auto;
    min-width: 200px;
    text-align: center;
    padding: 0 20px;
    cursor: pointer;
    height: 55px;
    color: #004a9b;
}

form.webform-submission-form {
    background-color: #004a9b;
    padding: 30px 30px 30px 0;
    color: #fff;
}

form.webform-submission-form fieldset {
    margin-bottom: 20px;
}

form.webform-submission-form fieldset:first-child,
form.webform-submission-form fieldset label {
    display: none;
}

nav#block-topmenusitemap ul,
nav#block-navigationprincipale ul,
nav#block-pieddepage-2 ul,
nav#block-categoriesmag ul {
    list-style-type: none;
}

nav#block-topmenusitemap ul li a,
nav#block-navigationprincipale ul li a,
nav#block-pieddepage-2 ul li a,
nav#block-categoriesmag ul li a {
    color: #004a9b;
}

#block-navigationprincipale > ul > li > a:first-child,
#block-topmenusitemap > ul > li > a:first-child,
#block-pieddepage-2 > ul > li > a:first-child,
#block-categoriesmag > ul > li > a:first-child {
    text-transform: uppercase;
    margin-top: 20px;
    display: block;
}

nav#block-topmenusitemap ul.navigation ul ul,
nav#block-navigationprincipale ul.navigation ul ul,
nav#block-pieddepage-2 ul.navigation ul ul,
nav#block-categoriesmag ul.navigation ul ul {
    display: none;
}

.field_documents div div:nth-child(2) .paragraph {
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    padding: 0 20px;
}

.field_documents .paragraph {
    color: #003b7c;
    text-align: center;
}

.field_documents .paragraph .field_titre {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    margin: 15px auto 5px;
}

.field_documents .paragraph .field_texte {
    font-size: 18px;
    line-height: 21px;
}

.field_documents .paragraph .field_nolink {
    font-size: 18px;
    line-height: 21px;
    margin-top: 1rem;
}

.container-mini {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .container-mini {
        max-width: 540px;
    }
}


@media (min-width: 768px) {

    .container-mini {
        max-width: 720px;
    }


}

@media (min-width: 992px) {

    .container-mini {
        max-width: 960px;
    }

    .communes-header-block-form.form-visible .connexion-elus {
        display: none;
    }

    .download-icon {
        display: none;
    }

    #block-liensduhautdepage {
        display: block;
        position: relative;
        z-index: 3;
    }

}


#block-views-block-article-pagination-entity-pager-example-block, #block-views-block-entity-pager-actu-elu {
    position: absolute;
    width: 100%;
    margin-top: 140px;
}

#block-views-block-article-pagination-entity-pager-example-block ul.entity-pager-list,
#block-views-block-entity-pager-actu-elu ul.entity-pager-list {
    position: relative;
}

#block-views-block-article-pagination-entity-pager-example-block ul.entity-pager-list li a,
#block-views-block-entity-pager-actu-elu ul.entity-pager-list li a {
    font-size: 0;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 50px;
    height: 70px;
    margin: auto;
    cursor: pointer;
    display: block;
    position: absolute;
}

#block-views-block-article-pagination-entity-pager-example-block ul.entity-pager-list li.entity-pager-item-prev a,
#block-views-block-entity-pager-actu-elu ul.entity-pager-list li.entity-pager-item-prev a {
    background-image: url(../img/arrow-left-article.png);
    left: 0;
}

#block-views-block-article-pagination-entity-pager-example-block ul.entity-pager-list li.entity-pager-item-next a,
#block-views-block-entity-pager-actu-elu ul.entity-pager-list li.entity-pager-item-next a {
    background-image: url(../img/arrow-right-article.png);
    right: 0;
}

#block-headermag .mag-home {
    margin: 5px 2rem;
    display: block;
    max-width: 180px;
}

@media screen and (min-width: 1200px) {
    #block-headermag .mag-home {
        max-width: 220px;
        height: 80px;
        display: flex;
    }

    #block-headermag .mag-home a {
        display: inline-block;
        height: 100%;
    }
}

.block-chiffresmarquants {
    height: 100%;
    background-color: #004a9b;
    color: #fff;
    text-align: center;
    position: relative;
    display: flex;
    flex-direction: column;
}

.block-chiffresmarquants .field_titre {
    font-size: 22px;
    margin-bottom: 5px;
    font-weight: 700;
}

.layout-sidebar-first .block-chiffresmarquants {
    min-height: 445px;
    margin-bottom: 50px;
    position: relative;
}

.layout-sidebar-first .block-chiffresmarquants > div > div {
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    position: absolute;
    width: 100%;
}

.layout-sidebar-first .block-chiffresmarquants .views-slideshow-controls-bottom .views_slideshow_controls_text_pause {
    display: none;
}

.block-chiffresmarquants {
    position: relative;
    padding-top: 60px;
    justify-content: center;
}

.block-chiffresmarquants .swiper::before {
    content: '';
    position: absolute;
    width: 119px;
    height: 119px;
    background-repeat: no-repeat;
    background-image: url(../img/picto-fleur.png);
    background-position: center;
    top: -30px;
    margin: auto;
    left: 0;
    right: 0;

}

.block-chiffresmarquants .swiper-figures {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
}

.block-chiffresmarquants .swiper-slide {
    padding: 90px 20px 35px 20px;
}

.block-chiffresmarquants .swiper-figures .swiper-button-prev,
.block-chiffresmarquants .swiper-figures .swiper-button-next {
    color: #4b88ef;
    top: 86%;
}

.block-chiffresmarquants .number-animated {
    padding-right: .5rem;
}

.block-chiffresmarquants .swiper-figures .swiper-button-prev {
    left: 30%;
}

.block-chiffresmarquants .swiper-figures .swiper-button-next {
    right: 30%;
}

header #block-headermag .mag-home a img {
    width: 100%;
    height: auto;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    display: inline-block;
    max-height: 100%;
}

header.small--nav #block-headermag .mag-home a img {
    height: 70px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.communes-header-block-form {
    background-color: #fff;
    color: #004a9b;
    width: 100%;
    height: 100%;
    padding: 120px 20px;
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 7;
}

@media screen and (min-width: 768px ) {
    .communes-header-block-form {
        width: 645px;
        position: absolute;
        height: auto;
        padding: 30px;
    }
}

.communes-header-block-form h2 {
    position: relative;
}

.communes-header-block-form h2:before {
    content: '';
    background-image: url(../img/picto-espace-client-cadenas.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 36px;
    height: 36px;
    margin-right: 15px;
    background-size: contain;
    display: inline-block;
}

.communes-header-block-form .btn {
    margin-bottom: 1.5rem;
    padding: .9rem;
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
}

.communes-header-block-form .connexion-elus {
    background-color: #FFFFFF;
}

.communes-header-block-form .connexion-elus .btn {
    background-color: #e72a7c;
    color: #FFFFFF;
}

.communes-header-block-form.form-visible {
    display: block;
    box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.2);
}

.communes-header-block-form .close-espace {
    font-size: 3.5rem;
    position: absolute;
    right: 1rem;
    top: 0;
    cursor: pointer;
    z-index: 5;
}


.communes-header-block-form .close-espace:hover {
    color: #000000;
}

.communes-header-block-form h2 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
}

.communes-header-block-form form label {
    display: none;
}

.communes-header-block-form form input {
    border: none;
    background-color: transparent;
    margin-bottom: 20px;
    min-height: 60px;
    cursor: pointer;
}

.communes-header-block-form form input:focus {
    outline: 0;
}

.communes-header-block-form form input.form-submit, .communes-header-block-form form input.button-secondary {
    background-color: #004a9b;
    color: #fff;
    font-weight: 700;
    font-size: 13px;
    font-family: 'Montserrat', sans-serif;
    width: 100%;
    margin-top: 1rem;
}


@media screen and (min-width: 992px) {
    .communes-header-block-form form input.form-submit,
    .communes-header-block-form form input.button-secondary {
        width: auto;
    }
}

.communes-header-block-form form input.form-submit:disabled {
    background-color: rgba(0, 74, 156, 0.52);
    cursor: default;
}

.communes-header-block-form form input.button-secondary {
    color: #004a9b;
    text-decoration: underline;
    text-transform: none;
    font-size: 13px;
    margin: 1rem auto;
    display: block;
    background-color: white;
}

@media screen and (min-width: 992px) {
    .communes-header-block-form form input.button-secondary {
        display: inline-block;
    }
}

.communes-header-block-form form input.button-secondary:disabled {
    color: rgba(0, 74, 156, 0.52);
    text-decoration: none;
    cursor: default;
    background-color: #F2F2F2;

}

.communes-header-block-form form #edit-communes-header,
.communes-header-block-form form #edit-communes-header--2 {
    -webkit-appearance: none;
    appearance: none;
    background-color: rgba(0, 74, 144, 0.2);
    border: none;
    width: 100%;
    height: 60px;
    margin-bottom: 10px;
    padding-left: 10px;
}

.communes-header-block-form .icon-close {
    font-size: 2.8rem;
    padding: .5rem;
    display: inline-block;
    color: #000000;
    position: absolute;
    left: 1.5rem;
    top: 2rem;
    cursor: pointer;
}

.communes-header-block-form .icon-close {
    color: var(--color-blue);
}

@media screen and (min-width: 768px) {
    .communes-header-block-form .icon-close {
        display: none;
    }
}

#block-communesheaderblock-2 {
    display: block;
    position: relative;
    max-width: 100%;
    padding: 0;
    z-index: 2;
}

#block-communesheaderblock-2 #close-space {
    display: none;
}


/*COMMUNES CUSTOM BLOCK FORM*/

#communes-custom-block-form > div {
    width: 100%;
}

#communes-custom-block-form > div:focus {
    outline: 0;
}

#communes-custom-block-form span:focus {
    outline: 0 !important;
}


#views-exposed-form-coordonnees-des-membres-page-1 .form-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#views-exposed-form-coordonnees-des-membres-page-1 .form-container input,
#views-exposed-form-coordonnees-des-membres-page-1 .form-container select {
    display: block;
    margin: 10px;
    width: calc(100% - 20px);
}

#views-exposed-form-coordonnees-des-membres-page-1 .form-container .button {
    margin: 10px;
    max-width: calc(100% - 20px);
}

#views-exposed-form-coordonnees-des-membres-page-1 .form-container .form-item {
    width: 100%;
}

@media screen and (min-width: 992px) {
    #views-exposed-form-coordonnees-des-membres-page-1 .form-container {
        flex-direction: row;
        flex-wrap: wrap;
    }

    #views-exposed-form-coordonnees-des-membres-page-1 .form-container .form-item {
        width: calc(33.33% - 1rem);
    }

    #views-exposed-form-coordonnees-des-membres-page-1 .form-container .button {
        width: calc(33.33% - 1rem);
        margin: 1rem;
    }
}

#views-exposed-form-coordonnees-des-membres-page-1 #edit-actions {
    margin-left: 0 !important;
}

#views-exposed-form-coordonnees-des-membres-page-1 #edit-actions input.button {
    border: 1px solid #004a9b;
    margin-bottom: 10px;
}

.table #edit-actions {
    justify-content: space-between;
}

.vos-questions-nos-reponses #faq_cat_col ul li .faq_cat_link_client {
    color: #333333 !important;
    background-color: #efeee7 !important;
}

.vos-questions-nos-reponses #faq_cat_col ul li .faq_cat_link_client:hover {
    color: #fff !important;
    background-color: #003b7c !important;
    text-decoration: none;
}

.vos-questions-nos-reponses #faq_cat_col ul li .faq_cat_link_client:after {
    background-image: url(../img/arrow-liste-black.png) !important;
}

.vos-questions-nos-reponses #faq_cat_col ul li .faq_cat_link_client:hover:after {
    background-image: url(../img/arrow-liste.png) !important;
}

#block-groupesupermenudroite #block-views-block-supermenu-mag-block-1 a {
    display: block;
    height: 100%;
    position: relative;
}

#block-groupesupermenudroite #block-views-block-supermenu-mag-block-1 a .field_image {
    height: 100%;
    background-position: center;
    filter: brightness(0.8);
}

#block-groupesupermenudroite #block-views-block-supermenu-mag-block-1 a .field_categorie {
    position: absolute;
    bottom: 90px;
    left: 15px;
    color: #fff;
    text-transform: uppercase;
}

#block-groupesupermenudroite #block-views-block-supermenu-mag-block-1 a .field_titre {
    position: absolute;
    bottom: 15px;
    left: 15px;
    color: #fff;
}

/*
@media screen and (max-width: 993px) {
    #header nav ul.navigation li a, #header nav ul.navigation li span {
        color: #fff !important;
    }

    #supermenu .navigation {
        margin-top: 0px;
        margin-bottom: 10px;
    }

    #block-groupesupermenudroite {
        display: none;
    }

    #supermenu li a {
        font-size: 12px;
    }

    #block-groupesupermenu {
        top: 82px;
    }


    #header {
        top: 0;
    }

    #header nav.nav-responsive ul.visible {
        z-index: 999;
    }

    #block-views-block-article-pagination-entity-pager-example-block ul.entity-pager-list li a,
    #block-views-block-entity-pager-actu-elu ul.entity-pager-list ul.entity-pager-list li a {
        width: 70px !important;
    }

    #block-views-block-image-du-haut-de-page-block-1 img {
        height: auto !important;
    }

    .block-chiffresmarquants .slick .slick-slider:before {
        display: none;
    }

    .block-chiffresmarquants .field_titre {
        font-size: 20px;
        line-height: 24px;
    }

    .block-chiffresmarquants .field_texte {
        font-size: 14px;
    }

    .block-chiffresmarquants .slick__arrow button.slick-prev, .block-chiffresmarquants .slick__arrow button.slick-next, .layout-sidebar-first .block-chiffresmarquants .views-slideshow-controls-bottom a {
        bottom: 10px !important;
    }

    .block-chiffresmarquants .slick__arrow button.slick-prev:before, .block-chiffresmarquants .slick__arrow button.slick-next:before, .layout-sidebar-first .block-chiffresmarquants .views-slideshow-controls-bottom a:before {
        background-size: contain;
        height: 20px !important;
    }

    .block-chiffresmarquants .slick .slick-slider {
        padding-top: 0px;
        padding-bottom: 30px;
        padding-bottom: 30px;
    }
}
*/


#block-contactserviceclientblock-2 {
    background-color: #004a9b;
    padding: 30px 30px 30px 95px;
    background-repeat: no-repeat;
    background-position: 30px 30px;
}

#block-contactserviceclientblock-2 {
    background-image: url(../img/picto-client.png);
    margin-bottom: 60px;
    color: #fff;
}

#block-contactserviceclientblock-2 h2,
#block-webform h2 {
    color: #fff !important;
    margin-bottom: 13px;
}

#block-contactserviceclientblock-2 select {
    opacity: 0.6;
    width: auto;
}

#block-contactserviceclientblock-2 input.button {
    width: auto;
    padding: 0 25px;
    margin-left: 0;
}

#block-contactserviceclientblock-2 .js-form-item-communes-service-client {
    width: auto;
}

#block-contactserviceclientblock-2 #edit-contact a {
    color: #004A9B;
    background-color: #fff;
}

#block-contactserviceclientblock-2 h3 {
    font-family: 'Montserrat', sans-serif;
    margin-top: 25px;
    padding-top: 25px;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
}

#block-leaudansmacommuneprixdeleau {
    display: flex;
    align-items: center;
    background-color: #004a9b;
    min-height: 220px;
    padding: 20px 40px 20px 30px;
    color: #fff;
    margin-top: 38px;
}

#block-leaudansmacommuneprixdeleau .field_image {
    margin-right: 40px;
}

#block-leaudansmacommuneprixdeleau .field_image img {
    width: auto;
    height: auto;
    min-width: 130px;
}

#block-leaudansmacommuneprixdeleau .field_titre_prix_de_l_eau {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.14em;
    font-family: 'Montserrat', sans-serif;
}

#block-leaudansmacommuneprixdeleau a {
    color: #fff;
    text-decoration: underline;
}

#block-leaudansmacommuneprixdeleau .prix-de-l-eau-texte {
    padding-left: 40px;
}

#block-webform input#edit-en-soumettant-ce-formulaire-j-accepte-que-les-informations-saisi {
    width: auto;
    display: inline-block;
    height: auto;
    vertical-align: top;
    margin-top: 6px;
}

#block-webform div.form-item-en-soumettant-ce-formulaire-j-accepte-que-les-informations-saisi div.description {
    width: 90%;
    display: inline-block;
    margin-left: 10px;
    vertical-align: top;
    margin-bottom: 10px;
}


#views-exposed-form-documents-telechargements-page-1 {
    margin: 20px 0;
}

#views-exposed-form-documents-telechargements-page-1 .js-form-type-select {
    display: inline;
}

#views-exposed-form-documents-telechargements-page-1 .js-form-type-select label {
    display: block;
    color: #e72a7c;
}

#views-exposed-form-documents-telechargements-page-1 .form-actions {
    display: inline-block;
}

.article_commune_lien a {
    position: relative;
    padding: 30px;
    background-color: #e72a7c;
    color: #fff;
    display: block;
    overflow: hidden;
}

.article_commune_lien a .news-lien--title {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.14em;
    font-family: 'Montserrat', sans-serif;
}

.article_commune_lien a:after {
    position: absolute;
    content: '';
    background-image: url(../img/arrow-liste.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 9px;
    height: 12px;
    right: 10px;
    top: 40px;
    margin: auto;
}

.webform-results-table th {
    max-width: 200px
}

.vos-questions-nos-reponses h3 {
    font-weight: 800;
}

.vos-questions-nos-reponses .views-row,
.vos-questions-nos-reponses h3 {
    color: #004a9b;
}

.vos-questions-nos-reponses .views-row {
    padding: 20px 0 20px 0;
}

.vos-questions-nos-reponses .main-content .views-row {
    border-bottom: solid 1px #e0dede;
}

.vos-questions-nos-reponses h3 {
    text-transform: uppercase;
    font-weight: 800;
    font-size: 20px;
}

.vos-questions-nos-reponses .views-row .views-field-title {
    position: relative;
}

.vos-questions-nos-reponses .views-row .faq-body {
    padding-top: 1.5rem;
}

.vos-questions-nos-reponses .views-row .views-field-title .field-content .btn,
.vos-questions-nos-reponses .views-row .views-field-title .field-content .btn:hover{
    padding: 0 25px 0 0;
    color: #004a9b;
    text-align: left;
    white-space: normal;
    font-size: 18px;
}

.vos-questions-nos-reponses .views-row .views-field-title .field-content .btn.collapsed,
.vos-questions-nos-reponses .views-row .views-field-title .field-content .collapsed:hover{
    color: #004a9b;
}

.vos-questions-nos-reponses .views-row .views-field-title .field-content .btn:after {
    position: absolute;
    content: '';
    background-image: url(../img/arrow-liste-blue.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 9px;
    height: 12px;
    right: 1px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    top: 0;
    bottom: 0;
    margin: auto;
}

.vos-questions-nos-reponses .views-row .views-field-title .field-content .btn.collapsed:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.vos-questions-nos-reponses .views-row .views-field-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.vos-questions-nos-reponses #faq_cat_col ul {
    padding: 0;
    list-style: none;
}

.vos-questions-nos-reponses #faq_cat_col ul li {
    position: relative;
    margin-bottom: 5px;
    padding: 0;
    font-size: 18px;
    transition: 0.15s;
}

.vos-questions-nos-reponses #faq_cat_col ul li .faq_cat_link.collapsed {
    background-color: #efeee7;
}

.vos-questions-nos-reponses #faq_cat_col ul li .faq_cat_link:hover,
.vos-questions-nos-reponses #faq_cat_col ul li .faq_cat_link {
    background-color: #003b7c;
}

.vos-questions-nos-reponses #faq_cat_col ul li .faq_cat_link {
    padding: 0 10px;
    width: 100%;
    min-height: 48px;
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: 0.15s;
}

.vos-questions-nos-reponses #faq_cat_col ul li .faq_cat_link.collapsed {
    color: #333333;
}

.vos-questions-nos-reponses #faq_cat_col ul li .faq_cat_link.faq_cat_link:hover,
.vos-questions-nos-reponses #faq_cat_col ul li .faq_cat_link {
    color: #ffffff;
}

.vos-questions-nos-reponses #faq_cat_col ul li .faq_cat_link:after {
    position: absolute;
    content: '';
    background-image: url(../img/arrow-liste.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 9px;
    height: 12px;
    right: 11px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.vos-questions-nos-reponses #faq_cat_col ul li .faq_cat_link.collapsed:after {
    background-image: url(../img/arrow-liste-black.png);
}

.vos-questions-nos-reponses #faq_cat_col ul li .faq_cat_link:hover:after,
.vos-questions-nos-reponses #faq_cat_col ul li .faq_cat_link:after {
    background-image: url(../img/arrow-liste.png);
}

.vos-questions-nos-reponses #faq_item_col .views-row:last-child {
    border-bottom: solid 0;
}

/* add fade effect on faq categories collapsing*/
.vos-questions-nos-reponses .cat-faq-group.collapse.show {
    opacity: 1;
}

.vos-questions-nos-reponses .cat-faq-group.collapsing {
    opacity: 0;
}

/* mag a la une */
.mag-a-la-une-item,
.mag-cat-list-item {
    font-family: 'Montserrat', sans-serif;
}

.page-cat-le-mag .mag-cat-list-item {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

.page-cat-le-mag .mag-cat-list-item .image {
    height: 40%;
}

.page-cat-le-mag .mag-cat-list-item .image img{
    height: 100%
}

.page-cat-le-mag .mag-cat-list-item .infos {
    height: 60%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

@media screen and (min-width: 992px) {
    .mag-a-la-une-item {
        display: grid;
        grid-template-columns: 65% 35%;
    }
}

.mag-cat-list-item {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
}

.mag-a-la-une-item .image {
    position: relative;
    display: block;
}


.mag-a-la-une-item .infos,
.mag-cat-list-item .infos {
    background-color: #004a9b;
    padding: 3vw;
    color: #FFFFFF;
}

.mag-a-la-une-item .infos .field_categorie,
.mag-cat-list-item .infos .field_categorie {
    color: #E7297C;
    text-transform: uppercase;
    margin-bottom: 1rem;
}

.mag-a-la-une-item .infos .title,
.mag-cat-list-item .infos .title {
    color: #FFFFFF;
    font-weight: bold;
}

.mag-a-la-une-item .infos .summary {
    font-weight: 400;
    margin: 1rem 0;
    font-family: "Kanit", sans-serif;
}

.mag-a-la-une-item .infos .view_node a,
.mag-cat-list-item .infos .view_node a {
    margin-top: 20px;
    color: #FFFFFF;
    border: solid 1px #FFFFFF;
    padding: 10px 18px;
    display: inline-block;
    font-weight: bold;
}

.mag-a-la-une-item .infos .view_node a:hover,
.mag-cat-list-item .infos .view_node a:hover {
    background-color: #FFFFFF;
    border: solid 1px #FFFFFF;
    color: #004a9b;
}

.mag-a-la-une .image img {
    height: auto;
    width: 100%;
}

.mag-cat-list-item .image img {
    height: auto;
    width: 100%;
}

@media screen and (min-width: 992px) {
    .mag-a-la-une-item .image img {
        top: 0;
        left: 0;
        width: 100%
    }
}

/* mag top right */
#block-views-block-mag-une-blocks-block-1 {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.mag-top-right-item {
    height: 33.33%;
    margin-top: 40px;
    flex: 1;
    background: #efeee7;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.mag-top-right-item .infos {
    background-color: #efeee7;
    padding: 35px;
    color: #FFFFFF;
    overflow: hidden;
}

.mag-top-right-item .infos .field_categorie {
    color: #3d3d3d;
    text-transform: uppercase;
}

.mag-top-right-item .infos .title {
    color: #e72a7c;
}

.mag-top-right-item .infos .view_node a {
    font-family: 'Montserrat', sans-serif;
    position: relative;
    margin-top: 15px;
    color: #004a9b;
    display: inline-block;
    font-weight: bold;
    text-transform: uppercase;
}

.mag-top-right-item .infos .view_node a:after {
    position: absolute;
    content: '';
    background-image: url(../img/arrow-liste-blue.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 9px;
    height: 12px;
    right: -20px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 0;
    bottom: 0;
    margin: auto;
}

/*MAG LIST*/
.mag-list-cat .cat {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .5rem 1rem;
    margin: 1rem 1rem 0 1rem;
    background: #D4ECF0;
    border-radius: 20px;
}

.mag-list-cat .cat-title {
    color: #3d3d3d;
    text-transform: uppercase;
    font-weight: bold;
}

.mag-list-cat .image a {
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.mag-list-cat .cat-link {
    color: #004a9b;
    padding: 0 1rem;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
}

.mag-list-cat .cat-link:hover {
    color: #000000;
}

.mag-list-cat .cat-link:after {
    position: absolute;
    content: '';
    background-image: url(../img/arrow-liste-blue.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 9px;
    height: 12px;
    right: 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 1px;
    bottom: 0;
    margin: auto;
}

.mag-list-cat .title {
    color: #e72a7c;
    font-weight: bold;
    padding: 1rem 0;
}

.mag-list-cat .description {
    margin-top: .5rem;
    color: #004a9b;
}

.mag-list-cat .mag-listing-item {
    margin-bottom: 2rem;
}

/* mag item listing */
#block-views-block-page-le-mag-block-5 {
    margin-top: 30px;
}

.mag-listing-item {
    padding-top: 20px;
    padding-bottom: 20px;
}

.mag-listing-item .article {
    padding: 0;
    color: #FFFFFF;
    position: relative;
    height: 500px;
    overflow: hidden;
}

.mag-listing-item .article .field_categorie {
    color: #3d3d3d;
    text-transform: uppercase;
}

.mag-listing-item .article .view_taxonomy_term {
    position: absolute;
    top: 0;
    right: 0;
}

.mag-listing-item .article .view_taxonomy_term a {
    color: #004a9b;
    padding: 18px;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    font-size: 14px;
}

.mag-listing-item .article .image {
    margin: 15px 0 30px 0;
    height: 300px;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.mag-listing-item .article .view_taxonomy_term a:after {
    position: absolute;
    content: '';
    background-image: url(../img/arrow-liste-blue.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 9px;
    height: 12px;
    right: 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 1px;
    bottom: 0;
    margin: auto;
}

.mag-listing-item .article .title {
    color: #e72a7c;
    font-weight: bold;
}

.mag-listing-item .article .description {
    margin-top: 15px;
    color: #004a9b;
}

/* dynamic header */
body .layout-container {
    min-height: 100vh;
    position: relative;
}

body.toolbar-exist .layout-container.layout-container-elu,
body.toolbar-exist .layout-container.home_espace_elu {
    margin-top: 0;
}

body .layout-container-elu, body .home_espace_elu {
    margin-top: 0;
}

.page-cat-le-mag {
    margin-top: 30px;
    border-top: solid 1px #e0dede;
    padding-top: 20px;
}

form#views-exposed-form-faq-page-1 input[type=text] {
    padding: 0 60px 0 25px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

form#views-exposed-form-faq-page-1 #edit-reset {
    position: relative;
    font-size: 14px;
    font-weight: normal;
    text-decoration: underline;
    text-transform: none;
    left: -5px;
}

#block-views-block-home-mag-block-3 .content {
    padding: 0;
    width: 100%;
    height: 100%;
}

#block-views-block-home-mag-block-3 .carousel {
    display: flex;
    width: 100%;
    height: 100%;
}

#block-views-block-home-mag-block-3 .content div.dp-container {
    width: 100%;
    height: 100%;
}


@media screen and (min-width: 768px) {
    .evenement_elu_home {
        max-width: 400px;
        margin-left: .9rem;
    }
}

/*ACTUS CAROUSEL*/
.actus-carousel a:hover {
    color: #FFFFFF;
}

.actus-carousel img {
    width: 100%;
}

.actus-carousel--content {
    background-color: rgba(0, 0, 0, .25);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: calc(5% + 1rem) 2rem calc(5% + 2rem) 2rem;
    color: #FFFFFF;
    display: flex;
    flex-direction: column;
}

.actus-carousel--content h2 {
    color: #FFFFFF;
    font-size: 1.6rem;
}

.actus-carousel--content p {
    font-size: 1.3rem;
}

@media screen and (min-width: 992px) {
    .actus-carousel--content {
        width: 70%;
    }

    .actus-carousel--content h2 {
        color: #FFFFFF;
        font-weight: 700;
        font-size: 1.8rem;
    }
    .actus-carousel--content p {
        font-size: 1.5rem;
    }
}

/*NEWS COMMUNES*/
.news--intro {
    font-weight: 700;
    padding-bottom: 2rem;
    margin-bottom: 2rem;
    border-bottom: solid 1px #ECECEC;
}

.news--content {
    margin-bottom: 2rem;
}

.news-teaser {
    background: #ECECEC;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    height: 100%;
    line-height: 1.3;
}

.news-teaser--title {
    display: block;
    margin: 1rem 0;
    font-size: 20px;
    color: #000000;
    font-weight: 600;
}

/*NODE QUALITE EAU*/
.node-qualite--intro {
    border-bottom: solid 1px #ECECEC;
}

.node-qualite--documents .field__item {
    padding: .4rem 0;
}

/*NODE SOURCE EAU*/
.node-source--content iframe {
    max-width: 100%;
    margin: 2rem auto;
}

/*ESPACE DOC*/
.doc-lien {
    margin-bottom: 1rem;
    font-family: Verdana, sans-serif;
    width: 100%;
    float: left;
}

.doc-lien .field--name-field-vignette {
    margin-bottom: 1rem;
}

.doc-lien.with--image {
    width: calc(100% - 2rem);
    margin: 1rem 2rem 1rem 0;
    min-height: 1px;
}

.doc-lien.with--image:nth-child(3n+4){
    clear: left;
}

.doc-lien.with--video .doc-lien--title {
    font-size: .9rem;
    max-width: 80%;
    display: inline-block;
}

@media screen and (min-width: 768px) {
    .doc-lien.with--image {
        width: calc(50% - 2rem);
        margin: 1rem 2rem 1rem 0;
    }
}

@media screen and (min-width: 992px) {
    .doc-lien.with--image {
        width: calc(33.33% - 2rem);
        margin: 1rem 2rem 1rem 0;
    }
}

.doc-lien--title {
    font-weight: 700;
    text-decoration: underline;
}

/*ACCORDEONS*/
.doc--accordeons {
    margin-bottom: 2rem;
}

.doc--accordeons .field_document_principal .doc-lien--title {
    display: none;
}

.doc--accordeons .field_type_document {
    font-weight: 700;
    font-size: 1.2rem;
    margin-bottom: 1rem;
}

.doc--accordeons a {
    color: #004a9b;
}

.doc--accordeons a:hover {
    color: #000000;
}

.doc--accordeons h2 {
    margin: 2rem 0;
}

/*ESPACES DOCUMENTAIRES*/
.espace-doc {
    margin-bottom: 3rem;
    width: 1000px;
    max-width: 100%;
}

.espace-doc--main {
    margin: 1rem 0;
}

.espace-doc .group-title {
    background-color: #ECECEC;
    color: #004a9b;
    padding: .5rem 1rem;
    margin-bottom: .5rem;
    cursor: pointer;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-weight: 600;
    font-family: Verdana, sans-serif;
    position: relative;
}

.espace-doc .group-title + ul.is-active {
    display: block;
}

.espace-doc ul {
    list-style: none;
    padding-left: 0;
}

.espace-doc ul ul {
    padding-left: 1rem;
}

.espace-doc .group-title + ul {
    display: none;
}

.espace-doc .group-title--cat {
    font-size: 1rem;
}

.espace-doc .group-title::after {
    content: "+";
    display: inline-block;
    font-size: 20px;
    color: #004a9b;
    padding: 5px;
    margin-right: 25px;
    position: absolute;
    right: 0;
}

.espace-doc .group-title::before {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f0f6";
    display: inline-block;
    font-size: 20px;
    color: #004a9b;
    padding: 5px;
    margin-right: 25px;
}

.espace-doc .group-title.is-active::after {
    content: "-";
}

.espace-doc .group-title:hover, .espace-doc .group-title.is-active {
    background-color: #004a9b;
    color: #FFFFFF;
}

.espace-doc .group-title:hover::before,
.espace-doc .group-title:hover::after,
.espace-doc .group-title.is-active::after,
.espace-doc .group-title.is-active::before {
    color: #FFFFFF;
}

.espace-doc .group-content {
    height: 1px;
    visibility: hidden;
    -moz-transition: max-height 0.3s ease;
    -webkit-transition: max-height 0.3s ease;
    transition: max-height 0.3s ease;
    padding: 0 1rem;
    overflow: hidden;
}

.espace-doc .group-content iframe {
    max-width: 100%;
    height: auto;
    width: auto;
}

.espace-doc .group-content iframe .player {
    max-width: 100% !important;
    height: auto !important;
    padding: 1rem;
}

.espace-doc .group-sub--content {
    display: none;
    font-size: 1rem;
    color: #8f8f8f;
    margin: .5rem 0 2rem 1rem;
    height: 1px;
    opacity: 0;
}

.espace-doc .group-sub--content a {
    color: #e72a7c;
}

.espace-doc .group-content.is-active {
    visibility: visible;
    height: auto;
    padding: .5rem 1rem;
}

.espace-doc .group-content a {
    color: #004a9b;
}

.espace-doc .group-content + ul {
    display: none;
}

.espace-doc .group-content.is-active + ul {
    display: block;
}

.espace-doc .group-empty + ul {
    display: none;
}

.espace-doc .group-content + ul.is-active {
    display: block;
}

.espace-doc .group-empty + ul.is-active {
    display: block;
}

.espace-doc .group-content a:hover {
    color: #000000;
}

.espace-doc .group-content .group-subtitle {
    display: flex;
    justify-content: flex-start;
    margin: .5rem 0;
    cursor: pointer;
    clear: both;
}

.espace-doc .group-content .group-subtitle .group-subtitle--name::after {
    content: "+";
    display: inline-block;
    font-size: 1.2rem;
    margin: 0 .5rem 0 0;
}

.espace-doc .group-content .group-subtitle.is-active .group-subtitle--name::after {
    content: "-";
}

.espace-doc .group-content .group-sub--content {
    transition: linear 0.2s ease;
}

.espace-doc .group-content .group-sub--content.is-active {
    height: auto;
    opacity: 1;
    display: block;
}

.espace-doc .group-content .group-subtitle--name {
    background-color: #ECECEC;
    width: 100%;
    display: flex;
    padding: .3rem 1.5rem .3rem 1rem;
    border-radius: 5px;
    color: #6c6c6c;
    align-items: center;
    justify-content: space-between;
}

.espace-doc .group-content .group-subtitle--name:hover {
    background-color: #d0cdcd;
}

.espace-doc .group-subtitle.is-active .group-subtitle--name {
    background-color: #004a9b;
    color: #FFFFFF;
}

.espace-doc .views-exposed-form .form-container {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
}

.espace-doc .views-exposed-form .form-item {
    max-width: 50%;
}

.espace-doc .views-exposed-form .form-select {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.espace-doc .views-exposed-form .form-submit {
    background-color: #004a9b;
    color: #FFFFFF;
    padding: .3rem 1.2rem;
    border-color: transparent;
}

.espace-doc .field_document_principal .doc-lien {
    background: #ECECEC;
    padding: .3rem 1rem;
    display: block;
    margin: .5rem 0;
    float: left;
    width: 100%;
}

.espace-doc .field_vignette {
    height: 200px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 1rem;
}

.espace-doc .field_vignette img {
    max-height: 100%;
    max-width: 100%;
    width: auto;
}

.espace-doc .group-subtitle + .doc-element {
    display: none;
}

.espace-doc .doc--rubrique--title {
    text-transform: uppercase;
    cursor: pointer;
    color: #6c6c6c;
    border-radius: 5px;
    padding: .2rem .6rem;
    margin-bottom: 1rem;
    background-color: #ECECEC;
}

.espace-doc .doc--rubrique--title:hover {
    background-color: #d0cdcd;
}

.espace-doc .doc--rubrique--title.is-active {
    background-color: #004a9b;
    color: #FFFFFF;
}

.espace-doc .doc--rubrique--title::before {
    content: "+";
    display: inline-block;
    font-size: 1.2rem;
    margin: 0 .5rem 0 0;
}

.espace-doc .doc--rubrique--title.is-active::before {
    content: "-";
}

.espace-doc .doc--rubrique .doc--rubrique--file, .espace-doc .doc--rubrique .doc--rubrique--associe {
    display: none;
}

.espace-doc .doc--rubrique.rubrique-active .doc--rubrique--file, .espace-doc .doc--rubrique.rubrique-active .doc--rubrique--associe {
    display: block;
}

.espace-doc .open-archive {
    width: 100%;
    display: flex;
    clear: both;
    color: #0a6eb4;
    text-decoration: underline;
    padding: 1rem;
    cursor: pointer;
}

.espace-doc .open-archive .chevron::before {
    border-style: solid;
    border-width: 0.15em 0.15em 0 0;
    content: '';
    display: inline-block;
    height: 0.45em;
    left: 0.5em;
    position: relative;
    top: 0.45em;
    transform: rotate(135deg);
    vertical-align: top;
    width: 0.45em;
}

.espace-doc .open-archive:hover, .espace-doc .open-archive.is-open {
    color: var(--color-black);
}

.espace-doc .open-archive.is-open .chevron::before {
    top: .65em;
    transform: rotate(-45deg);
}

/*HIDE FIRST YEAR*/
.espace-doc .group-title


/*NEWSLETTER*/
#newsletter-form .form-item {
    margin-bottom: 1rem;
}

#newsletter-form .form-item-email label {
    display: block;
    font-weight: 700;
}

#mapAgences {
    min-height: 650px;
    width: 100%;
    border: 1px solid #695454;
    overflow: hidden;
}

/*TAXONOMY STANDARD LIST*/
.taxonomy-list a {
    color: var(--color-blue);
}

.view-communes-du-territoire .views-row {
    margin-right: 1rem;
    font-style: italic;
    display: inline-block;
    font-size: .9rem;
}

.view-list-actus-commune .item {
    margin-bottom: 2rem;
}

/*ACTUS PAR CATEGORIES*/
@media screen and (min-width: 992px) {
    .view-liste-articles-par-categorie .view-content {
        display: flex;
        flex-wrap: wrap;
        margin-left: -1.5rem;
        margin-right: -1.5rem;
    }
    .view-liste-articles-par-categorie .views-row{
        width: calc(50% - 3rem);
        margin: 1.5rem;
    }
    .view-liste-articles-par-categorie .pager {
        width: 80%;
        margin: auto;
    }
}

@media screen and (min-width: 1200px) {
    .view-liste-articles-par-categorie .views-row{
        width: calc(33.33% - 3rem);
    }
}

.view-fiches-qualites-annuelles ul {
    list-style: none;
    padding: 0;
}
.view-fiches-qualites-annuelles ul li {
    margin-bottom: 1rem;
}

/*FICHES QUALITES ANNUELLES*/
#block-views-block-fiches-qualites-annuelles-block-1 {
    margin-top: 2rem;
}

/*PAGE AU NIVEAU*/
body.au-niveau .chiffre--titre {
    display: none;
}

body.au-niveau .swiper-figures {
    background-color: #efeee7;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

body.au-niveau .swiper-figures .swiper-slide{
    padding: 2rem 4rem;
}

body.au-niveau .swiper-figures .swiper-button-prev,
body.au-niveau .swiper-figures .swiper-button-next {
    color: #000000;
}

/*PAGE LISTE ACTUALITES*/

.view-list-actus-commune .news-teaser--title {
    font-size: 18px;
}

.view-list-actus-commune img,
.node--type-article-l-eau-dans-ma-commune .news-teaser--image img {
    width: 100%;
}

.node--type-article-l-eau-dans-ma-commune .news-teaser {
    margin-bottom: 2rem;
}

#views-exposed-form-recherche-globale-page-1 select {
    display: none;
}

.view-recherche-globale .view-header {
    margin-bottom: 2rem;
}

/*MASQUER DATE DE PUBLICATION - ESPACE ELUS ATLANTICEAU EN CHIFFRES*/
#taxonomy-term-905 .doc-elu .pubdate {
    display: none;
}

/*CALENDAR*/
#caleandar td {
    padding: .4em .1em;
}

#caleandar thead {
    font-size: 1em;
    font-weight: 400;
}

#caleandar .day.has-event {
    border-color: #e72a7c;
    cursor: pointer;
    background-color: #F2F2F2;
}

#caleandar .day.today {
    background-color: #004a9b;
}

.doc-full .single_doc {
    display: flex;
    flex-direction: row;
    padding: 1rem;
    background: #efeee7;
}

.doc-full .single_doc .contenu {
    display: flex;
    flex-direction: column;
}

.doc-full .single_doc .cat {
    font-weight: 700;
    margin-bottom: .5rem;
    display: block;
}

.doc-full .single_doc .src {
    color: #000000;
}

.doc-full .pubdate {
    margin-bottom: .5rem;
}

.doc-full .titre {
    color: #000000;
    font-weight: 700;
}

.doc-full .admin-infos {
    margin-top: 1.5rem;
}

.doc-full .field__label {
    font-weight: 700;
}

.field--name-field-contenu .communes-custom-block-form .close-espace {
    display: none;
}

.field--name-field-contenu .communes-custom-block-form .form-submit {
    color: #FFFFFF !important;
}

.block-block-groupgroupe-contact .form-submit {
    background-color: #FFFFFF;
}

.block-block-groupgroupe-contact .form-submit:hover {
    background: rgba(255,255,255,0.8);
}

.block-block-groupgroupe-contact .js-form-item-link {
    visibility: hidden;
    height: 0;
}

.block-block-groupgroupe-contact .form-item-captcha-response .form-text {
    width: 300px !important;
    max-width: 80%;
}