/*
Theme Name: Fondation Martell
Description: Fondation Martell
Author: 16h33
Author URI: http://www.16h33.fr
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/

@font-face {
    font-family: 'Helvetica';
    src: url('fonts/Helvetica.woff2') format('woff2'),
        url('fonts/Helvetica.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

p, li, dt, dd, dl, address, label, small, pre, code {
    line-height: 1.25;
    margin: 18px 0px 0px 0px;
   
}

a, p, li, dt, dd, dl, address, label, small, pre, code, span, div, input, b, button{
    font-family: "Helvetica", sans-serif !important;
    font-weight: 400 !important;
    font-style: normal !important;
}

strong{
    font-family: "Helvetica", sans-serif !important;
    font-style: normal !important;
}

em, i{
    font-family: "Helvetica", sans-serif !important;
    font-weight: 400 !important;
}

body .box-wrapper h1, body .box-wrapper h2, body .box-wrapper h3, body .box-wrapper h4, body .box-wrapper h5, body .box-wrapper h6,
body .box-wrapper h1 a, body .box-wrapper h2 a, body .box-wrapper h3 a, body .box-wrapper h4 a, body .box-wrapper h5 a, body .box-wrapper h6 a,
body .box-wrapper h1 span, body .box-wrapper h2 span, body .box-wrapper h3 span, body .box-wrapper h4 span, body .box-wrapper h5 span, body .box-wrapper h6 span{
    font-family: "forma-djr-banner", sans-serif !important;
    font-weight: 600 !important;
    font-style: normal !important;
    letter-spacing: 1px;
}

/* -------------------------------- Général -------------------------------- */

.displayNone{
    display: none;
}

:root{
    scroll-behavior: smooth;
}

.h1 span{
    font-size: 38px !important;
    line-height: 44px !important;
}

.h2 span{
    font-size: 33px !important;
    line-height: 39px !important;
}

p,
li{
    font-size: 18px;
    line-height: 26px;
}

@media (max-width: 700px){
    p,
    li{
        font-size: 16px;
        line-height: 24px;
    }
}

.uncont .uncode_text_column p{
    word-break: break-word;
}

.page__exerpt p{
    font-size: 20px;
    line-height: 35px;
}

.custom-link.btn{
    padding: 8px 50px !important;
    font-size: 16px !important;
    line-height: 19px !important;
    text-transform: none !important;
}

a:hover{
    color: #000 !important;
}

.panel-title.active > a,
.panel-title.active > a span:after{
    color: #000 !important;
}

@media (max-width: 600px){
    .page-wrapper{
        display: block;
        margin-bottom: 60px;
    }
}

.boucle__greyHover{
    overflow: visible !important;
}

.boucle__greyHover .tmb > .t-inside{
    margin: 0px !important;
}

#menu-menu-principal li.boutique a,
#menu-menu-principal-anglais li.boutique a{
    display: none;
}

#menu-menu-principal li.billetterie,
#menu-menu-principal-anglais li.billetterie{
    padding-top: 0px !important;
}

::selection{
    background-color: #c8890d;
}

@media (max-width: 959px){
    .h1 span{
        font-size: 30px !important;
        line-height: 35px !important;
    }
    .h2 span,
    .h3{
        font-size: 25px !important;
        line-height: 29px !important;
    }
    .page__exerpt p{
        font-size: 16px;
        line-height: 25px;
    }
}

@media (min-width: 551px){
    .boucle__greyHover .tmb{
        padding: 15px 15px 28px 15px !important;
    }
    .boucle__greyHover .tmb:hover{
        background-color: #F0F0F0 !important;
    }
}

@media (max-width: 551px){
    .home .boucle__articles .tmb{
        padding-right: 0px !important;
    }
}

@media (max-width: 959px){
    .padding72{
        padding-top: 72px !important;
    }
}

/* ----------------------------------------------- HOME ----------------------------------------------- */

.home__categorie .heading-text span{
    font-size: 38px;
    line-height: 44px;
}

.home__categorie .uncode_text_column p{
    font-size: 20px;
    line-height: 35px;
}

.home__categorie .btn-container a{
    font-size: 14px;
}

.t-entry-title,
.t-entry-cf-date_residence,
.t-entry-readmore,
.t-entry div{
    margin: 0px !important;
}

.home__eventAVenir .owl-carousel-container.owl-carousel-loading .owl-carousel{
    height: 100%;
}

@media (max-width: 959px){
    .home__ArtisteEnResidenceListe1 .tmb.tmb-carousel,
    .home__ArtisteEnResidence .tmb.tmb-carousel{
        margin-bottom: 60px !important;
    }
    .home .boucle__articles{
        margin-bottom: 36px;
    }
    .home__eventAVenir > .row{
        padding-top: 36px !important;
    }
    .home__ArtisteEnResidence,
    .home__ArtisteEnResidence > .row{
        padding-bottom: 0px !important;
    }
}

@media (max-width: 959px){
    .home__ArtisteEnResidence .wpb_row .wpb_column:first-child{
        padding: 0px 36px;
    }
    .home__ArtisteEnResidenceListe1 > .row,
    .home__ArtisteEnResidence > .row{
        padding-right: 0px !important;
        padding-left: 0px !important;
    }
    /* .home__ArtisteEnResidenceListe1 .boucle__portfolios > .isotope-wrapper.grid-wrapper > .isotope-container > .tmb,
    .home__ArtisteEnResidence .boucle__portfolios > .isotope-wrapper.grid-wrapper > .isotope-container > .tmb{
        margin-top: 210px !important;
    } */
    /* .home__ArtisteEnResidenceListe1 .isotope-container > .tmb:last-child{
        margin-bottom: 100px !important;
    } */
    .home__ArtisteEnResidence *{
        overflow: visible !important;
    }
    .home__ArtisteEnResidence{
        padding-bottom: 30px;
    }


    .home__caroussel > .isotope-wrapper{
        width: calc(100% + 36px);
        overflow: scroll;
    }

    .home__caroussel > .isotope-wrapper::-webkit-scrollbar {
        display: none;
    }
      
    .home__caroussel > .isotope-wrapper{
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    
    .home__caroussel > .isotope-wrapper > .isotope-container{
        display: flex;
        height: auto !important;
        min-width: fit-content !important;
        flex-wrap: nowrap;
        gap: 20px;
        padding-right: 36px;
    }
    
    .home__caroussel > .isotope-wrapper > .isotope-container > .tmb{
        left: 0px !important;
        top: 0px !important;
        position: relative !important;
        width: 500px !important;
    }
}

@media (max-width: 700px){
    .home__caroussel > .isotope-wrapper > .isotope-container > .tmb{
        width: 380px !important;
    }
}

@media (max-width: 450px){
    .home__caroussel > .isotope-wrapper > .isotope-container > .tmb{
        width: 300px !important;
    }
}




/* -------------------------------- Miniatures Articles -------------------------------- */

.boucle__articles .t-entry-excerpt p{
    font-size: 16px;
    line-height: 20px;
}

.boucle__articles .t-entry-title a{
    font-size: 18px;
    line-height: 20px;
    font-weight: 600 !important;
}

.boucle__articles .t-entry-title{
    margin-top: 18px !important;
    margin-bottom: 16px !important;
}

.t-entry-text .t-entry-text-tc{
    padding-top: 28px;
}

.t-entry-cf-date_article{
    font-size: 14px;
    line-height: 20px;
}

@media (max-width: 600px){
    .boucle__articles .isotope-container,
    .boucle__articles .owl-carousel-container,
    .boucle__articles .isotope-container > .tmb{
        max-width: 100% !important;
    }
    .boucle__articles .t-entry-title{
        margin: 15px 0px !important;
    }
    .boucle__articles .t-entry-title a{
        font-size: 17px;
    }
    .boucle__articles .t-entry-excerpt p{
        font-size: 15px;
    }
    .t-entry-text .t-entry-text-tc{
        padding-top: 19px;
    }
    .home__categorie .uncode_text_column p{
        font-size: 16px;
        line-height: 25px;
    }
    .home__categorie .heading-text span{
        font-size: 30px;
        line-height: 35px;
    }
}

/* -------------------------------- Miniatures Portfolios -------------------------------- */

.boucle__programme .t-entry{
    min-height: 180px !important;
}

.boucle__portfolios .t-entry-title{
    font-size: 28px;
    line-height: 35px;
    font-weight: 700 !important;
    color: #000 !important;
    margin-bottom: 23px !important;
}

@media (max-width: 959px){
    .boucle__portfolios .t-entry-title{
        font-size: 24px !important;
        line-height: 30px !important;
    } 
}

.boucle__portfolios .t-overlay-content > .t-overlay-text{
    position: absolute;
    bottom: 0px;
    left: 0px;
    padding: 22px 43px;
    max-width: 50%;
    max-height: 50%;
    width: 40%;
    height: 33%;
    background-color: #fff;
}

@media (max-width: 1300px){
    .boucle__portfolios .t-overlay-content > .t-overlay-text{
        width: 50%;
        height: 50%;
    }
}

@media (max-width: 599px){
    .home .boucle__portfolios .t-inside > .t-entry-text{
        padding-left: 36px !important;
        padding-right: 36px !important;
    }
    .home .boucle__portfolios .tmb{
        margin-bottom: 80px !important;
    }
    /* .home .boucle__portfolios .tmb:last-child{
        margin-bottom: 00px !important;
    } */
}

@media (min-width: 600px){
    .home .boucle__portfolios .t-inside > .t-entry-text{
        max-width: 53%;
        max-height: 50%;
        width: 53%;
        height: 45%;
        position: absolute;
        bottom: 0px;
        left: 0px;
        padding: 22px 43px;
        background-color: #fff;
        z-index: 10;
    }
    
    .home .boucle__portfolios .t-inside > .t-entry-text .t-entry-text-tc{
        padding-top: 0px !important;
        height: 100% !important;
    }
}

.boucle__portfolios .t-entry{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* justify-content: space-between; */
}

.btn-container .custom-link:not(.btn-default),
.boucle__portfolios .t-entry-readmore{
    position: relative !important;
    display: flex;
    align-items: center;
}

.btn-container .custom-link:not(.btn-default),
.boucle__portfolios .t-entry-readmore span,
.home .boucle__portfolios .t-inside > .t-entry-text .t-entry-readmore a{
    padding: 0px !important;
    text-transform: none !important;
    padding-left: 35px !important;
    transition: 300ms ease;
    height: 100%;
    border: none !important;
    background: transparent !important;
    color: #000 !important
}

.btn-container .custom-link:not(.btn-default):hover,
.boucle__portfolios .t-entry-readmore span:hover,
.home .boucle__portfolios .t-inside > .t-entry-text .t-entry-readmore a:hover{
    padding-left: 50px !important;
    transition: 300ms ease;
}

.boucle__portfolios .t-entry-readmore.btn-container span.btn.btn-default:hover{
    color: #000 !important;
}

.boucle__portfolios .t-entry-cf-date_residence{
    color: #000 !important;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 23px !important;
}

.boucle__portfolios .t-entry-cf-nom_projet{
    color: #000 !important;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
}

.boucle__portfolios .t-entry-readmore::before,
.btn-container .custom-link:not(.btn-default)::before{
    content: "";
    width: 27px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26.549' height='15.541' viewBox='0 0 26.549 15.541'%3E%3Cpath id='Union_1' data-name='Union 1' d='M17212.662,23886.66l6.482-6.318H17195v-1.244h24.041l-6.379-6.217.451-.441.453-.439,7.07,6.889.008-.008.453.441.451.439-.008.008.008.01-.9.879-.008-.008-7.07,6.891Z' transform='translate(-17195 -23872)'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
}

.btn-container .custom-link i{
    display: none;
}

@media (max-width: 959px){
    .row__pageResidents .uncode_text_column p{
        line-height: 25px !important;
        font-size: 16px !important;
    }
    .boucle__portfolios .tmb .t-entry-visual .pushed, .tmb .t-entry-visual .t-entry-visual-cont > a{
        overflow: visible !important;
    }
    
    .boucle__portfolios .tmb .t-entry-visual .t-overlay-inner,
    .boucle__portfolios .tmb .t-entry-visual .t-overlay-content{
        display: block !important;
        height: fit-content !important;
    }
    
    .boucle__portfolios .t-overlay-content > .t-overlay-text{
        position: relative;
    }
    
    .boucle__portfolios .tmb .t-entry-visual .t-overlay-wrap{
        top: auto;
        bottom: 0px !important;
    }
    
    .boucle__portfolios .tmb .t-entry-visual{
        overflow: visible !important;
    }
    
    .boucle__portfolios .tmb .t-entry-visual .t-entry .t-entry-title{
        font-size: 24px !important;
        line-height: 30px !important;
        margin-bottom: 23px !important;
    }
    
    .boucle__portfolios .tmb .t-entry-visual .t-entry .t-entry-cf-date_residence{
        font-size: 14px !important;
        line-height: 20px !important;
        margin-bottom: 18px !important; 
    }
    
    .boucle__portfolios .t-overlay-content > .t-overlay-text{
        padding: 15px 36px !important;
        min-width: 100%;
    }
    
    .boucle__portfolios > .isotope-wrapper.grid-wrapper > .isotope-container > .tmb > .t-inside::after{
        width: calc(100% - 72px) !important;
        margin: 0px 36px;
        bottom: -210px !important;
    }
    
    .boucle__portfolios > .isotope-wrapper.grid-wrapper > .isotope-container > .tmb{
        padding: 0px !important;
    }
    
    .row__pageResidents > .row{
        padding: 0px !important;
    }
    
    .boucle__portfolios .isotope-container.grid-container{
        max-width: 100% !important;
    }
    .btn:not(input):not(.checkout-button):not(.btn-no-scale), .btn-link:not(input):not(.checkout-button):not(.btn-no-scale){
        transform: none !important;
    }
    .row__pageResidents .wpb_column{
        padding: 0px !important;
    }
    .row__pageResidents .wpb_row .wpb_column:first-child{
        padding: 36px !important;
    }
}

/* -------------------------------- Page Visiter -------------------------------- */

.privatisationEtage span{
    font-size: 25px;
    font-weight: 700 !important;
}

.visiter__menu{
    background-color: #fff;
}

@media (min-width: 959px){
    .visiter__menu a:hover{
        padding-bottom: 12px;
        border-bottom: solid 6px #000;
    }
}

@media (max-width: 959px){
    .visiter__menu{
        width: calc(100vw - 72px);
        margin: auto;
        padding: 0px !important;
    }
    .visiter__menu *{
        padding: 0px !important;
    }
    .visiter__menu .wpb_row{
        display: flex !important;
        justify-content: center;
        flex-wrap: nowrap;
        gap: 10px 30px;
        overflow: scroll;
    }
    .visiter__menu .wpb_row .wpb_column{
        width: fit-content;
    }
    .visiter__menu .wpb_row .wpb_column *{
        width: fit-content;
        display: block;
    }
    .visiter__menu .wpb_column a{
        white-space: nowrap;
    }
    .infospratiques{
        padding: 0px 36px 36px 36px !important;
    }
    /* .vc_row > .row{
        padding-top: 0px !important;
    } */
    .visiter__firstrow > .row{
        padding-top: 0px !important;
    }
    .decorationZ__long .t-entry-visual .uncode-single-media-wrapper img{
        height: 15px !important;
        width: auto !important;
        max-width: none !important;
    }
}

@media (max-width: 470px){
    .visiter__menu .wpb_row{
        justify-content: start;
    }
}

/* -------------------------------- Page programme -------------------------------- */

.boucle__programme .tmb .t-inside .t-entry-text .t-entry-text-tc .t-entry .t-entry-meta{
    margin: 16px 0px !important;
}

.boucle__programme .t-entry-category{
    pointer-events: none !important;
    font-size: 14px !important;
    margin-right: 4px !important;
}

.boucle__programme .t-entry-text > .t-entry-text-tc{
    padding-top: 0px !important;
}

.boucle__programme .t-entry-cf-date_residence{
    font-size: 14px !important;
    line-height: 20px !important;
    margin-bottom: 16px !important;
}

.boucle__programme .t-entry-title{
    font-size: 18px !important;
    line-height: 20px !important;
    margin-bottom: 16px !important;
    font-weight: 700 !important;
}

.boucle__programme .t-entry-excerpt p{
    font-size: 16px !important;
}

.grid-filters ul.menu-smart a{
    font-size: 16px !important;
    line-height: 19px !important;
    font-weight: 400 !important;
    position: relative;
    padding-left: 33px;
}

.grid-filters ul.menu-smart a::before{
    content: "";
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25'%3E%3Cg transform='translate(0 0.5)'%3E%3Crect width='24' height='24' fill='none'/%3E%3Cpath d='M2,0H22a2,2,0,0,1,2,2V22a2,2,0,0,1-2,2H2a2,2,0,0,1-2-2V2A2,2,0,0,1,2,0Z' transform='translate(0.5)' fill='%23fff' stroke='%23000' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E%0A");
    height: 26px;
    width: 26px;
    top: 50%;
    transform: translateY(-50%);
    left: 0px;
    background-repeat: no-repeat;
}

.grid-filters ul.menu-smart a.active::before{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'%3E%3Cg transform='translate(1 1)'%3E%3Cg%3E%3Cpath d='M17,0H2A2,2,0,0,0,0,2V22a2,2,0,0,0,2,2H22a2,2,0,0,0,2-2V12' fill='none' stroke='%23000' stroke-linecap='round' stroke-width='2'/%3E%3Cpath d='M9,12.91l3.819,3.819L25.548,4' transform='translate(-2 -0.727)' fill='%23fff' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.grid-filters ul.menu-smart a.active{
    color: #000 !important;
}

.grid-filters ul.menu-smart > li > span{
    padding-bottom: 16px;
}

.single-gutter > div > .tmb{
    margin-bottom: 40px;
}

.isotope-filters.grid-filters.menu-container{
    margin-bottom: 40px;
}

@media (max-width: 959px){
    .boucle__programme .t-entry-title{
        font-size: 17px !important;
    }
    .boucle__programme .t-entry-excerpt p{
        font-size: 15px !important;
    }
    .single-gutter > div > .tmb{
        margin-bottom: 30px;
    }
}

.wpb_widgetised_column .wp-block-heading{
    display: none;
}

#menu-programme,
#menu-programme-anglais{
    list-style: none !important;
    padding-left: 0px !important;
}

.widget ul.wp-block-categories-list li.cat-item,
#menu-programme > li,
#menu-programme-anglais > li{
    border: solid 1px #000;
    border-radius: 40px;
    /* padding: 5px 25px; */
    margin-bottom: 20px;
    width: fit-content;
}

.widget ul.wp-block-categories-list li.cat-item:hover,
#menu-programme > li:hover,
#menu-programme .current_page_item,
#menu-programme-anglais > li:hover,
#menu-programme-anglais .current_page_item{
    background-color: #000;
}

.widget ul.wp-block-categories-list li.cat-item:hover a,
#menu-programme > li:hover a,
#menu-programme > li a:hover,
#menu-programme .current_page_item a,
#menu-programme-anglais > li:hover a,
#menu-programme-anglais > li a:hover,
#menu-programme-anglais .current_page_item a{
    opacity: 1;
    color: #fff !important;
}

.widget ul.wp-block-categories-list li.cat-item a,
#menu-programme > li > a,
#menu-programme-anglais > li > a{
    font-size: 16px;
    line-height: 19px;
    text-transform: none !important;
    padding: 5px 25px !important;
    display: block;
}

.grid-filters ul.menu-smart li:first-child span{
    padding-right: 30px !important;
}

.grid-filters ul.menu-smart a,
.widget ul.wp-block-categories-list li.cat-item a,
#menu-programme > li > a,
#menu-programme-anglais > li > a{
    white-space: nowrap;
}

#menu-programme > li a::before,
#menu-programme-anglais > li a::before{
    display: none;
}

.isotope-container .tmb .t-entry-visual-cont .h6.title-scale.fluid-object{
    padding-top: 315.5px !important;
}

/* .menu-smart--filter-cats li.filter-cat-63.filter-cat,
.menu-smart--filter-cats li.filter-cat-64.filter-cat,
.menu-smart--filter-cats li.filter-cat-65.filter-cat,
.menu-smart--filter-cats li.filter-cat-66.filter-cat,
.menu-smart--filter-cats li.filter-cat-71.filter-cat,
.menu-smart--filter-cats li.filter-cat-78.filter-cat,
.menu-smart--filter-cats li.filter-cat-80.filter-cat,
.menu-smart--filter-cats li.filter-cat-81.filter-cat{ 
    display: none !important;
} */

.menu-smart--filter-cats li:not(.filter-cat-85, .filter-cat-5, .filter-cat-86, .filter-cat-52).filter-cat{ 
    display: none !important;
}

.widget_nav_menu .widget-title{ 
    display: none;
}

@media (max-width: 959px){
    #menu-programme,
    #menu-programme-anglais,
    .menu-smart--filter-cats,
    .visiter__menu .wpb_row{
        display: flex;
        gap: 36px;
        overflow: scroll;

        -ms-overflow-style: none;  /* IE and Edge */
        scrollbar-width: none;  /* Firefox */
    }
    #menu-programme,
    #menu-programme-anglais,
    .menu-smart--filter-cats{
        gap: 16px !important;
    }
    #menu-programme::-webkit-scrollbar,
    #menu-programme-anglais::-webkit-scrollbar,
    .menu-smart--filter-cats::-webkit-scrollbar,
    .visiter__menu .wpb_row::-webkit-scrollbar{
        display: none;
    }
    .menu-smart--filter-cats{
        margin-left: 0px !important;
    }
    .grid-filters ul.menu-smart li:first-child span{
        padding-right: 5px !important;
    }
    .row_programme .isotope-container > .tmb{
        margin-bottom: 80px !important;
    }
}

.row_programme .t-entry .t-entry-category a{
    font-size: 14px !important;
    line-height: 16px !important;
}

.row_programme .t-entry .t-entry-category i{
    display: none;
}

.row_programme .t-entry .t-entry-cf-date_article{
    margin-bottom: 17px !important;
}

.row_programme .tmb .t-entry-text{
    height: 220px !important;
}


/* -------------------------------- Page Résidence -------------------------------- */

.single-portfolio .heading-text .h2,
.single-portfolio .heading-text .h3{
    font-size: 28px !important;
    line-height: 35px;
}

.row__pageResidents .boucle__portfolios > .isotope-wrapper.grid-wrapper > .isotope-container > .tmb{
    margin-bottom: 0px !important;
    margin-top: 140px !important;
}

.row__pageResidents .boucle__portfolios > .isotope-wrapper.grid-wrapper > .isotope-container > .tmb:first-child{
    margin-top: 34px !important;
}

.boucle__portfolios > .isotope-wrapper.grid-wrapper > .isotope-container > .tmb > .t-inside{
    margin-top: 0px !important;
}

.boucle__pageResidents > .isotope-wrapper.grid-wrapper > .isotope-container > .tmb > .t-inside::after{
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='104.451' height='18.966' viewBox='0 0 104.451 18.966'%3E%3Cpath id='Tracé_19454' data-name='Tracé 19454' d='M.105,0H17.818c.115,0,.147.269.04.344L.065,10.517c-.106.075-.075.344.04.344H17.858c.114,0,.146.266.042.344L.064,21.65c-.1.077-.073.343.041.343h17.71c.113,0,.146.263.043.342L.062,33.327c-.1.079-.07.342.043.342H17.818c.115,0,.147.271.04.345L.107,44.728c-.107.074-.076.345.04.345H17.815c.114,0,.146.264.043.342L.063,56.678c-.1.078-.071.342.042.342H17.819c.116,0,.146.274.038.345L.085,67.847c-.108.072-.078.345.038.345l17.693-.31c.114,0,.146.267.041.344L.064,80.028c-.105.077-.073.344.041.344H17.818c.115,0,.146.271.04.345L.066,91.7c-.107.074-.076.345.04.345H17.818c.115,0,.147.271.04.345L.066,103.107c-.107.074-.075.345.04.345H17.858' transform='translate(0.5 18.465) rotate(-90)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3C/svg%3E%0A");
    width: 100%;
    height: 19px;
    background-repeat: repeat-x;
    position: absolute;
    bottom: -80px;
    left: 0px;
    height: 1px;
    background-color: #000;
    background-image: none;
}

.row__pageResidents .uncode_text_column p{
    line-height: 35px;
    font-size: 20px;
}

.row__pageResidents .t-entry-text .t-entry .t-entry-readmore a.btn{
    border: none !important;
    color: #000 !important;
    text-transform: none !important;
    background: transparent !important;
    transition: 300ms ease;
}

.row__pageResidents .t-entry-text > .t-entry-text-tc{
    padding-top: 0px !important;
}

.row__pageResidents .t-entry-text{
    padding: 15px 36px !important;
}

@media (min-width: 959px){
    .row__pageResidents .t-entry-text{
        position: absolute;
        bottom: 0px;
        z-index: 10;
        background: #fff;
        padding: 38px 50px 22px 50px;
        width: 100%; 
        height: fit-content;
        max-width: 38%;
        max-height: 40%;
    }
    .row__pageResidents .t-entry-text .t-entry .t-entry-readmore a.btn:hover{
        transition: 300ms ease;
        padding-left: 50px !important;
    }
}

@media (max-width: 1300px){
    .row__pageResidents .t-entry-text{
        max-width: 50% !important;
        max-height: 50% !important;
    }
}

@media (max-width: 959px){
    .row__pageResidents .boucle__portfolios > .isotope-wrapper.grid-wrapper > .isotope-container > .tmb{
        margin-top: 70px !important;
    }
    .boucle__portfolios > .isotope-wrapper.grid-wrapper > .isotope-container > .tmb > .t-inside::after{
        bottom: -30px !important;
    }
    .row__pageResidents .t-entry-text{
        max-width: none !important;
        max-height: none !important;
    }
}



/* -------------------------------- Header -------------------------------- */

#masthead > #row-unique-0 > .row > .wpb_row{
    display: flex;
    padding: 16px 0px;
    padding-top: 32px;
    align-items: center;
    gap: 30px;
}

#masthead > #row-unique-0 > .row > .wpb_row > .wpb_column{
    /* width: auto !important; */
    height: auto !important;
    padding: 0px;
    display: block;
}

#masthead > #row-unique-0 > .row > .wpb_row > .wpb_column .uncoltable{
    width: auto;
}

#masthead > #row-unique-0 > .row > .wpb_row > .wpb_column,
#masthead > #row-unique-0 > .row > .wpb_row > .wpb_column > .uncol,
#masthead > #row-unique-0 > .row > .wpb_row > .wpb_column > .uncol > .uncell{
    width: fit-content;
}

@media (max-width: 959px){
    #logo-container-mobile{
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }
}

@media (min-width: 959px){
    #logo-container-mobile{
        display: none;
    }
    #masthead > .menu-container{
        padding: 30px 0px 0px 0px;
    }
}

#masthead > #row-unique-0 > .row{
    border-bottom: solid 1px #707070;
    padding: 0px 20px;
}

#masthead .btn-container .boutique,
#masthead .btn-container .langue,
#menu-menu-principal li.boutique > a,
#menu-menu-principal-anglais li.boutique > a{
    background: transparent !important;
    border: none !important;
    color: #000 !important;
    margin: 0px !important;
    padding: 0px !important;
}

#masthead .btn-container .boutique,
#menu-menu-principal li.boutique > a,
#menu-menu-principal-anglais li.boutique > a{
    padding: 10px 0px 10px 32px !important;
}

#masthead .btn-container .boutique::before,
#menu-menu-principal li.boutique > a::before,
#menu-menu-principal-anglais li.boutique > a::before{
    content: "";
    position: absolute;
    top: 49%;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    height: 19px;
    width: 13px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.054' height='18.163' viewBox='0 0 13.054 18.163'%3E%3Cpath id='noun-bag-4716502' d='M174.115,26.191a4.123,4.123,0,0,0-4.144,4.107v1.063H167.9a.313.313,0,0,0-.314.314V42.251a2.115,2.115,0,0,0,2.122,2.1h8.812a2.113,2.113,0,0,0,2.12-2.1V31.675a.313.313,0,0,0-.312-.314H178.26V30.3a4.124,4.124,0,0,0-4.144-4.107Zm0,.626a3.485,3.485,0,0,1,3.518,3.481v1.063H170.6V30.3a3.485,3.485,0,0,1,3.517-3.481Zm-5.9,5.17h1.757V33.77h0a.313.313,0,1,0,.626,0V31.988h7.035V33.77a.313.313,0,1,0,.626,0V31.988h1.756V42.252a1.473,1.473,0,0,1-1.493,1.477h-8.812a1.476,1.476,0,0,1-1.5-1.477Z' transform='translate(-167.589 -26.191)'/%3E%3C/svg%3E%0A");
    left: 10px;
}

#masthead #row-unique-0 .btn-container .billetterie,
#logo-container-mobile .billetterie,
#menu-menu-principal li.billetterie > a,
#menu-menu-principal-anglais li.billetterie > a{
    color: #fff !important;
    position: relative;
    padding: 9px 32px 9px 59px !important;
}

#masthead #row-unique-0 .btn-container .billetterie::before,
#menu-menu-principal li.billetterie > a::before,
#menu-menu-principal-anglais li.billetterie > a::before{
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    height: 25px;
    width: 30px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29.003' height='24.977' viewBox='0 0 29.003 24.977'%3E%3Cpath id='Tracé_19373' data-name='Tracé 19373' d='M120.4,151.2v3.973h.306a3.056,3.056,0,1,1,0,6.112H120.4v3.973h25.058v-3.973h-.306a3.056,3.056,0,1,1,0-6.112h.306V151.2Zm.611.611h16.2v2.139h.611v-2.139h7.029v2.808a3.614,3.614,0,0,0,0,7.21v2.817h-7.029v-2.139h-.611v2.139h-16.2v-2.817a3.614,3.614,0,0,0,0-7.21Zm16.2,3.362v2.445h.611v-2.445Zm0,3.667v2.445h.611V158.84Z' transform='translate(-179.733 -58.077) rotate(-30)' fill='%23fff' stroke='%23fff' stroke-width='0.2'/%3E%3C/svg%3E%0A");
    left: 18px;
}

#masthead #row-unique-0 .btn-container .billetterie:hover::before{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29.003' height='24.977' viewBox='0 0 29.003 24.977'%3E%3Cpath id='Tracé_19373' data-name='Tracé 19373' d='M120.4,151.2v3.973h.306a3.056,3.056,0,1,1,0,6.112H120.4v3.973h25.058v-3.973h-.306a3.056,3.056,0,1,1,0-6.112h.306V151.2Zm.611.611h16.2v2.139h.611v-2.139h7.029v2.808a3.614,3.614,0,0,0,0,7.21v2.817h-7.029v-2.139h-.611v2.139h-16.2v-2.817a3.614,3.614,0,0,0,0-7.21Zm16.2,3.362v2.445h.611v-2.445Zm0,3.667v2.445h.611V158.84Z' transform='translate(-179.733 -58.077) rotate(-30)' fill='%23000' stroke='%23000' stroke-width='0.2'/%3E%3C/svg%3E%0A");
}

#masthead #row-unique-0 .btn-container .billetterie:hover{
    color: #000 !important;
}

#masthead #row-unique-0 a,
#masthead #row-unique-0 p,
#masthead #row-unique-0 span,
#logo-container-mobile .billetterie,
#menu-menu-principal li.billetterie > a,
#menu-menu-principal-anglais li.billetterie > a{
    font-size: 13px !important;
    line-height: 15px !important;
    color:#000 !important;
    padding: 0px;
    margin: 0px;
}

#masthead #row-unique-0 .logo img{
    /* max-width: 210px; */
    height: 75px;
    width: auto;
}

.horairesJS{
    white-space: nowrap;
}

.widget_search .search-container-inner input{
    width: 125px !important;
    margin-top: 0px !important;
    padding-left: 38px;
    padding-right: 0px;
    line-height: 19px;
    box-shadow: none;
}

.widget_search .search-container-inner i{
    left: 10px !important;
}

.mobileHoraires__row .wpb_column{
    padding: 0px !important;
}

.mobileHoraires__row .wpb_column .horairesJS{
    margin-top: 0px;
    font-size: 13px;
    line-height: 15px;
    padding: 7px 0px;

    height: 41px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mobileHoraires__row > .row{
    margin: 0px;
    max-width: none;
    width: 100%;
}

@media (min-width: 959px){
    .mobileHoraires__row,
    .mobileLangues__row,
    .menuItem__lead,
    #menu-menu-principal li.boutique,
    #menu-menu-principal li.billetterie,
    #menu-menu-principal li.mobile,
    #menu-menu-principal-anglais li.boutique,
    #menu-menu-principal-anglais li.billetterie,
    #menu-menu-principal-anglais li.mobile{
        display: none;
    }
}

@media (max-width: 959px){
    .desktopNav__row,
    .mobileLangues__row{
        display: none;
    }
}

.widget_search > form{
    display: flex;
    justify-content: center;
}
.search-container-inner{
    width: fit-content;
}
.mobileLangues__row .btn-container{
    margin-top: 0px;
    text-align: center;
}

.mobileHoraires__row{
    height: 41px;
    background-color: #F0F0F0;
}

.mobileLangues__row .wpb_row{
    display: flex;
    border-top: solid 1px #707070;
    border-bottom: solid 1px #707070;
}

.mobileLangues__row .wpb_row .wpb_column:first-child{
    border-right: solid 1px #707070;
    display: flex;
    justify-content: center;
    align-items: center;
}

.mobileLangues__row .wpb_row .wpb_column{
    padding: 0px;
}

#menu-menu-principal li.billetterie > a,
#menu-menu-principal-anglais li.billetterie > a{
    background-color: #000 !important;
    color: #fff !important;
    border-radius: 10rem !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    width: fit-content;
}

#menu-menu-principal li.boutique > a,
#menu-menu-principal-anglais li.boutique > a{
    font-weight: 400 !important;
    font-size: 13px !important;
}

#menu-menu-principal li.boutique,
#menu-menu-principal-anglais li.boutique{
    padding: 16px 0px 8px 0px;
    border-top: solid 1px #707070;
    margin-bottom: 0px !important;
}

#menu-menu-principal li.billetterie,
#menu-menu-principal-anglais li.billetterie{
    border-bottom: solid 1px #707070;
    padding: 8px 0px 26px 0px;
    margin-bottom: 31px;
}

li.mobile.underline{
    display: none;
}

#masthead #icl_lang_sel_widget-2 .widget-title{
    display: none;
}

#masthead #icl_lang_sel_widget-2 ul{
    display: flex;
    gap: 4px;
    position: relative;
    justify-content: center;
    align-items: center;
}

#masthead #icl_lang_sel_widget-2 ul li a{
    pointer-events: initial !important;
    color: #000 !important;
}

#masthead #icl_lang_sel_widget-2 ul .wpml-ls-current-language{
    font-weight: 700 !important;
}

#masthead #icl_lang_sel_widget-2 ul::after{
    content: "/";
    height: 17px;
    width: 6px;
    position: relative;
    order: 2;
}

#masthead #icl_lang_sel_widget-2 ul li:first-child{
    order: 1;
}

#masthead #icl_lang_sel_widget-2 ul li:nth-child(2){
    order: 3;
}

@media (max-width: 1600px){
    #menu-menu-principal > li > ul::before,
    #menu-menu-principal-anglais > li > ul::before{
        font-size: 180px;
        line-height: 124px;    
    }
    #menu-menu-principal > li > ul,
    #menu-menu-principal-anglais > li > ul{
        padding: 90px 10% 0px 10% !important;
        gap: clamp(20px, 50px, 90px);
    }
}

@media (max-width: 1300px){
    #menu-menu-principal > li > ul::before,
    #menu-menu-principal-anglais > li > ul::before{
        font-size: 130px;
        line-height: 90px;
    }
}

@media (max-width: 959px){
    #logo-container-mobile > section{
        position: relative;
        margin: 0px;
    }
    #logo-container-mobile > section > .mmb-container{
        position: relative;
        margin: 0px;
    }
    #logo-container-mobile{
        display: flex;
        flex-direction: row-reverse;
        justify-content: start;
        align-items: center;
        padding-left: 0px !important;
        padding-block: 10px !important;
    }
    #logo-container-mobile #main-logo{
        margin: 0px;
    } 
    #logo-container-mobile .billetterie{
        padding: 7px 22px !important;
        background-color: #000;
        color: #fff !important;

        position: absolute;
        right: 28px;
        transition: 500ms ease;
    }
    #logo-container-mobile .billetterie.animBilletterie{
        right: -100px;
        transition: 500ms ease;
    }
    .mobile-menu-button {
        padding: 0px 28px !important;
    }






    #menu-menu-principal,
    #menu-menu-principal-anglais{
        padding: 32px 15% 0px 15% !important;
        max-height: calc(100vh - 68px - 41px);
        min-height: calc(100vh - 68px - 41px);
        overflow-x: hidden;
        overflow-y: scroll;
        /* border: solid 2px red !important; */
    }

    #menu-menu-principal > li > ul > li,
    #menu-menu-principal-anglais > li > ul > li{
        position: relative !important;
    }

    #menu-menu-principal > li > ul,
    #menu-menu-principal-anglais > li > ul{
        /* border: solid 2px blue !important; */
        overflow-y: scroll !important;

        max-height: calc(100vh - 68px - 41px - 32px) !important;
        min-height: calc(100vh - 68px - 41px - 32px) !important;
    }

    #menu-menu-principal > li,
    #menu-menu-principal-anglais > li{
        margin-bottom: 31px !important;
        /* position: relative; */
    }
    .menu-with-logo .menu-smart > li{
        height: auto !important;
    }
    #menu-menu-principal li a,
    #menu-menu-principal-anglais li a{
        color: #000 !important;
        padding: 0px;
    }
    #menu-menu-principal > li > a,
    #menu-menu-principal-anglais > li > a{
        font-size: 18px !important;
        line-height: 21px;
        font-weight: 600 !important;
        /* margin-bottom: 31px; */
        text-transform: none !important;
        width: 100%;
    }
    #menu-menu-principal i,
    #menu-menu-principal-anglais i{
        display: none;
    }
    #menu-menu-principal > li > ul.drop-menu > li > a,
    #menu-menu-principal-anglais > li > ul.drop-menu > li > a{
        font-size: 16px !important;
        line-height: 19px;
        text-transform: uppercase;
        font-weight: 600 !important;
        margin-bottom: 29px;
        margin-left: 0px;
        margin-top: 50px;
    }
    #menu-menu-principal > li > ul.drop-menu > li > ul > li > a,
    #menu-menu-principal-anglais > li > ul.drop-menu > li > ul > li > a{
        font-size: 16px !important;
        line-height: 19px;
        text-transform: none;
        margin-bottom: 22px;
        margin-left: 0px;
    }
    #menu-menu-principal > li > ul,
    #menu-menu-principal-anglais > li > ul{
        /* height: 100% !important; */
        /* height: fit-content !important; */
        visibility: visible !important;
        display: block;
        position: absolute !important;
        top: 32px !important;
        background: #fff !important;
    }
    #menu-menu-principal > li > ul,
    #menu-menu-principal-anglais > li > ul{
        left: 950px !important;
        transition: 300ms ease;
        z-index: 101 !important; 
        padding-left: 15% !important;
        padding-top: 0px !important;
    }
    #menu-menu-principal > li > ul > li > ul,
    #menu-menu-principal-anglais > li > ul > li > ul{
        visibility: visible !important;
        display: block;
        pointer-events: auto !important;
    }
    #menu-menu-principal > li > ul.animMenu,
    #menu-menu-principal-anglais > li > ul.animMenu{
        left: 0px !important;
        transition: 300ms ease;
    }
    #menu-menu-principal .btnRetour,
    #menu-menu-principal-anglais .btnRetour{
        margin: 0px !important;
        font-size: 13px;
        text-transform: none;
        padding-left: 15px;
        position: relative;
    }
    #menu-menu-principal .btnRetour::before,
    #menu-menu-principal-anglais .btnRetour::before{
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5.217' height='9.66' viewBox='0 0 5.217 9.66'%3E%3Cpath d='M5.107,4.565.639.109A.374.374,0,0,0,.11.64l4.2,4.19L.11,9.02a.374.374,0,0,0,.529.53L5.107,5.1a.374.374,0,0,0,0-.53Z'/%3E%3C/svg%3E%0A");
        content: "";
        height: 10px;
        width: 6px;
        background-repeat: no-repeat;
        top: 50%;
        transform: translateY(-50%) rotate(180deg);
        position: absolute;
        left: 0px;
    }
    .menuItem__lead a{
        text-transform: none;
        margin-top: 29px;
        position: relative;
        width: fit-content;
        text-transform: none !important;
    }
    .menuItem__lead a::after{
        content: "";
        position: absolute;
        width: 100%;
        height: 1px;
        background-color: #707070;
        bottom: -5px;
        left: 0px;
    }
    li.mobile.underline{
        display: block;
    }
    #menu-menu-principal > li > ul.drop-menu > li.mobile.underline a,
    #menu-menu-principal-anglais > li > ul.drop-menu > li.mobile.underline a{
        text-transform: none !important;
        font-size: 18px !important;
        text-underline-offset: 10px;
        text-decoration: underline;
    }
    #menu-menu-principal > li > a::after,
    #menu-menu-principal-anglais > li > a::after{
        content: "";
        height: 20px;
        width: 20px;
        position: absolute;
        top: 50%;
        right: 0px;
        transform: translateY(-50%);
        background-repeat: no-repeat;
        background-position: center;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAFVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAASAQCkAAAABnRSTlMAHiXy6t8iJwLjAAAANUlEQVQY02MgFwgisZmMFZA4Zo5IUiLJSFKMbkZESqUoYKjDNFw5RYAYCSckW0IEULxAPgAAZQ0HP01tIysAAAAASUVORK5CYII=);
        background-size: 15px;
    }


    #menu-menu-principal.menuOverflow,
    #menu-menu-principal-anglais.menuOverflow{
        overflow: hidden !important;
    }

    body.open-overlay-menu{
        overflow: hidden !important;
    }

    .nav.navbar-nav.navbar-main.navbar-nav-last{
        padding: 32px 15% 0px 15% !important;
        max-height: calc(100vh - 68px - 41px);
        min-height: calc(100vh - 68px - 41px);
        overflow-x: hidden;
        overflow-y: scroll;
    }

    #menu-menu-principal, 
    #menu-menu-principal-anglais {
        padding: 0px !important;
        max-height: 110vh;
        min-height: 110vh;
        overflow: initial !important;
    }

    #menu-menu-principal > li > ul,
    #menu-menu-principal-anglais > li > ul{
        min-height: 100% !important;
        overflow: scroll;
        height: 100% !important;
        padding-left: 0px !important;
        top: 0px !important;
    }

}

@media (max-width: 600px){
    #logo-container-mobile #main-logo .logo-image.main-logo{
        display: flex;
        align-items: center;
    }
    #logo-container-mobile #main-logo img{
        height: auto;
        max-width: 140px;
    }
}

/* --------------------- Menu ---------------------  */

.btn_langue{
    display: flex;
    justify-content: center;
    gap: 4px;
}

.btn_langue .active{
    font-weight: 600 !important;
}


@media (min-width: 959px){
    .menu-horizontal #menu-menu-principal,
    .menu-horizontal #menu-menu-principal-anglais{
        display: flex;
        justify-content: space-evenly;
    }
    
    .menu-horizontal .menu-horizontal-inner .nav.navbar-nav{
        display: block;
    }

    #menu-menu-principal li a,
    #menu-menu-principal-anglais li a{
        color: #000 !important;
        font-size: 16px;
        line-height: 19px;
    }

    #menu-menu-principal li a i,
    #menu-menu-principal-anglais li a i{
        display: none;
    }
    
    #menu-menu-principal > li.menu-item > a,
    #menu-menu-principal-anglais > li.menu-item > a{
        padding: 0px 14px 20px 14px !important;
        border-bottom: solid 6px #fff;
    }
  
    #menu-menu-principal > li.menu-item > a:not([title="Programme"]),
    #menu-menu-principal-anglais > li.menu-item > a:not([title="Programme"]){
        cursor: default;
    }

    #menu-menu-principal > li.menu-item > a[title="Programme"],
    #menu-menu-principal-anglais > li.menu-item > a[title="Programme"]{
        cursor: pointer;
    }
    
    #menu-menu-principal > li.menu-item > a:hover,
    #menu-menu-principal-anglais > li.menu-item > a:hover{
        border-color: #000;
        font-weight: 600 !important;
    }

    #menu-menu-principal,
    #menu-menu-principal-anglais{
        position: relative;
    }
    
    #menu-menu-principal > li,
    #menu-menu-principal-anglais > li{
        position: unset;
    }
    
    #menu-menu-principal li.menu-item ul.drop-menu a:hover,
    #menu-menu-principal-anglais li.menu-item ul.drop-menu a:hover{
        color: #000 !important;
        background: transparent !important;
    }
    
    #menu-menu-principal > li > ul,
    #menu-menu-principal-anglais > li > ul{
        margin-left: 0px !important;
        left: 50% !important;
        transform: translateX(-50%);
        padding: 0px !important;
    
        background: rgba( 255, 255, 255, 0.5 ) !important;
        backdrop-filter: blur( 13px ) saturate(1.2);
        -webkit-backdrop-filter: blur( 13px );
    
        box-sizing: border-box;
        padding: 90px 20% 0px 20% !important;
    
        display: flex;
        gap: clamp(20px, 90px, 90px);
        justify-content: center;
    }

    .menu-horizontal ul.menu-smart > li > ul:not(.mega-menu-inner) ul{
        width: auto !important;
    }
    
    #menu-menu-principal > li > ul::before,
    #menu-menu-principal-anglais > li > ul::before{
        content: "";
        content: attr(data-title);
        position: absolute;
        bottom: 0px;
        left: 0px;
        font-size: 220px;
        line-height: 152px;
        text-transform: uppercase;
    }
    #menu-menu-principal > li.menu-item > a:hover ~ ul.drop-menu ul.drop-menu,
    #menu-menu-principal > li.menu-item > ul.drop-menu:hover ul.drop-menu,
    #menu-menu-principal-anglais > li.menu-item > a:hover ~ ul.drop-menu ul.drop-menu,
    #menu-menu-principal-anglais > li.menu-item > ul.drop-menu:hover ul.drop-menu{
        background: transparent;
        visibility: visible;
        position: relative;
        display: flex !important;
        top: 0px !important;
        left: auto !important;
        margin: 0px !important;
        padding: 0px !important;

        flex-direction: column;
        gap: 5px;
        margin-top: 25px !important;
    }
    .menu-horizontal ul.menu-smart ul{
        pointer-events: auto;
    }
    #menu-menu-principal > li > ul.drop-menu > li > a,
    #menu-menu-principal-anglais > li > ul.drop-menu > li > a{
        text-transform: uppercase;
        font-weight: 600 !important;
    }
    body:not(.single, .error404) #page-header{
        /* height: calc(100vh - 173px - 90px); */
        /* height: calc(100vh - 189px - 90px); */
        height: calc(100vh - 202px - 90px);
        display: block;
    }
    #page-header .vc_row{
        height: 100%;
    }
}

@media (max-width: 1600px){
    #menu-menu-principal > li > ul,
    #menu-menu-principal-anglais > li > ul{
        padding: 90px 36px 0px 36px !important;
        gap: clamp(20px, 50px, 90px) !important;
    }
    #menu-menu-principal > li > ul::before,
    #menu-menu-principal-anglais > li > ul::before{
        font-size: 160px !important;
        line-height: 110px !important;
    }
}

@media (max-width: 1200px){
    #menu-menu-principal > li > ul::before,
    #menu-menu-principal-anglais > li > ul::before{
        font-size: 130px !important;
        line-height: 95px !important;
    }
}

@media (max-height: 800px){
    #menu-menu-principal > li > ul::before,
    #menu-menu-principal-anglais > li > ul::before{
        display: none;
    }
}




/* ---------- Barre de recherche ---------- */

.search-container-inner input{
    border: none;
} 

.search-container-inner input{
    padding-left: 50px;
    padding-right: 15px;
}

.search-container-inner i.fa{
    left: -5px !important;
    right: auto;
}

.style-color-lxmt-bg{
    background-color: #fff;
}

/* .widget.widget_search{
        position: fixed;
    top: 0px;
    left: 0px;
    height: 100vh;
    width: 100vw;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    z-index: 101;

    background: rgba( 255, 255, 255, 0.5 ) !important;
    backdrop-filter: blur( 13px ) saturate(1.2);
    -webkit-backdrop-filter: blur( 13px );
} */

.widget_search .search-container-inner input{
    transition: 300ms ease;
}

.widget_search .search-container-inner input.active{
    width: 400px !important;
    border-bottom: solid 1px;
    border-color: #707070 !important;
    transition: 300ms ease;
}

@media (max-width: 1200px){
    .widget_search .search-container-inner input.active{
        width: 220px !important;
    }
}

/* --------------------- Home - Bannière ---------------------  */

.home__banner *{
    margin: 0px !important;
    padding: 0px !important;
    max-width: none !important;
}

.home__banner{
    padding: 29px 27px !important;
}
   
.home__banner .hero-marquee {
    overflow: hidden;
    white-space: nowrap;
}
   
.home__banner .marquee {
    font-size: 0;
}

.home__banner .clipped-text {
    display: inline-block;
    font-size: 27px;
    line-height: 32px;
    text-transform: uppercase;
}

.marquee_item{
    display: inline-block;
}

.home__banner .separator{
    margin: 0px 15px !important;
    font-size: 27px;
    line-height: 32px;
}

@media (max-width: 959px){
    .home__banner .clipped-text {
        font-size: 20px;
        line-height: 24px; 
    }
    .home__banner{
        padding: 14px 20px !important;
    }
    .home__banner .separator{
        margin: 0px 10px !important;
    }
}


/* --------------------- Footer ---------------------  */

.wpml-ls-statics-footer,
.otgs-development-site-front-end,
.footer-last,
.row-navigation,
.wpa-test-msg{
    display: block;
    display: none;
}

#colophon .contact .heading-text span{
    font-size: 18px !important;
    line-height: 21px !important;
}

#colophon .contact .uncode_text_column p{
    font-size: 16px !important;
    line-height: 19px !important;
    margin-top: 0px !important;
}

#colophon .contact .uncode_text_column{
    margin-top: 10px !important;
}

#colophon .vc_custom_heading_wrap{
    margin-top: 0px !important;
}

@media (min-width: 959px){
    #colophon .row{
        padding-top: 100px !important;
    }
}

#colophon .wpcf7{
    margin-top: 30px;
}

.wpcf7-form-control-wrap{
    height: fit-content;
    display: block;
}

#colophon .wpcf7 br{
    display: none;
}

#colophon .wpcf7 .wpcf7-text{
    border: solid 1px #707070;
    border-radius: 8px;
    width: 100%;
    padding: 13px 25px;
    margin-top: 0px;
    height: 41px;
    line-height: 48px;

}

#colophon .wpcf7 .wpcf7-form-control::placeholder{
    font-size: 13px;
    line-height: 20px;
    color: #00000067;
}

#colophon .wpcf7 .wpcf7-submit{
    border-radius: 28px;
    font-size: 14px;
    line-height: 16px;
    padding: 5px 60px;
    border: solid 1px #000;
    text-transform: none;
    background: transparent;
    margin-top: 10px;
}

#colophon .wpcf7 .wpcf7-submit:hover{
    color: #fff;
    background: #000;
}

#colophon .wpcf7 p{
    font-weight: 400 !important;
}

#colophon i.fa{
    font-size: 25px;
}

#colophon .social-icon{
    padding-right: 20px;
}

.row_mentions p,
.row_mentions a,
.row_mentions span{
    color: #4A4A49 !important;
    font-size: 12px !important;
    line-height: 14px !important;
}

@media (max-width: 959px){
    .row_mentions{
        margin: 30px 0px;
    }
    .row_mentions > .row{
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }
    .main-wrapper{
        display: block !important;
        margin-top: 41px !important;
    }
    #colophon,
    #colophon > .row,
    #colophon > .vc_row > .row {
        padding-top: 0px !important;
    }
}

/* --------------------- Media grid to slider ---------------------  */

@media (max-width: 959px){
    .galleryToSlider > .row{
        padding: 0px !important;
    }

    .vc_row.galleryToSlider > .row .wpb_row > .wpb_column:not(.galleryToSlider__sliderColumn){
        padding-left: 36px !important;
        padding-right: 36px !important;
    }

    .galleryToSlider .galleryToSlider__sliderColumn .isotope-container{
        display: flex !important;
        flex-wrap: nowrap;
        height: fit-content !important;
        overflow: scroll !important;
        -ms-overflow-style: none;  /* IE and Edge */
        scrollbar-width: none;  /* Firefox */
    }
    
    .galleryToSlider .galleryToSlider__sliderColumn .isotope-container::-webkit-scrollbar{
        display: none;
    }
    
    .galleryToSlider .galleryToSlider__sliderColumn .isotope-container > .tmb,
    .galleryToSlider .galleryToSlider__sliderColumn .isotope-container > .tmb *{
        position: relative !important;
        width: fit-content !important;
        height: fit-content !important;
        padding: 0px !important;
        margin: 0px !important;
        display: block !important;
        top: 0px !important;
        left: 0px !important;
        transition: none !important;
        transform: none !important;
    }
    
    .galleryToSlider .galleryToSlider__sliderColumn .isotope-container > .tmb img{
        height: auto !important;
        width: 100vw !important;
    }
}

/* --------------------- Test ---------------------  */

.single-post .btn-container {
    width: fit-content;
} 

.single-post .btn-container .custom-link.btn{
    background-color: #000 !important;
    color: #fff !important;
    border: solid 1px #000 !important;
    padding: 6px 23px !important;
}

.single-post .btn-container .custom-link.btn:hover{
    background-color: #fff !important;
    color: #000 !important;
}

.single-post .btn-container .custom-link.btn::before{
    display: none;
}

.btn-color-vyce:not(.btn-flat):not(.btn-hover-nobg):not(.icon-animated):not(.btn-text-skin):hover{color: #000 !important}

.arrow__down{
    height: 40px !important;
    width: 60px;
}

.arrow__down::before{
    transform: rotate(90deg) !important;
    transition: 300ms ease;
}

.arrow__down:hover::before{
    transform: rotate(90deg) translateX(30px) !important;
    transition: 300ms ease;
}

/* -------------------------------- RÉSIDENCE SINGLE -------------------------------- */

.galleryToSlider__sliderColumn .isotope-system{
    margin-top: 18px !important;
}

.single__date{
    margin: 22px 0px !important;
}

.single__releaseDate{
    margin-top: 0px !important;
}

.single__img{
    margin-top: 10px !important;
}

.single_artistName{
    margin-top: 12px !important;
}

.single__text{
    margin-top: 15px !important;
    margin-bottom: 46px !important;
}

.single__title span{
    font-size: 28px;
    line-height: 35px;
    text-transform: none;
    font-weight: 700 !important;
}

.single__date p{
    font-size: 14px;
    line-height: 20px;
    text-transform: none;
}

.single__releaseDate p{
    font-size: 14px;
    line-height: 20px;
    text-transform: none;
    font-weight: 700 !important;
}

.single__subtitle span{
    font-size: 20px;
    line-height: 20px;
    text-transform: none;
    font-weight: 700 !important;
}

.single__text p{
    font-size: 16px;
    line-height: 20px;
    text-transform: none;
}

.single__text a{
    text-decoration: underline;
}

.single__img img{
    max-height: 300px !important;
    width: auto !important;
}

.single_artistName span{
    font-size: 16px !important;
    line-height: 20px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
}

@media (max-width: 959px){
    .single__title span{
        font-size: 24px;
        line-height: 28px;
    }
    .single__date p{
        font-size: 16px;
    }
    .single__releaseDate p{
        font-size: 16px;
    }
    .single__text p{
        font-size: 15px;
    }
}

/* -------------------------------- PARTENAIRES -------------------------------- */

.partenaires .tmb *:not(img){
    height: 100% !important;
}

.partenaires .uncode-single-media:not(.decorationZ__long) .tmb img{
    max-height: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    width: auto !important;
    padding: 30px;
}

.partenaires .tmb .t-entry-visual a{
    display: flex;
    justify-content: center;
    align-items: center;
}

.partenaires .tmb .t-entry-visual .dummy{
    padding-top: 100% !important;
}

@media (max-width: 959px){
    .partenaires .tmb img{
        padding: 10px;
    }
}

/* -------------------------------- MENTIONS LÉGALES -------------------------------- */

.mentions__title span{
    font-size: 32px !important;
    line-height: 44px !important;
    text-transform: uppercase !important;
}

.mentions__img{
    margin-top: 20px !important;
}

.mentions__text p{
    font-size: 18px !important;
    line-height: 35px !important;
}

.mentions__titlepage span{
    text-transform: uppercase;
    font-size: 50px;
    line-height: 60px;
}

/* -------------------------------- AUTRES -------------------------------- */

.ateliers__row1 .btn-container{
    margin-top: 8px !important;
}

@media (max-width: 959px){
    .row__customPaddingMobile > .row{
        padding-top: 0px !important;
    }
    .row__customPaddingMobile > .row > .wpb_row > .wpb_column:nth-child(2){
        padding-left: 36px;
        padding-right: 36px;
    }
}

body.single-portfolio .post-content > .vc_row:first-child > .row{
    padding-top: 0px !important;
}

.row__backBtnPost a{
    background: transparent;
    position: relative;
    padding-left: 23px;
    font-size: 14px;
}

.row__backBtnPost a::after{
    position: absolute;
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.81' height='14.462' viewBox='0 0 7.81 14.462'%3E%3Cg id='next' transform='translate(4.901 11.721) rotate(90)'%3E%3Cg id='Groupe_7' data-name='Groupe 7' transform='translate(2.741 -2.909) rotate(90)'%3E%3Cpath id='Tracé_19' data-name='Tracé 19' d='M7.646,6.834.957.164A.561.561,0,0,0,.165.957L6.456,7.231.165,13.5a.561.561,0,0,0,.792.794l6.689-6.67a.56.56,0,0,0,0-.794Z' fill='%234a4a49'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    height: 14px;
    width: 8px;
    background-repeat: no-repeat;
    background-position: center;
}

.row__backBtnPost > .row{
    padding-bottom: 18px !important;
}

#menu-menu-principal > li > span.scroll-up,
#menu-menu-principal > li > span.scroll-down,
#menu-menu-principal-anglais > li > span.scroll-up,
#menu-menu-principal-anglais > li > span.scroll-down{
    display: none !important;
}

.partenaires .uncode_text_column p{
    font-size: 16px !important;
    line-height: 20px !important;
}

.partenaires .vc_custom_heading_wrap{
    text-align: center;
}

.t-entry-meta span{
    font-size: 14px !important;
}

.conseilAdministration .uncode_text_column p{
    text-align: start;
}

/* -------------------------------- 404 -------------------------------- */

.error404 #page-header{
    display: none;
}

.row__404 .heading-text span{
    font-size: 50px !important;
    line-height: 60px !important; 
}

.row__404 .title__404 span{
    font-size: 180px !important;
    line-height: 200px !important;
}

.error404 .page-body input.search-field{
    width: 400px !important;
    background-color: #e6e6e6;
}

@media (max-width: 959px){
    .row__404 .heading-text span{
        font-size: 30px !important;
        line-height: 40px !important; 
    }
    .row__404 .title__404 span{
        font-size: 130px !important;
        line-height: 150px !important;
    }
    .error404 .row__404 .btn-container a{
        padding-left: 40px !important;
        padding-right: 40px !important;
    }
    .error404 .page-body input.search-field{
        width: 320px !important;
    }
}

/* -------------------------------- SEARCH -------------------------------- */

body.search-results .tmb .t-entry-cf-date_article{
    margin-top: 16px !important;
    margin-bottom: 14px !important;
}

body.search-results .tmb .t-entry{
    margin-top: 16px !important;
}

body.search-results #page-header,
.background-element{
    height: auto !important;
    display: block !important;
    height: auto !important;
    min-height: 0px !important;
}

body.search-results #page-header{
    margin: 50px 0px !important;
}

body.search-results .boucle__programme .t-entry{
    min-height: 0px !important;
}

body.search-results #page-header .background-element{
    background: transparent !important;
}

body.search-results #page-header{
    margin-bottom: 0px !important;
}

body.search-results #page-header .header-content-inner{
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

body.search-results #page-header .header-content-inner .header-title{
    text-align: start;
}



/* -------------------------------- PAGE ARTICLE -------------------------------- */

body.single .article__cate span{
    font-size: 16px !important;
    line-height: 19px !important;
    font-weight: 700 !important;
}

body.single .article__cate span *{
    font-weight: 700 !important;
}

body.single .article__date span{
    font-size: 14px !important;
    line-height: 20px !important;
}

body.single .article__title span{
    font-size: 28px !important;
    line-height: 35px !important;
    font-weight: 700 !important;
}

body.single .article__citation p{
    font-size: 14px !important;
    line-height: 20px !important;
}

body.single .article__text p{
    font-size: 16px !important;
    line-height: 20px !important;
}

body.single .article__btn{
    width: fit-content !important;
}

body.single .article__cate{
    margin: 0px 0px 17px 0px !important;
}

body.single .article__date{
    margin: 0px 0px 26px 0px !important;
}

body.single .article__title{
    margin: 0px 0px 6px 0px !important;
}

body.single .article__citation{
    margin: 0px 0px 30px 0px !important;
}

body.single .article__text{
    margin: 0px 0px 30px 0px !important;
}

body.single .article__btn{
    margin: 0px 0px 40px 0px !important;
}

body.single .article__btn,
body.single .article__btn:hover{
    border: solid 1px #000 !important;
}

body.single .article__subtitle span{
    font-size: 16px !important;
    line-height: 20px !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
}

body.single .article__subtitle{
    margin: 60px 0px 10px 0px !important;
}

@media (max-width: 959px){
    body.single .article__date span{
        font-size: 16px !important;
        line-height: 20px !important;
    }
    body.single .article__title span{
        font-size: 24px !important;
        line-height: 28px !important;
    }
    body.single .article__citation p{
        font-size: 16px !important;
        line-height: 20px !important;
    }
    body.single .article__text p{
        font-size: 15px !important;
    }
    body.single .article__date{
        margin: 0px 0px 19px 0px !important;
    }
    body.single .article__text{
        margin: 0px 0px 27px 0px !important;
    }
}

/* -------------------------------- PAGE CONSEIL D'ADMINISTRATION -------------------------------- */

@media (max-width: 959px){
    .wpb_row .wpb_column.rapport{
        padding-top: 72px !important;
    }
    .rapports__title > .row{
        padding-bottom: 0px !important;
    }
    .membresPermanents > .row{
        padding-bottom: 108px !important;
    }
}

/* -------------------------------- PAGE -------------------------------- */

.projet__row .uncode-single-media{
    margin-top: 13px !important;
}

.projet__row .uncode_text_column{
    margin-top: 37px !important;
}

.projet__row .uncode-single-media:not(.decorationZ__long){
    margin-top: 36px !important;
}

/* .visiter__menu.sticky-element{
    position: fixed;
    top: 0px;
} */

@media (max-width: 959px){
    .projet__row .uncode-single-media,
    .projet__row .uncode_text_column{
        margin-top: 13px !important;
    }
    .grid__team .cssgrid-container{
        row-gap: 90px !important;
    }
    .conditionsAccueil{
        padding-top: 72px !important;
    }
}


.team__name{
    margin-top: 25px !important;
}

.team__name span{
    font-size: 20px !important;
    line-height: 24px !important;
    text-transform: uppercase !important;
}

.team__statut{
    margin-top: 12px !important;
}

.team__statut span{
    font-size: 15px !important;
    line-height: 18px !important;
    font-weight: 700 !important;
}

.team__text{ 
    margin-top: 12px !important;
}

.team__text p{
    font-size: 14px !important;
    line-height: 24px !important;
}

.team__picture img{
    aspect-ratio: 1/1;
    object-fit: cover;
}

@media (max-width: 959px){
    .team__row .wpb_column:not(:first-child){
        padding-top: 110px !important;
    }
    .team__row1 > .row{
        padding-top: 20px !important;
    }
    .team__row:not(.team__row1) > .row{
        padding-top: 74px !important;
    }
}

/* -------------------------------- Menu Sticky Mobile -------------------------------- */

@media (max-width: 959px){
    .vc_row.visiter__menu .row{
        padding: 14px 0px 14px 0px !important;
        width: calc(100vw - 36px) !important;
        margin: auto;
        z-index: 1000;
        background: #fff;
    }
    .vc_row.visiter__menu .row.visiter__menu--stickyMobile{
        position: fixed;
        top: 0px;
        padding-left: 36px !important;
        left: 0px !important;
        width: 100vw !important;
    }
    .vc_row.visiter__menu > .row > .wpb_row .wpb_row{
        padding-right: 36px !important;
    }
    .vc_row.visiter__menu + .vc_row > .row{
        padding-top: 0px !important;
    }
}

.t-entry-type span{
    text-transform: uppercase;
    font-weight: 600 !important;
    font-size: 12px !important;
    text-decoration: underline;
}

@media (max-width: 959px){
    #menu-menu-principal > li > ul,
    #menu-menu-principal-anglais > li > ul{
        padding-top: 0px !important;
    }
    .single-post #page-header,
    .single-portfolio #page-header{
        display: none;
    }
}

/* -------------------------------- Recettage -------------------------------- */

#menu-menu-principal > li.current-menu-ancestor a{
    border-color: #000;
}

.boucle__programme .uncont{
    margin-top: 50px !important;
}

@media (max-width: 959px){
    .boucle__programme .uncont{
        margin-top: 0px !important;
    } 
}

.home__eventAVenir .owl-carousel-container,
.home__eventAVenir .owl-carousel-container .owl-stage,
.home__eventAVenir .owl-carousel-container .owl-stage .owl-item{
    max-width: 100% !important;
}

.cdb_form_container{
    padding: 0px !important;
 }
 .cdb_form_field.optin label{
     margin: 0px !important;
 }
 .cdb_form_field.optin p{
     margin: 0px !important;
 }
 .cdb_form_container p{
     font-size: 11px !important;
     line-height: 15px !important;
     font-family: 'Roboto' !important;
     font-weight: 400 !important;
 }
 .cdb_form_container .cdb-submit{
     margin: 20px 0px 0px 0px !important;
     color: #000 !important;
     background-color: transparent !important;
     border: solid 1px #000 !important;
     padding: 10px 10px !important;
     font-size: 14px;
     text-transform: none !important;
 }
 .cdb_form_field label::before{
     color: #000 !important;
 }
 .cdb_form_field input{
     border-color: #000 !important;
 }


 /* -------------------------------- Code review -------------------------------- */

 .grecaptcha-badge{
    opacity: 0 !important;
 }

 .pageNewsletter{
    margin-top: 30px;
 }

 .pageNewsletter .description{
    max-width: 700px;
    margin-inline: auto;
    margin-block: 30px;
 }

 .cdb_form_field label::before{
    line-height: 24px !important;
 }

 .cdb_form_privacypolicy_information,
 .cdb_form_gdpr_information{
    text-align: start;
 }

 .cdb_form_field.optin label input[type='checkbox']{
    margin: 0px !important;
 }

 .confirmation_message p{
    font-size: 20px !important;
    color: green !important;
    line-height: 30px !important;
    font-weight: 600 !important;
 }

 .headerHoraires .uncont{
    display: flex;
    white-space: nowrap;
    gap: 5px;
    font-size: 13px !important;
    line-height: 15px !important;
    color: #000 !important;
    padding: 0px;
    margin: 0px;
 }

 @media (max-width: 959px){
    .mobileHoraires__row .wpb_column .horairesJS{
        display: block;
        padding: 0px;
        height: fit-content;
    }
    .headerHoraires .uncont{
        height: 41px;
        justify-content: center;
        align-items: center;
    }
 }


 body em{
    font-style: italic !important;
 }

 body.single .article__text.text-small p{
    font-size: 13px !important;
 }

#colophon .footerLeft .btn-container a{
    border: none !important;
    padding: 0px !important;
    font-size: 18px !important;
    line-height: 26px !important;
    color: #000 !important;
    background: none !important;
    margin: 0px !important;
}


@media (max-width: 700px){
    #colophon .footerLeft .btn-container a{
        font-size: 16px !important;
        line-height: 24px !important;
    }
}

@media (max-width: 800px){
    #mentionslegales .uncode-single-media > .single-wrapper{
        max-width: none !important;
    }
}