


.second-menu, .second-menu .dropdown-menu, #tab-bar-form{background: rgba(0,166,176,1)}
#tab-bar-form .tab-bar-form-btn:hover, #tab-bar-form .tab-bar-form-btn:focus {background: rgba(0,166,176,1)}
.widget-cards-hover:not(.no-bg) .widget-cards-hover-item:hover {box-shadow: 0 0 2.5rem rgba(0,166,176,1);}
.second-menu .owl-item .dropdown.open .arrow-up:after{border-bottom-color: rgba(0,166,176,1);}
.page .btn-primary, .widget-onglet-slide, .widget-onglet .nav-tabs li.active:after, .widget-onglet-slide, .bg-border, .chosen-with-drop.chosen-container-single .chosen-single div,.ezxmltext-field .bg-border, .ezrichtext-field .bg-border, .widget-slider-item-icon.article{background-color: rgba(0,166,176,1);}
.banner-lead form .btn-primary:hover, .banner-lead form .btn-primary:focus, .page .btn-primary:hover, .page .btn-radius:hover, .page .btn-revert:hover, .page .btn-revert:focus, .page .btn-primary:focus, .page .btn-radius:focus, .page .btn-primary:active:hover, .page .btn-radius:active:hover, .page .btn-primary:active:focus, .page .btn-radius:active:focus,.widget.night .btn-primary:hover, .widget.night .btn-radius:hover, .widget.night .btn-primary:focus, .widget.night .btn-radius:focus, .widget.night .btn-primary:active:hover, .widget.night .btn-radius:active:hover, .widget.night .btn-primary:active:focus, .widget.night .btn-radius:active:focus, .banner-lead .btn-revert:hover, .banner-lead .btn-revert:focus, .modal-lead .modal-dialog .form-btn .btn-primary:hover, .modal-lead .modal-dialog .form-btn .btn-primary:focus{background-color: rgba(0,158,167,1); border-color: rgba(0,158,167,1)}
.modal-header, .page-editoriale-form .title, .page-publication-form-pdf, .page-publication-form-postal, .widget-slider-item .page-editoriale-form .title{background-color: rgba(0,158,167,1);}
.banner-lead .btn-primary:hover, .banner-lead .btn-primary:focus{background-color: rgba(0,158,167,1); border-color: #ffffff}
.widget-onglet .nav-tabs, .page .form-group.active .form-control:focus, .ezxmltext-field .bg-border-content, .ezrichtext-field .bg-border, .widget-cards-container .widget-cards-item, .widget-cards-carousel .owl-item, .page-dossier-summary-content, .list-number:before, .list-number li:before, .tab-bar-publication{border-color: rgba(0,166,176,1);}
.banner-lead.night a:hover, .banner-lead.night a:focus, .widget-blocs-picto-link:hover, .widget-blocs-picto-link:hover a, .widget-blocs-picto-link:hover h3, .widget-blocs-picto-link:hover h2, .widget-blocs-picto-link:hover, .page .widget-cards-hover-link .btn-revert:hover,  .page .widget-cards-hover-link .btn-revert:focus,.night .widget-blocs-picto-link:hover a, .night .widget-blocs-picto-link:focus a, .night .widget-blocs-picto-link:hover h3, .night .widget-blocs-picto-link:focus h3, .night .widget-blocs-picto-link:hover p, .night .widget-blocs-picto-link:focus p, .night .widget-blocs-picto-link:hover, .night .widget-blocs-picto-link:focus, .widget.night .btn-link:hover, .widget.night .btn-link:focus, .widget.night a:hover, .widget.night a:focus{color: rgba(0,158,167,1);}
.page a:hover, .page a:focus, .widget .page .btn-link, .widget .btn-link, .widget.night .btn-primary, .widget-chiffres-number, .widget.night .widget-collapse-title, .widget-collapse-title, .page .btn-revert, .banner-lead .btn-revert, .banner-lead.night .btn-revert, .chosen-container .chosen-results li:hover, .other-publications .select .dropdown-menu li a:hover, .other-publications .select .dropdown-menu li a:focus, .list-number:before, .list-number li:before, .other-articles-theme p a:hover, .page-editoriale-left .ezxmltext-field a, .page-editoriale-left .ezrichtext-field a, .page-editoriale-left .page-editoriale-intro a, .widget-slider-default.editorial:hover h3, .widget-slider-default.editorial:focus h3, .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus, .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus, .widget-timeline-top h2, .widget-timeline-content-item-left h2, .widget-timeline-content-item-left .ezrichtext-field, .widget-timeline-bottom h4, .widget-avis-content-middle .ezstring-field, .widget-avis-content-middle span, .widget-avis-content-bottom, .banner-lead-form .banner-lead-form-content .title, .form-group label, form .form-group input, .banner-lead-form .banner-lead-form-content .chapo, .rgpd-mention, .rgpd-mention-modal, .rgpd-mention #politique-confidentialite, .rgpd-mention-modal #politique-confidentialite {color: rgba(0,166,176,1);}
.widget-border svg, .widget-border path, .widget-border rect, .widget-blocs-picto-chevron path, .widget-blocs-picto-chevron circle, .widget-blocs-picto-chevron ellipse, .widget-blocs-picto-chevron image, .widget-blocs-picto-chevron line, .widget-blocs-picto-chevron polygon, .widget-blocs-picto-chevron polyline, .widget-blocs-picto-chevron rect, .widget-blocs-picto-chevron text, .widget-blocs-picto-chevron use, .widget-blocs-picto-chevron, .widget-blocs-picto-item path, .widget-blocs-picto-item circle, .widget-blocs-picto-item ellipse, .widget-blocs-picto-item image, .widget-blocs-picto-item line, .widget-blocs-picto-item polygon, .widget-blocs-picto-item polyline, .widget-blocs-picto-item rect, .widget-blocs-picto-item text, .widget-blocs-picto-item use, .widget-blocs-picto-item svg,.banner-lead-btn .btn-revert path, .banner-lead-btn .btn-revert circle, .banner-lead-btn .btn-revert ellipse, .banner-lead-btn .btn-revert image, .banner-lead-btn .btn-revert line, .banner-lead-btn .btn-revert polygon, .banner-lead-btn .btn-revert polyline, .banner-lead-btn .btn-revert rect, .banner-lead-btn .btn-revert text, .banner-lead-btn .btn-revert use, .banner-lead-btn .btn-revert svg,.banner-lead.night .btn-revert path, .banner-lead.night .btn-revert circle, .banner-lead.night .btn-revert ellipse, .banner-lead.night .btn-revert image, .banner-lead.night .btn-revert line, .banner-lead.night .btn-revert polygon, .banner-lead.night .btn-revert polyline, .banner-lead.night .btn-revert rect, .banner-lead.night .btn-revert text, .banner-lead.night .btn-revert use, .banner-lead.night .btn-revert svg, .banner-lead-responsive-item a:hover path, .banner-lead-responsive-item a:focus path, .banner-lead-responsive-item a:hover circle, .banner-lead-responsive-item a:focus circle, .banner-lead-responsive-item a:hover ellipse, .banner-lead-responsive-item a:focus ellipse, .banner-lead-responsive-item a:hover image, .banner-lead-responsive-item a:focus image, .banner-lead-responsive-item a:hover line, .banner-lead-responsive-item a:focus line, .banner-lead-responsive-item a:hover polygon, .banner-lead-responsive-item a:focus polygon, .banner-lead-responsive-item a:hover polyline, .banner-lead-responsive-item a:focus polyline, .banner-lead-responsive-item a:hover rect, .banner-lead-responsive-item a:focus rect, .banner-lead-responsive-item a:hover text, .banner-lead-responsive-item a:focus text, .banner-lead-responsive-item a:hover use, .banner-lead-responsive-item a:focus use, .banner-lead-responsive-item a:hover svg, .banner-lead-responsive-item a:focus svg{fill: rgba(0,166,176,1);}
.widget-blocs-picto-link:hover circle, .widget-blocs-picto-link:hover path, .widget-blocs-picto-link:hover ellipse, .widget-blocs-picto-link:hover image, .widget-blocs-picto-link:hover line, .widget-blocs-picto-link:hover polygon, .widget-blocs-picto-link:hover polyline, .widget-blocs-picto-link:hover rect, .widget-blocs-picto-link:hover text, .widget-blocs-picto-link:hover use, .widget-blocs-picto-link:hover svg,.banner-lead-btn a:hover path, .banner-lead-btn a:hover circle, .banner-lead-btn a:hover ellipse, .banner-lead-btn a:hover image, .banner-lead-btn a:hover line, .banner-lead-btn a:hover polygon, .banner-lead-btn a:hover polyline, .banner-lead-btn a:hover rect, .banner-lead-btn a:hover text, .banner-lead-btn a:hover use, .banner-lead-btn a:hover svg, .banner-lead.night a:hover path, .banner-lead.night a:focus path, .banner-lead.night a:hover circle, .banner-lead.night a:focus circle, .banner-lead.night a:hover ellipse, .banner-lead.night a:focus ellipse, .banner-lead.night a:hover image, .banner-lead.night a:focus image, .banner-lead.night a:hover line, .banner-lead.night a:focus line, .banner-lead.night a:hover polygon, .banner-lead.night a:focus polygon, .banner-lead.night a:hover polyline, .banner-lead.night a:focus polyline, .banner-lead.night a:hover rect, .banner-lead.night a:focus rect, .banner-lead.night a:hover text, .banner-lead.night a:focus text, .banner-lead.night a:hover use, .banner-lead.night a:focus use, .banner-lead.night a:hover svg, .banner-lead.night a:focus svg{fill: rgba(0,158,167,1);}
.widget-collapse-body, .widget-cards-picto-item.widget-blocs-picto-link:hover:before{background: rgba(0,166,176,0.15);}
.banner-lead-form .title:before{border-top-color: rgba(0,158,167,1);}
.audio_player .progress-bar .progress, .audio_player.floating-player .play-pause-button, .audio_player.audio_player--full .play-pause-button, .play-pause-container.podcast-button, .audio_player.play-pause.btn-primary, .audio_player input[type="range"]::before {background-color: rgba(188,83,154,1) !important}
.audio_player .play-icon,.audio_player .pause-icon {fill: rgba(188,83,154,1)}
.rating-container .filled-stars, .widget.night h2 span, #second-menu .list-unstyled li:hover > span, #second-menu .list-unstyled li:hover > a {color: rgba(188,83,154,1);}
.second-menu .list-unstyled li:hover .arrow-svg, .second-menu .list-unstyled li.open  .arrow-svg {fill: rgba(188,83,154,1);}
.page .btn-primary, .btn-plus, .btn-primary, .widget-timeline-content-item-center .middle .dot {background-color: rgba(188,83,154,1);}
.page .btn.btn-primary:hover, .page .btn.btn-primary:focus, .page .btn.btn-primary:active, .page .btn.btn-primary.active, .open .dropdown-toggle.btn-primary {background-color: rgba(179,79,146,1);}
.second-menu .btn.btn-primary:hover, .second-menu .btn.btn-primary:focus, .second-menu .btn.btn-primary:active, .second-menu .btn.btn-primary.active {background-color: rgba(179,79,146,1);}
.template #footer .banner-lead-form .bg, .template .popin-zc-v2 .banner-lead-form .modal-lead .modal-content, .template .popin-zc-v2 .banner-lead-form .modal-lead .modal-content, .popin-zc-v2 .banner-lead-form .modal-lead .modal-header { background: initial !important; background-color: rgba(229,246,247,1) !important; }
#main-form .bg { background-color: rgba(229,246,247,0.4);}

.widget:not(.night) .widget-content,  .widget:not(.night) h3,  .widget:not(.night) .widget-content h4, .widget-collapse-title.collapsed {color: rgb(0,166,176)}
.widget:not(.night) .widget-content .widget-timeline-bottom__outro,  .widget:not(.night) .widget-content .widget-timeline-top__intro {color: rgb(0,166,176)}
.widget.night:is(.widget-cards-hover, .widget_slider_v2, .widget-cards-v2) :is(.widget-cards-hover-container, .widget-slider-item, .widget-cards-item) :is(p, a, div, h1, h2, h3, h4, h5):not(.btn) {color: rgb(0,166,176)}
.widget-picto-title {color: rgb(0,166,176)}
.widget-blog .widget-blog-more-items a {color: rgb(0,166,176)}
.widget-cards-v2 .widget-cards-text .picto-plus {background-color: rgb(188,83,154)}
.offer_page_v2 .orange-border-left, .template .orange-border-left, .offer_page_v2 .blog-border-left, .template .blog-border-left  { border-left: 2px solid rgba(188,83,154,1) }
.widget-link .btn.btn-card-1 { background: rgb(188,83,154); border: 0.2rem solid rgb(188,83,154) }
.widget-link .btn.btn-card-1:hover, .widget-link .btn.btn-card-1:focus, .widget-link .btn.btn-card-1:active { background: rgba(179,79,146, 1); border: 0.2rem solid rgba(179,79,146, 1); color: #FFFFFF }
.template.b.offer_page_v2 .widget-chiffres-item:not(:first-child)::marker, .template.b .widget-chiffres-item:not(:first-child)::marker, .template.b.editorial-v2 .widget-chiffres-item:not(:first-child)::marker { color:  rgba(188,83,154,1) }
.template.b .widget-form .form-content form .form-group input { border-bottom-color: rgb(188,83,154)}
.template.a .widget-cards-hover .widget-link .btn-link {color: rgb(188,83,154)}

.widget:not(.night) .widget-content h2 {
    background: transparent linear-gradient(180deg, #2080B4 0%, rgb(0,166,176) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
#page-article #link-form a, #pop-up-exit .pop-up__form {background: -webkit-linear-gradient(right, rgb(0,166,176) 60%, rgb(172,29,130))}
#zc-article__title,
.fiducial_publication_version.editorial-v2 h1 {
    background: -webkit-linear-gradient(right, rgb(0,166,176) 60%, rgb(172,29,130));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.widget.night:not(.no-parallax, .bg-color, .widget-form), .popin-zc-v2.night:not(.bg-color) {background: transparent linear-gradient(90deg, rgb(0,166,176) 0%, rgb(172,29,130) 100%); background-repeat: no-repeat; background-size: cover; background-position: center;}
.widget_slider_v2.night .widget-title-colored h2:first-child{-webkit-text-fill-color: inherit}
.editorial-v2 .page-publication-intro-btn .btn-primary {background-color: transparent linear-gradient(90deg, rgb(0,166,176) 0%, rgb(172,29,130) 100%);}
.widget-cards-hover.no-bg .widget-cards-hover-container .widget-cards-hover-item:hover {box-shadow: 0.1rem 0 1.5rem rgb(0,166,176);}
.widget-cards-hover-container .widget-cards-hover-item:hover{box-shadow: 0.1rem 0 4.5rem rgb(0,166,176);}

.widget-2-blocs-v2 .media :is(h2, h3) span{color: rgb(188,83,154)}
.widget-2-blocs-v2.background-gradient{background: linear-gradient(90deg, rgb(0,166,176) 0%, rgb(172,29,130) 100%);}
.widget-2-blocs-v2 .dark-title{
    background: -webkit-linear-gradient(rgb(0,166,176), rgb(172,29,130));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.widget-form .form-content{color: rgb(0,166,176)}
.widget-form .form-content button.btn-block{background-color: rgb(188,83,154)}

.widget_slider_v2 .white-book a {color: rgb(0,166,176)}
.widget_slider_v2 h2:first-child{
    background: -webkit-linear-gradient(rgb(0,166,176), rgb(172,29,130));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.widget_slider_v2 .subdescription {color: rgb(0,166,176)}
.widget_slider_v2 .widget-slider-testimony .testimony-content {color: rgb(0,166,176)}
.widget_slider_v2 .widget-slider-testimony .testimony-content strong {color: rgb(0,166,176)}
.popin-zc-v2 .banner-lead-form .modal-title, .editorial-v2 .modal-title {color: rgb(0,166,176)}

#footer {background: transparent linear-gradient(108deg, rgb(0,166,176) 0%, rgb(172,29,130) 100%);}

@media(max-width: 767px){
    .page-dossier-summary-list{background: rgba(0,166,176,0.85);}
    .widget.headband-bg {background: transparent linear-gradient(90deg, rgb(0,166,176) 0%, rgb() 53%, rgb(172,29,130) 100%); background-repeat: no-repeat; background-size: 100% 19vh !important; background-position: center 52rem !important;}
}
@media(min-width: 768px){
    .page .page-dossier-summary-list a:hover, .page .page-dossier-summary-list a.is-active-link, .page-dossier-summary-list a, .page-dossier-summary-list a:before, .page .page-dossier-summary-list a:focus{color: rgba(0,166,176,1);}
    .widget.headband-bg {background: transparent linear-gradient(90deg, rgb(0,166,176) 0%, rgb() 53%, rgb(172,29,130) 100%); background-repeat: no-repeat; background-size: 100% 35vh !important; background-position: center 46rem !important;}
}
@media(min-width: 1200px){
    .second-menu{background: rgba(0,166,176,0.9);}
    .second-menu .dropdown-menu{background: rgba(0,166,176,0.85);}
    .second-menu .dropdown-menu li a:hover{background: rgba(0,166,176,0.4);}
    .is-hidden .second-menu{background: rgba(0,166,176,1);}
    .header-nav-content > .nav > .header-nav-item > a .icoCharte-carret-top path {fill: rgba(0,166,176,1)}

}
@media (min-width: 1500px) and (max-width: 1600px) and (min-height: 700px) and (max-height: 800px) {
    .widget.headband-bg{background-size: 100% 43vh !important; background-position: center 40rem !important; .owl-nav {top: 6rem;}}
}

.template.a {

    .btn-revert, .btn-card-2 {
        border-color: rgb(188,83,154);
        background-color: transparent;
        color: rgb(188,83,154);

        &:hover, &:focus, &:active {
            color: #fff;
            border-color: rgb(188,83,154);
            background-color: rgb(188,83,154);
        }
    }

    .night .btn-card-2 {
        border-color: #fff;
        color: #fff;

        &:hover, &:focus, &:active {
            border-color: rgb(188,83,154);
            color: rgb(188,83,154);
            background-color: transparent;
        }
    }

    .banner-lead-btn .btn-revert {
        &:hover, &:focus, &:active {
            background-color: transparent !important;
            border-color: rgb(188,83,154) !important;
            color: rgb(188,83,154) !important;
        }
    }
}
