.viewer-element select,
.viewer-element a {
    color: #4f0122;}
.viewer-element button:not(.no-hover-color):not(.button-flat):not(.header-top-menu-link):hover,
.viewer-element button:not(.no-hover-color):not(.button-flat):not(.header-top-menu-link):focus-visible,
.viewer-element a:not(.no-hover-color):not(.button-flat):not(.header-top-menu-link):hover,
.viewer-element a:not(.no-hover-color):not(.button-flat):not(.header-top-menu-link):focus-visible {
    color: #841b47;}

.viewer-element body { color: #000; }
.viewer-element .banner.banner--theme-arche.banner--with-encart .banner-content,
.viewer-element body { background-color: #fff; }

.viewer-element .banner.banner--theme-hero-banner .banner-content,
.viewer-element .banner.banner--theme-hero-banner .banner-content::before {
    background-color: #841b47 !important;
}
.viewer-element .color-accent { color: #841b47 !important; }
.viewer-element .color-accent-border { border-color: #841b47 !important; }
.viewer-element .color-accent-background,
.viewer-element .rgpd-discard,
.viewer-element .carousel-element .swiper-pagination-bullet-active,
.viewer-element .button-flat.is-active,
.viewer-element .button-flat.active { background-color: #841b47 !important; }
.viewer-element .menu-element .menu-element-link.active { color: white !important; background-color: #841b47 !important; }

.viewer-element .color-second { color: #fdf5ec; }
.viewer-element .color-second-border { border-color: #fdf5ec; }
.viewer-element .color-second-background { background-color: #fdf5ec; }
.viewer-element .article .article-header-wrapper::before { background-color: #fdf5ec; }


/* ------------------------
// LOADER
------------------------ */
.viewer-element .contributions.is-loading .contributions-container::after,
.viewer-element .shutter-contribution.is-loading::after,
.viewer-element .documents.is-loading::after {
    border-color: #fdf5ec !important;
    border-top-color: #841b47 !important;
}

/* ------------------------
// DOCUMENTS
------------------------ */
.viewer-element .document .document-image,
.viewer-element .document .document-link {
    border-color: #4f0122;}
.viewer-element .document .document-button  {
    color: #841b47;}
.viewer-element .document .document-link:hover,
.viewer-element .document .document-link:focus-visible,
.viewer-element .document .document-link:hover .document-image,
.viewer-element .document .document-link:focus-visible .document-image {
    border-color: #841b47;}
.viewer-element .document .document-link:hover .document-button,
.viewer-element .document .document-link:focus-visible .document-button {
    color: #a3666a;}
/* ------------------------
// TYPOGRAPHY
------------------------ */
.viewer-content .viewer-element,
.viewer-element body,
.viewer-element a,
.viewer-element button,
.viewer-element input,
.viewer-element textarea,
.viewer-element select {
     font-size: 15px;                    font-family: 'Marianne';
 }
.viewer-element body {
    color: #000;
}
.viewer-element .color-second { color: #8B8B8B; }

.viewer-element .wysiwyg .title-lvl-1,
.viewer-element .text-element .title-lvl-1,
.viewer-element .title-lvl-1 {
            color: #841b47;             font-size: 20px;
    }
@media (min-width: 768px) {
    .viewer-element .wysiwyg .title-lvl-1,
    .viewer-element .text-element .title-lvl-1,
    .viewer-element .title-lvl-1 {
                font-size: 23px;
            }
}
@media (min-width: 1024px) {
    .viewer-element .wysiwyg .title-lvl-1,
    .viewer-element .text-element .title-lvl-1,
    .viewer-element .title-lvl-1 {
                font-size: 24px;
            }
}
@media (min-width: 1200px) {
    .viewer-element .wysiwyg .title-lvl-1,
    .viewer-element .text-element .title-lvl-1,
    .viewer-element .title-lvl-1 {
        font-size: 24px;    }
}
.viewer-element .wysiwyg .title-lvl-2,
.viewer-element .text-element .title-lvl-2,
.viewer-element .title-lvl-2 {
            color: #841b47;             font-size: 19px;
    }
@media (min-width: 768px) {
    .viewer-element .wysiwyg .title-lvl-2,
    .viewer-element .text-element .title-lvl-2,
    .viewer-element .title-lvl-2 {
                font-size: 21px;
            }
}
@media (min-width: 1024px) {
    .viewer-element .wysiwyg .title-lvl-2,
    .viewer-element .text-element .title-lvl-2,
    .viewer-element .title-lvl-2 {
                font-size: 22px;
            }
}
@media (min-width: 1200px) {
    .viewer-element .wysiwyg .title-lvl-2,
    .viewer-element .text-element .title-lvl-2,
    .viewer-element .title-lvl-2 {
        font-size: 22px;    }
}
.viewer-element .wysiwyg .title-lvl-3,
.viewer-element .text-element .title-lvl-3,
.viewer-element .title-lvl-3 {
            color: #a3666a;             font-size: 17px;
    }
@media (min-width: 768px) {
    .viewer-element .wysiwyg .title-lvl-3,
    .viewer-element .text-element .title-lvl-3,
    .viewer-element .title-lvl-3 {
                font-size: 18px;
            }
}
@media (min-width: 1024px) {
    .viewer-element .wysiwyg .title-lvl-3,
    .viewer-element .text-element .title-lvl-3,
    .viewer-element .title-lvl-3 {
                font-size: 19px;
            }
}
@media (min-width: 1200px) {
    .viewer-element .wysiwyg .title-lvl-3,
    .viewer-element .text-element .title-lvl-3,
    .viewer-element .title-lvl-3 {
        font-size: 18px;    }
}
.viewer-element .wysiwyg .title-lvl-4,
.viewer-element .text-element .title-lvl-4,
.viewer-element .title-lvl-4 {
            color: #000;             font-size: 16px;
    }
@media (min-width: 768px) {
    .viewer-element .wysiwyg .title-lvl-4,
    .viewer-element .text-element .title-lvl-4,
    .viewer-element .title-lvl-4 {
                font-size: 16px;
            }
}
@media (min-width: 1024px) {
    .viewer-element .wysiwyg .title-lvl-4,
    .viewer-element .text-element .title-lvl-4,
    .viewer-element .title-lvl-4 {
                font-size: 16px;
            }
}
@media (min-width: 1200px) {
    .viewer-element .wysiwyg .title-lvl-4,
    .viewer-element .text-element .title-lvl-4,
    .viewer-element .title-lvl-4 {
        font-size: 15px;    }
}
.viewer-element .wysiwyg .title-lvl-5,
.viewer-element .text-element .title-lvl-5,
.viewer-element .title-lvl-5 {
            color: #ffffff;             font-size: 29px;
    }
@media (min-width: 768px) {
    .viewer-element .wysiwyg .title-lvl-5,
    .viewer-element .text-element .title-lvl-5,
    .viewer-element .title-lvl-5 {
                font-size: 39px;
            }
}
@media (min-width: 1024px) {
    .viewer-element .wysiwyg .title-lvl-5,
    .viewer-element .text-element .title-lvl-5,
    .viewer-element .title-lvl-5 {
                font-size: 44px;
            }
}
@media (min-width: 1200px) {
    .viewer-element .wysiwyg .title-lvl-5,
    .viewer-element .text-element .title-lvl-5,
    .viewer-element .title-lvl-5 {
        font-size: 48px;    }
}
.viewer-element .wysiwyg .title-lvl-6,
.viewer-element .text-element .title-lvl-6,
.viewer-element .title-lvl-6 {
            color: #841b47;             font-size: 16px;
    }
@media (min-width: 768px) {
    .viewer-element .wysiwyg .title-lvl-6,
    .viewer-element .text-element .title-lvl-6,
    .viewer-element .title-lvl-6 {
                font-size: 16px;
            }
}
@media (min-width: 1024px) {
    .viewer-element .wysiwyg .title-lvl-6,
    .viewer-element .text-element .title-lvl-6,
    .viewer-element .title-lvl-6 {
                font-size: 16px;
            }
}
@media (min-width: 1200px) {
    .viewer-element .wysiwyg .title-lvl-6,
    .viewer-element .text-element .title-lvl-6,
    .viewer-element .title-lvl-6 {
        font-size: 15px;    }
}
.viewer-element .wysiwyg .title-lvl-7,
.viewer-element .text-element .title-lvl-7,
.viewer-element .title-lvl-7 {
        text-transform: uppercase;     color: #ffffff;             font-size: 24px;
    }
@media (min-width: 768px) {
    .viewer-element .wysiwyg .title-lvl-7,
    .viewer-element .text-element .title-lvl-7,
    .viewer-element .title-lvl-7 {
                font-size: 30px;
            }
}
@media (min-width: 1024px) {
    .viewer-element .wysiwyg .title-lvl-7,
    .viewer-element .text-element .title-lvl-7,
    .viewer-element .title-lvl-7 {
                font-size: 33px;
            }
}
@media (min-width: 1200px) {
    .viewer-element .wysiwyg .title-lvl-7,
    .viewer-element .text-element .title-lvl-7,
    .viewer-element .title-lvl-7 {
        font-size: 35px;    }
}

/* ------------------------
// FORMULAIRES
------------------------ */
    /* ------------------------
    // checkbox - radio
    ------------------------ */
    .viewer-element .std-form input[type=text].form-control,
    .viewer-element .std-form input[type=tel].form-control,
    .viewer-element .std-form input[type=email].form-control,
    .viewer-element .std-form input[type=password].form-control,
    .viewer-element .std-form select.form-control,
    .viewer-element .std-form textarea.form-control {
        border-color: #841b47;
    }
    .viewer-element .std-form input[type=radio],
    .viewer-element .std-form input[type=checkbox],
    .viewer-element input[type=radio],
    .viewer-element input[type=checkbox] {
        border-color: #841b47;
    }
    .viewer-element .std-form [type=checkbox]:focus-visible,
    .viewer-element .std-form [type=radio]:focus-visible,
    .viewer-element [type=checkbox]:focus-visible,
    .viewer-element [type=radio]:focus-visible {
        // box-shadow: 0 0 0 2px #841b47;
    }
    .viewer-element .std-form input[type=radio]::before,
    .viewer-element .std-form input[type=checkbox]::before,
    .viewer-element input[type=radio]::before,
    .viewer-element input[type=checkbox]::before {
        color: #841b47;
    }
/* ------------------------
// BUTTONS
------------------------ */
.viewer-element #aw-cookie #aw-cookie-disclamer .aw-cookie-button-allow,
.viewer-element .video-element .video-play-button,
.viewer-element .carousel-element .carousel-element-button,
.viewer-element .pagination .pagination-button,
.viewer-element .pagination a,
.viewer-element .form-button,
.viewer-element simple-video,
.viewer-element .speed-access,
.viewer-element .button-flat {
            color: #ffffff !important;    background-color: #841b47 !important;    border-color: #841b47 !important;}
.viewer-element .video-element .video-element-cover::before,
.viewer-element .video-element simple-video .simple-video-button::before {
    color: #841b47;    border-color: #ffffff;}
.viewer-element .video-element .video-element-cover::after,
.viewer-element .video-element simple-video .simple-video-button::after {
    color: #ffffff;}
.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 .pagination .pagination-button:hover,
.viewer-element .pagination .pagination-button:focus-visible,
.viewer-element .pagination a:not([disabled]):hover,
.viewer-element .pagination a:not([disabled]):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: #a3666a !important;    border-color: #a3666a !important;}

.viewer-element .button-light {
            color: #841b47;    background-color: #ffffff;    border-color: #ffffff;}
.viewer-element .button-light:hover,
.viewer-element .button-light:focus-visible {
    color: #a3666a;    background-color: #ffffff;    border-color: #ffffff;}
.viewer-element .button-light.is-active,
.viewer-element .button-light.active {
    background-color: #841b47 !important;
    border-color: #841b47 !important;
    color: white !important;
}
.viewer-element .button-back,
.viewer-element .button-link {
            color: #4f0122;}
.viewer-element .button-back:hover,
.viewer-element .button-back:focus-visible,
.viewer-element .button-link:hover,
.viewer-element .button-link:focus-visible {
    color: #841b47;}
/* ------------------------
// ACCOUNT
------------------------ */

.viewer-element .is-account-link-active {
    background-color: #841b47 !important;
    color: white;
}
.is-account-link-active a {
    color: white !important;
}
.viewer-element .account-menu .account-element-link.is-account-link-active:hover,
.viewer-element .account-menu .account-element-link.is-account-link-active:focus-visible {
    color: white !important;
}
.viewer-element .account-menu .account-element-link:not(.is-account-link-active):hover,
.viewer-element .account-menu .account-element-link:not(.is-account-link-active):focus-visible {
    color: #841b47 !important;
}
.account-menu .is-account-link-active a:hover {
    color: white !important;
}

/* ------------------------
// CMS
------------------------ */
    /* Element EDM */
    .viewer-element .edm-documents .edm-documents-element-date,
    .viewer-element .edm-documents .edm-documents-element-subtitle {
        color: #000
    }
    .viewer-element .edm-documents .edm-documents-element-link,
    .viewer-element .edm-documents .edm-documents-element-image {
        border-color: #841b47
    }

/* ------------------------
// FOOTER
------------------------ */
.viewer-element .footer {
    background-color: #fff;}
.viewer-element .footer p,
.viewer-element .footer a:not(.footer-social-link) {
    color: #000;}
.viewer-element .footer a:hover,
.viewer-element .footer a:focus-visible {
    color: #000;}



/* ------------------------
// HEADER
------------------------ */
.viewer-element .header .header-menu-link:not(.button-flat) { color: #841b47;}
.viewer-element .header .header-burger i  { background-color: #841b47 }
.viewer-element .header .button-flat.active { background-color: #841b47 !important; }

.viewer-element .header .header-burger:hover i,
.viewer-element .header .header-burger:focus-visible i {
    background-color: #841b47;
}
.viewer-element .header .header-menu-link.active:not(.button-flat),
.viewer-element .header .header-menu-link:not(.button-flat):hover,
.viewer-element .header .header-menu-link:not(.button-flat):focus-visible {
    color: #841b47;
}
.viewer-element .header-top .header-top-menu-link:hover {
    filter: brightness(1.55);
}
/* ------------------------
// NEW HEADER
// NEW HEADER - top header
------------------------ */
            .viewer-element .header-top-nav-element ul {
            background-color: #fdf5ec;
        }
                .viewer-element .header-top {
            background-color: #841b47;
        }
        .viewer-element .header-top .header-top-nav-list > .header-top-nav-element > .header-new-extra-link,
        .viewer-element .header-top .header-top-nav-list > .header-top-nav-element > .header-top-nav-link {
            color: white;
        }
            .viewer-element .header-top .header-new-extra-link,
    .viewer-element .header-top .header-top-nav-link {
                    }
    .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 {
                    }
        
        /* ------------------------
// NEW HEADER - main header
------------------------ */
    @media only screen and (min-width: 768px) {
        .viewer-element .header-new.header-new-is-break-768 .header-main-nav-element ul {
            background-color: ;
        }
    }
    @media only screen and (min-width: 1024px) {
        .viewer-element .header-new.header-new-is-break-1024 .header-main-nav-element ul {
            background-color: ;
        }
    }
    @media only screen and (min-width: 1200px) {
        .viewer-element .header-new.header-new-is-break-1200 .header-main-nav-element ul {
            background-color: ;
        }
    }
    
    
    
    
    
    .viewer-element .header-main .header-new-lang-select {
         color: #841b47;    }
    .viewer-element .header-main .header-new-extra-link,
    .viewer-element .header-main .header-main-nav-link {
         color: #841b47;            }
    .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 {
                    }
        .viewer-element .header-main [data-header-hassubmenu]::after {
        border-top-color: #841b47;
    }
    .viewer-element .header-main [data-header-noevents] [data-header-hassubmenu]::after {
        border-left-color: #841b47;
        border-top-color: transparent;
    }
            .viewer-element .header-main .header-main-burger i {
        background-color: #000;
    }
                

.viewer-element .header .header-wrapper:after {
    display: block;
    content: "";
    width: 50%;
    height: 60px;
    background-image: url(/files/logos-footer_ca92c5f08d66f9b3f34cb6cfb969875f.png);
    position: absolute;
    right: 0;
    background-size: contain;
    top: 20px;
    background-repeat: no-repeat;
 	background-position: right;
    transition: transform 0.5s;
}
.viewer-element .is-scrolling .header .header-wrapper:after {
    transform: scale(0.8) translate(90px, -25px);
}

.viewer-element .header .header-menu>.header-menu-element>.header-menu-link:not(.button-flat){
	font-size: 17px;
}
.viewer-element .wysiwyg .title-lvl-5, .viewer-element .text-element .title-lvl-5, .viewer-element .title-lvl-5 {
    line-height: 50px;
}

@media only screen and (min-width: 1200px){

  .viewer-element .header .header-wrapper {
    flex-direction: column;
    align-items: initial;
    padding-top: 10px;
  }
  .viewer-element .header {
      height: 135px;
  }
  .viewer-element .page-content-cms {
    padding-top: 135px;
  }
  .viewer-element .footer .footer-logo-wrapper {
  	display: none;
  }
}
.viewer-element .header .header-logo-wrapper {
    top: 0;
    height: 100%;
    margin: 0;
    padding: 0;
	overflow: hidden;
  	position: absolute;
  }


/* banner fond degrader home page */
.home-banner-custom .container{
	display: flex;
    align-items: center;
  justify-content: center;
      background: linear-gradient(90deg, #841b47 42%, #A16268 70%, #f7cea0 98%);
}
.viewer-element .article-last-wrapper .color-accent-background.article-last-container{
    background-color: #f7cea0 !important;
}
.viewer-element .color-accent-border.banner-content {
    border-color: #f7cea0 !important;
}


@media screen and (min-width: 787px) {
  .home-banner-custom .container:after {
      content: "";
      background: url("https://sites.parimage.fr/files/hachures_588926960710e1cbbb9de49ab769c5ad.png") -5px -100px no-repeat;
      height: 70px;
      position: absolute;
      width: 100%;
      top: 0;
  }
  .viewer-element .is-scrolling .header {
    height: 120px;
  }
}
@media screen and (max-width: 1100px) {
  .home-banner-custom .container:after {
      height: 50px;
  }
  .viewer-element .header, .viewer-element .is-scrolling .header {
    height: 87px;
  }
}

/* zone template home page */
.viewer-element .article-last-title,
.viewer-element .cta .cta-label {
    display: none;
}


/* ajustement image logo dans footer */
.viewer-element .footer .footer-logo-wrapper img {
    max-width: 533px;
}
.viewer-element .footer .footer-wrapper {
    justify-content: center;
}
.viewer-element .footer .footer-logo {
  width: 100%;
}
.viewer-element .footer .footer-logo-wrapper {
  text-align: center;
}


/* RGAA contraste */
.contrast-adjust .home-banner-custom, 
.viewer-element .contrast-adjust .article-last-wrapper .color-accent-background.article-last-container,
.viewer-element .contrast-adjust .cta-small .cta-small-wrapper{
      background: #841b47 !important;
}