/* fix admin bar BO*/

.admin-bar .header_area,
.admin-bar .main_menu {
    top: 32px;
}

@media screen and (max-width: 600px) {
    #wpadminbar {
        position: fixed;
    }
}

@media screen and (max-width: 782px) {
    .admin-bar .header_area,
    .admin-bar .main_menu {
        top: 46px;
    }
}


/*Custom fonts
===============================================================================================================*/

@font-face {
    font-family: Ghotham;
    src: url(../fonts/Gotham/GothamBook.ttf);
}


/*General CSS
===============================================================================================================*/

html {
    height: 100%;
}

body {
    background-color: #F7F7F7;
    color: #244A93;
    font-family: 'Montserrat', sans-serif;
    width: 100%;
    position: relative;
    font-size: 16px;
    min-height: 100%;
    display: flex;
    flex-direction: column
}

.main {
    flex: 1 0 auto;
}

img {
    max-width: 100%;
}

.col_without_padding {
    padding: 0px;
}

.bg-green {
    background-color: #165D68;
    box-shadow: 0 1.5px 20px 0 rgba(0, 0, 0, 0.16);
}

.bg-blue {
    background-color: #244A93;
}

.white-bg {
    background-color: #ffffff;
}

.bg-light-grey {
    background-color: #DDDFDF;
}

.bg-grey-strong {
    background-color: #878787;
}

.border_bottom_gray {
    border-bottom: 1px solid #878787;
}

.top216 {
    top: 216px;
}

.top69 {
    top: 69px;
}

.h598 {
    height: 598px;
}

.h580 {
    height: 580px;
}

.bg-ededed {
    background-color: #EDEDED;
}

.bg-f7f7f7 {
    background-color: #f7f7f7;
}

.bg-00B8F1 {
    background-color: #00B8F1;
}

.bg-787FBD {
    background-color: #787FBD;
    height: 491px;
}

.bg-00B8F1 {
    height: 491px;
}

.home_banner_area .owl-dot {}

.home_banner_area .owl-dot.active {}

.highlighted {
    text-decoration: underline;
}

.item {
    z-index: 9999;
}

#top_right_page_icon {
    display: none;
}

.decalage_content_gallery {
    right: 0px;
}

.underline-title {
    font-size: 28px;
    display: inline-block;
    padding-bottom: 15px;
    margin: 0;
    border-bottom: 5px solid #244A93;
    margin-bottom: 63px;
}

.media-item {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.title {
    font-size: 45px;
}

.pt-48 {
    padding-top: 48px;
}

.blue {
    color: #244A93;
}

.white {
    color: #ffffff;
}

.bg-grey {
    background-color: #878787;
}

.col-md-8-5 {
    width: 100%;
}

.load-more-container {
    display: flex;
    justify-content: center;
    min-height: 21px;
}

.load-more {
    cursor: pointer;
    text-decoration: underline;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
}


/*Loading post
===============================================================================================================*/


/* Absolute Center Spinner */

.loading {
    position: fixed;
    z-index: 999;
    height: 2em;
    width: 2em;
    overflow: show;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: none;
}


/* Transparent Overlay */

.loading:before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(rgba(20, 20, 20, .8), rgba(0, 0, 0, .8));
    background: -webkit-radial-gradient(rgba(20, 20, 20, .8), rgba(0, 0, 0, .8));
}


/* :not(:required) hides these rules from IE9 and below */

.loading:not(:required) {
    /* hide "loading..." text */
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.loading:not(:required):after {
    content: '';
    display: block;
    font-size: 10px;
    width: 1em;
    height: 1em;
    margin-top: -0.5em;
    -webkit-animation: spinner 1500ms infinite linear;
    -moz-animation: spinner 1500ms infinite linear;
    -ms-animation: spinner 1500ms infinite linear;
    -o-animation: spinner 1500ms infinite linear;
    animation: spinner 1500ms infinite linear;
    border-radius: 0.5em;
    -webkit-box-shadow: rgba(255, 255, 255, 0.75) 1.5em 0 0 0, rgba(255, 255, 255, 0.75) 1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) 0 1.5em 0 0, rgba(255, 255, 255, 0.75) -1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) -1.5em 0 0 0, rgba(255, 255, 255, 0.75) -1.1em -1.1em 0 0, rgba(255, 255, 255, 0.75) 0 -1.5em 0 0, rgba(255, 255, 255, 0.75) 1.1em -1.1em 0 0;
    box-shadow: rgba(255, 255, 255, 0.75) 1.5em 0 0 0, rgba(255, 255, 255, 0.75) 1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) 0 1.5em 0 0, rgba(255, 255, 255, 0.75) -1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) -1.5em 0 0 0, rgba(255, 255, 255, 0.75) -1.1em -1.1em 0 0, rgba(255, 255, 255, 0.75) 0 -1.5em 0 0, rgba(255, 255, 255, 0.75) 1.1em -1.1em 0 0;
}


/* Animation */

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


/*JS socials plugin
===============================================================================================================*/

img.jssocials-share-logo {
    height: auto !important;
}


/*Form 7 contact plugin
===============================================================================================================*/

.wpcf7-response-output {
    color: white !important;
}


/*Header navbar
===============================================================================================================*/

.header_area {
    background-color: #fff;
}

header ul li .bold,
#menu-item-154 a,
#menu-item-153 a,
#menu-item-150 a {
    color: #244A93 !important;
    font-size: 14px !important;
    padding-left: 8px;
    padding-right: 8px;
    font-weight: 700;
}

header ul li .medium {
    color: #244A93 !important;
    font-size: 14px !important;
    padding-left: 25px;
    padding-right: 25px;
    font-weight: 500;
    letter-spacing: 0.4px;
}

.logo_h {
    float: left;
    margin-top: 43px;
    margin-bottom: 43px;
    margin-left: 40px;
    position: relative;
}

.main_menu_custom {
    margin-right: 40px;
}

.icon-menu {
    padding-right: 20px;
    position: relative;
}

.menu-item a {
    display: flex;
}

.icon-menu a::after {
    content: "";
    display: block;
    width: 19px;
    height: 15px;
    background: url("../img/document.svg") left top no-repeat;
    position: absolute;
    right: 0px;
    top: 0;
}

.banner-img {
    position: absolute;
    z-index: -1;
    top: 130px;
    height: 262px;
}

.container-title {
    height: 164px;
    display: flex;
    align-items: center;
}

.banner-title {
    padding: 10px;
    color: #ffffff;
    font-size: 45px;
    display: inline-block;
    margin: 0 0 0 40px;
}

#logo_link_responsive {
    position: fixed;
    top: 18px;
    left: 36px;
}

.search_close_menu {
    position: fixed;
    top: 21px;
    right: 39px;
    z-index: 11;
    display: none;
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.search_close_menu li {
    display: inline-block;
}

#close_menu_responsive {
    background: url("../img/close-mobile.svg") no-repeat;
    width: 17px;
    height: 17px;
    cursor: pointer;
    margin-left: 28px;
    display: block;
}

#search_menu_responsive {
    background: url("../img/loupe-mobile-blanc.svg") no-repeat;
    width: 17px;
    height: 17px;
    cursor: pointer;
    display: block;
}

#search_search_responsive {
    background: url("../img/close-mobile-blanc.svg") no-repeat;
    width: 17px;
    height: 17px;
    cursor: pointer;
    display: block;
    position: fixed;
    top: 21px;
    right: 39px;
    z-index: 11;
}

#btn_search_modal {
    background: url("../img/search-picto.svg") no-repeat;
    width: 60px;
    height: 59px;
    cursor: pointer;
    display: block;
    border: none;
}

.nav-link svg,
.menu-item svg a,
.show_hide_search svg {
    color: #244A93;
}

.show_hide_search {
    color: #244A93 !important;
    font-size: 14px !important;
    padding-left: 8px;
    padding-right: 8px;
    font-weight: 700;
}

.list_pictos .list_picto_responsive {
    display: none;
}

.list_picto {
    list-style: none;
    display: flex;
    padding-left: 0;
}

.picto_responsive {
    display: none;
}

.pico_list {
    padding-left: 0;
}

.item_picto {
    height: 109px;
}

.menu-item a {
    padding-right: .5rem;
    padding-left: .5rem;
    color: #244A93;
    font-weight: 700;
    font-size: 14px !important;
    line-height: 18px;
    text-transform: uppercase;
}

.social-network li a {
    display: block;
    height: 130px;
    width: 56.97px;
    color: #fff !important;
    line-height: 130px;
    text-align: center;
    font-size: 25px;
}

.social-network .youtube {
    background-color: #787FBD;
    background-image: url('../img/Trace_6302.png');
    background-repeat: no-repeat;
    background-position: center;
}

.social-network .linkedin {
    background-color: #E6007E;
    background-image: url('../img/Trace_6301.png');
    background-repeat: no-repeat;
    background-position: center;
}

.social_network_responsive {
    display: none;
    padding-top: 0px;
}

#link_social_youtube {
    background-image: url('../img/youtube-mobile-blanc.svg');
    background-repeat: no-repeat;
    background-position: center;
    height: 28px;
    width: 23px;
    display: block;
    margin-right: 20px;
    margin-top: 10px;
}

#link_social_linkedin {
    background-image: url('../img/likedin-mobile-blanc.svg');
    background-repeat: no-repeat;
    background-position: center;
    height: 28px;
    width: 23px;
    display: block;
}

.separator_responsive {
    border-top: 8px solid #fff;
    width: 100%;
}

.main_menu .navbar {
    padding: 0px;
    background-color: #fff;
}

.shadow {
    box-shadow: 0 1.5px 7.5px 0 rgba(0, 0, 0, 0.16);
}

.menu-form {
    display: none;
}

.padding-left {
    padding-left: 20px;
}

.sub-menu {
    display: none;
}

.btn_menu {
    background-image: url('../img/burger-mobile.svg');
    background-repeat: no-repeat;
    background-position: center;
    width: 23px;
    height: 17px;
    display: block;
}

.btn_search {
    background-image: url('../img/loupe-mobile.svg');
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 20px;
    display: block;
}


/*Main banner section
===================================================================================================*/

.home_banner_area {
    margin-top: 100px;
    position: relative;
}

.vertical_bar_slider {
    position: absolute;
    left: 21%;
    height: calc(100%);
    z-index: 7;
    width: 8px;
    background-color: #244A93;
}

.text_slider {
    position: absolute;
    z-index: 3;
    top: 0px;
    height: 100%;
    left: 21%;
}

.content_slider {
    /* border-left: 8px solid #244A93; */
    padding-top: 90px;
    height: 100%;
}

.header_slider {
    color: #fff !important;
    line-height: 21px;
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 20px;
    padding-left: 0;
    letter-spacing: 0.8px;
}

.main_slider_content {
    color: #fff !important;
    line-height: 55px;
    font-family: 'Montserrat', sans-serif;
    font-size: 45px;
    background-color: #244A93;
    margin-top: 23.66px;
    display: inline;
    padding: 0;
}

.bottom_slider a {
    color: #244A93;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    padding: 11px 15px;
    background-color: #fff;
    margin-top: 21px;
    display: inline-block;
    /* width: auto; */
    margin-right: auto;
    margin-right: auto;
    text-align: center;
    line-height: 18px;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.93;
    letter-spacing: 1px;
    text-align: left;
}

.dropdown-toggle::after {
    transform: rotate(270deg) !important;
}

header ul li .bold {
    font-weight: normal;
}


/*Certification section
===================================================================================================*/

.nos_certification {
    position: relative;
}

.barre_certification {
    height: 8px;
    background-color: #244A93;
    width: 20px;
    display: none;
    position: absolute;
    top: 49px;
    left: 0px;
}

.nos_certification .certification_text {
    /*padding-top:68px ;
    padding-bottom:128px;
    padding-right: 178px;*/
    padding: 68px;
}

.nos_certification .certification_text h2 {
    font-size: 26px;
    font-weight: 700;
    font-weight: normal;
    letter-spacing: 0.2px;
}

.nos_certification .certification_text p {
    font-size: 16px;
    letter-spacing: 0.4px;
}

.nos_certification .certification_text a {
    font-size: 14px;
    font-weight: 700;
    color: #244A93;
    text-decoration: underline;
    letter-spacing: 0.7px;
}

.nos_certification .certification_text a:hover {
    text-decoration: none;
}

.nos_certification .certification_image {
    padding: 68px;
    /*padding-bottom:128px;*/
}

.nos_certification .certification_image img {
    width: 100%;
}

.container_certification {}

.post_carousel {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 28px;
    padding-bottom: 28px;
    background-color: #fff;
    box-shadow: 0 1.5px 20px 0 rgba(0, 0, 0, 0.16);
}

.content_qualiLaquage .post_carousel {
    padding-bottom: 25px;
}

.home .post_carousel {
    width: 260px;
}

#post_list_carousel .owl-item {
    width: 260px !important;
    height: auto;
}

.lire-plus-full {
    background: url('../img/trac-388.svg') no-repeat right 8px center;
}

.padding-article {
    padding-bottom: 60px;
}

.content_post {
    font-size: 14px;
    border-bottom: 1px solid #878787;
    margin-top: 10px;
}

.no-border-bottom {
    border-bottom: 0;
}

.content_post p {
    font-size: 14px;
}

.title_post {
    font-size: 16px;
    font-weight: 700;
}

.posts_mask_left {
    background-color: #165D68;
    position: absolute;
    left: 0;
    /* width: 15%; */
    height: 100%;
    z-index: 2;
    top: 0;
}

.h-98 {
    height: 388px;
}

.footer_post {
    padding-top: 29.5px;
    position: relative;
    height: 73px;
}

.bg_footer_img {
    /*background-image: url(../img/Rectangle_529.png);*/
    background-repeat: no-repeat;
    padding: 0px !important;
    margin-left: -30px;
    margin-right: -30px;
    margin-bottom: -30px;
    height: 104px;
    background-size: cover;
    margin-top: -1px;
    max-height: 102px;
}

.bg_footer_img .left_footer_post {
    padding-top: 29px;
    padding-right: 5px;
    padding-left: 45px;
}


.img_footer_post {
    right: 0px;
    position: absolute !important;
    top: 20px !important;
}

.img_footer_post ul {
    padding: 0px;
    margin: 0px;
}

.img_footer_post ul li {
    display: inline-block;
    width: 30px;
}

.img_footer_post img {
    /* margin-right: 0px;
    float: right;
    height: 45px;
    position: absolute;
    width: auto !important;
    top: 20px;
    right: 0px;*/
    width: 30px;
    height: 30px;
    margin-top: 10px;
}

.bg_footer_img .img_footer_post {
    right: 30px !important;
}

.width_picto {
    padding: 0;
}

.page-template-homepage .img_footer_post img {
    /*margin-right: 0px;
    float: right;
    height: 45px;
    position: inherit;
    width: auto !important;
    top: 20px;
    right: 0px;
    margin-top: -15px;
    margin-left: 4px;*/
}

.footer_post a {
    color: #878787;
    font-size: 13px;
    font-family: 'Montserrat', sans-serif;
    line-height: 45px;
    /*padding: 8px 0px; display: block;*/
}

.left_footer_post {
    padding-left: 15px;
    padding-right: 0px;
}

.left_footer_post a img {
    height: 30px !important;
    width: 62px !important;
    display: inline-block !important;
    /* float: right; */
    /* margin-left: 15px; */
}

.left_footer_post a {
    display: inline-block !important;
    background-image: url("../img/adal_LIRE.svg");
    height: 30px;
    width: 62px;
    background-position: right;
    background-repeat: no-repeat;
    padding-right: 35px;
    display: block;
    line-height: 30px;
}

.bg_footer_img .left_footer_post a {
    background-color: #fff;
    display: inline-block !important;
    background-image: url(../img/adal_LIRE.svg);
    height: 30px;
    width: 64px;
    padding-right: 20px;
    background-repeat: no-repeat;
    display: block;
    background-position: 94% 50%;
    line-height: 30px;
    padding-left: 5px;
}

#post_list_carousel {
    background-color: #EDEDED;
    padding-top: 62px;
    width: 100%;
    display: block;
    margin-left: 0px;
    margin-right: 0px;
}

.owl_slider_list {
    background-color: #EDEDED;
    padding-top: 62px;
    width: 100%;
    display: block;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: -60px;
}

.owl_slider_list .owl-stage {
    margin-left: 140px;
}

.mask_left {
    position: relative;
    left: 0px;
    top: -68px;
    width: 72%;
    background-color: #165D68;
    display: block;
    z-index: 3;
    /* margin-bottom: -384px; */
    height: 384px;
    /* margin-top: -68px; */
}

.color_nav_owl {
    color: #878787;
}

.carousel_posts {
    position: relative;
}

.image_left_float {
    position: relative;
    margin-right: 150px;
    z-index: 2;
    width: 100%;
    left: 0px;
}

.image_left_float img {
    position: relative;
    width: 100%;
}

.desc_image_gallery {
    color: #fff;
    font-size: 45px;
    top: 73.51px;
    right: 132.58px;
    left: 31%;
    position: absolute;
    font-family: 'Montserrat', sans-serif;
    line-height: 55px;
}

.bg-bleu {
    background-color: #165D68;
    display: inline !important;
}

.bg-bleu span {
    padding: 0 15px;
}

.content_gallery {
    color: #fff;
    background-color: #244A93;
    width: 122%;
    padding-bottom: 53.01px;
    z-index: 1;
    position: relative;
    bottom: 0px;
    min-height: 444px;
}

.gallery_horizontal_bar {
    height: 8px;
    width: 34%;
    background-color: #00B8F1;
    position: absolute;
    top: 268px;
    z-index: 5;
    left: 45%;
}

.title_gallery {
    margin-top: 75px;
    font-size: 14px;
    margin-bottom: 27.29px;
    font-family: 'Montserrat', sans-serif;
    line-height: 21px;
}

.text_gallery {
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    color: #fff;
}

.gallery_section {
    position: relative;
    top: 137px;
}


/*articles section
=====================================================================================*/

.articles {
    margin-bottom: 256px;
    position: relative;
    top: 120px;
    padding-top: 68px;
}

.element_news_qualilaquage {
    height: 100%;
}

.container_news {
    margin-top: 90px;
}

.element_news {
    position: relative;
    /* max-height: 391px; */
}

.content_news a .element_news {
    max-height: 400px;
}

.news_title {
    color: #244A93;
    font-size: 26px;
    font-weight: 700;
    border-bottom: 8px solid #244A93;
    padding-left: 32px;
    padding-right: 32px;
    padding-bottom: 10px;
    line-height: 42px;
    letter-spacing: 0.2px;
}

.news_left p {
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 700;
}

.news_left img {
    left: 30px;
    bottom: 30px;
    position: absolute;
}

.link_news {}

.link_news svg {
    /*position:absolute;
    right: 30px;
    bottom: 30px;*/
}

.content_news {
    margin-top: 60px;
}

.news_post {
    padding: 28px;
    box-shadow: 0 1.5px 20px 0 rgba(0, 0, 0, 0.16);
    height: 100%;
}

.title_article {
    color: #244A93;
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 18px;
}

.content_article {
    margin-bottom: 10px;
}

.content_article p {
    font-size: 14px;
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    line-height: 24px;
    color: #fff !important;
}

.page-template-homepage .content_article p {
    color: #244A93 !important
}

.footer_article {
    border-top: 1px solid #878787;
    padding-top: 29px;
    padding-left: 0px;
}

.footer_article_nav_responsive {
    display: none;
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 62px;
    left: 0px;
    right: 0px;
    background: #fff;
    padding: 0px 36px;
    -webkit-box-shadow: 0px -2px 39px -10px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px -2px 39px -10px rgba(0, 0, 0, 0.75);
    box-shadow: 0px -2px 39px -10px rgba(0, 0, 0, 0.75);
}

.footer_article_nav_responsive ul {
    padding: 0px;
}

.footer_article_nav_responsive ul li {
    display: inline-block;
    list-style: none;
}

.footer_article_nav_responsive ul li a {
    display: inline-block;
    list-style: none;
    display: block;
    line-height: 62px;
    width: 30px;
    margin-right: 8px;
}

.footer_article_nav_responsive .prev_footer_article_nav a {
    background-image: url("../img/Groupe 690.png");
    background-repeat: no-repeat;
    background-position: center;
    height: 68px;
    line-height: 30px;
}

.footer_article_nav_responsive .next_footer_article_nav a {
    background-image: url("../img/Groupe 700.png");
    background-repeat: no-repeat;
    background-position: center;
    height: 68px;
    line-height: 30px;
}

.footer_article_nav_responsive .up_footer_article_nav {
    background-image: url("../img/Groupe 721.png");
    background-repeat: no-repeat;
    height: 68px;
    background-position: center;
    line-height: 30px;
}

.footer_article_nav_responsive .down_footer_article_nav {
    background-image: url("../img/Groupe 703.png");
    background-repeat: no-repeat;
    height: 68px;
    background-position: center;
    line-height: 30px;
}

.footer_article_nav_responsive .last_footer_article_nav {
    background-image: url("../img/Groupe 716.png");
    background-repeat: no-repeat;
    height: 68px;
    width: 38px;
    background-position: center;
    line-height: 30px;
    margin-left: 0px !important;
}

.footer_article_nav_responsive .check_footer_article_nav {
    background-image: url("../img/Groupe 717.png");
    background-repeat: no-repeat;
    height: 68px;
    width: 38px;
    background-position: center;
    line-height: 30px;
    margin-left: 0px !important;
}

.footer_article_nav_responsive .type_footer_article_nav {
    background-image: url("../img/Groupe 718.png");
    background-repeat: no-repeat;
    height: 68px;
    width: 61px;
    background-position: center;
    background-size: cover;
    line-height: 30px;
}


/* .footer_article_nav_responsive .type_laquage_footer_article_nav{
    background-image: url("../img/Groupe 527.svg");
    background-repeat: no-repeat;
    height: 68px;
    width: 61px;
    background-position: center;
    background-size: cover;
    line-height: 30px;
}
.footer_article_nav_responsive .type_nod_footer_article_nav{
    background-image: url("../img/groupe-598.svg");
    background-repeat: no-repeat;
    height: 68px;
    width: 61px;
    background-position: center;
    background-size: cover;
    line-height: 30px;
} */

.link_article {
    color: #878787;
    line-height: 45px;
    display: block;
    /* height: 30px; */
    margin-left: 10px;
    margin-top: 12px;
}

.link_article:hover {
    text-decoration: none;
}

.link_article svg {
    margin-left: 10px;
}

.link_article_right img {
    float: right;
    right: 0px;
    position: absolute;
    height: 45px;
    width: 45px;
    bottom: 0px;
}

.news_videos {
    background-image: url(../img/Groupe_598.png);
    background-repeat: no-repeat;
    padding: 0px !important;
    background-size: cover;
    padding-top: 30.66px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 39px;
    background-position: center;
}

.news_videos .news_videos_title {
    position: absolute;
    top: 30px;
    left: 30px;
    right: 30px;
    color: #fff;
    font-size: 26px;
    line-height: 40px;
    font-weight: 600;
}

.footer_news_videos {
    position: absolute;
    bottom: 40px;
    left: 0px;
    padding-left: 30px;
    padding-right: 30px;
}

.w-80 {
    width: 80%;
}

.news_videos_footer_left {
    line-height: 23px;
    padding-left: 45px;
    padding-bottom: 0px;
}

.news_videos_footer_right {
    /*padding-right: 30px;
    padding-bottom: 40px;*/
}

.news_videos_footer div {}

.news_videos .news_videos_footer {
    bottom: 39px;
    color: #fff;
    font-size: 16px;
    line-height: 23px;
    font-family: 'Montserrat', sans-serif;
}

.img_article {
    background-image: url(../img/Rectangle_236.png);
    background-repeat: no-repeat;
    padding: 0px !important;
    background-size: cover;
    height: 100%;
    width: 100%;
    border-right: 8px solid #244A93;
    background-position: center;
}

.img_article_tag {
    background-image: url(../img/Groupe_512.png);
    background-repeat: no-repeat;
    padding: 0px !important;
    background-size: cover;
    position: relative;
}

.text_img_tag {
    position: absolute;
    bottom: 0px;
    left: 0px;
}

.text_img_tag p {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 46px;
    text-decoration: none;
    padding: 13px 13px 0px 13px;
    text-align: center;
    display: block;
    vertical-align: middle;
    letter-spacing: 0.5px;
}

.marginTop15 {
    margin-top: 15px;
}

.news_videos img {
    right: 10px;
    position: relative;
}

.bottom_article {
    padding-top: 34px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 34px;
    box-shadow: 0 1.5px 20px 0 rgba(0, 0, 0, 0.16);
    width: 100%;
}

.bottom_article .content_article {
    margin-top: 26.4px;
    font-family: Ghotham;
    min-height: 160px;
    max-height: 169px;
    overflow: hidden;
}

.bottom_article .content_article p {
    font-size: 16px;
}


/* Top carousel bar
============================================================================================*/

.top_carousel_bar {
    height: 8px;
    background-color: #244A93;
    position: relative;
    bottom: -8px;
    display: block;
    z-index: 20;
}


/* Top carousel posts
============================================================================================*/

.top_carousel_posts_bar {
    height: 8px;
    background-color: #244A93;
    position: relative;
    /* top: -52px; */
    display: block;
    z-index: 20;
    bottom: -8px;
}


/* Subscribers logo
============================================================================================*/

.logo_subscribers {
    background-color: #EDEDED;
    position: relative;
}

.svg_logo_carousel {
    border-left: 1px solid #878787;
    padding-left: 35.37px;
    padding-right: 35.37px;
    height: 90px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
}

.subscribers_title {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 0px;
    text-align: center;
    padding-top: 36px;
    letter-spacing: 0.2px;
}

.logo_subscribers_right {
    padding-top: 35px;
}

.svg_logo_carousel img {
    height: auto !important;
}

.owl-carousel .owl-item img {
    width: 100%;
}

.all_subscribers {
    text-align: center;
    padding-top: 91px;
    padding-bottom: 35px;
}

.link_all_subscribers {
    color: #244A93;
    text-decoration: underline;
    font-weight: 700;
    font-size: 14px;
}


/*---------------------------------------------------- */


/*clear section
============================================================================================*/

.clear_height_136 {
    height: 77px;
    width: 100%;
}


/*Footer
============================================================================================*/

footer.footer {
    background: #244A93;
    color: rgb(151, 149, 149);
    padding-top: 4rem;
    position: relative;
}

footer.footerHome {
    background: #244A93;
    color: rgb(151, 149, 149);
    position: relative;
}

footer.footerHome a {
    color : #fff !important;
}

footer.footerHome::before {
    content: "";
    width: 100%;
    height: 130px;
    display: block;
    position: absolute;
    bottom: 100%;
    background-color: #244A93;
    z-index: -1;
}

.page-template-template-connexion footer.footerHome::before,
.page-template-template-inscription footer.footerHome::before,
.page-template-template-mdp-oublie footer.footerHome::before,
.error404 footer.footerHome::before {
    display: none;
}

.power_by {
    color: #fff;
    font-size: 12px;
    line-height: 15px;
    font-family: 'Montserrat', sans-serif;
    padding-top: 68px;
    padding-bottom: 60px;
}


/*----------------------------------------------------*/


/* Article Page css
============================================================================================ */

.mainContent .contentBackground {
    content: "";
    position: absolute;
    height: calc(100% + 130px);
    left: 50%;
    top: -111.59px;
    transform: translateX(-50%);
    box-shadow: 0 1.5px 6px 0 rgba(0, 0, 0, 0.16);
    z-index: 1;
    background-color: white;
}

.contentBackground {
    box-shadow: 0 1.5px 6px 0 rgba(0, 0, 0, 0.16);
    background-color: white;
    padding-bottom: 60px;
}


/* Banner article */

.banner-article {
    height: 285px;
    background: linear-gradient(90deg, #244A93 50%, #F7F7F7 50%);
    position: relative;
}

.banner-article::after {
    content: "";
    width: 100%;
    height: 112px;
    background: linear-gradient(90deg, #244A93 50%, #F7F7F7 50%);
    display: block;
    position: absolute;
    z-index: -1;
    top: 100%;
}

.article-title {
    display: flex;
    align-items: center;
}

.right {
    margin-left: calc(50% + 15px);
    transform: translateX(-50%);
}

.square {
    width: 111px;
    height: 112px;
    background: #244A93 url('../img/bubble.svg') center center no-repeat;
    background-size: 50%;
    position: relative;
}

.pad-15 {
    padding: 0 15px;
}

.wp-block-quote {
    border-left: 8px solid #244A93 !important;
}


/***********************tp page************************/

.topPage {
    position: relative;
    background-color: #EDEDED;
    top: 100px;
}

.leftTop {
    border-right: 8px solid #244A93;
    height: 397px;
}

.rightTop {
    padding-top: 111.06px;
    padding-left: 11%;
    /* padding-right: 155px; */
    padding-bottom: 111.06px;
}

.rightTopTitle {
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 20px;
}

.rightTopTitle .article-date{
    display: block;
    width: max-content;
    line-height: 16px;
    margin-bottom: 10px;
}

/**************op container*/

.borderRight {
    border-right: 8px solid #244A93;
    height: 111.59px;
}

.topContentContent {
    position: relative;
}

.textArticle {
    padding-top: 60px;
}

.textArticle p {
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    color: #244A93;
    line-height: 24px;
    padding-top: 10px;
}

.textArticle h2 {
    font-size: 26px;
    font-weight: 400;
}

.article_certificat p:first-of-type {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
}

.bold_paragraph p:nth-of-type(2) {
    font-family: 'Montserrat', sans-serif;
}

.imgArticle {
    color: #fff;
}

.backgroudYellow {
    background-image: url("../img/Groupe_415.svg");
    background-repeat: no-repeat;
}

.imgArticle {
    padding-top: 29.66px;
    padding-left: 28px;
    padding-right: 28px;
    padding-bottom: 29.66px;
}

.imgTopArticle {
    font-size: 34px;
    font-weight: 700;
    line-height: 40px;
}

.imgMiddleArticle {
    margin-top: 24.64px;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
}

.imgContentArticle img {
    margin-top: 32.62px;
}

.imgFooterArticle {
    margin-top: 48.65px;
}

.imgFooterArticle a {
    color: #fff;
}

.featuredImage {
    margin-top: 57px;
}

.featuredImage img {
    width: 90%;
}

.articleBorderLeft {
    border-left: 8px solid #244A93;
    margin-top: 64.66px;
    padding-left: 18.37px;
    height: 100.34px;
    font-size: 26px;
    font-weight: 700;
    line-height: 36px;
    padding-right: 69.14px;
}

.become_member {
    margin-top: 17.26px;
    padding: 25px 27px;
    text-align: center;
    font-size: 14px;
    color: #ffffff;
}

.become_member a {
    color: #fff;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    line-height: 19px;
    text-decoration: none;
}

.title_social_network {
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    line-height: 32px;
    margin-top: 30px;
}

.list_social_nework {
    list-style: none;
}

.list_social_nework li {
    display: inline-block;
}

.article_content {
    padding-bottom: 60.57px;
}

.title_gray {
    color: #878787;
    font-size: 14px;
    line-height: 18px;
    font-family: 'Montserrat', sans-serif;
}

.link_nav_article {
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    line-height: 26px;
    color: #878787;
    text-align: right !important;
}

.link_nav_article.float-right {
    text-align: left !important;
    padding-left: 5px !important;
}

.link_nav_article.float-left {
    padding-right: 5px !important;
}

.margin-top-article {
    margin-top: 60px;
}

.article_footer {
    margin-top: 64.5px;
}

.wp-block-table {
    width: 100%;
    overflow: scroll;
}


/*----------------------------------------------------*/


/* QualiLaquage le thermolaquage certifié Page css
============================================================================================ */

.leftTopPink {
    background-color: #787FBD;
    border-right: 8px solid #244A93;
    height: 397px;
}

.backgroudPink {
    background-image: url("../img/Groupe 527.svg");
    background-repeat: no-repeat;
}

.backgroudBlue {
    background-image: url("../img/groupe-598.svg");
    background-repeat: no-repeat;
}

.qualiLaquage {
    position: relative;
    background-color: #DDDFDF;
}

.ensavoirplus {
    position: relative;
}

.content_qualiLaquage {
    z-index: 2;
    position: relative;
    padding-top: 127.4px;
}

.posts_qualiLaquage {
    margin-top: 62.5px;
    display: flex;
    justify-content: center;
    padding-left: 27px;
}

.content_news {
    display: flex;
    justify-content: center;
}

.posts_qualiLaquage .col-md-3 {
    padding-left: 7.5px;
    padding-right: 7.5px;
}

.col-md-311 {
    width: 260px;
    float: left;
    margin: 0 7.5px 15px;
    min-height: 400px;
}

.col-md-611 {
    width: 536px;
    float: left;
    margin: 0 7.5px 15px;
    max-width: 536px;
    padding: 0;
    min-height: 322px;
}

.content_ensavoirplus {
    z-index: 2;
    position: relative;
    padding-top: 59px;
    padding-bottom: 139px;
}

.text_title_qualiLaquage {
    font-size: 28px;
    font-weight: 700;
    line-height: 47px;
    color: #244A93;
    border-bottom: 8px solid #244A93;
    padding-bottom: 12.75px;
}

.footer_qualiLaquage a {
    font-size: 14px;
    font-weight: 700;
    line-height: 21px;
    color: #244A93;
    text-decoration: underline;
}

.qualiLaquage_footer {
    position: relative;
    z-index: 2;
    padding-bottom: 70px;
}

.text_left_qualilaquage_footer {
    font-size: 45px;
    font-family: 'Montserrat', sans-serif;
    line-height: 56px;
    color: #ffffff;
    padding-left: 48%;
    padding-top: 87.51px;
}

.right_qualilaquage_footer {
    padding-top: 62.51px;
}

.right_qualilaquage_footer p {
    font-size: 20px;
    font-family: Ghotham;
    line-height: 30px;
    color: #ffffff;
    margin-top: 46.74px;
}

.img_right_sidebar {
    padding-top: 44.46px;
    margin-top: 16px;
    padding-bottom: 42.31px;
    box-shadow: 0 1.5px 20px 0 rgba(0, 0, 0, 0.16);
}

.right_sidebar {
    padding: 28px;
    box-shadow: 0 1.5px 20px 0 rgba(0, 0, 0, 0.16);
}

.title_right_sidebar {
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    line-height: 19px;
    color: #244A93;
}

.content_right_sidebar {
    margin-top: 23px;
}

.content_right_sidebar ul {
    list-style: none;
    margin-left: 0px;
    padding: 0px;
}

.content_right_sidebar ul li {
    margin-bottom: 9px;
}

.content_right_sidebar ul li a {
    list-style: none;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    line-height: 23px;
    color: #244A93;
    display: block;
    background: url('../img/groupe-577.svg') no-repeat right 10px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    padding-right: 22px;
}

.content_right_sidebar ul li a:hover {
    text-decoration: underline;
    background: url('../img/groupe-577.svg') no-repeat right 15px;
}

a.voir-liste {}

a.link_news {
    background: url('../img/groupe-600.svg') no-repeat;
    width: 30px;
    height: 30px;
    display: block;
    float: right;
    right: 30px;
    bottom: 40px;
    position: absolute;
}

.element_news_qualilaquage a.link_news {
    bottom: 0;
}

a.voir-liste:hover {
    text-decoration: none;
}

.carousel_posts .owl-nav {
    background: url('../img/trait-nav.svg') no-repeat center center;
}

.news_left {
    padding-bottom: 20px;
}

.carousel_posts .owl-carousel .owl-nav .owl-next::before {
    content: "" !important;
    margin-right: 10px;
}

.footer_right_sidebar {
    text-align: center;
    padding-top: 25px;
    padding-bottom: 25px;
}

.text_small_right_side_bar {
    list-style: none;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    line-height: 19px;
    color: #fff;
    margin-top: 10px;
}

.text_big_right_side_bar {
    list-style: none;
    font-size: 28px;
    font-weight: 700;
    line-height: 37px;
    color: #fff;
}


/*----------------------------------------------------*/


/* QualiMarine l’aluminium laqué certifié Page css
============================================================================================ */

.leftTop_yellow {
    background-color: #787FBD;
}

.leftTop_pink {
    background-color: #787FBD;
}

.leftTop_blue {
    background-color: #787FBD;
}

.leftTopYellow {
    background-color: #787FBD;
    border-right: 8px solid #244A93;
    height: 397px;
}

.faire_certifier {
    margin-top: 13px;
    padding: 25px 29px;
    text-align: center;
    color: #ffffff;
    font-size: 14px;
}

.faire_certifier a {
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    line-height: 19px;
    color: #fff;
    text-decoration: none;
}

.applicateur_certifies {
    margin-top: 13px;
    padding: 25px 29px;
    background-color: #00B8F1;
    text-align: center;
    color: #ffffff;
    font-size: 14px;
}

.applicateur_certifies p {
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
    color: #fff;
    text-decoration: none;
    margin-bottom: 8px;
}

.applicateur_certifies a {
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    line-height: 19px;
    color: #fff;
    text-decoration: none;
}

.content_ensavoirplus_marine {
    z-index: 2;
    position: relative;
    padding-top: 59px;
    /* padding-bottom: 139px; */
}


/*----------------------------------------------------*/


/* Adhérents Page css
============================================================================================ */

.adherent_details {
    padding: 24px 0px;
    box-shadow: 0 1.5px 3px 0 rgba(0, 0, 0, 0.16);
}

.leftTopNoBackGround {
    border-right: 8px solid #244A93;
    height: 397px;
}

.tri_alphabet ul {
    list-style: none;
    padding-left: 0px;
}

.tri_alphabet ul li {
    display: inline-block;
    margin-right: 17px;
}

.tri_alphabet ul li a {
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    line-height: 40px;
    color: #244A93;
}

.tri_certification ul {
    list-style: none;
    padding-left: 0px;
}

.tri_certification ul li {
    display: inline-block;
    margin-right: 20px;
}

.tri_certification ul li a {
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    line-height: 40px;
    color: #244A93;
}

.title_tri_adherents {
    font-size: 16px;
    font-weight: 700;
    line-height: 40px;
    color: #244A93;
}

.seperator_adherents {
    height: 8px;
    background-color: #244A93;
    margin-top: 63px;
}

.title_alphabet {
    font-size: 26px;
    font-weight: 700;
    line-height: 47px;
    color: #244A93;
    margin-bottom: 60px;
    margin-top: 20px;
    letter-spacing: 0.2px;
}

.certifications_adherent ul {
    list-style: none;
    padding-left: 0px;
}

.certifications_adherent ul li {
    padding-left: 0px;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    line-height: 23px;
    color: #878787;
}

.certifications_adherent ul li a {
    margin-left: 26px;
    list-style: none;
    padding-left: 0px;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    line-height: 23px;
    color: #878787;
}

.name_adherent {
    padding-left: 0px;
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    color: #244A93;
    letter-spacing: 0.5px;
}

.address_adherent,
.tel_email_adherent {
    font-size: 12px;
    font-family: 'Montserrat', sans-serif;
    line-height: 23px;
    color: #244A93;
    margin-top: 24.33px;
    overflow: hidden;
}

.link_adherent {
    margin-top: 3.37px;
    overflow: hidden;
}

.link_adherent a {
    text-decoration: underline;
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    line-height: 26px;
    color: #00B8F1;
}

.certifications_adherent {
    border-left: 1px solid #878787;
    padding-left: 31px;
}

.btn_toggle_details_adh {
    display: none;
    position: absolute;
    top: 15px;
    right: 15px;
    height: 30px;
    width: 30px;
    cursor: pointer;
    z-index: 2;
    color: #878787;
}

.responsive_tri {
    display: none;
}

.responsive_tri ul {
    padding: 0px;
    display: none;
}

.responsive_tri ul li {
    padding: 0px;
    list-style: none;
}

.responsive_tri ul li a {
    padding: 0px;
    list-style: none;
    font-size: 12px;
    font-family: 'Montserrat', sans-serif;
    line-height: 21px;
    color: #00B8F1;
    padding-top: 7.5px;
    padding-bottom: 7.5px;
    display: block;
    text-transform: uppercase;
    text-align: center;
}

#btn_tri_alphabetique {
    text-decoration: none;
    font-size: 12px;
    font-weight: 700;
    line-height: 21px;
    color: #fff;
    padding: 16px 27px;
    display: none;
    background-color: #00B8F1;
    border-radius: 30px;
    text-transform: uppercase;
    text-align: center;
}

.btn_tri_alphabetique_asc {
    background-image: url('../img/Groupe 758.png');
}

.btn_tri_alphabetique_desc {
    background-image: url('../img/Groupe 758.png');
}

body .marker-cluster-small div,
body .marker-cluster-medium div {
    background-color: #244A93;
}

body .marker-cluster-small,
body .marker-cluster-medium {
    background-color: rgba(36, 75, 147, 0.6);
}

#map {
    height: 637px;
    margin-bottom: 80px;
    clear: both;
}

.txt-bleu {
    color: #244A93;
}

body .leaflet-popup-content-wrapper {
    border-radius: 0;
    color: #244A93;
    font-size: 12px;
    font-family: 'Montserrat', sans-serif;
    padding: 10px;
}

body .leaflet-popup-content-wrapper strong {
    font-weight: 700;
}

body .leaflet-container a.leaflet-popup-close-button {
    font-size: 22px;
    font-family: 'Montserrat', sans-serif;
}

body .marker-cluster-small span,
body .marker-cluster-medium span {
    color: #fff;
}


/*----------------------------------------------------*/


/* FAQ Page css
============================================================================================ */

.answer_faq {
    display: none;
}

.answer_faq p {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px #878787 solid;
}

.element_faq {
    padding: 30px;
    box-shadow: 0 1.5px 3px 0 rgba(0, 0, 0, 0.16);
    margin-left: -7.5px;
    margin-right: -7.5px;
    margin-top: 15px;
    width: 100%;
}

.question_faq p {
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    line-height: 23px;
    color: #244A93;
    border-bottom: 1px #878787 solid;
    padding-bottom: 15px;
}

.answer_faq p {
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    line-height: 23px;
    color: #244A93;
}

#start_separator_faq {
    display: none;
}

.question_faq a {
    float: right;
}

.question_faq p.question-select {
    font-weight: 700;
}

.question_faq p.question-select {
    border: none;
}

.enable_disable_answer-P {
    cursor: pointer;
}


/*----------------------------------------------------*/


/* Home Banner Area css
============================================================================================ */


/*************nav owl slider*********/

.home_banner_area .owl-carousel {
    z-index: 5 !important;
}

.home_banner_area .owl-nav {
    position: absolute !important;
    right: 0px !important;
    bottom: 0px !important;
}

.home_banner_area .owl-nav .owl-prev,
.home_banner_area .owl-nav .owl-next {
    width: 55px !important;
    height: 55px !important;
    background-color: #00b8f1 !important;
    color: #fff !important;
    display: inline-block !important;
    margin: 0px !important;
    border-radius: 0px !important;
}

.home_banner_area .owl-nav .owl-prev svg,
.home_banner_area .owl-nav .owl-next svg {
    color: #fff !important;
}


/*************dots owl***********/

.home_banner_area .owl-dots {
    position: absolute;
    left: 187px;
    bottom: 84px;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
}

@media (max-width: 992px) {
    .home_banner_area .owl-dots {
        margin-top: 30px;
    }
}

.home_banner_area .owl-dot {
    position: relative;
    display: inline-block;
    background: none;
    transition: all 300ms linear 0s;
}

.home_banner_area .owl-theme .owl-dots .owl-dot span {
    background: #FFFFFF;
    width: 16px;
    height: 16px;
}

.home_banner_area .owl-theme .owl-dots .owl-dot.active span,
.home_banner_area .owl-theme .owl-dots .owl-dot:hover span {
    background: #244A93;
}

.home_banner_area .owl-dot.active {
    transition: all 300ms linear 0s;
    border-radius: 30px;
}

.home_banner_area .slide-item {
    position: relative;
    background-repeat: no-repeat;
    background-position: center left;
    background-size: cover;
    height: 752px;
}

@media (max-width: 1440px) {
    .home_banner_area .slide-item {
        background-position: 48% 100%;
    }
}

@media (max-width: 991px) {
    .home_banner_area .slide-item {
        background-position: initial;
    }
}

@media (max-width: 767px) {
    .home_banner_area .slide-item {
        height: 618px;
    }
}

@media (max-width: 320px) {
    .home_banner_area .slide-item {
        height: 568px;
    }
}

.home_banner_area .blog_text_slider {
    padding-top: 100px;
    padding-bottom: 100px;
    position: relative;
}

.home_banner_area.banner_area {
    background: url(../img/banner/home-banner.jpg) no-repeat scroll center left;
}

@media (max-width: 1440px) {
    .home_banner_area.banner_area {
        background-position: 49% 100%;
    }
}

@media (max-width: 9910px) {
    .home_banner_area.banner_area {
        background-position: 0 0;
    }
}

.home_banner_area.banner_area .blog_text_slider {
    padding: 0;
}

.home_banner_area.banner_area .blog_text {
    padding: 70px 91px 70px 91px;
}

@media (max-width: 1199px) {
    .home_banner_area.banner_area .blog_text {
        margin-top: 130px;
    }
}

@media (max-width: 991px) {
    .home_banner_area.banner_area .blog_text {
        margin-top: 105px;
        padding: 60px 20px;
    }
}

@media (max-width: 480px) {
    .home_banner_area.banner_area .blog_text {
        margin-top: 70px;
    }
}

.home_banner_area.banner_area .lnr-arrow-right {
    color: #000000;
    font-weight: 500;
    position: relative;
    top: 2px;
    margin: 0 5px;
}


/**********************************End home banner******************************************/

.blog_text {
    padding: 80px 65px 80px 91px;
}

@media (max-width: 1250px) {
    .blog_text {
        background: #ffffff;
    }
}

.blog_text .bottom {
    margin-top: 75px;
    margin-left: 116px;
    padding: 0 30px 10px;
}

@media (max-width: 1250px) {
    .blog_text .bottom {
        margin-left: 19px;
    }
}

@media (max-width: 991px) {
    .blog_text .bottom {
        margin-left: 0px;
    }
}

@media (max-width: 400px) {
    .blog_text .bottom {
        padding: 0 0 10px;
    }
}

.blog_banner {
    min-height: 780px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    margin-bottom: 0px;
}

.blog_banner .banner_inner {
    background: #04091e;
    position: relative;
    overflow: hidden;
    width: 100%;
    min-height: 780px;
    z-index: 1;
}

.blog_banner .banner_inner .overlay {
    background: url(../img/banner/banner-2.jpg) no-repeat scroll center center;
    opacity: .5;
    height: 125%;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    z-index: -1;
}

.blog_banner .banner_inner .blog_b_text {
    max-width: 700px;
    margin: auto;
    color: #fff;
    margin-top: 80px;
}

.blog_banner .banner_inner .blog_b_text h2 {
    font-size: 60px;
    font-weight: 500;
    font-family: "Playfair Display", serif;
    line-height: 66px;
    margin-bottom: 15px;
}

.blog_banner .banner_inner .blog_b_text p {
    font-size: 16px;
    margin-bottom: 35px;
}

.blog_banner .banner_inner .blog_b_text .white_bg_btn {
    line-height: 42px;
    padding: 0px 45px;
}

.banner_box {
    max-width: 1620px;
    margin: auto;
}


/* End Home Banner Area css
  ============================================================================================ */


/*Madebyme*/

.mainContent {
    width: 100%;
    position: relative;
}

.mainContentHome {
    width: 100%;
    position: relative;
}

.mainContentHome .contentBackgroundHome {
    content: "";
    position: absolute;
    height: calc(100% + 160px);
    top: -105px;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0 1.5px 6px 0 rgba(0, 0, 0, 0.16);
    z-index: 6;
    background-color: white;
}

.contentContent {
    position: relative;
    z-index: 2;
    top: -112px;
    background-color: #ffffff;
    box-shadow: 0 1.5px 6px 0 rgba(0, 0, 0, 0.16);
}

.contentContentHome {
    position: relative;
    z-index: 7;
}


/* Home */

.bloc-btn-home p {
    font-size: 22px;
    line-height: 30px;
}

.bloc-btn-home .btn {
    font-size: 14px;
    text-transform: uppercase;
    padding: 18px 33px;
    letter-spacing: 1px;
    font-weight: 700;
}

.block-home .btn.white-bg:hover {
    background-color: #e2e6ea;
}


/* cutom carousel posts
==================================================================================================*/


/*************dots owl***********/

.owl-theme .owl-nav [class*=owl-]:hover {
    background: none;
    color: #000;
    text-decoration: none;
}

.carousel_posts .owl-carousel .owl-nav .owl-next:before {
    content: "\007C";
    margin-right: 10px;
}

.carousel_posts .owl-carousel .owl-nav {
    font-size: 28px;
    color: #878787;
}

.carousel_posts .owl-dots {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
}

@media (max-width: 992px) {
    .carousel_posts .owl-dots {
        margin-top: 30px;
    }
}

.carousel_posts .owl-dot {
    position: relative;
    display: inline-block;
    background: none;
    transition: all 300ms linear 0s;
}

.carousel_posts .owl-theme .owl-dots .owl-dot span {
    background: #FFFFFF;
}

.carousel_posts .owl-theme .owl-dots .owl-dot.active span,
.carousel_posts .owl-theme .owl-dots .owl-dot:hover span {
    background: #244A93;
}

.carousel_posts .owl-dot.active {
    transition: all 300ms linear 0s;
    border-radius: 30px;
}


/***********nav owl*************/

.carousel_posts .owl-nav {
    margin-top: 62px;
    margin-bottom: 10px;
}

.limit_longueur {
    text-overflow: ellipsis;
    overflow: hidden;
}

.content_plus {
    max-height: 391px;
}

.certificat_type {
    border: 2px solid #dadada;
    background-color: #dadada;
    color: #ffffff;
    padding: 10px;
    font-size: 14px;
}


/* Home page
==================================================================================================*/

.item-article {
    box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.16);
    display: flex;
    flex-direction: column;
    flex: 1;
    margin-bottom: 60px;
    min-height: 353px;
    max-width: 260px;
}

.article-text {
    padding: 25px;
    flex: 1 0 auto;
}

.home-title {
    font-weight: 700;
    font-size: 15px;
    font-weight: 700;
}

.article-date {
    display: inline-block;
    margin: 0;
    font-size: 13px;
    background-color: #244A93;
    color: #ffffff;
    padding: 4px 5px;
}

.article-date:empty{
    display: none;
}

.item-excerpt {
    margin-top: 50px;
}

.item-excerpt p {
    font-size: 13px;
    line-height: 18px;
}

.article-img {
    height: 93px;
    position: relative;
}

.article-img img {
    width: 100%;
    object-fit: cover;
    max-height: 100%;
}

.article-border {
    height: 1px;
    margin: 0 25px;
}

.btn-article {
    display: block;
    position: absolute;
    top: 28px;
    left: 25px;
    background: #ffffff url('../img/arrow.svg') 84% 50% no-repeat;
    padding: 6px 35px 6px 6px;
    font-size: 12px;
    color: #878787;
    text-transform: uppercase;
}

.btn-article:hover {
    color: #878787;
}

.lg-btn {
    border: 1px solid #878787;
}

.sm-btn:after {
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    border: 1px solid #878787;
    position: absolute;
    right: 0;
    top: 0;
}


/* Profile */

.profile-container {
    padding: 7% 5% 5%;
}

.profile {
    margin-bottom: 50px;
}

.hello {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 36px;
}

.card-logo {
    width: 275px;
    height: 275px;
    background-color: #fff;
    box-shadow: 0 1.5px 6px 0 rgba(0, 0, 0, 0.16);
}

.subtitle,
.company-name {
    font-weight: 700;
    font-size: 18px;
}

.company-link {
    margin-bottom: 26px;
    color: #00B8F1;
    text-decoration: underline;
}

.company-link:hover {
    text-decoration: underline;
}

.company-adress,
.company-adress p,
.company-number {
    margin-bottom: 0;
    line-height: 26px;
}

.company-mail {
    color: #244A93;
}

.certifications {
    padding-left: 36px;
    border-left: 1px solid #878787;
}

.certification-item {
    font-size: 14px;
    color: #878787;
}

.certification-item img {
    margin-right: 26px;
}

.identity {
    margin-bottom: 70px;
}

.subtitle {
    text-transform: uppercase;
    display: block;
    padding-bottom: 19px;
    border-bottom: 1px solid #707070;
    margin-bottom: 35px;
    padding-left: 45px;
    position: relative;
}

.subtitle:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}

.users:after {
    background: transparent url('../img/user-group.svg') left top no-repeat;
    width: 33px;
    height: 25px;
}

.contact {
    margin-bottom: 60px;
}

.contact-item {
    flex-wrap: wrap;
}

.contact-item span {
    font-weight: 700;
    min-width: 268px;
}

.contact-item a {
    color: #244A93;
}

.calendar:after {
    background: transparent url('../img/calendar.svg') left top no-repeat;
    width: 34px;
    height: 30px;
    top: -5px;
}

.schedule-item span {
    font-weight: 700;
}

.informations {
    padding-top: 35px;
    position: relative;
}

.informations:after {
    content: "";
    display: block;
    width: 92px;
    height: 92px;
    background: transparent url('../img/information.svg') left top no-repeat;
    position: absolute;
    right: 39px;
    top: -66px;
}

.intro {
    text-align: center;
    margin-bottom: 60px;
    font-weight: 700;
    text-transform: uppercase;
}

.id-item {
    margin-bottom: 5px;
    text-align: center;
}

.id-item:nth-child(2) {
    font-weight: 700;
}

.id-item a {
    color: #244A93;
}

.schedule {
    margin-bottom: 88px;
}


/* Documents */

.basic-container {
    padding: 2% 3%;
}

.categorie,
.type,
.date,
.download {
    z-index: 1;
    text-align: center;
}

td.categorie {
    color: transparent;
}


/*td.categorie:after {
    content: attr(data-content);
    display: inline-table;
    background-color: var(--my-color-var);
    height: 90%;
    position: absolute;
    left: 0;
    top: 3px;
    display: inline-block;
    color: #fff;
    vertical-align: middle;
    border-radius: 20px;
    line-height: 36px;
    padding: 0 10px;
}*/

.type {
    text-transform: uppercase;
}

.item-category {
    padding: 5px 10px;
    border-radius: 25px;
    cursor: pointer;
    font-size: 14px;
    text-align: center;
    margin-right: 10px;
    margin-top: 10px;
    background-color: #ffffff;
    color: var(--my-color-var);
    border: 2px solid var(--my-color-var);
    transition: all .3s ease-in-out;
}

.item-category:not(.see-all):hover,
.item-category:not(.see-all).selected {
    background-color: var(--my-color-var);
    color: #ffffff;
}

.item-category:last-child {
    margin-right: 0;
}

.category-table {
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
}

.category-content {
    border-radius: 25px;
    color: #ffffff;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 10px;
}

.see-all {
    color: #DDDFDF;
    text-decoration: underline;
    transition: all .3s ease-in-out;
    margin-top: 10px;
    font-size: 14px;
    padding: 5px 10px;
    text-align: center;
    cursor: initial;
}

.see-all.active {
    color: #244A93;
    cursor: pointer;
}


/* Default table */

.btn-table {
    bottom: 1px;
    cursor: pointer;
    margin-right: 8px;
    position: relative;
    border: none;
    background: none;
    font-size: 1rem;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 40px;
    margin-top: .5em;
    width: 100%;
    max-width: 100%;
    font-size: 15px;
}

table tfoot tr {
    border-top: 3px solid #0085a6;
}

table thead th,
table tfoot th {
    background-color: #fff;
    color: #000;
    font-size: .83333em;
    padding: 15px 14px 13px 14px;
    position: relative;
    text-align: left;
    text-transform: uppercase;
    position: relative;
}

table thead th span {
    display: inline-block;
    margin-right: 10px;
    text-transform: none;
    font-size: 20px;
}

table tbody tr {
    background-color: #fff;
}

table th,
table td {
    padding: 5px 14px;
    position: relative;
    vertical-align: middle;
    color: #878787;
}

caption {
    font-size: 1.111em;
    font-weight: 300;
    padding: 10px 0;
}

@media (max-width:1024px) {
    table {
        font-size: .944444em;
    }
}

@media (max-width:767px) {
    table {
        font-size: 1em;
    }
}


/* Responsive table full */

@media (max-width: 767px) {
    .table-responsive-full {
        box-shadow: none;
    }
    .table-responsive-full thead tr,
    .table-responsive-full tfoot tr {
        display: none;
    }
    .table-responsive-full tbody tr:last-child {
        margin-bottom: 0;
    }
    .table-responsive-full tr,
    .table-responsive-full td {
        display: block;
    }
    .table-responsive-full td {
        position: relative;
        width: 85%;
    }
}


/* Sort table */

.arrow-down {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 8px solid #244A93;
    margin-left: 10px;
    transition: all .3s ease-in-out;
}

.arrow-up {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 8px solid #244A93;
    margin-left: 10px;
    transition: all .3s ease-in-out;
}

.sort-table-arrows {
    transition: .3s ease;
    display: inline-flex;
    flex-direction: column;
    justify-content: space-between;
    position: absolute;
    height: 30px;
}

.sort-table-arrows a {
    height: 14px;
}

.sort-table-arrows .btn-table,
.sort-table-arrows .fa {
    height: 100%;
}

.sort-table-arrows button {
    margin: 0;
    padding: 0;
}

.sort-table th.title,
.sort-table th.composer {
    width: 20% !important;
}

.sort-table th.lyrics,
.sort-table th.arranger,
.sort-table th.set,
.sort-table th.info {
    width: 15% !important;
}

.sort-table .title {
    font-weight: bold;
}

.sort-table .title small {
    font-weight: normal;
}

@media (max-width:767px) {
    .sort-table thead tr {
        border-bottom: none;
        display: block;
        margin: 10px 0;
        text-align: center;
    }
    .sort-table thead tr th.arranger {
        display: none;
    }
    .sort-table th {
        border-bottom: 1px solid #bfbfbf;
        border-radius: 4px;
        display: inline-block;
        font-size: .75em;
        line-height: 1;
        margin: 3px 0;
        padding: 10px;
    }
    .sort-table th.title,
    .sort-table th.composer,
    .sort-table th.lyrics,
    .sort-table th.set,
    .sort-table th.info {
        width: 100px !important;
    }
    .sort-table td.title:before {
        display: none;
    }
    .sort-table td.title {
        letter-spacing: .03em;
        padding-left: 14px;
    }
}

@media (max-width:1199px) {
    .sort-table th,
    .sort-table-arrows {
        text-align: center;
    }
    .sort-table-arrows {
        float: none;
        position: relative;
    }
}

@media (min-width:768px) and (max-width:1199px) {
    table thead th span {
        display: block;
    }
    .sort-table-arrows {
        padding: 0;
    }
    .arrow-up,
    .arrow-down {
        margin: 0;
    }
}

.download-img {
    fill: #244A93;
}

.block-home .btn.bg-blue:hover {
    background-color: #ffffff;
}

.pagination {
    width: 100%;
    justify-content: end;
}

.page-numbers.current,
.page-item {
    color: #878787;
}

.page-numbers {
    color: #244A93;
    margin-right: 2px;
}

.bloc-file .bubble {
    width: 155px;
    height: 134px;
}


/* Évènements */

#tribe-bar-form {
    background: transparent !important;
}

.tribe-bar-date-filter,
.tribe-bar-disabled {
    display: none;
}

.tribe-events-title-bar {
    text-align: center;
}

.tribe-events-page-title {
    font-weight: 700;
    font-size: 28px;
    display: inline-block;
    padding-bottom: 15px;
    margin: 0;
    margin-bottom: 0px;
    border-bottom: 5px solid #244A93;
    margin-bottom: 63px;
    margin: 0 auto;
}

#tribe-events-footer .tribe-events-sub-nav {
    display: none;
}

.tribe-events-calendar thead th,
#tribe-events .tribe-events-button {
    background-color: #244A93 !important;
}

.tribe-events-back a {
    color: #244A93;
}

.tribe-events-month-event-title a {
    color: #ffffff;
    font-family: 'Montserrat', sans-serif;
}

.tribe-events-nav-previous a,
.tribe-events-nav-next a {
    color: #00B8F1;
}

.tribe-events-calendar td div[id*="tribe-events-daynum-"],
.tribe-events-calendar td.tribe-events-past div[id*="tribe-events-daynum-"],
.tribe-events-calendar td.tribe-events-othermonth.tribe-events-future div[id*="tribe-events-daynum-"] {
    background-color: #EDEDED !important;
    color: #878787 !important;
    opacity: 1;
}

.events-archive.events-gridview #tribe-events-content table .type-tribe_events {
    background-color: #00B8F1;
    margin: 0 !important;
    color: #ffffff;
}

.tribe-events-calendar td.tribe-events-present div[id*="tribe-events-daynum-"] {
    background-color: #EDEDED !important;
    color: #878787 !important;
}

#tribe-events-content .tribe-events-calendar td {
    border-bottom: none !important;
}


/*.tribe-events-calendar td.tribe-events-othermonth.tribe-events-future div[id*="tribe-events-daynum-"] {
    background-color: #EDEDED !important;
}*/

#tribe-events-content .tribe-events-calendar td.tribe-events-othermonth {
    background: none;
}

.tribe-events-list-separator-month:after {
    border-bottom: none !important;
}

.tribe-events-nav-left.tribe-events-past {
    display: none !important;
}


/* View List */

.events-list .tribe-events-page-title {
    display: none;
}

.tribe-events-list {
    text-align: center;
}

.tribe-events-list-separator-month {
    margin-bottom: 80px !important;
}

.tribe-events-list-separator-month:not(:first-child) {
    margin-top: 150px;
}

.tribe-events-list-separator-month span {
    text-transform: uppercase;
    font-weight: 700;
    padding: 0 0 15px !important;
    margin: 0;
    margin-bottom: 0px;
    border-bottom: 5px solid #244A93;
    margin-bottom: 63px;
}

.tribe-event-url {
    color: #00B8F1;
    font-size: 28px;
    font-weight: 700;
}

.tribe-event-schedule-details {
    font-size: 18px;
    font-weight: 700;
}

.tribe-events-list .tribe-events-venue-details {
    font-style: normal !important;
    color: #878787;
    font-size: 16px;
}

#tribe-events .tribe-events-content p {
    line-height: 1.2 !important;
    color: #878787;
}

.tribe-events-loop .tribe-events-content {
    padding: 0 !important;
}

.tribe-events-read-more {
    color: #244A93;
}

.tribe-events-list .type-tribe_events {
    margin-bottom: 60px !important;
}

.tribe-events-list-separator-month+.type-tribe_events.tribe-events-first {
    padding-top: 0 !important;
}

/* Boutons custom Liste / Calendrier */

.events .btn-list,
.events .btn-calendar {
    padding: 18px 33px;
    background-color: #244A93 !important;
    color: #ffffff !important;
    border: 0 !important;
    border-radius: 0 !important;
    font-family: 'Montserrat', sans-serif !important;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    text-decoration: none !important;
}

.events .btn-list:hover,
.events .btn-calendar:hover {
    background-color: #1d3d79 !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

/* Vue Liste active */
.events:has(.tribe-events-view--list) .btn-list {
    background-color: #F3F3F3 !important;
    color: #B8B8B8 !important;
    cursor: default;
    pointer-events: none;
}

/* Vue Calendrier active */
.events:has(.tribe-events-view--month) .btn-calendar {
    background-color: #F3F3F3 !important;
    color: #B8B8B8 !important;
    cursor: default;
    pointer-events: none;
}

/* Sécurité hover sur bouton actif */
.events:has(.tribe-events-view--list) .btn-list:hover,
.events:has(.tribe-events-view--month) .btn-calendar:hover {
    background-color: #F3F3F3 !important;
    color: #B8B8B8 !important;
}

#tribe-events .tribe-events-button,
.tribe-events-button {
    border-radius: 0 !important;
}


/* Calendar Sidebar */

.tribe-events-list-widget {
    background-color: #244A93;
    color: #ffffff;
    padding: 20px;
}

.tribe-events-list-widget .widget-title {
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 35px;
}

.tribe-events-list-widget .tribe-list-widget {
    padding-left: 0;
}

.tribe-events-list-widget .tribe-events-list-widget-events {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    padding: 0 !important;
    border-bottom: 1px dotted #ffffff;
}

.tribe-events-list-widget .tribe-event-title {
    font-size: 15px;
    font-weight: 700;
    margin-left: 15px;
    margin-bottom: 15px !important;
}

.tribe-events-list-widget .tribe-event-title a {
    color: #ffffff;
}

.tribe-events-list-widget .tribe-event-date-start {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #ffffff;
    width: 43px;
    height: 53px;
    padding: 3px;
    text-transform: uppercase;
    font-size: 17px;
    font-weight: 700;
}

.tribe-event-date-start span:first-child {
    background-color: #244A93;
    color: #ffffff;
    width: 100%;
    text-align: center;
    padding: 0 3px;
    box-sizing: border-box;
    font-size: 13px;
}

.tribe-events-list-widget .tribe-event-date-end {
    display: none;
}

.tribe-events-list-widget .tribe-events-widget-link a {
    text-decoration: underline;
    color: #ffffff;
    font-weight: 500 !important;
}

.tribe-bar-views {
    display: none;
}

.events .btn {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
}

.events .btn:hover {
    color: #ffffff;
}

.post-type-archive-tribe_events .tribe-address {
    display: block;
}


/* Ultimate Member Custom Form */

.error404 .contentBackground,
.page-template-template-connexion .contentBackground,
.page-template-template-inscription .contentBackground,
.page-template-template-mdp-oublie .contentBackground {
    background: none;
    box-shadow: none;
    min-height: auto;
}

.page-template-template-connexion .container-title,
.page-template-template-inscription .container-title,
.page-template-template-mdp-oublie .container-title {
    justify-content: center;
}

.page-template-template-connexion .banner-title,
.page-template-template-inscription .banner-title,
.page-template-template-mdp-oublie .banner-title {
    color: #244A93;
    margin: 0;
}

.page-template-template-connexion .underline-title,
.page-template-template-inscription .underline-title,
.page-template-template-mdp-oublie .underline-title {
    margin-bottom: 0;
}

.um .um-field-label {
    color: #244A93 !important;
}

.um input[type="submit"].um-button,
.um input[type="submit"].um-button:focus {
    background-color: #244A93 !important;
}

.um input[type="submit"].um-button:hover {
    background-color: #1c3b75 !important;
}

.logout {
    list-style: none;
    position: absolute;
    left: 120px;
    top: 28px;
}

.logout a {
    text-transform: none;
    margin: 0;
    padding: 0;
    margin: 0 !important;
    line-height: inherit !important;
}

#menu-menu-principal .logout {
    display: none;
}

.error404 .contentBackground {
    padding-top: 60px;
}

.btn-404:hover {
    color: #FFFFFF;
    background-color: #878787;
}



/* ========================================================================== 
   1. Variables ADAL
   ========================================================================== */

.post-type-archive-tribe_events,
.single-tribe_events,
.events,
.calendar-sidebar {
    --adal-blue: #244A93;
    --adal-blue-hover: #1d3d79;
    --adal-cyan: #00B8F1;
    --adal-grey: #878787;
    --adal-grey-medium: #878787;
    --adal-grey-light-bg: #F7F7F7;
    --adal-grey-light-text: #B8B8B8;
    --adal-border: #DDDFDF;
}


/* ========================================================================== 
   2. Base typographique Events Calendar
   ========================================================================== */

.post-type-archive-tribe_events .tribe-common,
.post-type-archive-tribe_events .tribe-events,
.post-type-archive-tribe_events .tribe-common *,
.post-type-archive-tribe_events .tribe-events *,
.single-tribe_events,
.single-tribe_events .tribe-events-single,
.single-tribe_events .tribe-events-single *,
.single-tribe_events .tribe-common,
.single-tribe_events .tribe-common *,
.calendar-sidebar .tribe-common,
.calendar-sidebar .tribe-events-widget,
.calendar-sidebar .tribe-events-widget * {
    font-family: 'Montserrat', sans-serif;
}

.post-type-archive-tribe_events .tribe-events,
.post-type-archive-tribe_events .tribe-common,
.single-tribe_events .tribe-events-single {
    color: var(--adal-blue);
}

.post-type-archive-tribe_events .tribe-address {
    display: block;
}

#tribe-events .tribe-events-button,
.tribe-events-button {
    border-radius: 0 !important;
}


/* ========================================================================== 
   3. Focus global propre
   --------------------------------------------------------------------------
   Supprime les contours parasites au clic.
   Garde un focus clavier visible via :focus-visible.
   ========================================================================== */

/* Focus global propre */

a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus,
[role="button"]:focus,
[tabindex]:focus {
    outline: none !important;
    box-shadow: none !important;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[role="button"]:focus-visible,
[tabindex]:focus-visible {
    outline: 2px solid var(--adal-blue, #244A93) !important;
    outline-offset: 3px;
    box-shadow: none !important;
}


/* ========================================================================== 
   4. Boutons custom Liste / Calendrier
   --------------------------------------------------------------------------
   Boutons du thème placés au-dessus du plugin.
   L’état actif est détecté via la vue active du plugin.
   ========================================================================== */

.events .btn-list,
.events .btn-calendar {
    padding: 18px 33px;
    background-color: var(--adal-blue) !important;
    color: #ffffff !important;
    border: 0 !important;
    border-radius: 0 !important;
    font-family: 'Montserrat', sans-serif !important;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    text-decoration: none !important;
}

.events .btn-list:hover,
.events .btn-calendar:hover {
    background-color: var(--adal-blue-hover) !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

/* Vue Liste active */
.events:has(.tribe-events-view--list) .btn-list {
    background-color: #F3F3F3 !important;
    color: var(--adal-grey-light-text) !important;
    cursor: default;
    pointer-events: none;
}

/* Vue Calendrier active */
.events:has(.tribe-events-view--month) .btn-calendar {
    background-color: #F3F3F3 !important;
    color: var(--adal-grey-light-text) !important;
    cursor: default;
    pointer-events: none;
}

/* Sécurité hover sur bouton actif */
.events:has(.tribe-events-view--list) .btn-list:hover,
.events:has(.tribe-events-view--month) .btn-calendar:hover {
    background-color: #F3F3F3 !important;
    color: var(--adal-grey-light-text) !important;
}

.events .btn {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
}

.events .btn:hover {
    color: #ffffff;
}


/* ========================================================================== 
   5. Widget calendrier sidebar — Home / v6
   --------------------------------------------------------------------------
   Version actuelle du widget The Events Calendar.
   ========================================================================== */

.calendar-sidebar .sidebar {
    float: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.calendar-sidebar .widget {
    border-top: 0;
    margin: 0;
    padding: 0;
}

.calendar-sidebar .widget-title,
.calendar-sidebar .tribe-events-widget-events-list__header,
.calendar-sidebar .tribe-events-widget-events-list__header-title {
    display: none;
}

.calendar-sidebar .tribe-common,
.calendar-sidebar .tribe-events-widget,
.calendar-sidebar .tribe-events-widget-events-list {
    background-color: var(--adal-blue);
    color: #ffffff;
    font-family: 'Montserrat', sans-serif;
}

.calendar-sidebar .tribe-events-widget-events-list {
    padding: 24px 20px;
}

.calendar-sidebar .tribe-events-widget-events-list__events {
    margin: 0;
    padding: 0;
}

.calendar-sidebar .tribe-events-widget-events-list__event-row {
    display: flex;
    align-items: flex-start;
    margin: 0 0 20px;
    padding: 0 0 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.55);
}

.calendar-sidebar .tribe-events-widget-events-list__event-row:last-child {
    margin-bottom: 0;
}

.calendar-sidebar .tribe-events-widget-events-list__event-date-tag {
    position: relative;
    display: block;
    width: 52px !important;
    min-width: 52px;
    height: 64px;
    margin: 0 18px 0 0;
    padding: 0;
    background-color: #ffffff;
    color: var(--adal-blue);
    overflow: visible;
}

.calendar-sidebar .tribe-events-widget-events-list__event-date-tag-month {
    position: absolute;
    top: 4px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 18px;
    margin: 0;
    padding: 0;
    background-color: var(--adal-blue);
    color: #ffffff !important;
    font-size: 10px;
    line-height: 1;
    font-weight: 700 !important;
    text-align: center;
    text-transform: uppercase;
}

.calendar-sidebar .tribe-events-widget-events-list__event-date-tag-daynum {
    display: block;
    width: 100%;
    margin: 0;
    padding-top: 27px;
    color: var(--adal-blue) !important;
    font-size: 25px;
    line-height: 30px;
    font-weight: 700;
    text-align: center;
}

.calendar-sidebar .tribe-events-widget-events-list__event-wrapper {
    flex: 1;
    min-width: 0;
}

.calendar-sidebar .tribe-events-widget-events-list__event-datetime-wrapper {
    display: none;
}

.calendar-sidebar .tribe-events-widget-events-list__event-title {
    margin: 0;
    font-size: 12px;
    line-height: 1.35;
    font-weight: 700;
}

.calendar-sidebar .tribe-events-widget-events-list__event-title-link {
    color: #ffffff !important;
    text-decoration: none;
}

.calendar-sidebar .tribe-events-widget-events-list__event-title-link:hover {
    color: #ffffff !important;
    text-decoration: underline;
}

.calendar-sidebar .tribe-events-widget-events-list__view-more {
    margin: 24px 0 0;
}

.calendar-sidebar .tribe-events-widget-events-list__view-more-link {
    color: #ffffff !important;
    text-decoration: underline;
    font-weight: 500;
    font-size: 13px;
}

.calendar-sidebar .tribe-events-widget-events-list__view-more-link:hover {
    color: #ffffff !important;
    text-decoration: none;
}


/* ========================================================================== 
   5.b Widget calendrier sidebar — Home / fallback ancien widget v5
   --------------------------------------------------------------------------
   À conserver tant que la home utilise encore les anciennes classes :
   .tribe-events-list-widget, .tribe-event-title, .tribe-event-date-start...
   ========================================================================== */

.calendar-sidebar .tribe-events-list-widget,
.tribe-events-list-widget {
    background-color: var(--adal-blue, #244A93);
    color: #ffffff;
    padding: 20px;
    font-family: 'Montserrat', sans-serif;
}

.calendar-sidebar .tribe-events-list-widget .widget-title,
.tribe-events-list-widget .widget-title {
    display: none;
}

.calendar-sidebar .tribe-events-list-widget .tribe-list-widget,
.tribe-events-list-widget .tribe-list-widget {
    margin: 0;
    padding-left: 0;
}

.calendar-sidebar .tribe-events-list-widget .tribe-events-list-widget-events,
.tribe-events-list-widget .tribe-events-list-widget-events {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    margin: 0 0 20px;
    padding: 0 0 20px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.55);
}

.calendar-sidebar .tribe-events-list-widget .tribe-events-list-widget-events:last-child,
.tribe-events-list-widget .tribe-events-list-widget-events:last-child {
    margin-bottom: 0;
}

.calendar-sidebar .tribe-events-list-widget .tribe-event-title,
.tribe-events-list-widget .tribe-event-title {
    margin: 0 0 0 15px !important;
    font-size: 12px;
    line-height: 1.35;
    font-weight: 700;
}

.calendar-sidebar .tribe-events-list-widget .tribe-event-title a,
.tribe-events-list-widget .tribe-event-title a {
    color: #ffffff !important;
    text-decoration: none;
}

.calendar-sidebar .tribe-events-list-widget .tribe-event-title a:hover,
.tribe-events-list-widget .tribe-event-title a:hover {
    color: #ffffff !important;
    text-decoration: underline;
}

.calendar-sidebar .tribe-events-list-widget .tribe-event-date-start,
.tribe-events-list-widget .tribe-event-date-start {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 52px;
    min-width: 52px;
    height: 64px;
    padding: 0;
    background-color: #ffffff;
    color: var(--adal-blue, #244A93);
    text-transform: uppercase;
    font-size: 25px;
    line-height: 30px;
    font-weight: 700;
    text-align: center;
}

.calendar-sidebar .tribe-events-list-widget .tribe-event-date-start span:first-child,
.tribe-events-list-widget .tribe-event-date-start span:first-child {
    display: block;
    width: 44px;
    height: 18px;
    margin: 4px auto 5px;
    padding: 0;
    background-color: var(--adal-blue, #244A93);
    color: #ffffff;
    font-size: 10px;
    line-height: 18px;
    font-weight: 700;
    text-align: center;
}

.calendar-sidebar .tribe-events-list-widget .tribe-event-date-end,
.tribe-events-list-widget .tribe-event-date-end {
    display: none;
}

.calendar-sidebar .tribe-events-list-widget .tribe-events-widget-link,
.tribe-events-list-widget .tribe-events-widget-link {
    margin: 24px 0 0;
}

.calendar-sidebar .tribe-events-list-widget .tribe-events-widget-link a,
.tribe-events-list-widget .tribe-events-widget-link a {
    color: #ffffff !important;
    text-decoration: underline;
    font-weight: 500 !important;
    font-size: 13px;
}

.calendar-sidebar .tribe-events-list-widget .tribe-events-widget-link a:hover,
.tribe-events-list-widget .tribe-events-widget-link a:hover {
    color: #ffffff !important;
    text-decoration: none;
}


/* ========================================================================== 
   6. Vue Liste — Archive événements
   ========================================================================== */

.post-type-archive-tribe_events .tribe-events-calendar-list {
    text-align: center;
}

/* Masquage des éléments non souhaités dans la vue liste */
.post-type-archive-tribe_events .tribe-events-calendar-list__event-date-tag,
.post-type-archive-tribe_events .tribe-events-calendar-list__event-featured-image-wrapper {
    display: none !important;
}

.post-type-archive-tribe_events .tribe-events-calendar-list__month-separator {
    display: block !important;
    margin: 0 auto 58px !important;
    padding: 0 !important;
    text-align: center !important;
}

.post-type-archive-tribe_events .tribe-events-calendar-list__month-separator:after {
    display: none !important;
}

.post-type-archive-tribe_events .tribe-events-calendar-list__month-separator-text {
    display: inline-block !important;
    padding: 0 0 12px !important;
    border-bottom: 5px solid var(--adal-blue) !important;
    color: var(--adal-blue) !important;
    font-size: 28px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    text-transform: capitalize !important;
}

.post-type-archive-tribe_events .tribe-events-calendar-list__event-row {
    display: block !important;
    margin: 0 auto 96px !important;
    padding: 0 !important;
}

.post-type-archive-tribe_events .tribe-events-calendar-list__event-wrapper {
    display: block !important;
    width: 100% !important;
    max-width: 640px !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

.post-type-archive-tribe_events .tribe-events-calendar-list__event {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}

.post-type-archive-tribe_events .tribe-events-calendar-list__event-details {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    text-align: center !important;
}

.post-type-archive-tribe_events .tribe-events-calendar-list__event-title {
    order: 1;
    margin: 0 0 4px !important;
    padding: 0 !important;
    font-size: 28px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    text-align: center !important;
}

.post-type-archive-tribe_events .tribe-events-calendar-list__event-title-link {
    color: var(--adal-cyan) !important;
    text-decoration: none !important;
    border: 0 !important;
}

.post-type-archive-tribe_events .tribe-events-calendar-list__event-title-link:hover {
    color: var(--adal-blue) !important;
    text-decoration: none !important;
    border: 0 !important;
}

.post-type-archive-tribe_events .tribe-events-calendar-list__event-datetime-wrapper {
    order: 2;
    margin: 0 0 12px !important;
    padding: 0 !important;
    text-align: center !important;
}

.post-type-archive-tribe_events .tribe-events-calendar-list__event-datetime {
    color: var(--adal-blue) !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
}

.post-type-archive-tribe_events .tribe-events-calendar-list__event-venue {
    order: 3;
    margin: 0 0 22px !important;
    padding: 0 !important;
    color: var(--adal-grey) !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
    font-style: normal !important;
    text-align: center !important;
}

.post-type-archive-tribe_events .tribe-events-calendar-list__event-venue-title,
.post-type-archive-tribe_events .tribe-events-calendar-list__event-venue-address {
    display: block !important;
    color: var(--adal-grey) !important;
    font-weight: 400 !important;
}

.post-type-archive-tribe_events .tribe-events-calendar-list__event-description,
.post-type-archive-tribe_events .tribe-events-calendar-list__event-description p {
    order: 4;
    display: block !important;
    max-width: 620px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    color: var(--adal-grey) !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    text-align: center !important;
}


/* ========================================================================== 
   7. Barre native Events Calendar — navigation, datepicker, vues
   ========================================================================== */

.post-type-archive-tribe_events .tribe-events .tribe-events-c-top-bar__datepicker-button,
.post-type-archive-tribe_events .tribe-events .tribe-events-c-top-bar__datepicker-button:hover,
.post-type-archive-tribe_events .tribe-events .tribe-events-c-top-bar__datepicker-button:focus,
.post-type-archive-tribe_events .tribe-events .tribe-events-c-top-bar__datepicker-button:active {
    color: var(--adal-blue) !important;
    outline: none !important;
    box-shadow: none !important;
}

.post-type-archive-tribe_events .tribe-events .tribe-events-c-top-bar__datepicker-time {
    color: var(--adal-blue) !important;
    font-weight: 500 !important;
}

.post-type-archive-tribe_events .tribe-events .tribe-events-c-top-bar__datepicker-button-icon-svg,
.post-type-archive-tribe_events .tribe-events .tribe-events-c-top-bar__datepicker-button-icon-svg path,
.post-type-archive-tribe_events .tribe-events .tribe-events-c-view-selector svg path {
    fill: var(--adal-blue) !important;
    color: var(--adal-blue) !important;
}

.post-type-archive-tribe_events .tribe-events .tribe-events-c-nav__prev,
.post-type-archive-tribe_events .tribe-events .tribe-events-c-nav__next,
.post-type-archive-tribe_events .tribe-events .tribe-events-c-nav__today,
.post-type-archive-tribe_events .tribe-events .tribe-events-calendar-month__day-date-link,
.post-type-archive-tribe_events .tribe-events .tribe-events-calendar-month-mobile-events__mobile-event-title-link {
    color: var(--adal-blue);
}

.post-type-archive-tribe_events .tribe-events .tribe-events-c-nav__prev:hover,
.post-type-archive-tribe_events .tribe-events .tribe-events-c-nav__next:hover,
.post-type-archive-tribe_events .tribe-events .tribe-events-c-nav__today:hover,
.post-type-archive-tribe_events .tribe-events .tribe-events-calendar-month__day-date-link:hover,
.post-type-archive-tribe_events .tribe-events .tribe-events-calendar-month-mobile-events__mobile-event-title-link:hover {
    color: var(--adal-cyan);
}

.post-type-archive-tribe_events .tribe-common .tribe-common-c-btn,
.post-type-archive-tribe_events .tribe-common a.tribe-common-c-btn,
.post-type-archive-tribe_events .tribe-common button.tribe-common-c-btn {
    background-color: var(--adal-blue);
    border-color: var(--adal-blue);
    color: #ffffff;
    font-family: 'Montserrat', sans-serif;
}

.post-type-archive-tribe_events .tribe-common .tribe-common-c-btn:hover,
.post-type-archive-tribe_events .tribe-common a.tribe-common-c-btn:hover,
.post-type-archive-tribe_events .tribe-common button.tribe-common-c-btn:hover {
    background-color: var(--adal-blue-hover);
    border-color: var(--adal-blue-hover);
}


/* ========================================================================== 
   8. Datepicker — jours, mois, années
   ========================================================================== */

.post-type-archive-tribe_events .datepicker button.day,
.post-type-archive-tribe_events .datepicker button.month,
.post-type-archive-tribe_events .datepicker button.year,
.post-type-archive-tribe_events .datepicker button.decade,
.post-type-archive-tribe_events .datepicker button.century {
    border-radius: 0 !important;
    font-family: 'Montserrat', sans-serif !important;
    background-image: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
    outline: none !important;
}

/* Élément sélectionné */
.post-type-archive-tribe_events .datepicker button.day.active,
.post-type-archive-tribe_events .datepicker button.day.active:hover,
.post-type-archive-tribe_events .datepicker button.day.active:focus,
.post-type-archive-tribe_events .datepicker button.day.active:active,
.post-type-archive-tribe_events .datepicker button.day.active.current,
.post-type-archive-tribe_events .datepicker button.month.active,
.post-type-archive-tribe_events .datepicker button.month.active:hover,
.post-type-archive-tribe_events .datepicker button.month.active:focus,
.post-type-archive-tribe_events .datepicker button.month.active:active,
.post-type-archive-tribe_events .datepicker button.year.active,
.post-type-archive-tribe_events .datepicker button.year.active:hover,
.post-type-archive-tribe_events .datepicker button.year.active:focus,
.post-type-archive-tribe_events .datepicker button.year.active:active,
.post-type-archive-tribe_events .datepicker button.decade.active,
.post-type-archive-tribe_events .datepicker button.decade.active:hover,
.post-type-archive-tribe_events .datepicker button.decade:focus,
.post-type-archive-tribe_events .datepicker button.century.active,
.post-type-archive-tribe_events .datepicker button.century.active:hover,
.post-type-archive-tribe_events .datepicker button.century:focus {
    background: var(--adal-blue) !important;
    background-color: var(--adal-blue) !important;
    background-image: none !important;
    color: #ffffff !important;
    border: 0 !important;
    border-radius: 0 !important;
    font-weight: 700 !important;
    outline: none !important;
    outline-offset: 0 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    -webkit-box-shadow: none !important;
    -webkit-appearance: none !important;
}

/* Élément courant non sélectionné */
.post-type-archive-tribe_events .datepicker button.day.current:not(.active),
.post-type-archive-tribe_events .datepicker button.today:not(.active),
.post-type-archive-tribe_events .datepicker button.month.current:not(.active),
.post-type-archive-tribe_events .datepicker button.year.current:not(.active),
.post-type-archive-tribe_events .datepicker button.decade.current:not(.active),
.post-type-archive-tribe_events .datepicker button.century.current:not(.active),
.post-type-archive-tribe_events .datepicker button.month.focused:not(.active),
.post-type-archive-tribe_events .datepicker button.year.focused:not(.active),
.post-type-archive-tribe_events .datepicker button.decade.focused:not(.active),
.post-type-archive-tribe_events .datepicker button.century.focused:not(.active) {
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
    color: var(--adal-blue) !important;
    border: 1px solid var(--adal-blue) !important;
    border-radius: 0 !important;
    font-weight: 500 !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Hover non sélectionné */
.post-type-archive-tribe_events .datepicker button.day:not(.active):hover,
.post-type-archive-tribe_events .datepicker button.month:not(.active):hover,
.post-type-archive-tribe_events .datepicker button.year:not(.active):hover,
.post-type-archive-tribe_events .datepicker button.decade:not(.active):hover,
.post-type-archive-tribe_events .datepicker button.century:not(.active):hover {
    background: #EDEDED !important;
    background-color: #EDEDED !important;
    background-image: none !important;
    color: var(--adal-blue) !important;
    border-radius: 0 !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Navigation du datepicker */
.post-type-archive-tribe_events .datepicker button.prev,
.post-type-archive-tribe_events .datepicker button.next,
.post-type-archive-tribe_events .datepicker button.datepicker-switch {
    color: var(--adal-blue) !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: none !important;
}

.post-type-archive-tribe_events .datepicker button.prev svg path,
.post-type-archive-tribe_events .datepicker button.next svg path {
    fill: var(--adal-blue) !important;
}

/* Pseudo-éléments parasites */
.post-type-archive-tribe_events .datepicker button.day::before,
.post-type-archive-tribe_events .datepicker button.day::after,
.post-type-archive-tribe_events .datepicker button.month::before,
.post-type-archive-tribe_events .datepicker button.month::after,
.post-type-archive-tribe_events .datepicker button.year::before,
.post-type-archive-tribe_events .datepicker button.year::after,
.post-type-archive-tribe_events .datepicker button.decade::before,
.post-type-archive-tribe_events .datepicker button.decade::after,
.post-type-archive-tribe_events .datepicker button.century::before,
.post-type-archive-tribe_events .datepicker button.century::after {
    display: none !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}


/* ========================================================================== 
   9. Bouton abonnement calendrier
   ========================================================================== */

.post-type-archive-tribe_events .tribe-events .tribe-events-c-subscribe-dropdown__container {
    margin-top: 30px;
}

.post-type-archive-tribe_events .tribe-events .tribe-events-c-subscribe-dropdown__button,
.single-tribe_events .tribe-events .tribe-events-c-subscribe-dropdown__button {
    border: 2px solid var(--adal-blue) !important;
    border-radius: 0 !important;
    background-color: #ffffff !important;
    color: var(--adal-blue) !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: none;
}

.post-type-archive-tribe_events .tribe-events .tribe-events-c-subscribe-dropdown__button:hover,
.post-type-archive-tribe_events .tribe-events .tribe-events-c-subscribe-dropdown__button:focus,
.post-type-archive-tribe_events .tribe-events .tribe-events-c-subscribe-dropdown__button:active,
.single-tribe_events .tribe-events .tribe-events-c-subscribe-dropdown__button:hover,
.single-tribe_events .tribe-events .tribe-events-c-subscribe-dropdown__button:focus,
.single-tribe_events .tribe-events .tribe-events-c-subscribe-dropdown__button:active {
    border-color: var(--adal-blue) !important;
    background-color: var(--adal-blue) !important;
    color: #ffffff !important;
    outline: none !important;
    box-shadow: none !important;
}

.post-type-archive-tribe_events .tribe-events .tribe-events-c-subscribe-dropdown__button-text,
.single-tribe_events .tribe-events .tribe-events-c-subscribe-dropdown__button-text {
    color: inherit !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    outline: none !important;
    box-shadow: none !important;
}

.post-type-archive-tribe_events .tribe-events .tribe-events-c-subscribe-dropdown__button-text:focus,
.post-type-archive-tribe_events .tribe-events .tribe-events-c-subscribe-dropdown__button-text:focus-visible,
.post-type-archive-tribe_events .tribe-events button.tribe-events-c-subscribe-dropdown__button-text:focus,
.post-type-archive-tribe_events .tribe-events button.tribe-events-c-subscribe-dropdown__button-text:focus-visible,
.single-tribe_events .tribe-events .tribe-events-c-subscribe-dropdown__button-text:focus,
.single-tribe_events .tribe-events .tribe-events-c-subscribe-dropdown__button-text:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}

.post-type-archive-tribe_events .tribe-events .tribe-events-c-subscribe-dropdown__button-icon,
.post-type-archive-tribe_events .tribe-events .tribe-events-c-subscribe-dropdown__button svg,
.single-tribe_events .tribe-events .tribe-events-c-subscribe-dropdown__button svg,
.post-type-archive-tribe_events .tribe-events .tribe-events-c-subscribe-dropdown__button-icon path,
.post-type-archive-tribe_events .tribe-events .tribe-events-c-subscribe-dropdown__button svg path,
.single-tribe_events .tribe-events .tribe-events-c-subscribe-dropdown__button svg path {
    color: inherit !important;
    fill: currentColor !important;
    stroke: currentColor !important;
}

.post-type-archive-tribe_events .tribe-events .tribe-events-c-subscribe-dropdown__content,
.single-tribe_events .tribe-events .tribe-events-c-subscribe-dropdown__content {
    border-color: var(--adal-blue) !important;
    border-radius: 0 !important;
    font-family: 'Montserrat', sans-serif !important;
}

.post-type-archive-tribe_events .tribe-events .tribe-events-c-subscribe-dropdown__list-item-link,
.single-tribe_events .tribe-events .tribe-events-c-subscribe-dropdown__list-item-link {
    color: var(--adal-blue) !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 500 !important;
    text-decoration: none;
}

.post-type-archive-tribe_events .tribe-events .tribe-events-c-subscribe-dropdown__list-item-link:hover,
.single-tribe_events .tribe-events .tribe-events-c-subscribe-dropdown__list-item-link:hover {
    color: var(--adal-cyan) !important;
    text-decoration: none;
}


/* ========================================================================== 
   10. Vue Mois — Grille calendrier
   ========================================================================== */

/* Base cellules */
.post-type-archive-tribe_events .tribe-events-calendar-month__day {
    background-color: #ffffff !important;
}

.post-type-archive-tribe_events .tribe-events-calendar-month__day-cell {
    background-color: transparent !important;
}

.post-type-archive-tribe_events .tribe-events .tribe-events-calendar-month__header-column-title,
.post-type-archive-tribe_events .tribe-events .tribe-events-calendar-month__day-date,
.post-type-archive-tribe_events .tribe-events .tribe-events-calendar-month-mobile-events__mobile-event-datetime,
.post-type-archive-tribe_events .tribe-events .tribe-events-calendar-month-mobile-events__mobile-day,
.post-type-archive-tribe_events .tribe-events .tribe-events-calendar-month-mobile-events__mobile-day p,
.post-type-archive-tribe_events .tribe-events .tribe-events-calendar-month-mobile-events__mobile-day span {
    color: var(--adal-blue);
    font-family: 'Montserrat', sans-serif;
}

/* Jour sélectionné mobile */
.post-type-archive-tribe_events .tribe-events button.tribe-events-calendar-month__day-cell--mobile.tribe-events-calendar-month__day-cell--selected,
.post-type-archive-tribe_events .tribe-events button.tribe-events-calendar-month__day-cell--mobile.tribe-events-calendar-month__day-cell--selected:hover,
.post-type-archive-tribe_events .tribe-events button.tribe-events-calendar-month__day-cell--mobile.tribe-events-calendar-month__day-cell--selected:focus,
.post-type-archive-tribe_events .tribe-events .tribe-events-calendar-month button.tribe-events-calendar-month__day-cell.tribe-events-calendar-month__day-cell--mobile.tribe-events-calendar-month__day-cell--selected {
    background-color: var(--adal-blue) !important;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    outline: none !important;
    box-shadow: none !important;
}

.post-type-archive-tribe_events .tribe-events button.tribe-events-calendar-month__day-cell--mobile.tribe-events-calendar-month__day-cell--selected::before,
.post-type-archive-tribe_events .tribe-events button.tribe-events-calendar-month__day-cell--mobile.tribe-events-calendar-month__day-cell--selected::after {
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
}

.post-type-archive-tribe_events .tribe-events .tribe-events-calendar-month__day-cell--selected .tribe-events-calendar-month__day-date,
.post-type-archive-tribe_events .tribe-events .tribe-events-calendar-month__day-cell--selected .tribe-events-calendar-month__day-date-link,
.post-type-archive-tribe_events .tribe-events .tribe-events-calendar-month__day-cell--selected .tribe-events-calendar-month__day-date-daynum,
.post-type-archive-tribe_events .tribe-events .tribe-events-calendar-month__day-cell--selected time,
.post-type-archive-tribe_events .tribe-events .tribe-events-calendar-month__day-cell--selected span,
.post-type-archive-tribe_events .tribe-events button.tribe-events-calendar-month__day-cell--mobile.tribe-events-calendar-month__day-cell--selected .tribe-events-calendar-month__day-date-daynum {
    color: #ffffff !important;
    font-weight: 700 !important;
}

/* Jours passés sans événement */
.post-type-archive-tribe_events .tribe-events-calendar-month__day--past {
    background-color: var(--adal-grey-light-bg) !important;
}

.post-type-archive-tribe_events .tribe-events-calendar-month__day--past .tribe-events-calendar-month__day-date-daynum,
.post-type-archive-tribe_events .tribe-events-calendar-month__day--past .tribe-events-calendar-month__day-date-link {
    color: var(--adal-grey-light-text) !important;
}

/* Jours passés avec événement */
.post-type-archive-tribe_events .tribe-events-calendar-month__day--past:has(.tribe-events-calendar-month__calendar-event) {
    background-color: var(--adal-grey-medium) !important;
}

.post-type-archive-tribe_events .tribe-events-calendar-month__day--past:has(.tribe-events-calendar-month__calendar-event) .tribe-events-calendar-month__day-date-daynum,
.post-type-archive-tribe_events .tribe-events-calendar-month__day--past:has(.tribe-events-calendar-month__calendar-event) .tribe-events-calendar-month__day-date-link,
.post-type-archive-tribe_events .tribe-events-calendar-month__day--past:has(.tribe-events-calendar-month__calendar-event) .tribe-events-calendar-month__calendar-event-datetime,
.post-type-archive-tribe_events .tribe-events-calendar-month__day--past:has(.tribe-events-calendar-month__calendar-event) .tribe-events-calendar-month__calendar-event-datetime time,
.post-type-archive-tribe_events .tribe-events-calendar-month__day--past:has(.tribe-events-calendar-month__calendar-event) .tribe-events-calendar-month__calendar-event-datetime-separator,
.post-type-archive-tribe_events .tribe-events-calendar-month__day--past:has(.tribe-events-calendar-month__calendar-event) .tribe-events-calendar-month__calendar-event-title-link {
    color: #ffffff !important;
}

/* Jour actuel */
.post-type-archive-tribe_events .tribe-events-calendar-month__day--current {
    background-color: #ffffff !important;
}

.post-type-archive-tribe_events .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date-daynum,
.post-type-archive-tribe_events .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date-link {
    color: var(--adal-cyan) !important;
    font-weight: 700 !important;
}

/* Jour actuel sélectionné en mobile */
.post-type-archive-tribe_events .tribe-events-calendar-month__day--current button.tribe-events-calendar-month__day-cell--selected {
    background-color: #ffffff !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Jours à venir sans événement */
.post-type-archive-tribe_events .tribe-events-calendar-month__day:not(.tribe-events-calendar-month__day--past):not(.tribe-events-calendar-month__day--current) {
    background-color: #ffffff !important;
}

.post-type-archive-tribe_events .tribe-events-calendar-month__day:not(.tribe-events-calendar-month__day--past):not(.tribe-events-calendar-month__day--current) .tribe-events-calendar-month__day-date-daynum,
.post-type-archive-tribe_events .tribe-events-calendar-month__day:not(.tribe-events-calendar-month__day--past):not(.tribe-events-calendar-month__day--current) .tribe-events-calendar-month__day-date-link {
    color: var(--adal-blue) !important;
    font-weight: 700 !important;
}

/* Jours à venir avec événement */
.post-type-archive-tribe_events .tribe-events-calendar-month__day:not(.tribe-events-calendar-month__day--past):not(.tribe-events-calendar-month__day--current):has(.tribe-events-calendar-month__calendar-event) {
    background-color: var(--adal-blue) !important;
}

.post-type-archive-tribe_events .tribe-events-calendar-month__day:not(.tribe-events-calendar-month__day--past):not(.tribe-events-calendar-month__day--current):has(.tribe-events-calendar-month__calendar-event) .tribe-events-calendar-month__day-date-daynum,
.post-type-archive-tribe_events .tribe-events-calendar-month__day:not(.tribe-events-calendar-month__day--past):not(.tribe-events-calendar-month__day--current):has(.tribe-events-calendar-month__calendar-event) .tribe-events-calendar-month__day-date-link,
.post-type-archive-tribe_events .tribe-events-calendar-month__day:not(.tribe-events-calendar-month__day--past):not(.tribe-events-calendar-month__day--current):has(.tribe-events-calendar-month__calendar-event) .tribe-events-calendar-month__calendar-event-title-link {
    color: #ffffff !important;
}

/* Heure des événements à venir */
.post-type-archive-tribe_events .tribe-events-calendar-month__day:not(.tribe-events-calendar-month__day--past):not(.tribe-events-calendar-month__day--current):has(.tribe-events-calendar-month__calendar-event) .tribe-events-calendar-month__calendar-event-datetime,
.post-type-archive-tribe_events .tribe-events-calendar-month__day:not(.tribe-events-calendar-month__day--past):not(.tribe-events-calendar-month__day--current):has(.tribe-events-calendar-month__calendar-event) .tribe-events-calendar-month__calendar-event-datetime time,
.post-type-archive-tribe_events .tribe-events-calendar-month__day:not(.tribe-events-calendar-month__day--past):not(.tribe-events-calendar-month__day--current):has(.tribe-events-calendar-month__calendar-event) .tribe-events-calendar-month__calendar-event-datetime-separator {
    color: var(--adal-cyan) !important;
}

/* Points événement mobile */
.post-type-archive-tribe_events .tribe-events-calendar-month__day--past .tribe-events-calendar-month__mobile-events-icon--event {
    background-color: #ffffff !important;
}

.post-type-archive-tribe_events .tribe-events-calendar-month__day:not(.tribe-events-calendar-month__day--past) .tribe-events-calendar-month__mobile-events-icon--event,
.post-type-archive-tribe_events .tribe-events .tribe-events-calendar-month__mobile-events-icon--event {
    background-color: var(--adal-cyan) !important;
}

.post-type-archive-tribe_events .tribe-events .tribe-events-calendar-month__day-cell--selected .tribe-events-calendar-month__mobile-events-icon--event {
    background-color: #ffffff !important;
}

/* Liens événements */
.post-type-archive-tribe_events .tribe-events-calendar-month__calendar-event-title-link {
    color: var(--adal-blue);
    text-decoration: none !important;
    border: 0 !important;
}

.post-type-archive-tribe_events .tribe-events-calendar-month__calendar-event-title-link:hover {
    color: var(--adal-cyan);
    text-decoration: underline !important;
}


/* ========================================================================== 
   11. Fiche événement
   --------------------------------------------------------------------------
   Couleurs et typographie uniquement.
   Pas de modification structurelle.
   ========================================================================== */

.single-tribe_events .tribe-events-back a {
    color: var(--adal-blue) !important;
    text-decoration: none;
    font-weight: 500;
}

.single-tribe_events .tribe-events-back a:hover {
    color: var(--adal-cyan) !important;
    text-decoration: underline;
}

.single-tribe_events .tribe-events-single-event-title {
    color: var(--adal-cyan) !important;
    font-weight: 700 !important;
}

.single-tribe_events .tribe-events-schedule,
.single-tribe_events .tribe-events-schedule *,
.single-tribe_events .tribe-event-date-start,
.single-tribe_events .tribe-event-time {
    color: var(--adal-blue) !important;
    font-weight: 700;
}

.single-tribe_events .tribe-events-sub-nav a {
    color: var(--adal-blue) !important;
    text-decoration: none;
    font-weight: 500;
}

.single-tribe_events .tribe-events-sub-nav a:hover {
    color: var(--adal-cyan) !important;
    text-decoration: underline;
}

.single-tribe_events .tribe-events-single-event-description,
.single-tribe_events .tribe-events-single-event-description p,
.single-tribe_events .tribe-events-content {
    color: var(--adal-grey);
}

.single-tribe_events .tribe-events-single-event-description a,
.single-tribe_events .tribe-events-content a {
    color: var(--adal-blue) !important;
    text-decoration: underline;
}

.single-tribe_events .tribe-events-single-event-description a:hover,
.single-tribe_events .tribe-events-content a:hover {
    color: var(--adal-cyan) !important;
}

.single-tribe_events .tribe-events-single-section,
.single-tribe_events .tribe-events-event-meta {
    color: var(--adal-blue);
}

.single-tribe_events .tribe-events-single-section-title,
.single-tribe_events .tribe-events-meta-label,
.single-tribe_events .tribe-events-start-date-label,
.single-tribe_events .tribe-events-start-time-label {
    color: var(--adal-blue) !important;
    font-weight: 700 !important;
}

.single-tribe_events .tribe-events-meta-value,
.single-tribe_events .tribe-events-meta-item,
.single-tribe_events .tribe-events-abbr,
.single-tribe_events .tribe-events-start-time,
.single-tribe_events .tribe-events-address,
.single-tribe_events .tribe-address,
.single-tribe_events .tribe-locality,
.single-tribe_events .tribe-country-name {
    color: var(--adal-blue) !important;
    font-weight: 400;
}

.single-tribe_events .tribe-events-gmap {
    color: var(--adal-blue) !important;
    text-decoration: underline;
    font-weight: 500;
}

.single-tribe_events .tribe-events-gmap:hover {
    color: var(--adal-cyan) !important;
}

.single-tribe_events .tribe-events-single-section,
.single-tribe_events .tribe-events-event-meta,
.single-tribe_events #tribe-events-footer,
.single-tribe_events #tribe-events-header {
    border-color: var(--adal-border);
}

.single-tribe_events a:focus,
.single-tribe_events button:focus,
.single-tribe_events [role="button"]:focus {
    outline: none !important;
    box-shadow: none !important;
}

/* Fin section Évènements */