@import url('https://fonts.googleapis.com/css?family=Roboto:500&display=swap');
            @import url('https://fonts.googleapis.com/css?family=Roboto:500&display=swap');
                                            @import url('https://fonts.googleapis.com/css?family=Roboto:500&display=swap');
                                                                @import url('https://fonts.googleapis.com/css?family=Roboto:500&display=swap');
                                
.viewer-element select,
.viewer-element .header-main-nav-link,
.viewer-element a,
.viewer-element .element-map .element-map-list-link {
    color: #000;
}
.viewer-element a:hover,
.viewer-element a:focus-visible,
.viewer-element .header-main-nav-link:hover,
.viewer-element .header-main-nav-link:focus-visible,
.viewer-element .element-map .element-map-list-link:hover,
.viewer-element .element-map .element-map-list-link:focus-visible {
    color: #000;
}
.viewer-element .cart.is-loading .cart-container::after,
.viewer-element .s-wrapper.is-loading::after { border-top-color: #5e7b5d !important; }
.viewer-element .color-accent { color: #5e7b5d !important; }
.viewer-element .notice-item .notice-item-image-empty svg,
.viewer-element .notice-page .notice-image-empty svg,
.viewer-element .most-view-image-empty svg,
.viewer-element .s-autocomplete-image-empty svg { fill: #5e7b5d !important; }
.viewer-element .color-accent-border { border-color: #5e7b5d !important; }
.viewer-element .color-accent-background,
.viewer-element .rgpd-discard,
.viewer-element .carousel-element .swiper-pagination-bullet-active,
.viewer-element .pagination .current,
.viewer-element .button-flat.is-active,
.viewer-element .button-flat.active { background-color: #5e7b5d !important; }
.viewer-element .notice-page .notice-carousel-button.is-active { box-shadow: 0 0.0625rem 0.1875rem rgb(0 0 0 / 8%), 0 0 0 0.125rem #5e7b5d; }

.viewer-element .color-second { color: #000000; }
.viewer-element .color-second-border { border-color: #000000; }
.viewer-element .color-second-background { background-color: #000000; }
.viewer-element .article .article-header-wrapper::before { background-color: #000000; }
.viewer-element .cart-item.is-active,
.viewer-element .cart-item:hover,
.viewer-element .notice-item .notice-item-wrapper::after {
    box-shadow: 0 0 0 4px #000000;
}

.viewer-element .pagination a:hover,
.viewer-element .pagination a:focus-visible,
.viewer-element .pagination button:hover,
.viewer-element .pagination button:focus-visible {
    background-color: #5e7b5d
}

.viewer-element .notice-page .notice-viewer::before,
.viewer-element .color-image-background {
    background-color: #f6f6f6;
}
/* ------------------------
// TYPOGRAPHY
------------------------ */
.viewer-content .viewer-element,
.viewer-element body,
.viewer-element input,
.viewer-element textarea,
.viewer-element select,
.viewer-element a,
.viewer-element button,
.viewer-element .v-application {
     font-size: 12px;                                                font-weight: 500;        font-family: 'Roboto';
 }
.viewer-element body,
.viewer-element .theme--light.v-application {
    color: #000000;
}
.viewer-element .color-second { color: #8B8B8B; }

.viewer-element .wysiwyg .title-lvl-1,
.viewer-element .text-element .title-lvl-1,
.viewer-element .title-lvl-1 {
        text-transform: uppercase;     color: #000000;                                                 font-weight: 500;        font-family: 'Roboto';
         font-size: 15px;
    }
@media (min-width: 768px) {
    .viewer-element .wysiwyg .title-lvl-1,
    .viewer-element .text-element .title-lvl-1,
    .viewer-element .title-lvl-1 {
                font-size: 17px;
            }
}
@media (min-width: 1024px) {
    .viewer-element .wysiwyg .title-lvl-1,
    .viewer-element .text-element .title-lvl-1,
    .viewer-element .title-lvl-1 {
                font-size: 18px;
            }
}
@media (min-width: 1200px) {
    .viewer-element .wysiwyg .title-lvl-1,
    .viewer-element .text-element .title-lvl-1,
    .viewer-element .title-lvl-1 {
        font-size: 18px;    }
}
.viewer-element .wysiwyg .title-lvl-2,
.viewer-element .text-element .title-lvl-2,
.viewer-element .title-lvl-2 {
            color: #000000;                                                 font-weight: 500;        font-family: 'Roboto';
         font-size: 15px;
    }
@media (min-width: 768px) {
    .viewer-element .wysiwyg .title-lvl-2,
    .viewer-element .text-element .title-lvl-2,
    .viewer-element .title-lvl-2 {
                font-size: 16px;
            }
}
@media (min-width: 1024px) {
    .viewer-element .wysiwyg .title-lvl-2,
    .viewer-element .text-element .title-lvl-2,
    .viewer-element .title-lvl-2 {
                font-size: 17px;
            }
}
@media (min-width: 1200px) {
    .viewer-element .wysiwyg .title-lvl-2,
    .viewer-element .text-element .title-lvl-2,
    .viewer-element .title-lvl-2 {
        font-size: 16px;    }
}

/* ------------------------
// FORMULAIRES
------------------------ */
    /* ------------------------
    // checkbox - radio
    ------------------------ */
    .viewer-element input[type=radio],
    .viewer-element input[type=checkbox] {
        border-color: #5e7b5d;
    }
    .viewer-element [type=checkbox]:focus-visible,
    .viewer-element [type=radio]:focus-visible {
        // box-shadow: 0 0 0 2px #5e7b5d;
    }
    .viewer-element input[type=radio]::before,
    .viewer-element input[type=checkbox]::before {
        color: #5e7b5d;
    }
/* ------------------------
// BUTTONS
------------------------ */
.viewer-element #aw-cookie #aw-cookie-disclamer .aw-cookie-button-allow,
.viewer-element #aw-cookie #aw-cookie-forced-all-allow,
.viewer-element .video-element .video-play-button,
.viewer-element .carousel-element .carousel-element-button,
.viewer-element .form-button,
.viewer-element .v-application .primary,
.viewer-element .speed-access,
.viewer-element .button-flat {
                                                font-weight: 500;        font-family: 'Roboto';
     font-size: 14px;    color: #ffffff !important;    background-color: #5d7c5c !important;    border-color: #5d7c5c !important;}
.viewer-element #aw-cookie #aw-cookie-disclamer .aw-cookie-button-allow:hover,
.viewer-element #aw-cookie #aw-cookie-disclamer .aw-cookie-button-allow:focus-visible,
.viewer-element .carousel-element .carousel-element-button:hover,
.viewer-element .carousel-element .carousel-element-button:focus-visible,
.viewer-element .video-element .video-play-button:hover,
.viewer-element .video-element .video-play-button:focus-visible,
.viewer-element .form-button:hover,
.viewer-element .form-button:focus-visible,
.viewer-element .speed-access:hover,
.viewer-element .speed-access:focus-visible,
.viewer-element .button-flat:hover,
.viewer-element .button-flat:focus-visible {
    color: #ffffff !important;    background-color: #5d7c5c !important;    border-color: #5d7c5c !important;}

.viewer-element .at-resp-share-element .at-share-btn .at-icon-wrapper svg {
    fill: #000 !important;}
.viewer-element .at-resp-share-element .at-share-btn:hover .at-icon-wrapper svg,
.viewer-element .at-resp-share-element .at-share-btn:focus-visible .at-icon-wrapper svg {
    fill: #000 !important;}

.viewer-element .button-light {
                                                font-weight: 500;        font-family: 'Roboto';
     font-size: 14px;    color: #5d7c5c;    background-color: #ffffff;    border-color: #5d7c5c;}
.viewer-element .button-light:hover,
.viewer-element .button-light:focus-visible {
    color: #5d7c5c;    background-color: #ffffff;    border-color: #5d7c5c;}
.viewer-element .button-light.is-active,
.viewer-element .button-light.active {
    background-color: #5e7b5d !important;
    border-color: #5e7b5d !important;
    color: white !important;
}
.viewer-element .button-back,
.viewer-element .button-link-color,
.viewer-element .button-link {
        font-size: 16px;    color: #000;}
.viewer-element .button-back:hover,
.viewer-element .button-back:focus-visible,
.viewer-element .button-link-color:hover,
.viewer-element .button-link-color:focus-visible,
.viewer-element .button-link:hover,
.viewer-element .button-link:focus-visible {
    color: #000;}
/* ------------------------
// CMS
------------------------ */
    /* Element EDM */
    .viewer-element .edm-documents .edm-documents-element-date,
    .viewer-element .edm-documents .edm-documents-element-subtitle {
        color: #000000
    }
    .viewer-element .edm-documents .edm-documents-element-image {
        background-color: #f6f6f6;
    }
    .viewer-element .edm-documents .edm-documents-element-link,
    .viewer-element .edm-documents .edm-documents-element-image {
        border-color: #5e7b5d
    }

/* ------------------------
// CALENDRIER
------------------------ */
.viewer-element .calendar .calendar-event-category {
    background-color: #5e7b5d;
}
.viewer-element .calendar-element:not(.calendar-element--small) .calendar .calendar-day.calendar-day--today {
    box-shadow: inset 0 0 0 1px #5e7b5d;
}
.viewer-element .calendar-element.calendar-element--small .calendar .calendar-day.calendar-day--today {
    box-shadow: inset 0 0 0 2px #5e7b5d;
}


/* ------------------------
// VUEJS
------------------------ */
    .viewer-element .v-application a,
    .viewer-element .v-application a:hover,
    .viewer-element .v-application a:focus-visible {
        color: #000000;
    }
    .viewer-element .v-application .accent--text {
        color: #5e7b5d !important;
        caret-color: #5e7b5d !important;
    }
    /* ------------------------
    // treeview
    ------------------------ */
    @media only screen and (max-width: 1023px) {
        .viewer-element .s-treeview {
            background-color: #000000;
        }
    }
    .viewer-element .v-treeview.theme--light,
    .viewer-element .v-treeview.theme--light .v-icon {
        color: #000000;
    }
    /* ------------------------
    // pagination
    ------------------------ */
    .viewer-element .v-pagination .v-pagination__navigation,
    .viewer-element .v-pagination .v-pagination__item {
        color: #5d7c5c !important;        background-color: #ffffff !important;        border-color: #ffffff !important;    }
    .viewer-element .v-pagination .v-pagination__navigation .v-icon,
    .viewer-element .v-pagination .v-pagination__item v-icon {
        color: #5d7c5c !important;    }

    .viewer-element .v-pagination .v-pagination__navigation:hover,
    .viewer-element .v-pagination .v-pagination__navigation:focus-visible,
    .viewer-element .v-pagination .v-pagination__item:hover,
    .viewer-element .v-pagination .v-pagination__item:focus-visible {
        color: #5d7c5c !important;        background-color: #ffffff !important;        border-color: #ffffff !important;    }
    .viewer-element .v-pagination .v-pagination__navigation:hover .v-icon,
    .viewer-element .v-pagination .v-pagination__navigation:focus-visible .v-icon,
    .viewer-element .v-pagination .v-pagination__item:hover .v-icon,
    .viewer-element .v-pagination .v-pagination__item:focus-visible .v-icon {
        color: #5d7c5c !important;    }
    .viewer-element .v-pagination .v-pagination__item.v-pagination__item--active {
        color: white !important;
        background-color: #5e7b5d !important;
        border-color: #5e7b5d !important;
    }

/* ------------------------
// FOOTER
------------------------ */
.viewer-element .footer {
    background-color: #000000;}
.viewer-element .footer p,
.viewer-element .above-footer p,
.viewer-element .footer a,
.viewer-element .footer button {
    color: #ffffff;}
.viewer-element .footer a:hover,
.viewer-element .footer a:focus-visible,
.viewer-element .footer button:hover,
.viewer-element .footer button:focus-visible {
    color: #ffffff;}


/* ------------------------
// NEW HEADER
// NEW HEADER - top header
------------------------ */
            .viewer-element .header-top-nav-element ul {
            background-color: #000000;
        }
                .viewer-element .header-top {
            background-color: #f6f6f6;
        }
            .viewer-element .is-scrolling .header-new--classic-scroll-fixed .header-top,
    .viewer-element .is-scrolling .header-new--classic-scroll-fixed .header-top-nav-element ul,
    .viewer-element .is-scrolling .header-new--burger-scroll-fixed .header-top,
    .viewer-element .is-scrolling .header-new--burger-scroll-fixed .header-top-nav-element ul {
        background-color: #f6f6f6;
    }
        .viewer-element .header-top .header-new-extra-link,
    .viewer-element .header-top .header-top-nav-link {
         color: #000000         background-color: #f6f6f6;    }
    .viewer-element .header-top .header-new-extra-link.active,
    .viewer-element .header-top .header-new-extra-link:focus-visible,
    .viewer-element .header-top .header-new-extra-link:hover,
    .viewer-element .header-top .header-top-nav-link.active,
    .viewer-element .header-top .header-top-nav-link:focus-visible,
    .viewer-element .header-top .header-top-nav-link:hover {
         color: #000000;         background-color: #f6f6f6;    }
        .viewer-element .header-top [data-header-hassubmenu]::after {
        border-top-color: #000000;
    }
    .viewer-element .header-top [data-header-noevents] [data-header-hassubmenu]::after {
        border-left-color: #000000;
        border-top-color: transparent;
    }
            .viewer-element .header-top [data-header-hassubmenu]:hover::after {
        border-top-color: #000000;
    }
    .viewer-element .header-top [data-header-noevents] [data-header-hassubmenu]:hover::after {
        border-left-color: #000000;
        border-top-color: transparent;
    }
    
        .viewer-element .header-top .header-new-lang-select,
    .viewer-element .header-top .header-new-lang-element,
    .viewer-element .header-top .header-new-lang-content {
        color: #000000;
    }
    .viewer-element .header-top .header-new-lang-label::after {
        border-top-color: #000000;
    }
            .viewer-element .header-top span.header-new-lang-content,
    .viewer-element .header-top a.header-new-lang-content:hover {
        color: #000000;
    }
    /* ------------------------
// NEW HEADER - main header
------------------------ */
    @media only screen and (min-width: 768px) {
        .viewer-element .menu-header .header-new.header-new.header-new-is-break-768 .header-main-nav-element ul {
            background-color: #000000;
        }
    }
    @media only screen and (min-width: 1024px) {
        .viewer-element .menu-header .header-new.header-new.header-new-is-break-1024 .header-main-nav-element ul {
            background-color: #000000;
        }
    }
    @media only screen and (min-width: 1200px) {
        .viewer-element .menu-header .header-new.header-new.header-new-is-break-1200 .header-main-nav-element ul {
            background-color: #000000;
        }
    }
        @media only screen and (min-width: 768px) {
        .viewer-element .menu-header .header-new.header-new-is-break-768 .header-main,
        .viewer-element .menu-header .header-new.header-new-is-break-768 .header-main .header-main-nav {
            background-color: #000000;
        }
    }
    @media only screen and (min-width: 1024px) {
        .viewer-element .menu-header .header-new.header-new-is-break-1024 .header-main,
        .viewer-element .menu-header .header-new.header-new-is-break-1024 .header-main .header-main-nav {
            background-color: #000000;
        }
    }
    @media only screen and (min-width: 1200px) {
        .viewer-element .menu-header .header-new.header-new-is-break-1200 .header-main,
        .viewer-element .menu-header .header-new.header-new-is-break-1200 .header-main .header-main-nav {
            background-color: #000000;
        }
    }
    
        @media only screen and (min-width: 768px) {
        .viewer-element .is-scrolling .menu-header .header-new.header-new-is-break-768.header-new--classic-scroll-fixed .header-main,
        .viewer-element .is-scrolling .menu-header .header-new.header-new-is-break-768.header-new--classic-scroll-fixed .header-main .header-main-nav {
            background-color: #000000;
        }
    }
    @media only screen and (min-width: 1024px) {
        .viewer-element .is-scrolling .menu-header .header-new.header-new-is-break-1024.header-new--classic-scroll-fixed .header-main,
        .viewer-element .is-scrolling .menu-header .header-new.header-new-is-break-1024.header-new--classic-scroll-fixed .header-main .header-main-nav {
            background-color: #000000;
        }
    }
    @media only screen and (min-width: 1200px) {
        .viewer-element .is-scrolling .menu-header .header-new.header-new-is-break-1200.header-new--classic-scroll-fixed .header-main,
        .viewer-element .is-scrolling .menu-header .header-new.header-new-is-break-1200.header-new--classic-scroll-fixed .header-main .header-main-nav {
            background-color: #000000;
        }
    }
    
        .viewer-element .menu-header .header-new.header-new-is-break-full .header-main {
        background-color: #000000;
    }
    @media only screen and (max-width: 767px) {
        .viewer-element .menu-header .header-new.header-new-is-break-768 .header-main {
            background-color: #000000;
        }
    }
    @media only screen and (max-width: 1023px) {
        .viewer-element .menu-header .header-new.header-new-is-break-1024 .header-main {
            background-color: #000000;
        }
    }
    @media only screen and (max-width: 1199px) {
        .viewer-element .menu-header .header-new.header-new-is-break-1200 .header-main {
            background-color: #000000;
        }
    }
    
        .viewer-element .is-scrolling .menu-header .header-new.header-new--burger-scroll-fixed.header-new-is-break-full .header-main {
        background-color: #000000;
    }
    @media only screen and (max-width: 767px) {
        .viewer-element .is-scrolling .menu-header .header-newheader-new--burger-scroll-fixed.header-new-is-break-768 .header-main {
            background-color: #000000;
        }
    }
    @media only screen and (max-width: 1023px) {
        .viewer-element .is-scrolling .menu-header .header-new.header-new--burger-scroll-fixed.header-new-is-break-1024 .header-main {
            background-color: #000000;
        }
    }
    @media only screen and (max-width: 1199px) {
        .viewer-element .is-scrolling .menu-header .header-new.header-new--burger-scroll-fixed.header-new-is-break-1200 .header-main {
            background-color: #000000;
        }
    }
    
        .viewer-element .menu-header .header-new.header-new-is-break-full .header-main-nav-element ul,
    .viewer-element .menu-header .header-new.header-new-is-break-full .header-main .header-main-nav{
        background-color: #ffffff;
    }
    @media only screen and (max-width: 767px) {
        .viewer-element .menu-header .header-new.header-new-is-break-768 .header-main-nav-element ul,
        .viewer-element .menu-header .header-new.header-new-is-break-768 .header-main .header-main-nav{
            background-color: #ffffff;
        }
    }
    @media only screen and (max-width: 1023px) {
        .viewer-element .menu-header .header-new.header-new-is-break-1024 .header-main-nav-element ul,
        .viewer-element .menu-header .header-new.header-new-is-break-1024 .header-main .header-main-nav{
            background-color: #ffffff;
        }
    }
    @media only screen and (max-width: 1199px) {
        .viewer-element .menu-header .header-new.header-new-is-break-1199 .header-main-nav-element ul,
        .viewer-element .menu-header .header-new.header-new-is-break-1199 .header-main .header-main-nav{
            background-color: #ffffff;
        }
    }
    
    .viewer-element .header-main .header-new-lang-select {
         color: #ffffff;    }
    .viewer-element .header-main .header-new-extra-link,
    .viewer-element .header-main .header-main-nav-link {
         color: #ffffff;         background-color: #000000;    }
    .viewer-element .header-main .header-new-extra-link:focus-visible,
    .viewer-element .header-main .header-new-extra-link:hover,
    .viewer-element .header-main .header-new-extra-link.active,
    .viewer-element .header-main .header-main-nav-link:focus-visible,
    .viewer-element .header-main .header-main-nav-link:hover,
    .viewer-element .header-main .header-main-nav-link.active {
                 background-color: #000000;    }
        .viewer-element .header-main [data-header-hassubmenu]::after {
        border-top-color: #ffffff;
    }
    .viewer-element .header-main [data-header-noevents] [data-header-hassubmenu]::after {
        border-left-color: #ffffff;
        border-top-color: transparent;
    }
            .viewer-element .header-main .header-main-burger i {
        background-color: #000000;
    }
        .viewer-element .header-main .header-main-burger i {
        background-color: #ffffff;
    }
            .viewer-element .header-main .header-main-burger {
        background-color: #5e7b5d;
    }
            .viewer-element .header-main .header-main-burger:hover i {
        background-color: #ffffff;
    }
            .viewer-element .header-main .header-main-burger:hover {
        background-color: #5e7b5d;
    }