/*
Theme Name: BIS 2026
Description: Theme enfant du thème WP Made Simple de Publigo
Author: Hervé - Publigo
Author URI: https://www.publigo.fr
Template: wpms-theme 
Version: 1.0
Text Domain: bis-2026
*/

/*font-family: 'Darker Grotesque', sans-serif;*/


@import url('https://fonts.googleapis.com/css2?family=Darker+Grotesque:wght@400;500;600;700;800&display=swap');


:root {
    --base-size: 2.3rem;
    --grey: 62, 106, 125;
    --dark-blue: 9, 71, 96;
    --medium-blue: 0, 136, 193;
    --light-blue: 136, 177, 198;
    --ls100: 0.1em;
    --ls075: 0.075em;
    --ls050: 0.05em;
    --ls025: 0.025em;
    --ls0-25: -0.025em;
}

html {
    font-size: 62.5%;
    max-width: 1920px;
    margin: auto;
}

body {
    font-family: 'Darker Grotesque', sans-serif;
    font-size: 23px;
    color: rgb(var(--grey));
    font-weight: 400;
    line-height: 2.2rem;
}

a,
.entry-content a {
    color: rgb(var(--medium-blue));
    transition: .4s all ease;
}

a:hover,
a:focus,
.entry-content a:hover,
.entry-content a:focus {
    color: rgb(var(--dark-blue));
}

p {
    font-size: clamp(1.9rem, 3vw, 2.3rem);
}

@media screen and (min-width: 48em) {

    html {
        font-size: 54%;
    }
}

@media screen and (min-width: 62em) {

    html {
        font-size: 58%;
    }
}

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

    html {
        font-size: 62.5%;
    }

}

@media screen and (min-width: 82em) {

    html {
        font-size: 64%;
    }
}

/* ############################################################################################## */
/* ################### Header  #################################################################################### */


.custom-header-visuel {
    position: relative;
}

.custom-header-visuel:before {
    display: block;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(120deg, rgba(var(--medium-blue),1) 0%, rgba(var(--medium-blue),0) 100%);
    width: 100%;
    height: 100%;
}

.custom-header-visuel:after {
    display: block;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(120deg, rgba(99,208,254,0) 0%, rgba(99,208,254,1) 100%);
    width: 100%;
    height: 100%;
}

.video-home {
    min-height: 360px;
}

.video-home video {
    display: block;
    width: 100%;
    min-height: 360px;
    min-width: 760px;
}

.custom-header-visuel p.slogan {
    position: absolute;
    top: 0;
    left: 0;
    width: 30rem;
    max-width: 66.666667%;
    display: flex;
    align-content: center;
    align-items: center;
    color: #fff;
    z-index: 1;
    margin: 0;
    font-weight: 600;
    font-size: clamp(2.2rem, 5vw, 3.2rem);
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: var(--ls050);
    padding: 1.5rem;
}

.custom-header-visuel .thematic-social-links {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    padding: 1.5rem;
}

.custom-header-visuel .thematic-social-links ul.social-links li a svg,
.navigation-menus .thematic-social-links ul.social-links li a svg {
    fill: #fff;
}

#image-bandeau-home img {
    display: block;
}

a#logo-header {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 1.5rem;
}

body:not(.home) a#logo-header {
    padding: 12rem 1.5rem 2.5rem;
    margin-bottom: 1.5rem;
}

body.home a#logo-header {
    align-items: flex-end;
}

body.home a#logo-header .infos-bis {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    font-size: clamp(3rem, 5vw, 5.4rem);
    line-height: 1;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: var(--ls050);
    color: #fff;
}

body.home a#logo-header .infos-bis span {
    background-repeat: no-repeat;
    background-size: 100% 75%;
    background-position: 0 calc(75% / 2);
    background-image: linear-gradient(120deg,rgb(var(--dark-blue)) 0%,rgb(var(--dark-blue)) 100%);
    max-width: fit-content;
    padding: 0 .75rem .75rem;
    text-align: right;
}

a#logo-header .infos-bis {
    color: rgb(var(--medium-blue));
    font-size: clamp(2.5rem, 4vw, 3rem);
    line-height: 1;
    font-weight: 600;
}

body:not(.home) a#logo-header .infos-bis {
    position: absolute;
    bottom: 0;
    left: 17rem;
}

a#logo-header svg {
    width: 40.7rem;
    height: 100%;
    max-width: 100%;
    fill: rgb(var(--medium-blue));
}

.home a#logo-header svg {
    width: 32.6rem;
    height: 25rem;
}

a#logo-menu {
    display: flex;
    align-items: center;
    text-align: center;
    position: relative;
    padding: 1.5rem 1.5rem 2.5rem;
}

a#logo-menu svg {
    width: 40.7rem;
    height: 100%;
    max-width: 100%;
    fill: #fff;
}

a#logo-menu .infos-bis {
    position: absolute;
    bottom: 0;
    left: 17rem;
    color: #fff;
    font-size: clamp(2.5rem, 4vw, 3rem);
    line-height: 1;
    font-weight: 600;
}

.js .menu-toggle {
    background-color: rgb(var(--medium-blue));
    width: 12.5rem;
    max-width: 33.333333%;
    height: 9rem;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 999;
    padding: 0;
    margin: 0;
    border-bottom-left-radius: 6rem;
    transition: .4s all ease;
}

.js .menu-opened .menu-toggle {
    background-color: #fff;
}

.js .menu-toggle svg {
    width: 3.7rem;
    height: 2.3rem;
    fill: #fff;
    transition: .4s all ease;
}

.js .menu-opened .menu-toggle svg {
    fill: rgb(var(--medium-blue));
}

.js .menu-toggle svg rect {
    transform-origin: 50% 50%;
    transform: rotate(0deg) translate(0, 0);
    opacity: 1;
    transition: .4s all ease;
}

.js .menu-opened .menu-toggle svg rect:nth-child(1) {
    transform: rotate(45deg) translate(0px, 10px);
}

.js .menu-opened .menu-toggle svg rect:nth-child(2) {
    transform: rotate(45deg) translate(0px, -10px);
    opacity: 0;
}

.js .menu-opened .menu-toggle svg rect:nth-child(3) {
    transform: rotate(-45deg) translate(0px, -10px);
}

.block-menus {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.navigation-menus {
    position: fixed;
    left: 100%;
    opacity: 0;
    top: 0;
    z-index: 0;
    height: 100%;
    min-height: 100%;
    width: 100%;
    background-color: rgb(var(--medium-blue));
    background-image: url(assets/images/bkg-menu.svg);
    background-size: 170.7rem 154.1rem;
    background-position: top -50rem right -50rem;
    background-repeat: no-repeat;
    padding: 9rem 1.5rem 3rem;
    transition: left .5s linear,opacity .3s ease;
}

.menu-opened .navigation-menus {
    overflow-y: auto;
    overflow-x: hidden;
    left: 0;
    opacity: 1;
    z-index: 998;
}

.navigation-menus nav,
.navigation-menus nav > div {
    display: flex;
    width: 100%;
}

.js .main-navigation ul,
.js .main-navigation.toggled-on > div > ul {
    display: flex;
    flex-direction: column;
    padding: 0;
}

.main-navigation > div > ul,
.main-navigation ul {
    padding: 1.5rem;
    width: 100%;
}

.main-navigation a {
    color: #fff;
    transition: .4s all ease;
}

.main-navigation a:hover,
.main-navigation a:focus {
    color: rgb(var(--dark-blue));
}

#site-navigation ul#top-menu a {
    font-size: clamp(1.6rem, 3vw, 2.4rem);
    line-height: 1;
    padding: .75rem;
    letter-spacing: var(--ls025);
    text-transform: uppercase;
}

#site-navigation-main ul#navigation-principal {
    max-width: fit-content;
}

#site-navigation-main ul#navigation-principal a {
    font-size: clamp(3rem, 6vw, 6rem);
    line-height: 1;
    padding: .75rem;
    padding-right: 3rem;
    letter-spacing: var(--ls-025);
    font-weight: 800;
}

#site-navigation-main ul#navigation-principal ul.puc-menu a {
    font-size: clamp(1.8rem, 3vw, 3rem);
    line-height: 1;
    font-weight: 500;
    padding: .5rem .75rem;
}

#site-navigation-main .puc-btn-click {
    position: absolute;
    top: 2rem;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

#site-navigation-main .puc-btn-click svg {
    width: 2rem;
    height: 2rem;
    fill: #fff;
}

a#accreditation-link {
    background-color: rgb(var(--dark-blue));
    color: #fff;
    font-size: clamp(3rem, 5vw, 3.8rem);
    line-height: 1;
    font-weight: 800;
    text-align: center;
    padding: 0 1.5rem 1.5rem;
    height: 9rem;
    transition: .4s all ease;
}

a#accreditation-link:hover,
a#accreditation-link:focus {
    color: rgb(var(--dark-blue));
    background-color: #fff;
}

a#accreditation-link svg {
    fill: #fff;
    width: 7rem;
    height: 7rem;
    transition: .4s all ease;
}

a#accreditation-link:hover svg,
a#accreditation-link:focus svg {
    fill: rgb(var(--dark-blue));
}

body:not(.home) a#accreditation-link {
    display: none!important;
}

#image-bandeau {
    position: relative;
}

#image-bandeau:before {
    display: block;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(120deg, rgba(var(--medium-blue),1) 0%, rgba(var(--medium-blue),0) 100%);
    width: 100%;
    height: 100%;
}

.menu-title-name {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: clamp(4rem, 10vw, 17.2rem);
    line-height: 1;
    letter-spacing: var(--ls0-25);
    font-weight: 800;
    padding: 1.5rem;
    text-transform: lowercase;
}

.menu-title-name:after {
    display: block;
    content: '';
    background-color: #fff;
    width: 17.2rem;
    height: 1.5rem;
    margin-top: 1.5rem;
}

.navigation-menus .thematic-social-links {
    margin-top: 3rem;
}

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

    #site-navigation-main .puc-btn-click {
        top: 2.5rem;
    }

    .navigation-menus {
        padding: 1.5rem;
    }

    .block-menus {
        padding-top: 8rem;
        flex-direction: row;
        align-items: start;
    }

    #site-navigation,
    #site-navigation-main {
        width: 50%;
    }

    #site-navigation ul#top-menu {
        justify-content: flex-end;
        text-align: right;
        padding-right: 8.333333%;
        padding-top: 2rem;
    }

    body.home a#logo-header {
        flex-direction: row-reverse;
        align-items: flex-end;
    }

    body.home a#logo-header .infos-bis {
        margin-right: 3rem;
    }

    body:not(.home) a#logo-header {
        padding: 1.5rem 1.5rem 2.5rem;
    }

}

@media screen and (min-width: 48em) {

    .js .menu-toggle {
        position: absolute;
        display: block;
        right: auto;
        left: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 6rem;
    }

    .js body.home .menu-toggle {
        background-color: #fff;
    }

    .js body.home .menu-toggle svg {
        fill: rgb(var(--medium-blue));
    }

    .video-home {
        min-height: 460px;
        height: 100%;
    }

    .video-home video {
        min-height: 560px;
        min-width: 1070px;
    }

    body.home a#logo-header {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: calc(100% - 9rem);
        z-index: 1;
        padding-bottom: 3rem;
    }

    .home a#logo-header svg {
        width: 52.5rem;
        height: 40.3rem;
        fill: #fff;
    }

    #site-navigation-main .puc-btn-click {
        top: 3rem;
    }

    .navigation-menus {
        position: absolute;
        height: auto;
        padding-bottom: 9rem;
        padding-left: calc(12.5rem + 1.5rem);
    }

    .main-navigation li li.focus > a,
    .main-navigation li li:focus > a,
    .main-navigation li li:hover > a,
    .main-navigation li li a:hover,
    .main-navigation li li a:focus,
    .main-navigation li li.current_page_item a:hover,
    .main-navigation li li.current-menu-item a:hover,
    .main-navigation li li.current_page_item a:focus,
    .main-navigation li li.current-menu-item a:focus {
        color: rgb(var(--dark-blue));
    }

    a#accreditation-link {
        position: absolute;
        top: 0;
        right: 0;
        width: 36.5rem;
        z-index: 999;
        border-bottom-left-radius: 3rem;
        max-width: 33.333333%;
    }

    .custom-header-visuel p.slogan {
        left: 15.5rem;
    }

    body:not(.home) a#accreditation-link {
        display: flex!important;
    }

    .menu-title-name {
        padding: 3rem 1.5rem;
    }

    body:not(.home) a#logo-header {
        margin-left: 12.5rem;
    }

}

@media screen and (min-width: 62em) {

    #site-navigation-main .puc-btn-click {
        top: 3.5rem;
    }

    #site-navigation,
    #site-navigation-main {
        width: 50%;
    }

    body:not(.home) a#logo-header {
        position: absolute;
        top: 0;
        left: 12.5rem;
        padding: 2.5rem;
        z-index: 1;
        margin-left: 0;
    }

    body:not(.home) a#logo-header svg {
        fill: #fff;
    }

    body:not(.home) a#logo-header .infos-bis {
        color: #fff;
        left: 18rem;
    }

    .js .menu-toggle {
        background-color: #fff;
    }

    .js .menu-toggle svg {
        fill: rgb(var(--medium-blue));
    }
}

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

    #site-navigation-main .puc-btn-click {
        top: 4rem;
    }

    .home .block-logo-header {
       padding-bottom: 6rem;
    }

    #site-navigation,
    #site-navigation-main {
        width: 33.333333%;
    }

}

@media screen and (min-width: 92em) {

    body.home a#logo-header {
       padding-bottom: 12rem;
    }

    .menu-title-name {
        padding: 6rem 1.5rem;
    }

}

@media screen and (min-width: 102em) {

    body.home a#logo-header {
       padding-bottom: 21rem;
    }
}

@media screen and (min-width: 112em) {

    body.home a#logo-header {
       padding-bottom: 24rem;
    }
}

/* ############################################################################################## */
/* ############################################################################################## */

/* ############################################################################################## */
/* ################### Navigation thematic top  #################################################################################### */

.thematic-top {
    background-image: url(assets/images/bkg-thematic-top.svg);
    background-size: 50% auto;
    background-position: bottom right 2.5rem;
    background-repeat: no-repeat;
}

.thematic-top ul {
    list-style-type: none;
}

.thematic-top li a {
    position: relative;
    overflow: hidden;
}

.thematic-top li a .title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 66.666667%;
    height: 9rem;
    padding: 3rem 1.5rem;
    border-bottom-right-radius: 3rem;
    font-size: clamp(3rem, 2.5vw, 4.5rem);
    line-height: 1;
    letter-spacing: var(--ls0-25);
    font-weight: 800;
    writing-mode: lr;
    text-orientation: sideways;
    transition: .4s all ease;
}

.thematic-top li a .title span {
    font-size: clamp(3.2rem, 5.5vw, 4.8rem);
    line-height: 1;
    letter-spacing: var(--ls025);
    text-transform: uppercase;
    font-weight: 400;
    opacity: 0;
    width: 0;
    height: 0;
    transition: .4s all ease;
}

.thematic-top li a:hover .title,
.thematic-top li a:focus .title {
    width: 100%;
    height: 100%;
    border-bottom-right-radius: 0;
    writing-mode: vertical-rl;
    text-orientation: sideways;
    padding: 9rem 3rem;
    font-size: clamp(4.2rem, 4vw, 12.5rem);
}

.thematic-top li a:hover .title span,
.thematic-top li a:focus .title span {
    width: 4rem;
    height: 100%;
    opacity: 1;
}

.thematic-top li:nth-child(1) a.link-thematic-top .title {
    background-color: rgba(var(--medium-blue), 1.0);
    color: #fff;
    transition: .4s all ease;
}

.thematic-top li:nth-child(1) a.link-thematic-top:hover .title,
.thematic-top li:nth-child(1) a.link-thematic-top:focus .title {
    background-color: rgba(var(--medium-blue), .8);
}

.thematic-top li:nth-child(2) a.link-thematic-top .title {
    background-color: rgba(var(--dark-blue), 1.0);
    color: #fff;
    transition: .4s all ease;
}

.thematic-top li:nth-child(2) a.link-thematic-top:hover .title,
.thematic-top li:nth-child(2) a.link-thematic-top:focus .title {
    background-color: rgba(var(--dark-blue), .8);
}

.thematic-top li:nth-child(3) a.link-thematic-top .title {
    color: #fff;
    background-color: rgb(var(--light-blue));
    transition: .4s all ease;
}

.thematic-top li:nth-child(3) a.link-thematic-top:hover .title,
.thematic-top li:nth-child(3) a.link-thematic-top:focus .title {
    background-color: rgb(var(--light-blue), .8);
}

.thematic-top li:nth-child(4) a.link-thematic-top .title {
    color: rgb(var(--medium-blue));
    background-color: rgba(255, 255, 255, 1.0);
    transition: .4s all ease;
}

.thematic-top li:nth-child(4) a.link-thematic-top:hover .title,
.thematic-top li:nth-child(4) a.link-thematic-top:focus .title {
    background-color: rgba(255, 255, 255, .8);
}

a#link-accreditation-badge {
    background-color: rgb(var(--medium-blue));
    color: #fff;
    border-radius: 6rem;
    margin: 3rem auto;
    width: 132.4rem;
    max-width: 100%;
    transition: .4s all ease;
}

a#link-accreditation-badge:hover,
a#link-accreditation-badge:focus {
    background-color: rgb(var(--dark-blue));
    color: #fff;
}

a#link-accreditation-badge span {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: clamp(3rem, 4.5vw, 7.2rem);
    line-height: 1.5;
    letter-spacing: var(--ls0-25);
    font-weight: 800;
    padding: 1.5rem 3rem;
}

a#link-accreditation-badge svg {
    width: 7rem;
    height: 11rem;
    fill: #fff;
    margin-right: .5rem;
}

@media screen and (min-width: 48em) {
        
    a#link-accreditation-badge {
        background-image: url(assets/images/visuel-pass-bis.jpg);
        background-size: auto 100%;
        background-position: right -2rem center;
        background-repeat: no-repeat;
        border-radius: 7.5rem;
        margin: 9rem auto;
    }

    a#link-accreditation-badge span {
        width: 58.333333%;
        padding: 3rem 4.5rem;
    }

}

@media screen and (min-width: 92em) {

    .thematic-top li a .title {
        height: 14rem;
    }

    a#link-accreditation-badge {
        border-radius: 9rem;
    }

    a#link-accreditation-badge span {
        padding: 3rem 6rem;
    }
    
}

/* ############################################################################################## */
/* ############################################################################################## */


/* ############################################################################################## */
/* ################### Content  #################################################################################### */

.blog .site-main {
    max-width: 1268px;
}

.site-content {
    padding: 0;
}

h1 {
    font-weight: 800;
    font-size: clamp(3rem, 10vw, 7.2rem);
    line-height: .8;
    letter-spacing: var(--ls0-25);
    color: rgb(var(--dark-blue));
    text-align: center;
    margin-bottom: 0;
}

header.page-header {
    padding: 1.5rem 0;
}

.home h1 {
    color: rgb(var(--medium-blue));
    font-size: clamp(10rem, 10vw, 15rem);
    text-align: left;
    line-height: 1.5;
}

.page .site-main article.home-page-content {
    background-color: #dbe9ee;
    padding: 3rem;
}

.widget-news {
    padding: 3rem 3rem 3rem 6rem;
}

.widget-news .slick-dotted.slick-slider {
    margin-bottom: 0;
}

.recent-posts-title {
    font-weight: 800;
    font-size: clamp(3rem, 6vw, 4.8rem);
    line-height: 1;
    color: rgb(var(--dark-blue));
    text-transform: uppercase;
    margin-bottom: 1.5rem;
}

.entry-meta {
    color: rgb(var(--grey));
    letter-spacing: var(--ls075);
    font-size: clamp(1.5rem, 3vw, 1.8rem);
    line-height: 1;
    font-weight: 500;
}

.entry-title a {
    display: block;
    color: rgb(var(--medium-blue));
    font-size: clamp(2.4rem, 3.6vw, 3.6rem);
    line-height: 0.9;
    font-weight: 800;
    transition: .4s all ease;
    margin-bottom: 1rem;
}

.entry-title a:hover,
.entry-title a:focus {
    color: rgb(var(--dark-blue));
    text-decoration: none;
}

.entry-summary p {
    font-size: clamp(2rem, 3vw, 2.4rem);
    line-height: 1;
    letter-spacing: var(--ls025);
    margin-bottom: 0;
}

.widget-news .slick-dots {
    bottom: calc(50% - (12.2rem / 2));
    left: calc(-3rem - (2.8rem / 2));
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 3rem;
}

.widget-news .slick-dots li {
    width: 2.8rem;
    height: 2.8rem;
    margin: 0 0 1rem;
}

.widget-news .slick-dots li button {
    width: 2.8rem;
    height: 2.8rem;
    padding: 0;
}

.widget-news .slick-dots li button:before {
    background-color: #dbe9ee;
    width: 100%;
    height: 100%;
    opacity: 1;
    content: '';
    border-radius: 100%;
}

.widget-news .slick-dots li.slick-active button:before {
    background-color: rgb(var(--medium-blue));
}

a.more-link-all {
    display: block;
    padding: 3rem;
    border-bottom-right-radius: 6rem;
    background-color: #dbe9ee;
    color: rgb(var(--grey));
    font-size: clamp(2rem, 4vw, 2.3rem);
    line-height: 1;
    letter-spacing: var(--ls050);
    font-weight: 600;
    text-transform: uppercase;
    max-width: fit-content;
    transition: .4s all ease;
}

a.more-link-all:hover,
a.more-link-all:focus {
    color: #dbe9ee;
    background-color: rgb(var(--grey));
}

.thumbnail-news a {
    position: relative;
    width: 640px;
    max-width: 100%;
}

.thumbnail-news a .picto {
    display: none;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
    background-color: rgb(var(--medium-blue));
    padding: 3rem;
    border-bottom-left-radius: 3rem;
    max-width: fit-content;
}

.thumbnail-news a .picto svg {
    width: 6rem;
    height: 4.7rem;
    fill: #fff;
}

.bande-annonce {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.bande-annonce p.title {
    color: rgb(var(--medium-blue));
    font-size: clamp(8rem, 10vw, 20rem);
    line-height: .5;
    font-weight: 800;
    margin-bottom: 3rem;
}

.video-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

.video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

h2 {
    font-weight: 800;
    font-size: clamp(2rem, 6vw, 5rem);
    line-height: 1;
    letter-spacing: var(--ls0-25);
    color: rgb(var(--medium-blue));
}

h3 {
    font-weight: 700;
    font-size: clamp(1.8rem, 4vw, 3rem);
    line-height: 1;
    letter-spacing: var(--ls025);
    color: rgb(var(--dark-blue));
}

h4 {
    font-weight: 600;
    font-size: clamp(1.5rem, 3vw, 2.5rem);
    line-height: 1;
    letter-spacing: var(--ls050);
    color: rgb(var(--light-blue));
}

body:not(.home).page .site-content,
.single .site-content {
    background-image: url(assets/images/bkg-page.svg);
    background-size: 95.3rem 86rem;
    background-position: top -20rem right -8rem;
    background-repeat: no-repeat;
}

body.post-type-archive .site-content,
body.tax-categories_programmes .site-content,
body.tax-categories_spectacles .site-content,
body.tax-categories_stands .site-content,
body.tax-categories_partenaires .site-content {
    background-image: url(assets/images/bkg-cpt.svg);
    background-size: 95.3rem 86rem;
    background-position: top -20rem right -8rem;
    background-repeat: no-repeat;
}

button.search-submit {
    background-color: rgb(var(--medium-blue));
    border-radius: 0;
    font-size: 1.6rem;
    padding: .9rem 2rem;
    position: absolute;
    top: 0;
    right: 0;
    transition: .4s all ease;
}

button.search-submit:hover,
button.search-submit:focus {
    background-color: rgb(var(--dark-blue));
}

input.search-field {
    padding: 2.4rem 2rem;
}

.page-content .search-form {
    margin-bottom: 3rem;
    position: relative;
}

.prev.page-numbers,
.next.page-numbers {
    background-color: rgb(var(--dark-blue));
    color: #fff;
    transition: .4s all ease;
}

.prev.page-numbers:focus,
.prev.page-numbers:hover,
.next.page-numbers:focus,
.next.page-numbers:hover {
    background-color: rgb(var(--medium-blue));
    color: #fff;
}

.page-numbers {
    font-size: 2rem;
}

.page-numbers.current {
    color: rgb(var(--light-blue));
    font-size: 2rem;
}

article.content-excerpt .block-content {
    background-color: rgba(var(--light-blue), 0.3);
    padding: 1.5rem;
}

.more-link a {
    display: block;
    padding: 1rem 2.5rem 1.5rem;
    border-radius: 3rem;
    font-size: clamp(2rem, 8vw, 3rem);
    line-height: 1;
    letter-spacing: var(--ls0-25);
    font-weight: 800;
    border: 1px solid;
    margin-top: 1.5rem;
    background-color: rgb(var(--medium-blue));
    color: #fff;
    border-color: rgb(var(--medium-blue));
    max-width: fit-content;
    transition: .4s all ease;
}

.more-link a:hover,
.more-link a:focus {
    color: rgb(var(--medium-blue));
    background-color: #fff;
}

.thumbnail-excerpt img {
    display: block;
}

input[type="submit"],
.wp-block-button a {
    display: block;
    padding: 2rem 3rem;
    font-size: 1.7rem;
    font-family: 'Darker Grotesque', sans-serif;
    line-height: 1;
    font-weight: 400;
    text-transform: uppercase;
    background-color: rgb(var(--medium-blue));
    color: #fff;
    max-width: fit-content;
    border-radius: 0;
    transition: .4s all ease;
}

input[type="submit"]:hover,
input[type="submit"]:focus,
.wp-block-button a:hover,
.wp-block-button a:focus {
    background-color: rgb(var(--light-blue));
    color: #fff;
    text-decoration: none;
}

.accreditation-iframe iframe {
    min-height: 100vh;
}

@media screen and (min-width: 48em) {

    .thumbnail-news a .picto {
        display: flex;
    }

    .bande-annonce {
        margin-top: -12rem;
        padding: 6rem 0;
    }

    .bande-annonce p.title {
        margin-bottom: 6rem;
    }

    header.page-header {
        padding: 3rem 0;
    }

    article.content-excerpt .block-content {
        background-color: rgba(var(--light-blue), 0.3);
        padding: 3rem;
    }

    .widget-news {
        padding: 0 3rem 3rem 6rem;
    }

}

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

    .page .site-main article.home-page-content {
        background-color: #dbe9ee;
        padding: 6rem 8.333333%;
    }

    .widget-news {
        padding: 0 9rem 3rem;
    }

    .widget-news .slick-dots {
        left: calc(-4.5rem - (2.8rem / 2));
    }

    a.more-link-all {
        padding: 3rem 6rem;
    }

    .bande-annonce {
        padding: 12rem 0 6rem;
    }

}

@media screen and (min-width: 92em) {

    .widget-news {
        padding: 0 12rem 3rem;
    }

    .widget-news .slick-dots {
        left: calc(-6rem - (2.8rem / 2));
    }

    .bande-annonce {
        padding: 6rem 0 12rem;
    }

    header.page-header {
        padding: 6rem 0;
    }

}

/* ############################################################################################## */
/* ############################################################################################## */

/* ############################################################################################## */
/* ################### Navigation thematic bottom  #################################################################################### */

.thematic-bottom a {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 3rem 1.5rem;
    min-height: 38rem;
}

.thematic-bottom .block-left a {
    background-image: url(assets/images/bkg-thematic-bottom-left.jpg);
    transition: .4s all ease;
}

.thematic-bottom .block-left a:hover,
.thematic-bottom .block-left a:focus {
    background-image: url(assets/images/bkg-thematic-bottom-left-hover.jpg);
}

.thematic-bottom .block-right a {
    background-image: url(assets/images/bkg-thematic-bottom-right.jpg);
    justify-content: flex-end;
    transition: .4s all ease;
}

.thematic-bottom .block-right a:hover,
.thematic-bottom .block-right a:focus {
    background-image: url(assets/images/bkg-thematic-bottom-right-hover.jpg);
}

.thematic-bottom a svg {
    fill: #fff;
    margin-right: 1.5rem;
    transform-origin: 50% 50%;
    transform: rotate(-18deg);
    transition: .4s all ease;
}

.thematic-bottom a:hover svg,
.thematic-bottom a:focus svg {
    transform: rotate(18deg);
}


.thematic-bottom .block-left a svg {
    width: 8.8rem;
    height: 7rem;
}

.thematic-bottom .block-right a svg {
    width: 8.4rem;
    height: 10.6rem;
}

.thematic-bottom a .link-label {
    display: flex;
    flex-direction: column;
    font-size: clamp(2.7rem, 4vw, 3.3rem);
    line-height: 0.3;
    text-transform: uppercase;
    letter-spacing: var(--ls050);
    color: #fff;
    font-weight: 600;
}

.thematic-bottom a .link-label span {
    font-size: clamp(5rem, 8vw, 8.8rem);
    line-height: 1;
    text-transform: lowercase;
    letter-spacing: var(--ls0-25);
    font-weight: 800;
}

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

    .thematic-bottom .block-right a {
        padding-right: 3rem;
    }

}

@media screen and (min-width: 1200px) {
       
    .thematic-bottom .block-right a {
        padding-right: 6rem;
    }
 
    .thematic-bottom a svg {
        margin-right: 3rem;
    }

}

/* ############################################################################################## */
/* ############################################################################################## */

/* ############################################################################################## */
/* ################### Navigation thematic footer  #################################################################################### */

.thematic-footer {
    padding: 3rem 0;
}

.thematic-footer-links ul {
    list-style-type: none;
}

.thematic-footer-links a {
    padding: 2rem 3rem;
    border-radius: 4.5rem;
    font-size: clamp(1.5rem, 1.5vw, 3rem);
    letter-spacing: var(--ls0-25);
    font-weight: 800;
    border: 1px solid;
    margin-bottom: 1.5rem;
}

.thematic-footer-links a svg {
    margin-right: 1rem;
}

.thematic-footer-links li:nth-child(1) a {
    background-color: rgb(var(--medium-blue));
    color: #fff;
    border-color: rgb(var(--medium-blue));
    transition: .4s all ease;
}

.thematic-footer-links li:nth-child(1) a:hover,
.thematic-footer-links li:nth-child(1) a:focus {
    color: rgb(var(--medium-blue));
    background-color: #fff;
}

.thematic-footer-links li:nth-child(2) a {
    background-color: rgb(var(--dark-blue));
    color: #fff;
    border-color: rgb(var(--dark-blue));
    transition: .4s all ease;
}

.thematic-footer-links li:nth-child(2) a:hover,
.thematic-footer-links li:nth-child(2) a:focus {
    color: rgb(var(--dark-blue));
    background-color: #fff;
}

.thematic-footer-links li:nth-child(3) a {
    background-color: rgb(var(--light-blue));
    color: #fff;
    border-color: rgb(var(--light-blue));
    transition: .4s all ease;
}

.thematic-footer-links li:nth-child(3) a:hover,
.thematic-footer-links li:nth-child(3) a:focus {
    color: rgb(var(--light-blue));
    background-color: #fff;
}

.thematic-footer-links li:nth-child(1) a svg {
    width: 4.5rem;
    height: 3.6rem;
    fill: #fff;
    transition: .4s all ease;
}

.thematic-footer-links li:nth-child(1) a:hover svg,
.thematic-footer-links li:nth-child(1) a:focus svg {
    fill: rgb(var(--medium-blue));
}

.thematic-footer-links li:nth-child(2) a svg {
    width: 3.7rem;
    height: 4.5rem;
    fill: #fff;
    transition: .4s all ease;
}

.thematic-footer-links li:nth-child(2) a:hover svg,
.thematic-footer-links li:nth-child(2) a:focus svg {
    fill: rgb(var(--dark-blue));
}

.thematic-footer-links li:nth-child(3) a svg {
    width: 4.6rem;
    height: 4rem;
    fill: #fff;
    transition: .4s all ease;
}

.thematic-footer-links li:nth-child(3) a:hover svg,
.thematic-footer-links li:nth-child(3) a:focus svg {
    fill: rgb(var(--light-blue));
}

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

    .thematic-footer {
        padding: 6rem 0;
    }

}

/* ############################################################################################## */
/* ############################################################################################## */

/* ############################################################################################## */
/* ################### Footer  #################################################################################### */

.annonce-footer {
    padding: 3rem 0 0;
}

.site-footer {
    background-image: url(assets/images/bkg-thematic-top.svg);
    background-size: 92.7rem 83.6rem;
    background-position: top center;
    background-repeat: no-repeat;
}

a.logo-footer {
    position: relative;
    margin-bottom: 3rem;
    display: flex;
    align-items: center;
    text-align: center;
    padding: 1.5rem 1.5rem 2.5rem;
}

a.logo-footer span {
    color: rgb(var(--medium-blue));
    font-size: clamp(2.5rem, 2vw, 3rem);
    line-height: 1;
    font-weight: 600;
    position: absolute;
    bottom: 0;
    left: 11.5rem;
}

a.logo-footer svg {
    width: 48rem;
    height: 100%;
    max-width: 100%;
    fill: rgb(var(--medium-blue));
}

ul.social-links {
    list-style-type: none;
}

ul.social-links li a {
    margin: .5rem;
}

ul.social-links li a svg {
    width: 5.8rem;
    height: 5.8rem;
    fill: rgb(var(--medium-blue));
    transition: .4s all ease;
}

ul.social-links li a:hover svg,
ul.social-links li a:focus svg {
    fill: rgb(var(--dark-blue));
    transition: .4s all ease;
}

ul#menu-mentions-menu {
    list-style-type: none;
    margin: 0;
    padding: 3rem 6rem;
}

ul#menu-mentions-menu a {
    display: block;
    margin-bottom: .5rem;
    font-size: clamp(1.4rem, 2vw, 1.6rem);
    line-height: 1;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: var(--ls050);
    color: rgb(var(--dark-blue));
    transition: .4s all ease;
}

ul#menu-mentions-menu a:hover,
ul#menu-mentions-menu a:focus {
    color: rgb(var(--medium-blue));
}

@media screen and (min-width: 576px) {
    
    a.logo-footer span {
        left: 20rem;
    }

}

@media screen and (min-width: 48em) {
    
    a.logo-footer span {
        left: 16rem;
    }

}

@media screen and (min-width: 62em) {
    
    a.logo-footer {
        padding: 2.5rem;
        margin-bottom: 0;
    }

    .bottom-footer {
        padding-bottom: 6rem;
    }

    a.logo-footer span {
        left: 13rem;
    }
}

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

    .annonce-footer {
        padding: 6rem 0 0;
    }

    a.logo-footer span {
        left: 11rem;
    }
}

@media screen and (min-width: 92em) {

    a.logo-footer span {
        left: 13rem;
    }
}

@media screen and (min-width: 102em) {

    a.logo-footer span {
        left: 14.5rem;
    }
}

@media screen and (min-width: 112em) {

    a.logo-footer span {
        left: 16rem;
    }
}

@media screen and (min-width: 116em) {

    a.logo-footer span {
        left: 17rem;
    }
}

/* ############################################################################################## */
/* ############################################################################################## */

/* ############################################################################################## */
/* ################### Custom post Types  #################################################################################### */

.taxonomy-description {
    padding: 3rem 0;
}

article.excerpt-cpt {
    margin-bottom: 1.5rem;
}

.excerpt-cpt a {
    position: relative;
    max-width: 420px;
    height: 100%;
    margin: 0 auto;
    background-color: rgb(var(--medium-blue));
}

.thumbnail-cpt img {
    display: block;
    margin: 0 auto;
}

.thumbnail-partenaire img {
    width: 200px;
}

article.excerpt-cpt:not(.excerpt-partenaire) .excerpt-infos {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    color: #fff;
    padding: 1.5rem;
    font-size: clamp(1.8rem, 7vw, 2.3rem);
    line-height: 1;
    letter-spacing: var(--ls025);
    opacity: 1;
    transition: .4s all ease;
}

.excerpt-partenaire .excerpt-infos {
    padding: 1.5rem;
}

.excerpt-partenaire a {
    background-color: #FFF;
}

article.excerpt-cpt:not(.excerpt-partenaire) a:hover .excerpt-infos,
article.excerpt-cpt:not(.excerpt-partenaire) a:focus .excerpt-infos {
    opacity: 0;
}

.excerpt-cpt .excerpt-title {
    font-weight: 800;
    line-height: .8;
}

.excerpt-cpt .excerpt-date-start {
    font-weight: 600;
}

.excerpt-cpt .excerpt-date-start::first-letter {
    text-transform: uppercase;
}

.excerpt-cpt .excerpt-room {
    text-transform: uppercase;
}

.excerpt-cpt .more-excerpt {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: calc(50% - (13rem / 2));
    left: calc(50% - (13rem / 2));
    color: #fff;
    width: 13rem;
    height: 13rem;
    font-size: clamp(1.5rem, 3vw, 2.3rem);
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: var(--ls025);
    border-radius: 100%;
    border: 1px solid #fff;
    z-index: 1;
    transform-origin: 50% 50%;
    transform: scale(0) translate(0, 100%);
    transition: .4s all ease;
}

.excerpt-cpt a:hover .more-excerpt,
.excerpt-cpt a:focus .more-excerpt {
    transform: scale(1.0) translate(0, 0);
}

.excerpt-cpt a:before {
    display: block;
    content: '';
    background-color: rgba(var(--dark-blue), .64);
    width: 100%;
    height: 0;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: .4s opacity ease, .3s height linear;
}

.excerpt-cpt a:hover:before,
.excerpt-cpt a:focus:before {
    opacity: 1;
    height: 100%;
}

.nav-filtres {
    padding: 3rem 0 0;
}

.nav-filtres .puc-block {
    align-items: flex-start;
}

.nav-filtres .puc-menu {
    padding: 1.5rem;
    background-color: #e5f3f9;
    margin-bottom: 3rem;
    width: 100%;
}

.nav-filtres ul,
.nav-filtres li {
    list-style-type: none;
}

.nav-filtres li {
    position: relative;
    max-width: fit-content;
}

.nav-filtres .puc-btn-click {
    position: absolute;
    top: 1rem;
    right: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 1.75rem;
    border-radius: 50%;
    transition: .4s all ease;
}

.nav-filtres .puc-btn-click svg {
    width: 1.75rem;
    height: 1.75rem;
    fill: rgb(var(--medium-blue));
}

.nav-filtres .puc-btn-click:hover {
    background-color: rgb(var(--medium-blue));
}

.nav-filtres .puc-btn-click:hover svg {
    fill: #fff;
}

.nav-filtres a.filter-button:hover + .puc-btn-click svg,
.nav-filtres a.filter-button:focus + .puc-btn-click svg {
    fill: #fff;
}

a.filter-button {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-right: 1.5rem;
    color: rgb(var(--medium-blue));
    background-color: #fff;
    border: 2px solid rgb(var(--medium-blue));
    font-size: clamp(2.5rem, 4vw, 3.4rem);
    line-height: 1;
    font-weight: 800;
    letter-spacing: var(--ls0-25);
    padding: 2rem 2rem 2.5rem;
    border-radius: 4.5rem;
    margin-bottom: 1.5rem;
    text-transform: lowercase;
    transition: .4s all ease;
}

div.filter-button {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-right: 1.5rem;
    color: rgb(var(--medium-blue));
    background-color: #fff;
    border: 2px solid rgb(var(--medium-blue));
    font-size: clamp(2.5rem, 4vw, 3.2rem);
    line-height: 1;
    font-weight: 800;
    letter-spacing: var(--ls0-25);
    padding: 2px;
    border-radius: 4.5rem;
    margin-bottom: 1.5rem;
    text-transform: lowercase;
    transition: .4s all ease;
}

body[class*="espaces_dd"].archive #main,
body[class*="espace_dd"].archive #main,
body[class*="programme"].archive #main {
    max-width: 1280px;
}

body[class*="espaces_dd"] .nav-filtres > li:last-child button,
body[class*="espace_dd"] .nav-filtres > li:last-child button,
body[class*="programme"] .nav-filtres > li:last-child button {
    display: flex; 
    justify-content: center;
    align-items: center;
    background-color: #fff;
    margin-right: -1rem;
}
html.js body[class*="espaces_dd"] .nav-filtres > li:last-child button,
html.js body[class*="espace_dd"] .nav-filtres > li:last-child button,
html.js body[class*="programme"] .nav-filtres > li:last-child button {
    display: none;
}

body[class*="espaces_dd"] .nav-filtres > li:last-child button svg,
body[class*="espace_dd"] .nav-filtres > li:last-child button svg,
body[class*="programme"] .nav-filtres > li:last-child button svg {
    width: 2.4rem; height: 2.4rem;
    fill: rgb(var(--medium-blue));
    transition: .4s all ease;
}
body[class*="espaces_dd"] .nav-filtres > li:last-child input,
body[class*="espace_dd"] .nav-filtres > li:last-child input,
body[class*="programme"] .nav-filtres > li:last-child input {
    border-color: transparent;
    border-radius: 3.6rem;
    padding: 2.25rem;
    height: auto;
    line-height: 1.8;
}

.liste-filtres a.filter-button.reset-filters {
    width: 100%;
    height: 100%;
    padding-right: 8rem;
    margin-right: 1.5rem;
}

a.filter-button:hover,
a.filter-button:focus {
    background-color: rgb(var(--medium-blue));
    color: #fff;
}

.nav-filtres ul.sub-filtres li a {
    display: block;
    font-size: clamp(2rem, 3vw, 2.8rem);
    line-height: 0.7;
    padding: .25rem 0 .75rem;
    color: rgb(var(--medium-blue));
    font-weight: 500;
    letter-spacing: -0.02em;
    transition: .4s all ease;
    max-width: 410px;
}

.nav-filtres ul.sub-filtres li a:hover,
.nav-filtres ul.sub-filtres li a:focus,
.nav-filtres ul.sub-filtres li a.active {
    color: rgb(var(--dark-blue));
}

.archive-cpt-description {
    padding-top: 3rem;
}

.excerpt-stand {
    margin-bottom: 3rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid rgba(var(--dark-blue), 0.3);
}

.excerpt-stand .excerpt-cat,
.excerpt-stand .excerpt-room {
    font-size: clamp(2rem, 3vw, 3rem);
    line-height: 1;
    color: rgb(var(--medium-blue));
    letter-spacing: var(--ls025);
    text-transform: uppercase;
}

.excerpt-stand .excerpt-title {
    font-size: clamp(3rem, 5vw, 5rem);
    line-height: 0.8;
    letter-spacing: var(--ls025);
    font-weight: 800;
    color: rgb(var(--medium-blue));
    padding: .75rem 0;
}

.excerpt-stand .excerpt-summary {
    font-size: clamp(1.7rem, 2.5vw, 2.2rem);
    line-height: 1;
    letter-spacing: var(--ls025);
    margin: 0;
}

a.more-infos-stand {
    text-align: center;
    height: 7rem;
    border-radius: 4.5rem;
    font-size: 2.3rem;
    letter-spacing: var(--ls0-25);
    text-transform: uppercase;
    border: 1px solid rgb(var(--dark-blue));
    background-color: rgb(var(--dark-blue));
    color: #fff;
    margin: .75rem 0;
    transition: .4s all ease;
}

a.more-infos-stand:hover,
a.more-infos-stand:focus {
    color: rgb(var(--dark-blue));
    background-color: #fff;
}

.back-to-cat a {
    font-size: clamp(1.7rem, 2.5vw, 2.3rem);
    line-height: 1;
    font-weight: 600;
    letter-spacing: var(--ls025);
    background-color: rgb(var(--dark-blue));
    border: 1px solid rgb(var(--dark-blue));
    color: #fff;
    padding: 1rem 4.5rem 1.5rem;
    border-radius: 4.5rem;
    max-width: fit-content;
    margin: 3rem 0 0;
    transition: .4s all ease;
}

.back-to-cat a:hover,
.back-to-cat a:focus {
    color: rgb(var(--dark-blue));
    background-color: #fff;
}

.single-programme .site-main > article,
.single-espace_dd .site-main > article,
.single-spectacles .site-main > article {
    margin-top: 3rem;
}

.single-cpt-content {
    padding-bottom: 3rem;
}

.single-cpt-thumbnail img {
    display: block;
    margin-bottom: 3rem;
}

.single-cpt-video {
    display: block;
    margin-top: 3rem;
    margin-bottom: 3rem;
}

h1.single-cpt-title {
    font-size: clamp(3rem, 5vw, 4.8rem);
    text-align: left;
    margin-bottom: 3rem;
}

.single-cpt-category a {
    font-size: clamp(1.7rem, 2.5vw, 2.3rem);
    line-height: 1;
    font-weight: 600;
    letter-spacing: var(--ls025);
    background-color: rgb(var(--medium-blue));
    border: 1px solid rgb(var(--medium-blue));
    color: #fff;
    padding: 1rem 4.5rem 1.5rem;
    border-radius: 4.5rem;
    max-width: fit-content;
    margin: 3rem 0;
    transition: .4s all ease;
}

.single-cpt-category a:hover,
.single-cpt-category a:focus {
    color: rgb(var(--medium-blue));
    background-color: #fff;
}

.single-cpt-infos {
    margin-bottom: 1.5rem;
}

.single-cpt-date,
.single-cpt-room {
    color: rgb(var(--dark-blue));
    font-size: clamp(1.7rem, 2.5vw, 2.3rem);
    font-weight: 600;
    letter-spacing: var(--ls025);
}

.single-cpt-date::first-letter {
    text-transform: uppercase;
}

.single-cpt-time-place {
    color: rgb(var(--dark-blue));
    font-size: clamp(1.7rem, 2.5vw, 2.3rem);
    letter-spacing: var(--ls025);
    text-transform: uppercase;
}

.single-cpt-infos span {
    margin-bottom: .75rem;
}

.single-cpt-link a {
    font-size: clamp(1.7rem, 2.5vw, 2.3rem);
    line-height: 1;
    font-weight: 600;
    letter-spacing: var(--ls025);
    background-color: #fff;
    border: 1px solid rgb(var(--light-blue));
    color: rgb(var(--light-blue));
    padding: 1rem 4.5rem 1.5rem;
    border-radius: 4.5rem;
    max-width: fit-content;
    transition: .4s all ease;
}

.single-cpt-link a:hover,
.single-cpt-link a:focus {
    background-color: rgb(var(--light-blue));
    color: #fff;
}

ul.single-cpt-social-links {
    list-style-type: none;
}

ul.single-cpt-social-links a svg {
    width: 3rem;
    height: 3rem;
    fill: rgb(var(--medium-blue));
}

.single-cpt-intervenants ul {
    list-style-type: none;
}

.single-cpt-intervenants ul li {
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
    border-bottom: 1px solid rgb(var(--light-blue), 0.25);
}

.single-cpt-intervenants p {
    font-size: clamp(1.7rem, 2.5vw, 2.3rem);
    line-height: 1;
    font-weight: 500;
    text-transform: uppercase;
    color: rgb(var(--dark-blue));
}

.nom-intervenant {
    font-size: clamp(1.3rem, 2vw, 2rem);
    line-height: 1;
    font-weight: 600;
    color: rgb(var(--medium-blue));
}

@media screen and (min-width: 48em) {
    
    .nav-filtres .puc-btn-click {
        top: 1.5rem;
        right: 2rem;
    }

    .puc-block {
        margin-right: -7rem;
    }

    body[class*="espaces_dd"] .nav-filtres > li:last-child,
    body[class*="espace_dd"] .nav-filtres > li:last-child,
    body[class*="programme"] .nav-filtres > li:last-child {
        margin-left: auto;
        margin-right: 0;
    }

    .excerpt-partenaire .excerpt-infos {
        padding: 3rem;
    }

}

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

    .single-cpt-content {
        padding: 0 3rem 6rem;
    }

}

@media screen and (min-width: 102em) {

    article.excerpt-cpt {
        margin-bottom: 3rem;
    }
    
    .excerpt-cpt .excerpt-infos {
        padding: 3rem;
    }

}

/* ############################################################################################## */
/* ############################################################################################## */


/* ############################################################################################## */
/* ################### Admin  #################################################################################### */

body .acf-field[data-name="date_prochain_evenement"] {
    display: none;
}


/* ############################################################################################## */
/* ############################################################################################## */