@import url("https://use.typekit.net/iji2rnn.css");

/*
 Theme Name:     Divi Child
 Theme URI:      https://www.influactive.com/
 Description:    Theme Enfant Divi
 Author:         Influactive
 Author URI:     https://www.influactive.com/
 Template:       Divi
 Version:        2022
*/
/* =Vous pouvez personnalisez à partir d'ici.
------------------------------------------------------- */


/*------------------------
        SITE ENTIER
--------------------------*/
body,
#et-boc {
    overflow-x: hidden;
}


@media screen and (max-width:768px) {

    input[type=date],
    input[type=time] {
        border: none;
        box-sizing: border-box;
        outline: 0;
        display: flex;
        justify-content: start;
        position: relative;
        width: 100%;
        -moz-appearance: textfield;
        -webkit-appearance: none;
        margin: 0;
    }

    input[type=date]::-webkit-calendar-picker-indicator,
    input[type=time]::-webkit-calendar-picker-indicator {
        background: none;
        bottom: 0;
        color: transparent;
        cursor: pointer;
        height: auto;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: auto;
    }


    input[type=date]::-webkit-datetime-edit,
    input[type=time]::-webkit-datetime-edit {
        text-align: left;
        width: 100%;
    }

    input[type=date]:not(.has-value):before,
    input[type=time]:not(.has-value):before {
        content: attr(placeholder);
    }
}


a {
    text-decoration: none !important;
}

.et_pb_button {
    line-height: 1.3em !important;
}

.home.page-id-2390 #et-main-area {
    position: relative;
    top: -13rem;
    margin-bottom: -13rem;
}

@media (max-width: 768px) {
    .home.page-id-2390 #et-main-area {
        top: -9rem;
        margin-bottom: -9rem;
    }
}

/*----------------------*/
#page-container .et_pb_text_inner li {
    margin-bottom: 1em;
    padding-left: 15px;
}

.et_pb_text_inner>ul>li>ul {
    padding-top: 15px;
}

#page-container .et_pb_text_inner li {
    position: relative;
}

#page-container .et_pb_text_inner li::marker {
    content: "";
}

#page-container .et_pb_text_inner li::before {
    content: "";
    display: block;
    width: 20px;
    height: 6px;
    border-radius: 100px;
    background-color: #ea005f;
    position: absolute;
    left: -20px;
    top: 0.7em;
}

#page-container .et_pb_text_inner a,
#page-container .et_pb_blurb a {
    text-decoration: underline;
    color: #AF0062 !important;
}

#page-container .et_pb_section_0_tb_footer .et_pb_text_inner a {
    color: #FFF !important;
}

#page-container .et_pb_blurb h2.et_pb_module_header a {
    text-decoration: none;
    color: unset !important;
}

#page-container .et_pb_text_inner p~ul {
    padding-top: 1em !important;
}

#page-container .et_pb_text_inner p:not(:last-of-type)~ul {
    padding-top: 0 !important;
}

#page-container .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-waypoint {
    color: #AF0062 !important;
}

@media (max-width: 980px) {
    .et-db #et-boc .et-l .et_pb_blurb .et_pb_image_wrap {
        margin-left: 0;
    }
}

/* On cache le footer pour la carte interactive */
.page-id-6575 #main-footer {
    display: none;
}

/* Points after mentions légales bas */
.page-id-9454 .et_pb_section_2.et_pb_section,
.page-id-8265 .et_pb_section_2.et_pb_section {
    z-index: 3;
    background: transparent;
}

/* Points after mentions légales haut */
.page-id-9454 .et_pb_section_0:before {
    height: 100%;
}

.page-id-9454 .et_pb_section_0:after {
    opacity: 0;
}



@media (max-width: 980px) {
    .entry-title {
        word-wrap: break-word;
    }
}

/* ------------------------------------------------------
                    HEADER
------------------------------------------------------ */
.pos_relative {
    position: relative;
    z-index: 3;
}

#menuPrincipal .et-menu.nav>li>a {
    pointer-events: none;
}

#menuPrincipal>div>div>div>div {
    padding: 14px;
    border-radius: 300px;
    background-color: #AF0062;
}

#menuPrincipal>div>div>div>a>img {
    margin-bottom: 10px;
    background-color: #041861;
}

#menuPrincipal .et_mobile_nav_menu {
    flex-direction: column;
}

@media (max-width: 980px) {
    #menuPrincipal>div>div>div>a>img {
        height: 50px;
        margin-bottom: 0;
    }

    #menuPrincipal>div>div>div>div {
        padding: 9px;
    }

    .et_pb_module .mobile_menu_bar:before {
        top: 0;
    }
}

#menu-menu-principal>li::before {
    font-size: 26px;
    line-height: 15px;
    display: block;
    margin-right: 20px;
    content: ">";
    color: #FFBF00;
}

#menu-menu-principal>li {
    align-items: center !important;
    margin-right: 40px !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

#menu-menu-principal>li:last-child {
    margin-right: 5px !important;
}

.et-db #et-boc .et-l .et_pb_menu_0_tb_header.et_pb_menu .et-menu-nav #menu-menu-principal li>a,
.et-db #et-boc .et-l .et_pb_menu_0_tb_header.et_pb_menu .et-menu-nav li>a,
.et-db #et-boc .et-l .et_pb_menu_0_tb_header.et_pb_menu #menu-menu-principal>li>a {
    margin-right: 0 !important;
    /* padding: 15px 0; */
}

.et-db #et-boc .et-l .et-menu li li a {
    width: auto;
}

#menu-menu-principal>li>ul>li {
    position: relative;
    width: 100%;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

#menu-menu-principal>li>ul>li :not(#menu-menu-principal > li.menu-item-7242 > ul > li.menu-item-9024 > a,
    #menu-menu-principal > li.menu-item-9914 > ul > li.menu-item-9026 > a,
    #menu-menu-principal > li.menu-item-9923 > ul > li.menu-item-9027 > a) {
    padding-left: 50px;
}

#menu-menu-principal>li>ul>li::before {
    position: absolute;
    z-index: 3;
    top: 11px;
    left: 24px;
    display: block;
    width: 15px;
    height: 15px;
    content: url(/wp-content/uploads/2022/09/yellow_dots.svg);
}

#menu-menu-principal>li>ul>li:last-child:before {
    display: none;
}

.et-menu .menu-item-has-children>a:first-child:after {
    display: none !important;
}

.et-menu li li a {
    width: 280px;
    padding-left: 6px;
}

.nav li ul {
    width: 320px !important;
}

.sub-menu .et_pb_menu_0_tb_header.et_pb_menu .nav li ul.sub-menu a:hover {
    color: #FFBF01 !important;
}

.et_pb_menu .et_pb_menu__menu>nav>ul>li>ul {
    right: 0;
    left: auto !important;
}

#menu-menu-principal>li>ul>li:last-child a:hover {
    background-color: #ffffff;
}

.headerSuperFun::before {
    position: absolute;
    z-index: 1;
    top: -124px;
    left: -121px;
    display: block;
    width: 372px;
    height: 372px;
    content: "";
    pointer-events: none;
    background-image: url(/wp-content/uploads/2022/05/Combined-Shape.png);
    background-repeat: no-repeat;
    background-size: 100%;
}

@media (min-width: 980px) {
    .page-id-6575 .headerSuperFun::before {
        position: absolute;
        z-index: 1;
        top: -124px;
        left: -121px;
        display: block;
        width: 372px;
        height: 297px !important;
        content: "";
        pointer-events: none;
        background-image: url(/wp-content/uploads/2022/05/Combined-Shape.png);
        background-repeat: no-repeat;
        background-size: 100%;
    }
}

#menu-menu-principal>li>ul {
    overflow: hidden;
}

#menu-menu-principal>li>ul>li:hover {
    background-color: #3C4E84 !important;
}

#menu-menu-principal>li>ul>li>a {
    font-size: 18px !important;
    line-height: 20px;
}

#menu-menu-principal>li>ul>li>.sub-menu {
    display: none;
}

/*Boutons menu*/
#menu-menu-principal>li>ul>li:last-child {
    width: 80% !important;
    margin-top: 30px !important;
    margin-bottom: 7px;
    margin-left: 24px !important;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 40px;
    background-color: #AF0062;
}

#menu-menu-principal>li>ul>li:last-child:hover {
    color: #AF0062 !important;
    background-color: white !important;
}

#menu-menu-principal>li>ul>li:last-child>a {
    margin: auto;
}

#menu-menu-principal>li>ul>li:last-child:hover>a {
    color: #AF0062 !important;
}

#menu-menu-principal>li>ul>li:last-child>a {
    width: auto;
    margin: auto !important;
    padding: 8px 3px !important;
    text-align: center;
}

/* li.menu-item-9914 > ul > li.menu-item-9026{
    width: 60%!important;
} */
/* li.menu-item-7242 > ul > li.menu-item-9024 a,
li.menu-item-9914 > ul > li.menu-item-9026 a{
    font-size: 16px;
} */

#mobile_menu1>li>ul>li:last-child {
    margin-bottom: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 40px;
    background-color: #AF0062;
}

#mobile_menu1>li>ul>li:last-child {
    font-size: 16px;
    position: relative;
    width: calc(100% - 75px) !important;
    margin: 15px 0;
    padding-left: 0;
    text-align: center;
}

#mobile_menu1>li>ul>li:last-child::before {
    display: none;
}

#mobile_menu1 {
    left: -16px;
    width: 100vw;
    top: calc(100% + 5px);
}

#menuPrincipalCulture #mobile_menu1.et_mobile_menu {
    padding-left: 30px;
}

#mobile_menu1>li {
    background-color: unset !important;
}

#mobile_menu1>li>ul {
    background-color: transparent !important;
}

#mobile_menu1>li>ul>li:last-child>a::before {
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 94%;
    display: block;
    width: 65px;
    height: 65px;
    content: '';
    transform: translateY(-50%);
    background-image: url(/wp-content/uploads/2022/10/dot-mobile-menu.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

#menu-menu-principal>li>ul>li:last-child::before {
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 86%;
    display: block;
    width: 55px;
    height: 55px;
    content: '';
    transform: translateY(-50%);
    background-image: url(/wp-content/uploads/2022/10/dot-mobile-menu.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.home #tab-acces-rapide::before {
    display: flex !important;
}

.page-id-11866 #tab-agenda::before {
    display: flex !important;
}

.page-id-11880 #tab-actu::before {
    display: flex !important;
}

/********** POP-UP CONTACT **********/
.popup_contact {
    font-family: "Proxima Nova Alt", Helvetica, Arial, Lucida, sans-serif;
    font-size: 14px;
    position: absolute;
    top: 20px;
    display: none;
    align-items: center;
    flex-direction: column;
    min-width: 202px;
    max-width: 240px;
    padding: 30px 25px;
    color: black;
    border-radius: 10px;
    background-color: white;
}

.popup_contact::before {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 50px;
    display: block;
    width: 78px;
    height: 70px;
    content: "";
    transform: rotate(45deg);
    border-radius: 5px;
    background-color: white;
    background-repeat: no-repeat;
}

.popup_contact .content-popup .title-popup {
    font-size: 17px;
    font-weight: 600;
    padding-bottom: 12px !important;
}

.popup_contact .content-popup .form-popup {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    padding-top: 6px;
}

/* .popup_contact .form-popup .button-popup{
    margin: auto;
} */

.popup_contact .content-popup .num-popup,
.popup_contact .content-popup .adress-popup {
    display: flex;
    align-items: flex-start;
    gap: 15px;
}

.popup_contact .content-popup .num-popup a,
.popup_contact .content-popup .adress-popup a {
    font-weight: 600;
    color: black;
}

.popup_contact .content-popup .adress-popup p {
    line-height: 1.3;
}

.popup_contact .content-popup .adress-popup .icon-num {
    margin-right: 4px;
}

.popup_contact .content-popup .button-popup {
    font-size: 13px;
    font-weight: 600;
    padding: 7px 22px;
    color: white;
    border-radius: 5px;
    background-color: #001860;
}

.popup_contact .content-popup .button-popup:hover {
    font-size: 13px;
    font-weight: 600;
    padding: 7px 22px;
    color: #FFBF01;
    border-radius: 5px;
    background-color: #3A4C80;
}

.popup_contact>.content-popup>*:not(.form-popup) {
    padding-bottom: 15px;
}

@media (max-width: 980px) {
    .sub-menu .sub-menu .menu-item {
        display: none !important;
    }

    .sub-menu .menu-item a {
        font-size: 14px;
    }

    .et_mobile_menu li li::before {
        position: absolute;
        z-index: 3;
        display: block;
        width: 15px;
        height: 15px;
        margin-left: -10px;
        padding-top: 12px;
        content: url(/wp-content/uploads/2022/09/yellow_dots.svg);
    }

    .et_mobile_menu>li>a::after {
        position: absolute;
        z-index: 9999;
        right: 50px;
        display: block;
        width: 15px;
        height: 15px;
        margin-top: -26px;
        content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"%3E%3Cpath d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z" fill="%23FFBF01" /%3E%3C/svg%3E');
    }

    .et_mobile_menu li.menu-item-7242>ul>li.menu-item-9024,
    .et_mobile_menu li.menu-item-9914>ul>li.menu-item-9026,
    .et_mobile_menu li.menu-item-9923>ul>li.menu-item-9027 {
        position: relative;
        width: 55% !important;
        margin: 30px 0;
    }

    .et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu li.menu-item-7242>ul,
    .et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu li.menu-item-9914>ul,
    .et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu li.menu-item-9923>ul {
        background-color: transparent !important;
    }

    .et_mobile_menu li.menu-item-7242>ul>li.menu-item-9024,
    .et_mobile_menu li.menu-item-9914>ul>li.menu-item-9026,
    .et_mobile_menu li.menu-item-9923>ul>li.menu-item-9027 {
        margin-left: 3%;
    }

    .et_mobile_menu li.menu-item-7242>ul>li.menu-item-9024::before,
    .et_mobile_menu li.menu-item-9914>ul>li.menu-item-9026::before,
    .et_mobile_menu li.menu-item-9923>ul>li.menu-item-9027::before {
        position: absolute;
        z-index: -1;
        top: 50%;
        left: 93%;
        display: block;
        width: 90px;
        height: 74px;
        content: '';
        transform: translateY(-50%);
        background-image: url(/wp-content/uploads/2022/10/dot-mobile-menu.svg);
        background-repeat: no-repeat;
        background-size: contain;
    }
}

@media (max-width: 600px) {

    .et_mobile_menu li.menu-item-7242>ul>li.menu-item-9024,
    .et_mobile_menu li.menu-item-9914>ul>li.menu-item-9026,
    .et_mobile_menu li.menu-item-9923>ul>li.menu-item-9027 {
        width: 70% !important;
    }
}

.close-menu {
    display: none;
}

@media (min-width: 500px) and (max-width: 980px) {
    body {
        overflow-x: hidden;
    }

    body::before {
        position: absolute;
        z-index: 3;
        top: -124px;
        left: 76%;
        display: none;
        width: 372px;
        height: 372px;
        content: "";
        pointer-events: none;
        background-image: url(/wp-content/uploads/2022/05/Combined-Shape.png);
        background-repeat: no-repeat;
        background-size: 100%;
    }
}

@media (max-width: 980px) {
    .headerSuperFun::before {
        display: none;
    }
}

@media (max-width: 400px) {
    body::before {
        left: 68%;
    }
}

@media (max-width: 1200px) {
    #menu-menu-principal>li::before {
        display: none;
    }

    #menu-menu-principal>li>a {
        font-size: 18px;
    }
}

#hautDePage {
    padding-right: 50px;
    padding-left: 50px;
}

@media (max-width: 980px) {
    #hautDePage {
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media (min-width: 981px) {

    .et_pb_gutters1 .et_pb_column_1_4,
    .et_pb_gutters1.et_pb_row .et_pb_column_1_4 {
        width: 35%;
    }
}

@media (min-width: 981px) {

    .et_pb_gutters1 .et_pb_column_3_4,
    .et_pb_gutters1.et_pb_row .et_pb_column_3_4 {
        width: 65%;
    }
}

/*---------------------------
        section1
-----------------------------*/
.slick-slide>img {
    max-width: 100%;
    height: 100% !important;
}

.slick-slide {
    height: 900px;
}

@media (max-width: 980px) {
    .slick-slide {
        height: 700px;
    }
}

@media (max-width: 768px) {
    .slick-slide {
        height: 500px;
    }

    /*#pwaforwp-add-to-home-click{
        display: block;
    }*/
}

.slick-active>img {
    width: 100%;
    height: unset;
    object-fit: cover;
}

.titrefirstpage {
    width: auto !important;
    margin-bottom: 50px;
}

.titrefirstpage::before {
    position: absolute;
    top: -25px;
    left: -30px;
    display: block;
    width: 65px;
    height: 52px;
    content: "";
    border-top: 1px solid #001860;
    border-left: 1px solid #001860;
    border-radius: 20px 0 0 0;
}

.titrefirstpage::after {
    position: absolute;
    bottom: -20px;
    right: -30px;
    display: block;
    visibility: visible;
    width: 65px;
    height: 52px;
    content: "";
    border-right: 1px solid #001860;
    border-bottom: 1px solid #001860;
    border-radius: 0 0 20px 0;
}

.titrefirstpage>div:first-child::after {
    position: absolute;
    z-index: -1;
    top: -10px;
    display: block;
    width: 96px;
    height: 96px;
    content: "";
    background: url("https://venissieux.fr/wp-content/uploads/2022/05/Simple-dot-1.png") no-repeat;
    background-size: 100%;
}

@media (max-width: 980px) {
    .titrefirstpage::before {
        top: -20px;
        left: -25px;
        width: 50px;
        height: 45px;
    }

    #titrefirstpageid {
        margin: auto !important;
    }

    .titrefirstpage::after {
        top: 0;
        width: 75px;
        height: 75px;
    }
}

@media (max-width: 768px) {
    .titrefirstpage::after {
        bottom: -10px;
        right: -20px;
        width: 50px;
        height: 45px;
    }

    .titrefirstpage>div:first-child::after {
        width: 60px;
        height: 60px;
    }
}

.titrefirstpage2::before {
    position: absolute;
    top: -35px;
    left: -30px;
    display: block;
    width: 65px;
    height: 52px;
    content: "";
    border-top: 1px solid #001860;
    border-left: 1px solid #001860;
    border-radius: 20px 0 0 0;
}

.titrefirstpage2 {
    width: auto !important;
}

.titrefirstpage2::after {
    position: absolute;
    right: -30px;
    bottom: -5px;
    display: block;
    visibility: visible;
    width: 65px;
    height: 52px;
    content: "";
    border-right: 1px solid #001860;
    border-bottom: 1px solid #001860;
    border-radius: 0 0 20px 0;
}

@media (max-width: 980px) {
    .titrefirstpage2::before {
        top: -27px;
        left: -25px;
        width: 50px;
        height: 45px;
    }

    .titrefirstpage2::after {
        bottom: -7px;
        left: 204px;
        width: 50px;
        height: 45px;
    }

    #titrefirstpage2id {
        margin: auto !important;
    }
}

@media (max-width: 768px) {
    .titrefirstpage2::before {
        top: -24px;
        left: -23px;
        width: 50px;
        height: 45px;
    }

    .titrefirstpage2::after {
        bottom: -15px;
        left: 125px;
        width: 50px;
        height: 45px;
    }
}

.titrefirstpage3 {
    width: auto !important;
    margin-bottom: 50px;
}

#titrefirstpageid3 {
    margin: auto !important;
}

.titrefirstpage3::before {
    position: absolute;
    top: -35px;
    left: -30px;
    display: block;
    width: 65px;
    height: 52px;
    content: "";
    border-top: 1px solid #001860;
    border-left: 1px solid #001860;
    border-radius: 20px 0 0 0;
}

.titrefirstpage3::after {
    position: absolute;
    bottom: -15px;
    right: -30px;
    display: block;
    visibility: visible;
    width: 65px;
    height: 52px;
    content: "";
    border-right: 1px solid #001860;
    border-bottom: 1px solid #001860;
    border-radius: 0 0 20px 0;
}

@media (max-width: 980px) {
    .titrefirstpage3::before {
        top: -30px;
        left: -25px;
        width: 50px;
        height: 45px;
    }

    .titrefirstpage3::after {
        bottom: -10px;
        width: 50px;
        height: 45px;
    }
}

/* ------------------------------------------------------
                    CARTE INTERACTIVE
------------------------------------------------------ */
.colonne_de_puissance>div:nth-child(1)>div>p {
    white-space: nowrap !important;
}

@media (max-width: 1105px) {
    #Yeuheu {
        font-size: 30px !important;
        margin-right: -35px;
    }
}

#map-template {
    display: flex;
}

#filter-map {
    overflow-x: hidden;
    overflow-y: auto;
    width: 0;
    height: calc(100vh - 32px);
    transition: all 0.2s;
    background-color: #E9EEF0;
}

#filter-map.menu_is_open {
    position: relative;
    width: 524px;
}

#map-page {
    width: 100%;
    height: calc(100vh - 32px);
    transition: all 0.2s;
}

#map-page.menu_is_open {
    width: calc(100% - 524px);
}

#open_menu {
    position: absolute;
    z-index: 999;
    top: 40px;
    left: 40px;
    width: 64px;
    height: 64px;
    cursor: pointer;
}

#close_menu {
    position: absolute;
    z-index: 999;
    top: 15px;
    right: 15px;
    width: 35px;
    height: 35px;
    cursor: pointer;
}

#open_menu.none,
#close_menu.none {
    display: none;
}

/* Filtre */
#filter-map h1 {
    font-family: "Proxima Nova Alt Extra Bold", Helvetica, Arial, Lucida, sans-serif;
    font-size: 50px;
    font-weight: 800;
    line-height: 61px;
    position: relative;
    z-index: 5;
    margin-top: 40px;
    padding-left: 60px;
    text-align: left;
    color: #AF0062;
}

#filter-map h1::before {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 35px;
    display: block;
    width: 74px;
    height: 74px;
    content: url(/wp-content/uploads/2022/07/simple_dot.svg);
}

#filter-map #removeFilter {
    font-family: "Proxima Nova Alt Bold", Helvetica, Arial, Lucida, sans-serif;
    font-size: 21px;
    font-weight: 700;
    line-height: 26px;
    margin-right: 60px;
    cursor: pointer;
    text-align: right;
    text-decoration: underline;
    color: #AF0062;
}

#filter-map .filter-map-themes {
    overflow: hidden;
    height: 49px;
    margin-right: 60px;
    margin-left: 72px;
}

#filter-map .filter-map-themes:last-child {
    margin-bottom: 50px;
}

#filter-map .filter-map-themes.active {
    height: auto;
    margin-bottom: 21px;
}

#filter-map .filter-map-themes.active>div {
    display: flex;
    align-items: center;
}

#filter-map #quartiers {
    margin-top: 19px;
}

#filter-map .filter-map-themes h3 {
    font-family: "Proxima Nova Alt Extra Bold", Helvetica, Arial, Lucida, sans-serif;
    font-size: 20px;
    font-weight: 800;
    line-height: 24px;
    position: relative;
    padding-top: 15px;
    cursor: pointer;
    text-transform: uppercase;
    color: #001860;
}

#filter-map .filter-map-themes h3::after {
    position: absolute;
    top: 15px;
    right: 0;
    display: block;
    width: 15px;
    height: 15px;
    content: "";
    transition: .4s;
    transform: rotate(180deg);
    transform-origin: center;
    background-image: url(/wp-content/uploads/2022/07/triangle-e1658761015539.png);
    background-repeat: no-repeat;
    background-size: 100%;
}

#filter-map .filter-map-themes.active h3::after {
    transform: rotate(0) translateY(50%);
}

#filter-map .filter-map-themes>div>label {
    font-family: "Proxima Nova Alt Bold", Helvetica, Arial, Lucida, sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    color: #001860;
}

#filter-map input[type="checkbox"] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 21px;
    height: 21px;
    margin-right: 12px;
    border: 1px solid #001860;
    border-radius: 5px;
    appearance: none;
    -webkit-appearance: unset;
}

#filter-map input[type="checkbox"]::before {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    content: "";
    transition: .4s;
}

#filter-map input[type="checkbox"]:checked::before {
    width: 15px;
    height: 15px;
    border-radius: 3px;
    background: #001860;
}

@media (max-width: 980px) {
    #filter-map.menu_is_open {
        width: 100%;
    }

    #map-page.menu_is_open {
        width: 0;
    }
}

@media (max-width: 525px) {
    #filter-map.menu_is_open {
        width: 100%;
    }

    #map-page.menu_is_open {
        width: 0;
    }

    #filter-map h1 {
        font-size: 40px;
        line-height: 51px;
    }

    #filter-map h1::before {
        top: -15px;
    }

    #filter-map .filter-map-themes {
        margin-left: 42px;
    }
}

/* Markers */
.map_typologie {
    font-family: 'Proxima Nova Alt Bold', Helvetica, Arial, Lucida, sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    text-transform: uppercase;
    color: #AF0062;
}

.map_name {
    font-family: 'Proxima Nova Alt Bold', Helvetica, Arial, Lucida, sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 29px;
    color: #001860;
}

.map_adresse {
    display: flex;
}

.map_adresse>img {
    margin-right: 20px;
}

.map_adresse>p {
    font-family: 'Proxima Nova Alt Regular', Helvetica, Arial, Lucida, sans-serif;
    font-size: 16px;
    line-height: 22px;
    margin: 0;
    color: #000;
}

.map_telephone {
    display: flex;
}

.map_telephone>img {
    width: 19px;
    margin-right: 20px;
}

.map_telephone>p {
    font-family: 'Proxima Nova Alt Regular', Helvetica, Arial, Lucida, sans-serif;
    font-size: 16px;
    line-height: 22px;
    margin: 0;
    color: #000;
}

.map_horaires {
    display: flex;
    margin-top: 3px;
}

.map_horaires>img {
    width: 19px;
    margin-right: 20px;
}

.map_horaires>p {
    font-family: 'Proxima Nova Alt Regular', Helvetica, Arial, Lucida, sans-serif;
    font-size: 16px;
    line-height: 22px;
    margin: 0;
    color: #000;
}

.map_actions img {
    width: 40px;
    height: 40px;
}

.map_actions {
    display: flex;
    margin-top: 11px;
    padding-top: 16px;
    border-top: 1px solid #DBDBDB;
    border-radius: 5px;
}

.map_actions.justify-content {
    justify-content: space-between;
}

.map_actions a {
    font-family: 'Proxima Nova Alt Regular', Helvetica, Arial, Lucida, sans-serif;
    ;
    font-size: 12px;
    font-weight: 700;
    line-height: 19px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    margin-right: 27px;
    text-decoration: underline;
    color: #AF0062;
}

.leaflet-popup {
    top: 0 !important;
    width: 280px;
    margin-bottom: 0;
}

.leaflet-popup .leaflet-popup-content-wrapper {
    border-radius: 10px;
}

.leaflet-popup .leaflet-popup-tip-container {
    display: none;
}

/* ------------------------------------------------------
                    OFFRES D'EMPLOI
------------------------------------------------------ */
#offres_emploi_filter>h2 {
    font-family: "Proxima Nova Alt Extra Bold", sans-serif;
    font-size: 40px;
    font-weight: 800;
    line-height: 34px;
    padding-bottom: 0;
    color: #001860;
}

#offres_emploi_filter>p {
    font-family: "Proxima Nova Alt Light", sans-serif;
    font-size: 40px;
    font-weight: 300;
    line-height: 49px;
    color: #AF0062;
}

#offres_emploi_filter>p#removeFilter {
    font-family: "Proxima Nova Alt Bold", sans-serif;
    font-size: 21px;
    font-weight: 700;
    line-height: 26px;
    position: absolute;
    top: 10px;
    right: 0;
    cursor: pointer;
    text-decoration: underline;
    color: #AF0062;
}

#offres_emploi_filter>div .mots_cles>input,
#offres_emploi_filter>div>.select_filter>div>select {
    font-family: "Proxima Nova Alt Bold", sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    height: 60px;
    padding: 20px 26px;
    color: #001860;
    border: none;
    border-radius: 7px;
    background-color: #FFF;
    -webkit-appearance: none;
}

#offres_emploi_filter>div .mots_cles {
    position: relative;
    margin-bottom: 44px;
}

#offres_emploi_filter>div .mots_cles::after,
#filter_agenda .choose_filter .mots_cles::after {
    position: absolute;
    top: 50%;
    right: 25px;
    display: block;
    width: 20px;
    height: 20px;
    content: "";
    transform: translateY(-50%);
    background-image: url(/wp-content/uploads/2022/07/loupe.png);
    background-repeat: no-repeat;
    background-size: 100%;
}

#offres_emploi_filter>div .mots_cles>input {
    width: 100%;
}

#offres_emploi_filter>div .select_filter {
    display: flex;
    gap: 26px;
}

#offres_emploi_filter>div .select_filter>div {
    position: relative;
    width: 33.33%;
}

#offres_emploi_filter>div .select_filter>div>select,
#filter_agenda .choose_filter select::after {
    width: 100%;
    appearance: none;
}

#offres_emploi_filter>div .select_filter>div::after,
#filter_agenda .choose_filter select::after {
    position: absolute;
    top: 50%;
    right: 25px;
    display: block;
    width: 15px;
    height: 15px;
    content: "";
    transform: translateY(-50%);
    pointer-events: none;
    background-image: url(/wp-content/uploads/2022/07/triangle-e1658761015539.png);
    background-repeat: no-repeat;
    background-size: 100%;
}

#liste_offres_emploi>p {
    font-family: "Proxima Nova Alt Bold", sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 42px;
    padding-bottom: 12px;
    color: #001860;
    border-bottom: #C8C8C8 solid 1px;
}

#liste_offres_emploi>div {
    display: flex;
    flex-wrap: wrap;
    gap: 2%;
}

#liste_offres_emploi>div>a {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 32%;
    height: 328px;
    margin-bottom: 44px;
    padding: 36px 25px 36px 40px;
    border-radius: 10px;
    background-color: #FFF;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
}

#liste_offres_emploi>div>a h3 {
    font-family: "Proxima Nova Alt Extra Bold", sans-serif;
    font-size: 30px;
    font-weight: 800;
    line-height: 34px;
    display: -webkit-box;
    overflow: hidden;
    margin-bottom: 10px;
    padding-bottom: 0;
    color: #AF0062;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

#liste_offres_emploi>div>a p:first-child {
    margin-bottom: 1em;
    padding-bottom: 0;
}

#liste_offres_emploi>div>a p {
    font-family: "Proxima Nova Alt Bold", sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    display: -webkit-box;
    overflow: hidden;
    color: #333;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

#liste_offres_emploi>div>a p>span {
    font-size: 14px;
    line-height: 17px;
}

#offres_emploi_promote .actualite-category {
    color: #fff;
}

/* ------------------------------------------------------
          CHAMP DE RECHERCHE PRINCIPAL - HEADER
------------------------------------------------------ */
#form-search {
    display: flex;
    flex-direction: row;
}

input[type=text].search-field {
    font-family: "Proxima Nova Alt Bold", sans-serif;
    font-size: 18px;
    line-height: 22px;
    width: 100%;
    height: 45px;
    padding: 14px 29px;
    border: none;
    border-radius: 100px;
    outline: none;
}

input[type=text].search-field::placeholder {
    color: #132D4E;
}

.search-button {
    position: absolute;
    top: 50%;
    right: 23px;
    display: flex;
    align-items: center;
    padding: 0;
    transform: translateY(-50%);
    border: none;
    outline: none;
    background: transparent;
}

.search-button::before {
    display: block;
    width: 1px;
    height: 27px;
    margin-right: 14px;
    content: "";
    border-radius: 5px;
    background-color: #001860;
}

.search-button img {
    width: 21px;
    height: 21px;
}

.et_pb_menu_0_tb_header.et_pb_menu .et-menu-nav li:last-child a {
    margin-right: 0 !important;
}

/* ------------------------------------------------------
                    RESEAUX SOCIAUX
------------------------------------------------------ */
.et_monarch .et_social_4col li {
    width: auto;
}

.et_monarch .et_social_networks li {
    float: right;
    margin-top: 14px !important;
    margin-bottom: 14px;
}

.et_monarch .et_social_4col li:nth-child(4n+1) {
    margin-left: 2%;
}

.et_monarch .et_social_networks .et_social_icons_container {
    line-height: 1em !important;
    display: flex;
    float: right;
    align-items: center;
    justify-content: space-around;
    width: 250px;
    height: 52px;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 50px;
    background: white;
}

.ShowMediaBTN {
    position: absolute !important;
    top: -70px;
    right: 0;
    display: block;
    width: 52px;
    height: 52px;
    border-radius: 50px;
    background: #001860;
}

.ShowMediaBTN::before {
    position: absolute;
    top: 15px;
    left: 15px;
    display: block;
    width: 21px;
    height: 21px;
    content: "";
    background: url("/wp-content/uploads/2022/05/newexport.svg");
}

.et_social_icons_container {
    display: none !important;
}

.active.et_social_networks .et_social_icons_container {
    display: flex !important;
}

/* ------------------------------------------------------
                RETOURS EN IMAGES
------------------------------------------------------ */
.retourEnImages>div {
    display: flex !important;
    flex-wrap: wrap !important;
}

.retourEnImages img {
    width: 100%;
    height: 270px;
    object-fit: cover;
}

@media (max-width: 500px) {
    .retourEnImages img {
        height: 160px;
    }
}

@media (max-width: 500px) {
    .et_pb_row_22.et_pb_row {
        padding-left: 0;
    }
}

/* ------------------------------------------------------
                    CONTINUER LA LECTURE
------------------------------------------------------ */
.noopacity {
    overflow: visible !important;
    height: auto !important;
}

.noopacity:after {
    opacity: 0;
}

.noopacity+div>.et_pb_button_1:before {
    content: "–" !important;
}

.scale12 img {
    transform: scale(1.2);
}

#boutonHaut {
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    margin: auto;
    border-radius: 50%;
    background: #001860;
}

#continuerLaLecture {
    padding-top: 10px !important;
}

.continuerLaLecture::before {
    /* top: 1.5px !important; */
}

.continuerLaLecture::after {
    top: 12px !important;
}

/* ------------------------------------------------------
                        AUDIO
------------------------------------------------------ */
.lecture_audio .mejs-time-handle-content {
    border-color: #AF0062;
    background-color: #AF0062;
}

.lecture_audio .mejs-volume-button.mejs-unmute>button::before {
    color: #AF0062
}

/* ------------------------------------------------------
                    FIL D'ARIANE
------------------------------------------------------ */
#filAriane {
    font-size: 14px;
    line-height: 24px;
    color: #000;
}

#filAriane a {
    color: #000;
}

/* ---------------------------------------------
            ESPACE CULTURE - GENERAL
--------------------------------------------- */
.title-row {
    display: flex;
    justify-content: center;
}

.title-row.left {
    justify-content: left;
}

.title-row>.et_pb_column {
    width: fit-content !important;
}

body.et-db #page-container #et-boc .et-l .et_pb_section .et_pb_row .et_pb_button.et_pb_button_0_tb_header:before,
body #page-container .et_pb_section .et_pb_row .et_pb_button.et_pb_button_0_tb_header:before,
body #page-container .et_pb_section .et_pb_row .et_pb_button:before {
    display: block !important;
}

/* Arrows Carousel */
.carousel_arrows {
    display: flex;
    justify-content: center;
    margin-top: 45px;
}

.carousel_arrows>button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 94px;
    height: 94px;
    margin: 0 20px;
    cursor: pointer;
    transition: all 0.2s ease;
    border: none;
    border-radius: 50%;
    background-color: #E9EEF0;
}

@media (max-width: 768px) {
    .carousel_arrows>button {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 80px !important;
        height: 80px !important;
        margin: 0 20px;
        cursor: pointer;
        transition: all 0.2s ease;
        border: none;
        border-radius: 50%;
        background-color: #E9EEF0;
    }
}

.carousel_arrows>button:hover {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 94px;
    height: 94px;
    margin: 0 20px;
    cursor: pointer;
    border: none;
    border-radius: 50%;
    background-color: white;
    box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0;
}

.carousel_arrows>button:active {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 94px;
    height: 94px;
    margin: 0 20px;
    cursor: pointer;
    transition: all 0.3s ease-out;
    border: none;
    border-radius: 50%;
    background-color: #021860;
}

.carousel_arrows>button>img {
    width: 15px;
}

.agenda_separateur {
    font-size: 40px;
    font-weight: 300;
    line-height: 24px;
    color: #AF0062;
}

@media (max-width: 980px) {
    .carousel_arrows {
        display: none;
    }

    .title-row.left {
        justify-content: left;
        padding-left: 4%;
    }

    .title-row>.et_pb_column {
        width: fit-content;
    }
}

@media (max-width: 768px) {
    .carousel_arrows {
        display: none;
    }

    .title-row.left {
        justify-content: center;
        padding-bottom: 70px;
        padding-left: 0;
    }

    .title-row>.et_pb_column {
        width: fit-content;
    }
}

#all_agenda_link:hover::before {
    content: url(/wp-content/uploads/sites/2/2022/06/fleche_blanche.svg);
}

/* ---------------------------------------------
            CINEMA GERARD PHILIPPE
--------------------------------------------- */
/* Page équipement */
#slider-equipement-culture .et_pb_slide {
    width: 80%;
    padding: 0;
}

#slider-equipement-culture .et_pb_slide_description {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 700px;
    min-height: 60%;
    margin-right: 0;
    margin-left: auto;
    padding: 50px 115px;
    transform: translateX(50%);
    animation: none;
    border-radius: 20px 0 0 20px;
    background-color: #fff;
}

#slider-equipement-culture .et_pb_slide_description .et_pb_slide_title,
#slider-equipement-culture .et_pb_slide_description .et_pb_button {
    display: flex !important;
}

#slider-equipement-culture .et_pb_slide_description .et_pb_slide_title::before {
    display: block;
    margin-right: 5px;
    content: "::: ";
    color: #AF0062;
}

#slider-equipement-culture .et_pb_slides .et_pb_slide .et_pb_container .et_pb_slide_description .et_pb_button_wrapper .et_pb_button.et_pb_more_button {
    padding: 0 !important;
}

#slider-equipement-culture .et_pb_slides .et_pb_slide .et_pb_container .et_pb_slide_description .et_pb_button_wrapper .et_pb_button.et_pb_more_button::before {
    position: inherit;
    display: block !important;
    width: 47px;
    height: 19px;
    margin-right: 28px;
    margin-left: 0;
    content: url(/wp-content/uploads/sites/2/2022/06/fleche.svg) !important;
    opacity: 1;
}

#slider-equipement-culture .et-pb-controllers {
    line-height: initial;
    bottom: 25px;
    height: 7px;
}

#slider-equipement-culture .et-pb-controllers a {
    width: 34px;
    height: 7px;
    opacity: 1;
    border-radius: 15px;
    background-color: #FFF;
}

#slider-equipement-culture .et-pb-controllers a.et-pb-active-control {
    background-color: #AF0062;
}

@media (max-width: 980px) {
    #slider-equipement-culture .et_pb_slides .et_pb_slide {
        width: 100%;
    }

    #slider-equipement-culture .et_pb_slide_description {
        width: 550px;
        padding: 35px;
        transform: translateX(0);
    }
}

@media (max-width: 768px) {
    #slider-equipement-culture .et_pb_slides .et_pb_slide {
        margin-bottom: 25%;
    }

    #slider-equipement-culture .et_pb_slides .et_pb_slide .et_pb_container {
        height: 65vh;
    }

    #slider-equipement-culture .et_pb_slider_container_inner {
        position: absolute;
        bottom: 15%;
        display: block;
    }

    #slider-equipement-culture .et_pb_slide_description {
        width: 80%;
        min-height: 50%;
        transform: translateY(50%);
        border-radius: 20px;
        margin: 0 auto;
    }

    #slider-equipement-culture .et-pb-controllers {
        display: none;
    }

    #slider-equipement-culture .et-pb-slider-arrows a {
        opacity: 1;
    }

    #slider-equipement-culture .et-pb-slider-arrows .et-pb-arrow-prev,
    #slider-equipement-culture .et-pb-slider-arrows .et-pb-arrow-next {
        margin-top: -25%;
    }

    #slider-equipement-culture .et_pb_slides .et_pb_slide .et_pb_container .et_pb_slide_description .et_pb_button_wrapper .et_pb_button.et_pb_more_button::before {
        margin-right: 10px;
        transform: scale(0.7);
        line-height: 7px;
    }
}

/* ---------------------------------------------
            Page d'accueil
--------------------------------------------- */
/* Page Home */
#slider-home-culture .et_pb_slider .et_pb_slide {
    background-blend-mode: multiply;
}

#slider-home-culture .et_pb_slide_description {
    position: absolute;
    right: 10%;
    bottom: 10%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 400px;
    height: 400px;
    padding: 65px 50px 50px;
    animation: none;
    border-radius: 50%;
    background-color: #001860;
}

@media (max-width: 768px) {
    #slider-home-culture .et_pb_slide_description {
        padding: 51px 36px 52px;
    }
}

#slider-home-culture .et_pb_slide_title {
    font-size: 18px !important;
}

#slider-home-culture .et_pb_slide_content {
    font-size: 36px !important;
}

#slider-home-culture .et_pb_button_wrapper>a {
    font-size: 19px !important;
}

#slider-home-culture .et_pb_button_wrapper>a::before {
    left: -37px !important;
    width: 44px !important;
    height: 17px !important;
}

.image-blanc-hover:hover img {
    filter: grayscale(1) brightness(5);
}

.image-blanc-hover:hover p {
    color: white;
}

#slider-home-culture .et_pb_slide_description a {
    cursor: text;
    text-decoration: none;
}

#slider-home-culture .et-pb-controllers {
    line-height: initial;
    bottom: 25px;
    height: 7px;
}

#slider-home-culture .et-pb-controllers a {
    position: relative;
    width: 34px;
    height: 7px;
    margin: 4px;
    opacity: 1;
    border-radius: 15px;
    background-color: #001860;
}

#slider-home-culture .et-pb-controllers a.et-pb-active-control::after {
    position: absolute;
    top: -5px;
    left: -5px;
    display: block;
    width: 42px;
    height: 15px;
    content: "";
    border: 1px solid #AF0062;
    border-radius: 15px;
    /* On retire la taille de la marge + la taille de la bordure */
}

@media (max-width: 767px) {
    #slider-home-culture .et_pb_slide_description {
        right: 50%;
        width: 300px;
        height: 300px;
        transform: translateX(50%);
    }

    #slider-home-culture .et_pb_slide_title {
        font-size: 14px !important;
    }

    #slider-home-culture .et_pb_slide_content {
        font-size: 30px !important;
    }

    #slider-home-culture .et_pb_button_wrapper>a {
        font-size: 15px !important;
    }

    #slider-home-culture .et_pb_button_wrapper>a::before {
        left: -27px !important;
        width: 33px !important;
        height: 13px !important;
    }
}

/* Slider home venissieux  */
#slider-home-venissieux .et_pb_slider .et_pb_slide {
    background-blend-mode: multiply;
}

#slider-home-venissieux .et_pb_slide_description {
    position: absolute;
    z-index: 2;
    top: 44%;
    right: 5%;
    width: 300px;
    height: 300px;
    margin: unset !important;
    padding: 0 0 !important;
    color: white;
    border-radius: 50% 50% 40px 50%;
    background-color: #AF0062;
    background-repeat: no-repeat;
    background-size: cover;
}

#slider-home-venissieux .et_pb_slide_description a {
    cursor: pointer;
    text-decoration: none;
}

#slider-home-venissieux .et-pb-controllers {
    line-height: initial;
    bottom: 25px;
    height: 7px;
}

#slider-home-venissieux .et-pb-controllers a {
    position: relative;
    display: none;
    width: 10px;
    height: 10px;
    margin: 4px;
    opacity: 1;
    border-radius: 15px;
    background-color: #FFFFFF;
    border: 1px solid #AF0062;
    z-index: -1;
}

#slider-home-venissieux .et-pb-controllers a.et-pb-active-control::before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    transform: translate(-50%, -50%);
    width: 6px;
    height: 6px;
    content: "";
    border-radius: 15px;
    background: #AF0062;
}

.slider-venissieux .et_pb_slides .et_pb_slide .et_pb_container {
    height: calc(100vh - 80px);
}

.slider-venissieux .et-pb-slider-arrows a {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: rgba(233, 238, 240, 0.79);
    /* opacity: 1; */
}

.slider-venissieux .et-pb-slider-arrows .et-pb-arrow-prev {
    left: -50px;
}

.slider-venissieux .et-pb-slider-arrows .et-pb-arrow-prev::before {
    position: absolute;
    top: 50%;
    right: 25px;
    width: 14px;
    height: 18px;
    content: "";
    transform: translate(0, -50%);
    background: url(/wp-content/uploads/sites/2/2022/06/Combined-Shape.png) no-repeat;
    background-size: contain;
}

.slider-venissieux .et-pb-slider-arrows .et-pb-arrow-next {
    right: -50px;
}

.slider-venissieux .et-pb-slider-arrows .et-pb-arrow-next::before {
    position: absolute;
    top: 50%;
    left: 25px;
    width: 14px;
    height: 18px;
    content: "";
    transform: translate(0, -50%);
    background: url(/wp-content/uploads/sites/2/2022/06/Combined-Shape-1.png) no-repeat;
    background-size: contain;
}

#slider-home-venissieux .et_pb_slide_title {
    font-family: 'Proxima Nova Alt Bold', sans-serif;
    font-size: 18px !important;
    font-weight: 800;
    line-height: 22px;
    margin: 60px 50px 0;
    text-align: left;
    text-transform: uppercase;
    color: #FFF !important;
}

#slider-home-venissieux .et_pb_slide_title a {
    display: flex;
    align-items: center;
}

#slider-home-venissieux .et_pb_slide_title a::before {
    width: 25px;
    height: 25px;
    content: "";
    transform: translate(0, -10%);
    background: url(/wp-content/uploads/2022/09/3-points.svg) no-repeat;
    background-size: contain;
}

#slider-home-venissieux .et_pb_slide_content h2 {
    font-family: 'Proxima Nova Alt Bold', sans-serif;
    font-size: 30px;
    font-weight: 800;
    line-height: 30px;
    margin: 8px 50px 0 50px;
    text-align: left;
    color: #FFF;
}

#slider-home-venissieux .et_pb_slide_content h3 {
    font-family: 'Proxima Nova Alt Bold', sans-serif;
    font-size: 30px;
    font-weight: 800;
    line-height: 30px;
    margin: 8px 20px 0 50px;
    text-align: left;
    color: #FFF;
}

#slider-home-venissieux .et_pb_button_wrapper {
    font-size: 20px;
    font-weight: 800;
    line-height: 24px;
    position: relative;
    margin-left: 27px;
    color: #FFF;
}

html #page-container .et_pb_section .et_pb_slider_0.et_pb_slider#slider-home-venissieux .et_pb_more_button.et_pb_button::before {
    position: absolute;
    top: 6px;
    left: -12px;
    display: block !important;
    width: 47px;
    height: 18px;
    content: "" !important;
    opacity: 1;
    background-image: url(/wp-content/uploads/sites/2/2022/06/fleche_blanche.svg);
    background-repeat: no-repeat;
    background-size: 100%;
}

html #page-container .et_pb_section .et_pb_slider_0.et_pb_slider#slider-home-venissieux .et_pb_more_button.et_pb_button:hover::before {
    top: 10px;
    left: -4px;
}

@media (max-width: 767px) {

    #slider-home-venissieux {
        position: static;
    }

    body #page-container #slider-home-venissieux .et_pb_slide_description .et_pb_button_wrapper a.et_pb_button {
        color: transparent !important;
    }

    html #page-container .et_pb_section .et_pb_slider_0.et_pb_slider#slider-home-venissieux .et_pb_more_button.et_pb_button::before {
        top: 5px;
        left: 20px;
        width: 30px;
        height: 15px;
    }

    #slider-home-venissieux .et_pb_slide_description {
        right: 0;
        top: 20%;
        width: 145px;
        height: 145px;
    }

    .et-pb-slider-arrows {
        display: none;
    }

    #slider-home-venissieux .et_pb_slide_title {
        font-family: 'Proxima Nova Alt Bold', sans-serif;
        font-size: 12px !important;
        font-weight: 800;
        line-height: 16px;
        margin: 25px 20px 0;
        text-align: left;
        text-transform: uppercase;
        color: #FFF !important;
        padding: 0;
    }

    #slider-home-venissieux .et_pb_slide_content h3 {
        font-family: 'Proxima Nova Alt Bold', sans-serif;
        font-size: 20px !important;
        font-weight: 800;
        line-height: 20px;
        margin: 0 10px 0 20px;
        text-align: left;
        color: #FFF;
        height: 40px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }

    #slider-home-venissieux .et_pb_more_button {
        margin-top: 7px;
    }

    #slider-home-venissieux .et-pb-controllers {
        display: flex;
        width: auto !important;
        height: auto !important;
        z-index: 11;
        bottom: 5%;
        left: 50%;
        transform: translateX(-50%);
    }

    #slider-home-venissieux .et-pb-controllers a {
        display: block;
    }


    #slider-home-venissieux .et_pb_button_wrapper {
        font-size: 20px;
        font-weight: 800;
        line-height: 24px;
        position: relative;
        margin-left: 40px;
        color: #FFF;
    }

    #ancre_home h3 {
        font-size: 14px !important;
    }
}

.et_pb_row {
    padding: 16px;
}

#menu-menu-de-lespace-culture>li {
    font-family: 'Proxima Nova Alt Bold', sans-serif;
}

/* Hover home */
#map_filter_home_select>button:hover {
    color: white;
    border-color: #AF0062;
    background-color: #AF0062;
}

#map_filter_home_select>button:hover::before {
    background: url("/wp-content/uploads/sites/2/2022/06/fleche_blanche.svg");
}

.promote-element .actualite-button:hover {
    color: white;
    border-color: #AF0062;
    background-color: #AF0062;
}

.promote-element .actualite-button:hover::before {
    background: url("/wp-content/uploads/sites/2/2022/06/fleche_blanche.svg");
}

.textSlide>a:hover {
    color: white;
    border-color: #AF0062;
    background-color: #AF0062;
}

.textSlide>a:hover::after {
    right: -60px;
}

.textSlide>a:hover::before {
    content: url("/wp-content/uploads/sites/2/2022/06/fleche_blanche.svg");
}

/* slider equipement culture */
#slider-equipement-culture .et_pb_bg_layout_dark .et_pb_slide_description,
#slider-home-venissieux .et_pb_bg_layout_dark .et_pb_slide_description {
    text-shadow: none;
}

/* menu culture */
#et-main-area>footer .menu-item>ul,
#menu-menu-de-lespace-culture .menu-item>ul,
#menuPrincipalCulture #mobile_menu1 .menu-item>ul {
    display: none !important;
}

#menuPrincipalCulture .et_mobile_menu>li>a::after {
    display: none !important;
}

#menuPrincipalCulture .et_mobile_menu .menu-item-has-children>a,
#menuPrincipalCulture .et_mobile_menu li a:hover {
    background-color: #fff;
    color: #001860 !important;
}

/* Général */
.slider-culture .et_pb_slides .et_pb_slide .et_pb_container {
    height: calc(100vh - 80px);
}

.slider-culture .et-pb-slider-arrows a {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: rgba(233, 238, 240, 0.79);
    /* opacity: 1; */
}

.slider-culture .et-pb-slider-arrows .et-pb-arrow-prev {
    left: -50px;
}

.slider-culture .et-pb-slider-arrows .et-pb-arrow-prev::before {
    position: absolute;
    top: 50%;
    right: 25px;
    width: 14px;
    height: 18px;
    content: "";
    transform: translate(0, -50%);
    background: url(/wp-content/uploads/sites/2/2022/06/Combined-Shape.png) no-repeat;
    background-size: contain;
}

.slider-culture .et-pb-slider-arrows .et-pb-arrow-next {
    right: -50px;
}

.slider-culture .et-pb-slider-arrows .et-pb-arrow-next::before {
    position: absolute;
    top: 50%;
    left: 25px;
    width: 14px;
    height: 18px;
    content: "";
    transform: translate(0, -50%);
    background: url(/wp-content/uploads/sites/2/2022/06/Combined-Shape-1.png) no-repeat;
    background-size: contain;
}

/* ---------------------------------------------
                    AGENDA
--------------------------------------------- */
/*bouton agenda*/
@media (min-width: 980px) {
    #agenda_bouton {
        position: absolute;
        right: 5%;
        margin-top: -120px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 980px) {
    #agenda_bouton:hover::before {
        position: absolute !important;
        top: 12px;
        left: 49px;
        display: block !important;
        width: 35px !important;
        height: 15px !important;
        content: "" !important;
        background: url(/wp-content/uploads/sites/2/2022/06/fleche_blanche.svg) no-repeat;
        background-size: 100%;
    }
}

@media only screen and (max-width: 767px) {
    #agenda_bouton:hover::before {
        position: absolute !important;
        top: 12px;
        left: 53px;
        display: block !important;
        width: 30px !important;
        height: 20px !important;
        content: "" !important;
        background: url(/wp-content/uploads/sites/2/2022/06/fleche_blanche.svg) no-repeat;
        background-size: 100%;
    }
}

/* Filtre */
#filter_agenda {
    width: 80%;
    margin: auto auto 63px;
}

@media (max-width: 767px) {
    #filter_agenda {
        width: 100%;
    }
}

#filter_agenda>p {
    font-family: "Proxima Nova Alt Regular", sans-serif;
    font-size: 20px;
    line-height: 24px;
    display: flex;
    align-items: center;
    width: fit-content;
    padding: 21px 38px;
    color: #132D4E;
    border-radius: 20px 10px 0 0;
    background-color: #E9EEF0;
}

#filter_agenda>p>img {
    margin-right: 20px;
}

#filter_agenda>div {
    padding: 65px 80px;
    border-radius: 0 20px 20px;
    background-color: #E9EEF0;
}

#filter_agenda .choose_filter .temporalite_filter,
#filter_agenda .choose_filter .type_filter {
    display: flex;
    align-items: center;
}

#filter_agenda .choose_filter p,
#filter_agenda .choose_filter input,
#filter_agenda .choose_filter select {
    font-family: "Proxima Nova Alt Extra Bold", sans-serif;
    font-size: 18px;
    font-weight: 900;
    line-height: 22px;
    padding: 21px 22px;
    text-transform: uppercase;
    color: #132D4E;
    border: none;
    border-radius: 7px;
    background-color: #FFF;
}

#filter_agenda .choose_filter .temporalite_filter p {
    text-align: center;
}

#filter_agenda .choose_filter .search_filter {
    display: flex;
    justify-content: space-between;
}

#filter_agenda .choose_filter .mots_cles {
    position: relative;
    /* la moitié du bloc moins l'espace de 21 pixels */
    width: calc(50% + 21px);
    margin-right: 21px;
}

#filter_agenda .choose_filter .mots_cles input {
    width: 100%;
}

#filter_agenda .choose_filter .search_filter input[name="date"],
#filter_agenda .choose_filter .search_filter select {
    width: calc(25% - 21px - 21px / 2);
    /* le quart du bloc moins l'espace de 21px */
}

#filter_agenda .choose_filter .temporalite_filter p:not(:last-child),
#filter_agenda .choose_filter .type_filter select:not(:last-child),
#filter_agenda .choose_filter .search_filter input[name="date"] {
    margin-right: 21px;
}

/*
#filter_agenda .choose_filter .temporalite_filter p,
#filter_agenda .choose_filter .type_filter select {
    width: 25%;
}
*/
#filter_agenda .choose_filter>div:not(:last-child) {
    margin-bottom: 36px;
}

#filter_agenda .agenda_separateur {
    line-height: 49px;
    margin-bottom: 33px;
    text-align: center;
}

#filter_agenda .modify_filter {
    display: flex;
    justify-content: space-between;
}

#filter_agenda .selected_filter {
    display: flex;
    gap: 30px;
}

#filter_agenda .selected_filter p {
    font-family: "Proxima Nova Alt Extra Bold", sans-serif;
    font-size: 16px;
    font-weight: 800;
    line-height: 19px;
    display: flex;
    align-items: center;
    padding: 10px 15px 10px 20px;
    text-align: center;
    text-transform: uppercase;
    color: #FFF;
    border-radius: 7px;
    background-color: #001860;
}

#filter_agenda .selected_filter p>span {
    font-family: "Proxima Nova Alt Light", sans-serif;
    font-size: 35px;
    font-weight: 300;
    margin-left: 15px;
    cursor: pointer;
    transform: rotate(45deg);
    text-align: center;
    color: #FFF;
}

#filter_agenda .removeFilter {
    font-family: "Proxima Nova Alt Bold", sans-serif;
    font-size: 21px;
    font-weight: 700;
    line-height: 26px;
    cursor: pointer;
    text-decoration: underline;
    color: #AF0062;
}

@media (max-width: 980px) {
    #filter_agenda>div:nth-child(2) {
        padding: 65px 40px;
    }

    #filter_agenda>div:nth-child(2)>div:nth-child(1)>div:nth-child(1) {
        display: flex;
        flex-wrap: wrap;
    }

    #filter_agenda>div:nth-child(2)>div:nth-child(1)>div:nth-child(1)>p {
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
    }

    #filter_agenda>div:nth-child(2)>div:nth-child(1)>div:nth-child(3),
    #filter_agenda .choose_filter .type_filter {
        display: flex;
        flex-wrap: wrap;
    }

    #filter_agenda>div:nth-child(2)>div:nth-child(1)>div:nth-child(3)>div:nth-child(1),
    #filter_agenda .choose_filter .type_filter select,
    #filter_agenda .choose_filter .type_filter select:not(:last-child) {
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
    }

    #filter_agenda>div:nth-child(2)>div:nth-child(1)>div:nth-child(3)>input:nth-child(2) {
        width: 49%;
        margin-right: 2%;
    }

    #filter_agenda>div:nth-child(2)>div:nth-child(1)>div:nth-child(3)>select:nth-child(3) {
        width: 49%;
        margin-right: 0;
    }

    #menuPrincipalCulture #mobile_menu1>li {
        position: relative;
    }

    #menuPrincipalCulture #mobile_menu1>li::before {
        font-size: 18px;
        position: absolute;
        top: 50%;
        left: -3px;
        transform: translateY(-50%);
    }
}

@media (max-width: 768px) {
    #filter_agenda>div:nth-child(2)>div:nth-child(1)>div:nth-child(3)>input:nth-child(2) {
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
    }

    #filter_agenda>div:nth-child(2)>div:nth-child(1)>div:nth-child(3)>select:nth-child(3),
    #filter_agenda .type_filter select {
        width: 100%;
        margin-right: 0;
    }

    #filter_agenda>div:nth-child(2)>div:nth-child(3)>p {
        margin: auto !important;
    }
}

/* --- Liste --- */
.shortcode_agenda .splide__track {
    padding-bottom: 20px;
    padding-top: 20px;
}

.shortcode_agenda .agenda_element {
    display: inline-grid;
    overflow: hidden;
    border-radius: 20px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

@media (max-width: 768px) {
    .agenda_dlville_home>div:nth-child(2) {
        margin-left: -7px;
    }
}

.shortcode_agenda .agenda_element.is-active {
    width: 360px;
}

.shortcode_agenda .agenda_element:not(.is-visible) {
    transition: all 0.5s;
    opacity: 1 !important;
}

.shortcode_agenda .agenda_bloc_image {
    position: relative;
    display: flex;
}

.shortcode_agenda .agenda_bloc_image img {
    object-fit: cover;
    width: 100%;
}

.bloc_titre {
    padding-right: 3px;
}

.shortcode_agenda .agenda_category {
    font-size: 14px;
    font-weight: 700;
    line-height: 17px;
    position: absolute;
    z-index: 999;
    top: 30px;
    left: 34px;
    padding: 8px 15px !important;
    text-transform: uppercase;
    color: #fff;
    border-radius: 60px;
    background-color: #AF0062;
}

.shortcode_agenda .agenda_image {
    width: 100%;
    min-height: 280px;
    transition: all 0.2s ease-in-out;
    object-fit: cover;
}

.agenda_bloc_image img:hover {
    transform: scale(1.2);
}

.shortcode_agenda .agenda_informations {
    position: relative;
    padding: 85px 33px 33px;
    border-radius: 0 0 20px 20px;
    background-color: #001860;
}

.shortcode_agenda .agenda_date {
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    position: absolute;
    top: -85px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 170px;
    height: 170px;
    color: #FFF;
    border-radius: 50%;
    background-color: #001860;
}

.shortcode_agenda .agenda_date>p {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding: 0;
}

.shortcode_agenda .agenda_date>p.agenda_date_day>span {
    font-size: 30px;
    font-weight: 700;
    line-height: 30px;
}

.shortcode_agenda .agenda_date>p.agenda_date_and {
    font-size: 24px;
    font-weight: 700;
    line-height: 29px;
    padding: 0 7px;
    color: #AF0062;
}

.shortcode_agenda .agenda_payant {
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    position: absolute;
    top: 10px;
    right: 15px;
    text-transform: uppercase;
    color: #AF0062;
}

.shortcode_agenda .agenda_titre {
    font-size: 30px;
    font-weight: 800;
    line-height: 37px;
    display: -webkit-box;
    overflow: hidden;
    padding: 0;
    color: #FFF;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.shortcode_agenda .agenda_lieu,
.shortcode_agenda .agenda_horaires {
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    color: #FFF;
}

.shortcode_agenda .agenda_lieu>img {
    width: 22px;
    margin-right: 5px;
}

.shortcode_agenda .agenda_horaires>img {
    width: 22px;
    margin-right: 10px;
}

.shortcode_agenda .agenda_lieu {
    padding-bottom: 15px;
}

.shortcode_agenda .agenda_billeterie {
    position: absolute;
    z-index: 0;
    right: 20px;
    bottom: 5px;
}

.shortcode_agenda .agenda_billeterie svg {
    z-index: 1;
}

a.agenda_billeterie::after {
    content: '';
}

a.agenda_billeterie:hover::after {
    position: absolute;
    z-index: -1;
    top: -7px !important;
    left: 4px !important;
    width: 50px;
    height: 50px;
    content: '';
    transition: all 0.3s;
    /* opacity: 0.5; */
    border-radius: 50px;
    background-color: #fff;
    inset: 0;
}

.shortcode_agenda .agenda_element:hover .agenda_billeterie>svg>g>g>g>path {
    transition: all 0.3s ease-in;
    stroke: #001860;
}

.shortcode_agenda .agenda_infos_sup {
    margin-bottom: 30px;
}

.carousel-agenda>.et_pb_column>.et_pb_button_module_wrapper {
    width: fit-content;
}

.shortcode_agenda .my-slider-progress {
    display: none;
}

@media (max-width: 1350px) {
    .carousel-agenda>.et_pb_column>.et_pb_button_module_wrapper {
        right: 3%;
    }
}

@media (max-width: 980px) {
    .shortcode_agenda .agenda_element:not(.is-visible) {
        opacity: 1;
    }

    .carousel-agenda>.et_pb_column>.et_pb_button_module_wrapper {
        top: 0 !important;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
    }

    .agenda_arrows {
        display: none;
    }

    .shortcode_agenda .my-slider-progress {
        display: block;
        width: 60%;
        margin: 50px auto;
        border-radius: 15px;
        background: #ccc;
    }

    .shortcode_agenda .my-slider-progress-bar {
        width: 0;
        height: 11px;
        transition: width 400ms ease;
        border-radius: 15px;
        background: #ffbf00;
    }

    .shortcode_agenda .agenda_titre {
        font-size: 36px;
        line-height: 44px;
    }
}

@media (max-width: 450px) {
    .shortcode_agenda .agenda_titre {
        font-size: 26px;
        line-height: 32px;
    }

    .shortcode_agenda .bloc_titre {
        height: 150px;
    }
}

/* ---------------------------------------------
                ACTUALITES
--------------------------------------------- */
.actualite-element {
    display: flex;
    cursor: pointer;
}

.promote-element .actualite-image {
    width: 100%;
}

.promote-element .actualite-image img {
    position: relative;
    display: block;
    width: 100%;
    height: 500px;
    border-radius: 15px;
    object-fit: cover;
}

.promote-element .actualite-image::after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 78%;
    height: 500px;
    content: "";
    border-radius: 20px;
    background: linear-gradient(270deg, #000 0%, transparent 100%);
}

.promote-element .actualite-informations {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 29%;
    transform: translateX(-50px);
    background-color: rgb(0 24 96 / 0);
}

.promote-element .actualite-informations>p:nth-child(1) {
    font-size: 16px;
    padding: 10px 0px 5px 0px;
    background-color: rgba(255, 255, 255, 0);
}

.actualite-category {
    font-size: 18px;
    font-weight: 800;
    line-height: 22px;
    text-transform: uppercase;
    color: #fff;
    padding: 15px 0px 15px 20px;
    border-radius: 7px;
    background-color: #AF0062;
    display: flex;
}

.actualite-category::before {
    width: 25px;
    height: 25px;
    content: "";
    transform: translate(0, -10%);
    background: url(/wp-content/uploads/2022/09/3-points.svg) no-repeat;
    background-size: contain;
}

.actualite-title {
    font-size: 50px;
    font-weight: 800;
    line-height: 55px;
    color: #FFF;
}

.actualite-description {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 66px;
    color: #FFF;
}

.promote-element .actualite-button {
    font-size: 20px;
    font-weight: 800;
    line-height: 24px;
    display: flex;
    align-items: center;
    width: fit-content;
    padding: 17px 34px;
    color: #AF0062;
    border-radius: 100px;
    background-color: white;
}

.promote-element .actualite-button::before {
    position: inherit;
    display: block !important;
    width: 48px;
    height: 19px;
    margin-right: 14px;
    margin-left: 0;
    content: "";
    opacity: 1;
    background: url(/wp-content/uploads/sites/2/2022/06/fleche.svg) no-repeat;
}

#splide_actualites_culture .actualite-element {
    display: flex;
    width: 480px;
    height: 562px;
}

#splide_actualites_culture .actualite-element img {
    border-radius: 20px;
}

#splide_actualites_culture .actualite-element .actualite-image.vertical-image img,
#splide_actualites_culture .actualite-element.vertical-image .actualite-image div {
    width: 324px !important;
    height: 440px !important;
    object-fit: cover !important;
}

#splide_actualites_culture .actualite-element .actualite-image picture {
    width: 100%;
    height: 100%;
}

#splide_actualites_culture .actualite-element .actualite-image.vertical-image div:after {
    position: absolute;
    z-index: 1;
    top: 0;
    display: block;
    width: 324px;
    height: 440px;
    content: '';
    border-radius: 20px;
    background: linear-gradient(195deg, transparent, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 1) 100%);
}

#splide_actualites_culture .actualite-informations {
    position: absolute;
    z-index: 9;
    bottom: 0;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 65%;
    border-radius: 0 0 15px 15px;
    background-color: white;
}

#splide_actualites_culture.actu_venissieux .actualite-informations {
    padding: 30px 40px 30px 20px;
}

#splide_actualites_culture.actu_culture .actualite-informations {
    padding: 30px 75px 0 0;
}

#splide_actualites_culture .actualite-informations .actualite-button::before {
    position: relative;
    display: block !important;
    width: 50px;
    height: 19px;
    content: "";
    opacity: 1;
    background: url(/wp-content/uploads/sites/2/2022/06/fleche.svg) no-repeat;
}


@media (max-width: 1550px) {

    #splide_actualites_culture .actualite-element .actualite-image.vertical-image img,
    #splide_actualites_culture .actualite-element .actualite-image.vertical-image div {
        width: 280px !important;
        height: 380px !important;
    }

    #splide_actualites_culture .actualite-element .actualite-image.actualite-image div:after {
        top: 0;
        width: 280px;
        height: 380px;
    }
}

@media (max-width: 767px) {
    #splide_actualites_culture .actualite-informations {
        padding: 55px 25px 30px;
    }
}

#splide_actualites_culture .actualite-category {
    font-size: 16px;
    line-height: 19px;
    position: absolute;
    top: -24.5px;
    left: 0;
    padding: 15px 25px 15px 50px;
    color: white;
    border-radius: 0 7px 7px 0;
    background-color: #AF0062;
}

#splide_actualites_culture .actualite-category::before {
    position: absolute;
    top: 50%;
    left: 25px;
    width: 25px;
    height: 25px;
    content: "";
    transform: translate(0, -57%);
    background: url(/wp-content/uploads/2022/09/3-points.svg) no-repeat;
    background-size: contain;
}

#splide_actualites_culture .actualite-title {
    font-size: 36px;
    line-height: 40px;
    margin-top: 10px;
    padding-bottom: 10px;
    color: #132D4E;
}

#splide_actualites_culture .actualite-description {
    font-size: 20px;
    line-height: 25px;
    margin-top: 5px;
    color: black;
}

#splide_actualites_culture .actualite-button {
    position: absolute;
    right: 35px;
    bottom: 25px;
    cursor: pointer;
}

#splide_actualites_culture .actualite-image {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 275px;
}

#splide_actualites_culture .actualite-image:not(.vertical-image) {
    overflow: hidden;
    width: 100%;
    border-radius: 15px 15px 0 0;
}

#splide_actualites_culture .actualite-image>img {
    width: 100%;
    height: 100%;
    transition: scale 0.5s ease;
    border-radius: 15px;
    object-fit: cover;
    scale: 1;
}

#splide_actualites_culture .actualite-element:hover .actualite-image>img {
    scale: 1.1;
}

#splide_actualites_culture .actualite-image::after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    content: "";
    border-radius: 15px;
    background: linear-gradient(18.43deg, #000 0%, transparent 45%);
}

.en_avant {
    border: 1px solid #AF0062;
}

@media (max-width: 1550px) {
    .promote-element .actualite-button {
        font-size: 18px;
        line-height: 24px;
        white-space: nowrap;
    }

    .promote-element .actualite-informations {
        width: 50%;
        margin-left: -20%;
    }

    .promote-element .actualite-image::after {
        width: 81%;
    }

    #splide_actualites_culture .actualite-title {
        font-size: 28px;
        line-height: 34px;
    }

    #splide_actualites_culture .actualite-description {
        font-size: 18px;
        line-height: 22px;
    }
}

@media (max-width: 980px) {
    #splide_actualites_culture .carousel_arrows {
        display: flex;
    }

    #splide_actualites_culture .actualite-category {
        font-size: 14px;
        line-height: 17px;
    }

    #splide_actualites_culture .actualite-title {
        font-size: 24px;
        line-height: 26px;
    }

    #splide_actualites_culture .actualite-description {
        font-size: 14px;
        line-height: 18px;
    }

    #splide_actualites_culture .actualite-image:not(.vertical-image) {
        width: 100%;
    }

    #splide_actualites_culture .actualite-image {
        height: 350px;
    }
}

@media (max-width: 700px) {
    #splide_actualites_culture .actualite-image:not(.vertical-image) {
        width: 100%;
    }

    #splide_actualites_culture .actualite-element {
        height: 480px;
    }

    #splide_actualites_culture .carousel_arrows>button {
        width: 100px;
        height: 100px;
    }
}

/* ---------------------------------------------
                   PROJETS
--------------------------------------------- */
/* Bouton projet */
@media only screen and (min-width: 768px) and (max-width: 980px) {
    #projets_bouton:hover::before {
        position: absolute !important;
        top: 12px;
        left: 49px;
        display: block !important;
        width: 35px !important;
        height: 15px !important;
        content: "" !important;
        background: url(/wp-content/uploads/sites/2/2022/06/fleche_blanche.svg) no-repeat;
        background-size: 100%;
    }
}

@media only screen and (max-width: 767px) {
    #projets_bouton:hover::before {
        position: absolute !important;
        top: 12px;
        left: 53px;
        display: block !important;
        width: 30px !important;
        height: 20px !important;
        content: "" !important;
        background: url(/wp-content/uploads/sites/2/2022/06/fleche_blanche.svg) no-repeat;
        background-size: 100%;
    }
}

#splide_carrousel_projects {
    overflow: hidden;
}

#splide_carrousel_projects .splide__track {
    padding-bottom: 37px;
}

#splide_carrousel_projects .splide__slide {
    max-height: 75vh;
}

#splide_carrousel_projects picture {
    width: 100%;
    height: 100%;
}

#splide_carrousel_projects .project_image {
    width: 100%;
    height: 100%;
    border-radius: 20px;
    object-fit: cover;
}

#splide_carrousel_projects .project_bloc_title {
    position: absolute;
    right: 22px;
    bottom: -37px;
    width: 300px;
    height: 300px;
    padding: 70px;
    border-radius: 50% 50% 35px;
    background-color: #001860;
}

#splide_carrousel_projects .project_bloc_title>h3 {
    font-size: 35px;
    font-weight: 700;
    line-height: 38px;
    color: #FFF;
}

#splide_carrousel_projects .splide__slide:not(.is-visible) {
    transition: all 0.5s;
    filter: brightness(0.5);
}

#splide_carrousel_projects .splide__arrows {
    margin-top: 0;
}

#splide_carrousel_projects .splide__arrow--prev {
    position: absolute;
    top: 50%;
    left: calc(16% - 179px);
    transform: translateY(calc(-50% - 37px))
}

#splide_carrousel_projects .splide__arrow--next {
    position: absolute;
    top: 50%;
    right: calc(16% - 179px);
    /* 16% - 139px (taille du boouton) - 20*2 (taille des marges du bouton) - 23px (écart entre le bord et le bouton) */
    transform: translateY(calc(-50% - 37px))
}

#splide_carrousel_projects .splide__pagination {
    position: relative;
    margin-top: 17px;
    padding: 0;
}

#splide_carrousel_projects .splide__pagination button {
    width: 34px;
    height: 7px;
    transform: none;
    opacity: 1;
    border-radius: 15px;
    background-color: #C8C8C8;
}

#splide_carrousel_projects .splide__pagination button.is-active {
    background-color: #AF0062;
}

@media (max-width: 1250px) {
    #splide_carrousel_projects .project_bloc_title {
        width: 300px;
        height: 300px;
        padding: 60px;
    }

    #splide_carrousel_projects .project_bloc_title>h3 {
        font-size: 30px;
        line-height: 32px;
    }
}

@media (max-width: 980px) {
    #splide_carrousel_projects .carousel_arrows {
        display: flex;
    }

    #splide_carrousel_projects .carousel_arrows>button {
        width: 91px;
        height: 91px;
    }

    #splide_carrousel_projects .carousel_arrows>button>img {
        width: 10px;
    }

    #splide_carrousel_projects .splide__arrow--prev {
        left: -38px;
    }

    #splide_carrousel_projects .splide__arrow--next {
        right: -38px;
    }

    #splide_carrousel_projects .splide__arrow--prev,
    #splide_carrousel_projects .splide__arrow--next {
        transform: translateY(calc(-10% - 70px))
    }

    #splide_carrousel_projects .project_bloc_title {
        right: 40px;
        bottom: -15px;
    }

    #splide_carrousel_projects .splide__track {
        padding-bottom: 37px;
    }

    #splide_carrousel_projects .splide__slide {
        padding: 0 20px;
    }

    #splide_carrousel_projects .project_bloc_title {
        width: 250px;
        height: 250px;
    }

    #splide_carrousel_projects .project_bloc_title>h3 {
        font-size: 22px;
        line-height: 30px;
    }

    #splide_carrousel_projects .splide__slide:not(.is-visible) {
        filter: none;
    }
}

@media (max-width: 600px) {
    #splide_carrousel_projects .splide__slide {
        height: 319px;
    }

    #splide_carrousel_projects .project_bloc_title {
        width: 180px;
        height: 180px;
        padding: 30px;
    }

    #splide_carrousel_projects .project_bloc_title>h3 {
        font-size: 22px;
        line-height: 26px;
    }

    #splide_carrousel_projects .agenda_separateur {
        line-height: 0;
        ;
    }
}

.carrouselHome {
    overflow: hidden;
    height: 700px;
}

@media (max-width: 980px) {
    .carrouselHome {
        overflow: hidden;
        height: 500px;
    }
}

.carrouselHome>div {
    height: 100%;
}

.carrouselHome>div>img {
    height: 100%;
    object-fit: cover;
}

.pastille {
    position: absolute;
    z-index: 2;
    top: 50%;
    right: 5%;
    width: 300px;
    height: 300px;
    transform: translate(0%, -50%);
    color: white;
    border-radius: 50% 50% 40px 50%;
    background-color: #AF0062;
}

.pastille>p {
    padding-bottom: 0;
}

.pastille>p:nth-child(1) {
    font-size: 15px;
    font-weight: 800;
    line-height: 22px;
    margin-top: 71px;
    margin-bottom: 0;
    margin-left: 62px;
    text-transform: uppercase;
    color: #FFD702;
}

.pastille>p:nth-child(2) {
    font-size: 40px;
    font-weight: 800;
    line-height: 40px;
    margin-top: 8px;
    margin-bottom: 0;
    margin-left: 62px;
    color: #FFF;
}

.pastille>p:nth-child(3) {
    font-size: 20px;
    font-weight: 800;
    line-height: 24px;
    margin-top: 35px;
    margin-left: 131px;
    color: #FFF;
}

.pastille>p:nth-child(3)::before {
    position: absolute;
    left: 65px;
    display: block !important;
    width: 47px;
    height: 19px;
    margin-right: 0;
    margin-left: 0;
    content: url(/wp-content/uploads/sites/2/2022/06/fleche_blanche.svg);
    opacity: 1;
    background-repeat: no-repeat;
    background-size: cover;
}

@media (max-width: 980px) {
    .pastille {
        position: absolute;
        z-index: 2;
        top: 50%;
        right: 5%;
        width: 220px;
        height: 220px;
        transform: translate(0%, -50%);
        color: white;
        border-radius: 50% 50% 40px 50%;
        background-color: #AF0062;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .pastille>p {
        padding-bottom: 0;
    }

    .pastille>p:nth-child(1) {
        font-size: 12px;
        font-weight: 800;
        line-height: 22px;
        margin-top: 50px;
        margin-bottom: 0;
        margin-left: 43px;
        text-transform: uppercase;
        color: #FFD702;
    }

    .pastille>p:nth-child(2) {
        font-size: 37px;
        font-weight: 800;
        line-height: 40px;
        margin-top: 6px;
        margin-bottom: 0;
        margin-left: 43px;
        color: #FFF;
    }

    .pastille>p:nth-child(3) {
        font-size: 20px;
        font-weight: 800;
        line-height: 24px;
        margin-top: 35px;
        margin-left: 111px;
        color: #FFF;
    }

    .pastille>p:nth-child(3)::before {
        position: absolute;
        left: 47px;
        display: block !important;
        width: 27px;
        height: 22px;
        margin-right: 0;
        margin-left: 0;
        content: url(/wp-content/uploads/sites/2/2022/06/fleche_blanche.svg);
        opacity: 1;
        background-repeat: no-repeat;
        background-size: cover;
    }

    @media (max-width: 768px) {
        .pastille {
            height: 165px;
            width: 165px;
            background-color: #AF0062;
            background-repeat: no-repeat;
            background-size: cover;
            color: white;
            border-radius: 50% 50% 40px 50%;
            position: absolute;
            z-index: 2;
            top: 60%;
            right: 5%;
            transform: translate(0%, -50%);
        }

        .pastille>p {
            padding-bottom: 0;
        }

        .pastille>p:nth-child(1) {
            color: #FFD702;
            text-transform: uppercase;
            font-size: 10px;
            font-weight: 800;
            line-height: 10px;
            margin-top: 40px;
            margin-left: 30px;
            margin-bottom: 0;
        }

        .pastille>p:nth-child(2) {
            color: #FFF;
            margin-top: 5px;
            margin-bottom: 0;
            font-size: 30px;
            font-weight: 800;
            line-height: 30px;
            margin-left: 30px;
        }

        .pastille>p:nth-child(3) {
            color: #FFF;
            margin-top: 30px;
            font-size: 16px;
            font-weight: 800;
            line-height: 24px;
            margin-left: 80px;
        }

        .pastille>p:nth-child(3)::before {
            content: "";
            display: block !important;
            position: absolute;
            background: url(/wp-content/uploads/sites/2/2022/06/fleche_blanche.svg) no-repeat;
            background-size: cover;
            height: 13px;
            width: 35px;
            left: 33px;
            opacity: 1;
            margin-right: 0;
            margin-left: 0;
            transform: translateY(5px);
        }
    }
}

#cityMapHome path {
    cursor: pointer;
    transition: 0.3s;
}

#cityMapHome path:hover {
    fill: #AF0062 !important;
}

.tooltip {
    font-size: 16px;
    font-weight: 700;
    line-height: 19px;
    position: absolute;
    z-index: 5000;
    padding: 10px 20px;
    text-align: center;
    color: #132D4E;
    border-radius: 60px;
    background-color: #FFF;
}

#Calque_2-2 {
    transform: translate(-133px, 120px);
    pointer-events: none;
}

/*----------------------------------
        SLIDER CALAMEO
------------------------------------*/
.imgSlider {
    position: relative;
    left: 40%;
    pointer-events: none;
    transform-style: preserve-3d;
    perspective: 1000px;
}

.imgSlider img {
    width: 516px;
    height: 639px;
}

.imgSlider>div {
    position: absolute;
    top: 0;
    left: 516px;
    display: inline-block;
}

.imgSlider>.pos0 {
    position: relative;
    left: 0;
}

.imgslide {
    transition: 0.6s opacity;
    opacity: 0;
}

.imgslide.pos0 {
    z-index: 3;
    left: 0;
    transition: 0.6s;
    opacity: 1;
}

.imgslide.pos1 {
    z-index: 2;
    left: 516px;
    transition: 0.6s;
    transform: rotateY(-35deg) translateZ(86px) translateX(-70%) scale(0.9) translateY(35px);
    opacity: 1;
}

.imgslide.pos2 {
    z-index: 1;
    left: 516px;
    transition: 0.6s left;
    transform: rotateY(-35deg) translateZ(15px) translateX(-56%) scale(0.8) translateY(89px);
    opacity: 1;
}

.imgslide.posmoins1 {
    z-index: 1;
    left: -500px;
    transition: 0.6s;
    opacity: 0;
}

.controller>div button {
    font-family: "GothicA1", sans-serif;
    font-size: 30px;
    font-weight: 900;
    line-height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 90px;
    height: 90px;
    cursor: pointer;
    transition: all 0.3s;
    color: #AF0062;
    border-radius: 50%;
    background-color: #E9EEF0;
    border: 0;
}

.controller>div button:hover {
    font-family: "GothicA1", sans-serif;
    font-size: 36px;
    font-weight: 900;
    line-height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 96px;
    height: 96px;
    cursor: pointer;
    color: #E9EEF0;
    border-radius: 50%;
    background-color: #AF0062;
}

.controller div:nth-child(1) {
    display: none;
}

.controller {
    position: absolute;
    top: 50%;
    left: calc(100% + 55px);
    transform: translateY(-50%);
}

@media (max-width: 1500px) {
    .controller {
        left: calc(90% + 55px)
    }
}

@media (max-width: 1200px) {
    .controller {
        left: calc(70% + 170px)
    }
}

.textSlider {
    position: absolute;
    top: 50%;
    overflow: hidden;
    width: 623px;
    height: 427px;
    transform: translateY(-50%);
    border-radius: 15px;
    background-color: #001860;
}

.textSlider::after {
    position: absolute;
    z-index: -1;
    top: -200px;
    right: -117px;
    display: block;
    width: 372px;
    height: 372px;
    content: "";
    border-top: 10px solid #ffbf00;
    border-right: 10px solid #ffbf00;
    border-bottom: 10px solid #ffbf00;
    border-left: 10px solid #ffbf00;
    border-radius: 500px;
}

.textSlider>div {
    position: absolute;
    top: 0;
    left: 0;
    padding-left: 49px;
    transition: 0.3s;
    pointer-events: none;
    opacity: 0;
}

.textSlider>.active {
    padding-top: 74px;
    padding-right: 130px;
}

.textSlider>div.active {
    pointer-events: all;
    opacity: 1;
}

.textSlider>div h4 {
    font-size: 18px;
    font-weight: 800;
    line-height: 22px;
    text-transform: uppercase;
    color: #fff;
    padding: 15px 0px 15px 5px;
    border-radius: 7px;
}

.textSlider>div h5 {
    font-size: 30px;
    font-weight: 700;
    line-height: 37px;
    color: #FFF;
    background-color: rgb(0 24 96 / 70%);
}

.textSlide>a {
    font-size: 20px;
    font-weight: 800;
    line-height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 231px;
    height: 67px;
    color: #AF0062;
    border-radius: 60px;
    background-color: white;
}

.textSlide {
    height: 100%;
}

.textSlide>p {
    font-family: 'Proxima Nova Alt Bold', sans-serif;
}

.textSlide>p:nth-child(3) {
    font-size: 18px;
    line-height: 22px;
    color: white;
}

.textSlide>a {
    font-family: 'Proxima Nova Alt Extra Bold', sans-serif;
    font-size: 20px;
    position: absolute;
    /* z-index: 2; */
    bottom: 50px;
    padding-left: 50px;
}

.textSlide>a::before {
    position: absolute;
    left: 30px;
    display: block !important;
    width: 47px;
    height: 19px;
    margin-right: 0;
    margin-left: 0;
    content: url(/wp-content/uploads/sites/2/2022/06/fleche.svg);
    opacity: 1;
}

.textSlide>a::after {
    position: absolute;
    z-index: -1;
    top: 50%;
    right: -38px;
    display: block;
    width: 96px;
    height: 96px;
    content: "";
    transition: all 0.3s;
    transform: translateY(-50%);
    opacity: 1;
    background: url(/wp-content/uploads/2022/05/Simple-dot-1.png);
}

.textSlide.active>a:hover::after {
    right: -58px;
}

.textSlide>p:nth-child(2) {
    margin-bottom: 0;
}

.sliderPublication {
    width: 115%;
}

/* ---------------------------------------------
                ALERTES
--------------------------------------------- */
.alerte_annonce .et_pb_promo_description {
    padding-bottom: 5px;
}

/* ---------------------------------------------
                carrefour-avec-details
--------------------------------------------- */
.carrefour-avec-details,
.carrefour-sans-details .liens {
    display: flex;
    flex-wrap: wrap;
    gap: 33px 26px;
}

.carrefour-sans-details .liens {
    margin-bottom: 85px;
}

.carrefour-avec-details>.element,
.carrefour-sans-details .lien {
    flex: 1 1 0;
    min-width: 330px;
    max-width: 330px;
}

.carrefour h2 {
    font-family: "Proxima Nova Alt Extra Bold", Helvetica, Arial, Lucida, sans-serif;
    font-size: 40px;
    font-weight: 800;
    color: #001860;
}

.carrefour hr {
    width: 30%;
    max-width: 100px;
    margin-top: 10px;
    margin-bottom: 25px;
    margin-left: 0;
    border: none;
    border-top: 4px dotted #AF0062;
}

.carrefour-avec-details>.element>.box,
.carrefour-sans-details .lien {
    overflow: hidden;
    padding-top: 0;
    border-radius: 10px;
    background-color: #FFF;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
}

.carrefour-avec-details>.element>.box:hover,
.carrefour-sans-details .lien:hover {
    box-shadow: rgba(0, 0, 0, 0.35) 0 5px 15px;
}

.carrefour .image {
    overflow: hidden;
}

.carrefour img {
    display: block;
    width: 100%;
    transition: all 0.2s ease-in-out;
    aspect-ratio: 350/223;
    object-fit: cover;
}

.carrefour .lien:hover img {
    transform: scale(1.2);
}

.carrefour-avec-details>.element>.box .liens {
    display: flex;
    flex-direction: column;
    padding: 39px;
    gap: 19px;
}

.carrefour-sans-details .lien .date {
    font-family: "Proxima Nova Alt Bold", Helvetica, Arial, Lucida, sans-serif;
    font-size: 18px;
    position: relative;
    top: 5px;
    padding: 14px 26px 0 26px;
    color: #AF0062;
}

.carrefour-sans-details .lien a {
    padding: 19px 26px 65px 26px;
}

.carrefour a {
    display: flex;
    align-items: baseline;
    gap: 12px;
}

.carrefour-sans-details .lien a {
    font-family: "Proxima Nova Alt Bold", Helvetica, Arial, Lucida, sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: #001860;
}

.carrefour-sans-details .lien a::before {
    content: ":::";
    color: #AF0062;
}

.carrefour-avec-details .lien a {
    font-family: "Proxima Nova Alt Extra Bold", Helvetica, Arial, Lucida, sans-serif;
    font-size: 18px;
    font-weight: 800;
    color: #000;
}

.carrefour-avec-details>.element>.box .liens a::before {
    width: 11px;
    min-width: 11px;
    height: 14px;
    content: "";
    background-color: #AF0062;
    clip-path: path("M.32000732.75476074C.88043212-.0456543 1.98519897-.24047852 2.7855835.3199463l6.9562683 4.8708496c.55563355.3890381.81939698 1.04052735.74127198 1.6702881.078125.62976074-.18563843 1.28112792-.74127197 1.67016601L2.7855835 13.4020996c-.80038453.56042481-1.90515137.3656006-2.46557618-.43469237-.5604248-.80041504-.3656311-1.90515137.43475342-2.46557618l5.19949341-3.64074707-5.1994934-3.64074707c-.80038453-.5604248-.99517823-1.6652832-.43475343-2.46557617z");
}

@media (max-width: 768px) {

    .carrefour-avec-details>.element,
    .carrefour-sans-details .lien {
        min-width: 280px;
    }
}

/* ---------------------------------------------
                popin
--------------------------------------------- */
.pop-in {
    position: fixed;
    z-index: 999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px;
    background-color: rgba(0, 0, 0, 0.5);
}

.pop-in>.conteneur {
    position: relative;
    display: flex;
    max-width: 1080px;
    max-height: 100%;
    padding: 0 50px;
    border-radius: 10px;
    background: white;
}

.pop-in .fermer {
    position: absolute;
    top: -20px;
    right: -20px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 67px;
    height: 67px;
    cursor: pointer;
    border-radius: 999px;
    background-color: #AF0062;
}

.pop-in .contenu {
    overflow: auto;
    padding: 100px 0;
}

.pop-in .fermer .croix {
    width: 29px;
    height: 29px;
    background-color: #FFF;
    clip-path: path("M20.05249343 7.33628562c.53986823-.53986794 1.41646604-.53987578 1.95633397-.00000755.53986794.53986824.53988118 1.41648762.00001294 1.95635556l-5.37993546 5.37993243 5.37992704 5.37993006c.53986794.53986824.5398569 1.41646874-.00000594 1.95633128-.53986824.53986794-1.41646874.53987848-1.95633667.00001024l-5.37992704-5.37993006-5.37993006 5.37992704c-.53986824.53986794-1.41649032.5398569-1.95635826-.00001134-.53986793-.53986824-.5398569-1.41646874.00001134-1.95633667l5.37993006-5.37992704L7.33628831 9.2926295c-.53986793-.53986824-.53987847-1.41649032-.00001024-1.95635825.53986285-.53986254 1.41648493-.5398515 1.95635286.00001673l5.37992704 5.37993006 5.37993546-5.37993243z");
}

.pop-in h1 {
    font-family: 'Proxima Nova Alt Extra Bold', Helvetica, Arial, Lucida, sans-serif;
    font-size: 40px;
    font-weight: 800;
    line-height: 34px;
    padding-bottom: 10px;
    color: #001860;
}

.pop-in hr {
    width: 10%;
    margin-top: 10px;
    margin-bottom: 25px;
    margin-left: 0;
    border: none;
    border-top: 4px dotted #AF0062;
}

.pop-in p {
    font-family: 'Proxima Nova Alt Regular', Helvetica, Arial, Lucida, sans-serif;
    font-size: 22px;
    line-height: 34px;
    color: #333333;
}

.pop-in picture {
    display: flex;
    justify-content: center;
    width: 100%;
}

.pop-in img {
    min-height: 150px;
    max-height: 20vh;
    margin-top: 20px;
    margin-bottom: 20px;
    border-radius: 10px;
    object-fit: cover;
}

.bouton-pop-in {
    font-size: 20px;
    font-weight: 800;
    line-height: 24px;
    display: flex;
    align-items: center;
    width: fit-content;
    padding: 17px 34px;
    color: #FFF;
    border-radius: 100px;
    background-color: #AF0062;
}

.bouton-pop-in::before {
    position: inherit;
    display: block !important;
    width: 47px;
    height: 19px;
    margin-right: 14px;
    margin-left: 0;
    content: url(/wp-content/uploads/sites/2/2022/06/fleche_blanche.svg);
    opacity: 1;
}

/*-----------------------------
            FOOTER
-------------------------------*/


/*---------------------------------
            Annuaire
---------------------------------*/
#liste_annuaire {
    padding: 50px
}

#liste_annuaire p {
    margin-bottom: 1em;
    padding-bottom: 0;
}

#liste_annuaire h2 {
    margin-bottom: 1em;
    padding-bottom: 0;
}

#liste_annuaire>div>div>img {
    width: 206px;
    height: 293px;
    object-fit: cover;
}

#liste_annuaire>div>div>div>h3 {
    font-family: 'Proxima Nova Alt Bold', sans-serif;
    font-size: 22px;
    color: #333;
}

#liste_annuaire>div>div>div>h2 {
    font-family: 'Proxima Nova Alt Extra Bold', sans-serif;
    font-size: 30px;
    color: #AF0062;
}

#liste_annuaire>div>div>div>p.horaire {
    font-family: 'Proxima Nova Alt Bold', sans-serif;
    font-size: 22px;
    position: relative;
    padding-left: 45px;
    color: #001860;
}

#liste_annuaire>div>div>div>p.horaire::before {
    position: absolute;
    top: 10px;
    left: 0;
    display: block;
    width: 30px;
    height: 30px;
    content: "";
    transform: translateY(-50%);
    opacity: 1;
    background-image: url(/wp-content/uploads/2022/09/horloge.png);
    background-repeat: no-repeat;
    background-size: 100%;
}

#liste_annuaire>div>div>div>p.adresse {
    font-family: 'Proxima Nova Alt Bold', sans-serif;
    font-size: 22px;
    position: relative;
    padding-left: 45px;
    color: #333;
}

#liste_annuaire>div>div>div>p.adresse::before {
    position: absolute;
    top: 13px;
    left: 0;
    display: block;
    width: 30px;
    height: 34px;
    content: "";
    transform: translateY(-50%);
    opacity: 1;
    background-image: url(/wp-content/uploads/2022/09/localisation.png);
    background-repeat: no-repeat;
    background-size: 100%;
}

#liste_annuaire>div>div>div>p.information {
    font-family: 'Proxima Nova Alt Regular', sans-serif;
    font-size: 18px;
    position: relative;
    padding-left: 45px;
    color: #333;
}

#liste_annuaire>div>div>div>p.information::before {
    position: absolute;
    top: 13px;
    left: 0;
    display: block;
    width: 30px;
    height: 30px;
    content: "";
    transform: translateY(-55%);
    opacity: 1;
    background-image: url(/wp-content/uploads/2022/09/information.png);
    background-repeat: no-repeat;
    background-size: 100%;
}

#liste_annuaire>div>div>div>div:last-child>a {
    font-family: 'Proxima Nova Alt Extra Bold', sans-serif;
    font-size: 24px;
    color: #AF0062;
}

#liste_annuaire>div>div {
    display: flex;
}

@media (max-width: 980px) {
    #liste_annuaire {
        padding: 0;
    }

    #liste_annuaire>div>div>div>p.horaire {
        padding-left: 35px;
    }

    #liste_annuaire>div>div>div>p.adresse {
        padding-left: 35px;
    }

    #liste_annuaire>div>div>div>p.information {
        padding-left: 35px;
    }
}

/*-----------------------------
        Retours sur image
-------------------------------*/

#homeGallery {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% - 3px);
}

#homeGallery>div {
    width: calc(100% / 6);
    height: 320px;
}

#homeGallery h4 {
    color: #FFF;
}

@media (max-width: 1400px) {
    #homeGallery>div {
        width: calc((100% - 4px) / 3);
        height: 320px;
    }
}

@media (max-width: 980px) {
    #homeGallery>div {
        width: calc(100% / 2);
        height: 320px;
    }
}

@media (max-width: 600px) {

    #homeGallery {
        width: 100%;
    }

    #homeGallery>div {
        width: 100%;
        height: 320px;
    }
}

#homeGallery>div>a {
    position: relative;
    width: 100%;
    height: 100%;
}

#homeGallery>div>a>div:nth-child(1) {
    position: absolute;
    z-index: 1;
    left: 0;
    width: 100%;
    height: 100%;
}

#homeGallery>div>a>div:nth-child(1)>picture>img,
#homeGallery>div>a>div:nth-child(1)>img {
    display: block;
    width: calc(100vw / 6);
    max-width: 100vw;
    height: 320px;
    object-fit: cover;
}

@media (max-width: 1400px) {

    #homeGallery>div>a>div:nth-child(1)>picture>img,
    #homeGallery>div>a>div:nth-child(1)>img {
        width: calc(100vw / 3);
        height: 320px;
        object-fit: cover;
    }
}

@media (max-width: 980px) {

    #homeGallery>div>a>div:nth-child(1)>picture>img,
    #homeGallery>div>a>div:nth-child(1)>img {
        width: 50vw;
        height: 320px;
        object-fit: cover;
    }
}

@media (max-width: 600px) {

    #homeGallery>div>a>div:nth-child(1)>picture>img,
    #homeGallery>div>a>div:nth-child(1)>img {
        width: 100vw;
        height: 320px;
        object-fit: cover;
    }
}

#homeGallery>div>a>div:nth-child(2) {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    padding-top: 25px;
    padding-right: 30px;
    padding-left: 30px;
    transition: 0.3s opacity ease;
    opacity: 0;
    background-color: rgba(0, 24, 96, 0.5);
}

#homeGallery>div:hover>a>div:nth-child(2) {
    opacity: 1;
}

@media screen and (max-width: 768px) {
    #homeGallery>div>a>div:nth-child(2) {
        opacity: 1;
    }
}

#homeGallery>div>a>div:nth-child(2)>p:nth-child(1) {
    font-family: 'Proxima Nova Alt Light', sans-serif;
    font-size: 35px;
    color: #AF0062;
}

#homeGallery>div>a>div:nth-child(2) h5 {
    font-family: 'Proxima Nova Alt Bold', sans-serif;
    font-size: 25px;
    color: white;
}

#homeGallery>div>a>div:nth-child(2)>p:nth-child(3) {
    font-family: 'Proxima Nova Alt Bold', sans-serif;
    font-size: 14px;
    position: absolute;
    bottom: 54px;
    color: white;
}

#menu-header-culture-nav-elements nav.et-menu-nav>ul {
    flex-wrap: nowrap;
}

@media (min-width: 980px) {
    #retour_sur_image_bouton {
        margin-top: 15px;
        white-space: nowrap;
    }
}

@media only screen and (min-width: 768px) and (max-width: 980px) {
    #retour_sur_image_bouton:hover::before {
        position: absolute !important;
        top: 12px;
        left: 49px;
        display: block !important;
        width: 35px !important;
        height: 15px !important;
        content: "" !important;
        background: url(/wp-content/uploads/sites/2/2022/06/fleche_blanche.svg) no-repeat;
        background-size: 100%;
    }
}

@media only screen and (max-width: 767px) {
    #retour_sur_image_bouton:hover::before {
        position: absolute !important;
        top: 12px;
        left: 53px;
        display: block !important;
        width: 30px !important;
        height: 20px !important;
        content: "" !important;
        background: url(/wp-content/uploads/sites/2/2022/06/fleche_blanche.svg) no-repeat;
        background-size: 100%;
    }
}

/*---------------------------------
        Filtre/mediatheque
-----------------------------------*/
#galleryFilter {
    position: relative;
    padding: 60px;
    border-radius: 20px;
    background-color: #E9EEF0;
}

#galleryFilter::after {
    position: absolute;
    bottom: 0;
    left: 50%;
    display: block;
    width: 70px;
    height: 70px;
    content: "";
    transform: translate(-50%, 45%);
    background-image: url(/wp-content/uploads/2022/08/Rectangle-159.png);
    background-repeat: no-repeat;
    background-size: 100%;
}

#galleryFilter>div:nth-child(1) {
    position: relative;
}

#galleryFilter>div:nth-child(1)>input {
    width: 100%;
    margin-bottom: 40px;
    padding: 20px;
    border: 0 solid;
    border-radius: 7px;
}

#galleryFilter>div:nth-child(1)>input::placeholder {
    font-family: 'Proxima Nova Alt Bold', sans-serif;
    font-size: 18px;
    color: #132D4E;
}

#galleryFilter>div:nth-child(1)::after {
    position: absolute;
    top: 14px;
    right: 10px;
    display: block;
    width: 35px;
    height: 35px;
    content: "";
    background-image: url(/wp-content/uploads/2022/08/loupe_recherche.svg);
    background-repeat: no-repeat;
    background-size: 100%;
}

#galleryFilter>div:nth-child(2) {
    position: relative;
    display: flex;
    align-items: center;
}

#galleryFilter>div:nth-child(2)>div:nth-child(1) {
    width: 70%;
    margin-right: 30px;
}

#galleryFilter>div:nth-child(2)>div:nth-child(1)>select {
    width: 100%;
    padding: 20px;
    border: 0 solid;
    border-radius: 7px;
    -webkit-appearance: none;
}

#galleryFilter>div:nth-child(2)>div:nth-child(1)>select[name="thematique"] {
    font-family: 'Proxima Nova Alt Bold', sans-serif;
    font-size: 18px;
    color: #132D4E;
}

#galleryFilter>div:nth-child(2)>p {
    font-family: 'Proxima Nova Alt Bold', sans-serif;
    font-size: 21px;
    margin-left: auto;
    text-decoration: underline;
    color: #AF0062;
}

@media (max-width: 980px) {
    #galleryFilter {
        padding: 0 0 60px;
    }

    #galleryFilter>div:nth-child(2) {
        flex-wrap: wrap;
    }

    #galleryFilter>div:nth-child(2)>div:nth-child(1) {
        width: 100%;
        margin-right: 0;
        margin-bottom: 40px;
    }
}

/*---------------------------
    Galerie / Mediatheque
----------------------------*/
#mediaGallery {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 336px;
}

#mediaGallery>div {
    width: calc(100% / 3);
    height: 320px;
}

@media (max-width: 980px) {
    #mediaGallery>div {
        width: calc(100% / 2);
        height: 320px;
    }
}

@media (max-width: 600px) {
    #mediaGallery>div {
        width: calc(100% / 1);
        height: 320px;
    }
}

#mediaGallery>div>a {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

#mediaGallery>div>a>div:nth-child(1) {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: calc(85vw / 3);
    height: 100%;
}

#mediaGallery>div>a>div:nth-child(1)>img,
#mediaGallery>div>a>div:nth-child(1)>picture>img {
    width: calc(100vw / 3);
    height: 320px;
    object-fit: cover;
}

@media (max-width: 980px) {
    #mediaGallery>div>a>div:nth-child(1) {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        width: calc(85vw / 2);
        height: 100%;
    }

    #mediaGallery>div>a>div:nth-child(1)>img,
    #mediaGallery>div>a>div:nth-child(1)>picture>img {
        width: calc(100vw / 2);
        height: 320px;
        object-fit: cover;
    }
}

@media (max-width: 600px) {
    #mediaGallery>div>a>div:nth-child(1) {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        width: calc(100vw);
        height: 100%;
    }

    #mediaGallery>div>a>div:nth-child(1)>img,
    #mediaGallery>div>a>div:nth-child(1)>picture>img {
        width: calc(100vw);
        height: 320px;
        object-fit: cover;
    }
}

#mediaGallery>div>a>div:nth-child(2) {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    padding-top: 25px;
    padding-right: 30px;
    padding-left: 30px;
    transition: 0.3s opacity ease;
    opacity: 0;
    background-color: rgba(0, 24, 96, 0.5);
}

#mediaGallery>div:hover>a>div:nth-child(2) {
    opacity: 1;
}

@media screen and (max-width: 768px) {
    #mediaGallery>div>a>div:nth-child(2) {
        opacity: 1;
    }
}

#mediaGallery>div>a>div:nth-child(2)>p:nth-child(1) {
    font-family: 'Proxima Nova Alt Light', sans-serif;
    font-size: 35px;
    color: #AF0062;
}

#mediaGallery>div>a>div:nth-child(2)>p:nth-child(2) {
    font-family: 'Proxima Nova Alt Bold', sans-serif;
    font-size: 25px;
    color: white;
}

#mediaGallery>div>a>div:nth-child(2)>p:nth-child(3) {
    font-family: 'Proxima Nova Alt Bold', sans-serif;
    font-size: 14px;
    position: absolute;
    bottom: 54px;
    color: white;
}

.ve_pagination {
    display: flex;
    justify-content: space-evenly;
    max-width: 291px;
    margin: auto;
    padding-bottom: 20px;
}

.ve_pagination>a {
    font-family: 'Proxima Nova Alt Bold', sans-serif;
    font-size: 18px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    color: #001860;
    border-radius: 50px;
    background-color: transparent;
}

.ve_pagination>.active {
    color: white;
    background-color: #AF0062;
}

#removeFilter {
    cursor: pointer;
}

#Section_filtre>div>div>.et_pb_code_1 {
    background-color: transparent;
}

/*---------------------------
         Annuaire
-----------------------------*/
.Annuaire_section_bouton>div:nth-child(1)>div>a::before {
    position: absolute;
    top: 50%;
    left: 30px;
    display: block;
    width: 20px;
    height: 18px;
    margin-left: 0;
    content: "";
    transform: translate(-50%, -50%);
    opacity: 1;
    background-image: url(/wp-content/uploads/2022/08/burger.svg);
    background-repeat: no-repeat;
    background-size: 100%;
}

.Annuaire_section_bouton>div:nth-child(2)>div>a::before {
    position: absolute;
    top: 50%;
    left: 30px;
    display: block;
    width: 17px;
    height: 23px;
    margin-left: 0;
    content: "";
    transform: translate(-50%, -50%);
    opacity: 1;
    background-image: url(/wp-content/uploads/2022/08/pin.svg);
    background-repeat: no-repeat;
    background-size: 100%;
}

/*------------------------------------
        bouton carte interactive
--------------------------------------*/
#map_filter_home_select>div>select {
    font-family: 'Proxima Nova Alt Bold', sans-serif;
    font-size: 18px;
    width: 100%;
    margin-bottom: 77px;
    padding: 14px 18px;
    color: #2D2D2D;
    border: none;
    border-radius: 5px;
}

#map_filter_home_select>button::before {
    position: absolute;
    top: 50%;
    left: 20px;
    display: block;
    width: 47px;
    height: 18px;
    margin-left: 0;
    content: "";
    transform: translateY(-50%);
    opacity: 1;
    background-image: url(/wp-content/uploads/sites/2/2022/06/fleche.svg);
    background-repeat: no-repeat;
    background-size: 100%;
}

#map_filter_home_select>button {
    font-family: 'Proxima Nova Alt Extra Bold', sans-serif;
    font-size: 19px;
    position: relative;
    width: 75%;
    height: 60px;
    padding-left: 60px;
    cursor: pointer;
    color: #AF0062;
    border: none;
    border-radius: 60px;
    background-color: white;
}

@media (max-width: 1280px) {
    #map_filter_home_select>button {
        font-size: 16px;
        padding-left: 15px;
    }

    #map_filter_home_select>button::before {
        display: none;
    }
}

#map_filter_home_select>button::after {
    position: absolute;
    z-index: -1;
    top: 50%;
    right: -38px;
    display: block;
    width: 96px;
    height: 96px;
    content: "";
    transition: all 0.3s;
    transform: translateY(-50%);
    opacity: 1 !important;
    background: url(/wp-content/uploads/2022/05/Simple-dot-1.png) no-repeat;
    background-size: 100%;
}

#map_filter_home_select>button:hover::after {
    right: -58px;
}

/*
BEFORE
content : "";
background : url("/wp-content/uploads/2022/05/fleche-1.png") ;
  display : block;
position : absolute;
height: 19px;
width : 47px;
opacity : 1;
background-repeat : no-repeat;
left : 55px;
top : 14px;


AFTER
content: "";
background: url(/wp-content/uploads/2022/05/Simple-dot-1.png);
background-repeat:no-repeat;
background-size:100%;
  height: 96px;
    width: 96px;
    display: block;
    position: absolute;
    opacity: 1 !important;
    right: -38px;
    top: 50%;
    z-index: -1;
    transform: translateY(-50%);
transition : all 0.3s;

AFTER HOVER
content: "";
background: url(/wp-content/uploads/2022/05/Simple-dot-1.png);
  	height: 96px;
    width: 96px;
    display: block;
    position: absolute;
    opacity: 1;
    right: -58px;
    top: 50%;
    z-index: -1;
    transform: translateY(-50%);

*/
/* ------------------------
        RECHERCHE
-------------------------*/
.filtre-recherche {
    position: relative;
    padding: 60px;
    border-radius: 20px;
    background-color: #E9EEF0;
}

.filtre-recherche::after {
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 50%;
    display: block;
    width: 70px;
    height: 70px;
    content: "";
    transform: translate(-50%, 45%);
    background-image: url(/wp-content/uploads/2022/08/Rectangle-159.png);
    background-repeat: no-repeat;
    background-size: 100%;
}

.filtre-recherche>div:nth-child(1) {
    position: relative;
}

.filtre-recherche>div:nth-child(1)>input {
    width: 100%;
    margin-bottom: 40px;
    padding: 20px;
    border: 0 solid;
    border-radius: 7px;
}

.filtre-recherche>div:nth-child(1)>input::placeholder {
    font-family: 'Proxima Nova Alt Bold', sans-serif;
    font-size: 18px;
    color: #132D4E;
}

.filtre-recherche>div:nth-child(1)::after {
    position: absolute;
    top: 14px;
    right: 10px;
    display: block;
    width: 35px;
    height: 35px;
    content: "";
    background-image: url(/wp-content/uploads/2022/08/loupe_recherche.svg);
    background-repeat: no-repeat;
    background-size: 100%;
}

.filtre-recherche>div:nth-child(2) {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.filtre-recherche>div:nth-child(2)>div:nth-child(1) {
    width: 70%;
    margin-right: 30px;
}

.filtre-recherche>div:nth-child(2)>select {
    font-family: 'Proxima Nova Alt Bold', sans-serif;
    font-size: 18px;
    position: relative;
    width: 60%;
    padding: 20px;
    color: #132D4E;
    border: 0 solid;
    border-radius: 7px;
    -webkit-appearance: none;
}

.filtre-recherche>div:nth-child(2)>select::after {
    position: absolute;
    top: 50%;
    right: 25px;
    display: block;
    width: 15px;
    height: 15px;
    content: "";
    transform: translateY(-50%);
    pointer-events: none;
    background-image: url(/wp-content/uploads/2022/07/triangle-e1658761015539.png);
    background-repeat: no-repeat;
    background-size: 100%;
}

.filtre-recherche>div:nth-child(2)>p {
    font-family: 'Proxima Nova Alt Bold', sans-serif;
    font-size: 21px;
    width: 40%;
    margin-left: auto;
    text-align: end;
    text-decoration: underline;
    color: #AF0062;
}

.filtre-recherche>hr {
    display: none;
}

@media (max-width: 980px) {
    .filtre-recherche {
        padding: 0 0 40px;
    }

    .filtre-recherche>div:nth-child(2) {
        flex-wrap: wrap;
    }

    .filtre-recherche>div:nth-child(2)>div:nth-child(1) {
        width: 100%;
        margin-right: 0;
        margin-bottom: 40px;
    }

    .filtre-recherche>div:nth-child(2)>p {
        font-size: 15px;
        margin-right: auto;
    }
}

@media (max-width: 980px) {
    .filtre-recherche::after {
        bottom: -50px;
    }
}

@media (max-width: 768px) {
    .filtre-recherche::after {
        bottom: 0;
    }
}

/*------------------------------
        Resultat Recherche
--------------------------------*/
.resultats-recherche>.nombre_resultats {
    font-family: 'Proxima Nova Alt Bold', sans-serif;
    font-size: 22px;
    line-height: 30px;
    color: #001860;
}

.resultats-recherche>a.result {
    position: relative;
    display: block;
    margin-top: 37px;
    margin-bottom: 37px;
}

.resultats-recherche>a.result>p {
    width: 75%;
}

.resultats-recherche>a.result::after {
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    width: 52px;
    height: 52px;
    content: "";
    transform: translateY(-50%);
    background-image: url(/wp-content/uploads/2022/09/Picto-Download.png);
    background-repeat: no-repeat;
    background-size: 100%;
}

.resultats-recherche>a.result:hover:after {
    filter: invert(15%) sepia(93%) saturate(6812%) hue-rotate(329deg) brightness(90%) contrast(104%);
    ;
}

.resultats-recherche>.result>.titre {
    font-family: 'Proxima Nova Alt Extra Bold', sans-serif;
    font-size: 30px;
    margin-bottom: 25px;
    padding-bottom: 0;
    color: #AF0062;
}

.resultats-recherche>.result>.categories {
    font-family: 'Proxima Nova Alt Bold', sans-serif;
    font-size: 22px;
    margin-bottom: 35px;
    padding-bottom: 0;
    color: #333;
}

.resultats-recherche>.result>.resume {
    font-family: 'Proxima Nova Alt Regular', sans-serif;
    font-size: 22px;
    line-height: 34px;
    color: #333;
}

@media (max-width: 980px) {
    .resultats-recherche>.result>.titre {
        font-size: 25px;
    }

    .resultats-recherche>.result>.categories {
        font-size: 18px;
    }

    .resultats-recherche>.result>.resume {
        font-size: 18px;
    }
}

.pagination {
    display: flex;
    justify-content: space-evenly;
    max-width: fit-content;
    margin: 80px auto auto;
    padding-bottom: 20px;
    gap: 15px;
}

.pagination>a,
.pagination>span {
    font-family: 'Proxima Nova Alt Bold', sans-serif;
    font-size: 18px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    color: #001860;
    border-radius: 50px;
    background-color: transparent;
}

.pagination>.active {
    color: white;
    background-color: #AF0062;
}

.pagination>a:not(.prev):not(.next),
.pagination>span {
    width: 38px;
    height: 38px;
}

.pagination>.current {
    color: white;
    border-radius: 100%;
    background-color: #AF0062;
}

/*--------------------------
        Annuaire/filtre
-----------------------------*/
#annuaireFilter {
    position: relative;
    padding: 60px;
    border-radius: 20px;
    background-color: #E9EEF0;
}

#annuaireFilter::after {
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 50%;
    display: block;
    width: 70px;
    height: 70px;
    content: "";
    transform: translate(-50%, 45%);
    background-image: url(/wp-content/uploads/2022/08/Rectangle-159.png);
    background-repeat: no-repeat;
    background-size: 100%;
}

#annuaireFilter>div:nth-child(1) {
    position: relative;
}

#annuaireFilter>div:nth-child(1)>input {
    width: 100%;
    margin-bottom: 40px;
    padding: 20px;
    border: 0 solid;
    border-radius: 7px;
}

#annuaireFilter>div:nth-child(1)>input::placeholder {
    font-family: 'Proxima Nova Alt Bold', sans-serif;
    font-size: 18px;
    color: #132D4E;
}

#annuaireFilter>div:nth-child(1)::after {
    position: absolute;
    top: 14px;
    right: 10px;
    display: block;
    width: 35px;
    height: 35px;
    content: "";
    background-image: url(/wp-content/uploads/2022/08/loupe_recherche.svg);
    background-repeat: no-repeat;
    background-size: 100%;
}

#annuaireFilter>div:nth-child(2) {
    position: relative;
    display: flex;
    align-items: center;
}

#annuaireFilter>div:nth-child(2)>div:nth-child(1) {
    width: 70%;
    margin-right: 30px;
}

#annuaireFilter>div:nth-child(2)>div:nth-child(1)>select {
    width: 100%;
    padding: 20px;
    border: 0 solid;
    border-radius: 7px;
    -webkit-appearance: none;
}

#annuaireFilter>div:nth-child(2)>div:nth-child(1)>select[name="thematique"] {
    font-family: 'Proxima Nova Alt Bold', sans-serif;
    font-size: 18px;
    color: #132D4E;
}

/*#annuaireFilter > div:nth-child(2) > p::after{*/
/*    content: "";*/
/*    display: block;*/
/*    position: absolute;*/
/*    top: 14px;*/
/*    right: 10px;*/
/*    background-repeat: no-repeat;*/
/*    background-size: 100%;*/
/*    background-image: url(/wp-content/uploads/2022/11/Rectangle-2.png);*/
/*    width: 35px;*/
/*    height: 35px;*/
/*}*/
#annuaireFilter>div:nth-child(2)>p {
    font-family: 'Proxima Nova Alt Bold', sans-serif;
    font-size: 21px;
    margin-left: auto;
    text-decoration: underline;
    color: #AF0062;
}

@media (max-width: 980px) {
    #annuaireFilter {
        padding: 0 0 40px;
    }

    #annuaireFilter>div:nth-child(2) {
        flex-wrap: wrap;
    }

    #annuaireFilter>div:nth-child(2)>div:nth-child(1) {
        width: 100%;
        margin-right: 0;
        margin-bottom: 40px;
    }

    #annuaireFilter>div:nth-child(2)>p {
        margin-right: auto;
    }
}

/*--------------------------
        Annuaire Liste
-----------------------------*/
#picBille {
    font-family: 'Proxima Nova Alt Bold', sans-serif;
    font-size: 22px;
    color: #001860;
}

#annuaireGallery {
    margin-bottom: 73px;
}

#annuaireGallery>div {
    padding-top: 50px;
    padding-bottom: 50px;
    border-top: 1px solid #C8C8C8;
}

#annuaireGallery>div:last-child {
    border-bottom: 1px solid #C8C8C8;
}

#annuaireGallery>div>img {
    width: 206px;
    height: 293px;
    margin-right: 41px;
}

@media (max-width: 980px) {
    #annuaireGallery>div>img {
        display: none;
    }
}

#annuaireGallery>div>div>div {
    margin-top: 42px;
}

#annuaireGallery>div>div:nth-child(2)>div:last-child {
    display: flex;
    flex-wrap: wrap;
}

#annuaireGallery>div>div:nth-child(2)>div:last-child>a {
    font-family: 'Proxima Nova Alt Extra Bold', sans-serif;
    font-size: 20px;
    position: relative;
    display: block;
    width: 280px;
    height: 58px;
    padding: 17px 45px 17px 120px;
    transition: all 0.3s;
    color: #AF0062;
    border-radius: 100px;
    background-color: white;
    box-shadow: rgb(0 0 0 / 10%) 5px 2px 15px 3px;
}

@media (max-width: 980px) {
    #annuaireGallery>div>div:nth-child(2)>div:last-child>a {
        margin-bottom: 15px;
    }
}

@media (max-width: 1400px) {
    #annuaireGallery>div>div:nth-child(2)>div:last-child>a {
        margin-bottom: 15px;
    }
}

#annuaireGallery>div>div:nth-child(2)>div:last-child>a:hover {
    color: white;
    background-color: #001860;
}

#annuaireGallery>div>div:nth-child(2)>div:last-child>a::before {
    position: absolute;
    top: 50%;
    left: 40px;
    display: block;
    width: 47px;
    height: 18px;
    content: "";
    transform: translateY(-50%);
    opacity: 1;
    background-image: url(/wp-content/uploads/sites/2/2022/06/fleche.svg);
    background-repeat: no-repeat;
    background-size: 100%;
}

#annuaireGallery>div>div:nth-child(2)>div:last-child>a:first-child {
    margin-right: 53px;
}

@media (max-width: 550px) {
    #annuaireGallery>div>div:nth-child(2)>div:last-child>a:first-child {
        margin-right: 0;
    }

    #annuaireGallery>div>div:nth-child(2)>div:last-child>a {
        width: unset;
    }

    #annuaireGallery>div>div:nth-child(2)>div:last-child {
        justify-content: center;
    }
}

/*------------------------------
        Nos publications
--------------------------------*/
#LAGROSSESECTION::before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 500px;
    content: "";
    opacity: 1;
    background-color: #F4F7FA;
}

#publicationNumberOne {
    position: relative;
    margin-bottom: 130px;
}

#publicationNumberOne>h1 {
    font-family: 'Proxima Nova Alt Extra Bold', sans-serif;
    font-size: 40px;
    padding-bottom: 0;
    color: #001860;
}

#publicationNumberOne>p:nth-child(2) {
    font-family: 'Proxima Nova Alt', sans-serif;
    font-size: 40px;
    line-height: 49px;
    position: relative;
    padding-bottom: 40px;
    color: #AF0062;
}

#publicationNumberOne>div {
    position: relative;
}

#publicationNumberOne>div>div:nth-child(1) {
    width: 449px;
    height: 639px;
}

#publicationNumberOne>div>div:nth-child(1)>img {
    width: 100%;
}

@media (max-width: 980px) {
    #publicationNumberOne>div>div:nth-child(1) {
        width: 100%;
        height: 100%;
        margin: auto auto 30px;
    }
}

#publicationNumberOne>div>div:nth-child(2) {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 35%;
    overflow: hidden;
    width: 57%;
    height: 427px;
    padding-top: 75px;
    padding-right: 49px;
    padding-left: 49px;
    transform: translateY(-50%);
    border-radius: 15px;
    background-color: #001860;
}

@media (max-width: 980px) {
    #publicationNumberOne>div>div:nth-child(2) {
        position: relative;
        top: 0;
        right: -146px;
        left: 0;
        width: 124%;
        margin-left: -30px;
        transform: none;
    }
}

#publicationNumberOne>div>div:nth-child(2)::after {
    position: absolute;
    z-index: -1;
    top: -145px;
    right: -146px;
    display: block;
    width: 330px;
    height: 330px;
    content: "";
    border-top: 10px solid #ffbf00;
    border-right: 10px solid #ffbf00;
    border-bottom: 10px solid #ffbf00;
    border-left: 10px solid #ffbf00;
    border-radius: 500px;
}

#publicationNumberOne>div>div:nth-child(2)>p:nth-child(1) {
    font-family: 'Proxima Nova Alt Bold', sans-serif;
    font-size: 18px;
    line-height: 22px;
    padding-bottom: 14px;
    text-transform: uppercase;
    color: #AF0062;
    background-color: #001860;
}

#publicationNumberOne>div>div:nth-child(2)>p:nth-child(2) {
    font-family: 'Proxima Nova Alt Bold', sans-serif;
    font-size: 30px;
    line-height: 30px;
    padding-bottom: 24px;
    text-transform: uppercase;
    color: white;
    background-color: #001860;
}

#publicationNumberOne>div>div:nth-child(2)>p:nth-child(3) {
    font-family: 'Proxima Nova Alt Bold', sans-serif;
    font-size: 18px;
    line-height: 22px;
    text-transform: uppercase;
    color: white;
}

#publicationNumberOne>div>div:nth-child(2)>a::before {
    position: absolute;
    left: 30px;
    display: block !important;
    width: 47px;
    height: 19px;
    margin-right: 0;
    margin-left: 0;
    content: url(/wp-content/uploads/sites/2/2022/06/fleche_blanche.svg);
    opacity: 1;
}

#publicationNumberOne>div>div:nth-child(2)>a {
    font-family: 'Proxima Nova Alt Extra Bold', sans-serif;
    font-size: 20px;
    font-weight: 800;
    line-height: 24px;
    position: absolute;
    bottom: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 231px;
    height: 67px;
    padding-left: 45px;
    color: white;
    border-radius: 60px;
    background-color: #AF0062;
}

#publicationNumberOne>div>div:nth-child(2)>a::after {
    position: absolute;
    z-index: -1;
    top: 50%;
    right: -38px;
    display: block;
    width: 96px;
    height: 96px;
    content: "";
    transition: all 0.3s;
    transform: translateY(-50%);
    opacity: 1;
    background: url(/wp-content/uploads/2022/05/Simple-dot-1.png);
}

@media (max-width: 980px) {
    #publicationNumberOne>div>div:nth-child(2)>a::after {
        display: none;
    }
}

@media (max-width: 700px) {
    #nos_publications_ont_du_talent {
        padding-right: 20px !important;
        padding-left: 20px !important;
    }
}

#publicationNumberOne>div>div:nth-child(2)>a:hover::after {
    right: -58px;
}

/*------------------------------------
Accessibilité site
-------------------------------------*/
/*---------------------------------
        Informations pratiques
-----------------------------------*/
#jeffestpascool .telephone {
    position: relative;
    padding-left: 50px;
}

#jeffestpascool .telephone::before {
    position: absolute;
    left: 5px;
    display: block !important;
    width: 23px;
    height: 23px;
    margin-right: 0;
    margin-left: 0;
    content: url(/wp-content/uploads/2022/09/telephone.svg);
    opacity: 1;
}

#jeffestpascool .email {
    position: relative;
    padding-left: 50px;
}

#jeffestpascool .email::before {
    position: absolute;
    left: 5px;
    display: block !important;
    width: 27px;
    height: 27px;
    margin-right: 0;
    margin-left: 0;
    content: url(/wp-content/uploads/2022/09/enveloppe_1.svg);
    opacity: 1;
}

#jeffestpascool .localisation {
    position: relative;
    padding-left: 50px;
}

#jeffestpascool .localisation::before {
    position: absolute;
    left: 5px;
    display: block !important;
    width: 22px;
    height: 22px;
    margin-right: 0;
    margin-left: 0;
    content: url(/wp-content/uploads/2022/09/pin.svg);
    opacity: 1;
}

#jeffestpascool .horaires {
    position: relative;
    padding-left: 50px;
}

#jeffestpascool .horaires::before {
    position: absolute;
    left: 5px;
    display: block !important;
    width: 26px;
    height: 26px;
    margin-right: 0;
    margin-left: 0;
    content: url(/wp-content/uploads/2022/09/horloge_2_1.svg);
    opacity: 1;
}

/*-----------------------
           PCP
------------------------*/
.et_pb_blurb_position_left .et_pb_main_blurb_image,
.et_pb_blurb_position_right .et_pb_main_blurb_image {
    padding-top: 5px;
}

/*-------------------------
        nospubli2
---------------------------*/
#listOfMagazines>div:first-child {
    margin-bottom: 142px;
}

#listOfMagazines>div:first-child>div {
    position: relative;
    overflow: hidden;
    height: 550px;
    margin-bottom: 50px;
    transition: all 0.3s ease;
}

#listOfMagazines>.containerRM.active>div {
    overflow: visible;
    height: fit-content;
}

#listOfMagazines>div:first-child>button.readMore::before {
    position: absolute;
    top: 50%;
    left: 35px;
    display: block;
    width: 20px;
    height: 20px;
    content: "";
    transform: translateY(-50%);
    opacity: 1;
    background-image: url(/wp-content/uploads/2022/05/Untitled_Artwork.png);
    background-repeat: no-repeat;
    background-size: 100%;
}

#listOfMagazines>div:first-child>button.readMore {
    font-family: 'Proxima Nova Alt Bold', sans-serif;
    font-size: 18px;
    line-height: 22px;
    position: relative;
    display: block;
    width: 272px;
    height: 48px;
    margin: auto;
    padding: 5px 25px 5px 60px;
    transition: all 0.3s;
    color: #001860;
    border: none;
    border-radius: 100px;
    background-color: white;
    box-shadow: rgb(0 0 0 / 10%) 5px 2px 15px 3px;
}

#listOfMagazines>div:first-child>div::after {
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 150px;
    content: "";
    opacity: 1;
    background: linear-gradient(#ffffff00, #fff);
}

#listOfMagazines>div:first-child>div>a>div>p:last-child {
    color: black;
}

#annee {
    -webkit-appearance: none;
}

#listOfMagazines>div:first-child.active>div::after {
    display: none;
}

#listOfMagazines>div:first-child>h2 {
    font-family: 'Proxima Nova Alt Extra Bold', sans-serif;
    font-size: 40px;
    line-height: 34px;
    padding-bottom: 0;
    color: #001860;
}

#listOfMagazines>div:first-child>p {
    font-family: 'Proxima Nova Alt Regular', sans-serif;
    font-size: 40px;
    line-height: 49px;
    padding-bottom: 38px;
    color: #AF0062;
}

#listOfMagazines>div:first-child>div {
    display: flex;
    flex-wrap: wrap;
}

#listOfMagazines>div:first-child>div>a {
    width: calc(25% - 31px);
    margin-right: 41px;
    margin-bottom: 43px;
}

@media (min-width: 700px) and (max-width: 980px) {
    #listOfMagazines>div:first-child>div>a {
        width: calc(33% - 20px);
        margin-right: 30px;
        margin-bottom: 43px;
    }
}

@media (min-width: 500px) and (max-width: 700px) {
    #listOfMagazines>div:first-child>div>a {
        width: calc(50% - 15px);
        margin-right: 15px;
        margin-bottom: 43px;
    }
}

@media (min-width: 0px) and (max-width: 500px) {
    #listOfMagazines>div:first-child>div>a {
        width: 100%;
        margin-bottom: 43px;
    }
}

@media (min-width: 980px) {
    #listOfMagazines>div:first-child>div>a:nth-child(4n) {
        margin-right: 0;
    }
}

@media (min-width: 700px) and (max-width: 980px) {
    #listOfMagazines>div:first-child>div>a:nth-child(3n) {
        margin-right: 0;
    }
}

@media (min-width: 500px) and (max-width: 700px) {
    #listOfMagazines>div:first-child>div>a:nth-child(2n) {
        margin-left: 0;
    }
}

@media (max-width: 500px) {
    #listOfMagazines>div:first-child>div>a {
        margin-right: 0;
    }
}

#listOfMagazines>div:first-child>div>a>div>img {
    margin-bottom: 23px;
    box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0;
}

#listOfMagazines>div:first-child>div>a>div>p:nth-child(2) {
    font-family: 'Proxima Nova Alt Bold', sans-serif;
    font-size: 22px;
    line-height: 27px;
    padding-bottom: 13px;
    text-transform: uppercase;
    color: #AF0062;
}

#listOfMagazines>div:first-child>div>a>div>p:nth-child(3) {
    font-family: 'Proxima Nova Alt Bold', sans-serif;
    font-size: 20px;
    line-height: 24px;
    padding-bottom: 6px;
    color: #333;
}

#listOfMagazines>div:first-child>div>a>div>p:nth-child(4) {
    font-family: 'Proxima Nova Alt Regular', sans-serif;
    font-size: 16px;
    line-height: 20px;
    color: #333;
}

/*-----------------------*/
#boutonHautSuperCool {
    margin-top: -200px;
}

#listOfMagazines>div {
    padding-right: 50px;
    padding-left: 50px;
}

#publicationNumberOne {
    padding-right: 50px;
    padding-left: 50px;
}

@media (max-width: 700px) {
    #boutonHautSuperCool {
        margin-top: -200px;
    }

    #listOfMagazines>div {
        padding-right: 20px;
        padding-left: 20px;
    }

    #publicationNumberOne {
        padding-right: 20px;
        padding-left: 20px;
    }
}

/*-----------------------*/
#listOfMagazines>div:last-child {
    padding-right: 50px;
    padding-bottom: 180px;
    padding-left: 50px;
    background-color: white;
}

@media (max-width: 980px) {
    #listOfMagazines>div:last-child {
        padding-right: 20px;
        padding-bottom: 180px;
        padding-left: 20px;
        background-color: white;
    }
}

#listOfMagazines>div:last-child>h2 {
    font-family: 'Proxima Nova Alt Extra Bold', sans-serif;
    font-size: 40px;
    line-height: 34px;
    padding-bottom: 0;
    color: #001860;
}

#listOfMagazines>div:last-child>p {
    font-family: 'Proxima Nova Alt Regular', sans-serif;
    font-size: 40px;
    line-height: 49px;
    padding-bottom: 38px;
    color: #AF0062;
}

#listOfMagazines>div:last-child>div {
    display: flex;
    flex-wrap: wrap;
}

#listOfMagazines>div:last-child>div>a {
    width: calc(25% - 31px);
    margin-right: 41px;
    margin-bottom: 43px;
}

@media (max-width: 980px) {
    #listOfMagazines>div:last-child>div>a {
        width: calc(33% - 20px);
        margin-right: 30px;
        margin-bottom: 43px;
    }
}

@media (min-width: 980px) {
    #listOfMagazines>div:last-child>div>a:nth-child(4n) {
        margin-right: 0;
    }
}

@media (max-width: 980px) {
    #listOfMagazines>div:last-child>div>a:nth-child(3n) {
        margin-right: 0;
    }
}

@media (max-width: 700px) {
    #listOfMagazines>div:last-child>div>a {
        width: calc(50% - 15px);
        margin-right: 15px;
        margin-bottom: 43px;
    }
}

@media (min-width: 400px) {
    #listOfMagazines>div:last-child>div>a:nth-child(2n) {
        margin-left: 0;
    }
}

@media (max-width: 500px) {
    #listOfMagazines>div:last-child>div>a {
        width: 100%;
        margin-bottom: 43px;
    }
}

#listOfMagazines>div:last-child>div>a>div>img {
    margin-bottom: 23px;
    box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0;
}

#listOfMagazines>div:last-child>div>a>div>p:nth-child(2) {
    font-family: 'Proxima Nova Alt Bold', sans-serif;
    font-size: 22px;
    line-height: 27px;
    padding-bottom: 13px;
    text-transform: uppercase;
    color: #AF0062;
}

#listOfMagazines>div:last-child>div>a>div>p:nth-child(3) {
    font-family: 'Proxima Nova Alt Bold', sans-serif;
    font-size: 20px;
    line-height: 24px;
    padding-bottom: 6px;
    color: #333;
}

#listOfMagazines>div:last-child>div>a>div>p:nth-child(4) {
    font-family: 'Proxima Nova Alt Regular', sans-serif;
    font-size: 16px;
    line-height: 20px;
    color: #333;
}

/*---------------------------
        Espace Culture
----------------------------*/
.bouton_culture {
    font-family: 'Proxima Nova Alt Extra Bold', sans-serif !important;
    color: #AF0062 !important;
    border-color: #FFFFFF;
    border-radius: 60px;
    background-color: #FFFFFF;
}

/*----------------------
        SECTION 2
-----------------------*/
.section_gauche_home {
    max-width: 40% !important;
    margin-left: 5%;
    padding-right: 45px !important;
    padding-left: 45px !important;
}

.section_droite_home {
    max-width: 52% !important;
    margin-right: 5%;
}

.section_droite_home.et_pb_section_2>div:nth-child(2)>div>div {
    margin-right: 0;
    margin-left: 0;
}


@media (min-width: 1550px) {
    .section_gauche_home.et_pb_section_2>div:nth-child(2)>div>div:nth-child(1) {
        margin-bottom: 10px !important;
    }

    .section_gauche_home.et_pb_section_2>div:nth-child(3)>div>div:nth-child(1) {
        margin-bottom: 10px !important;
    }

    .text_acces_rapides p {
        font-size: 20px;
        line-height: 24px;
    }
}

@media (min-width: 980px) and (max-width: 1550px) {
    .section_gauche_home.et_pb_section_2>div:nth-child(2)>div>div:nth-child(1) {
        margin-bottom: 0px !important;
    }

    .section_gauche_home.et_pb_section_2>div:nth-child(3)>div>div:nth-child(1) {
        margin-bottom: 0px !important;
    }

    .text_acces_rapides p {
        font-size: 16px;
        line-height: 20px;
    }
}

@media (min-width: 980px) {
    .section_gauche_home.et_pb_section_2>div:nth-child(2)>.et_pb_column {
        min-width: 110px;
        padding-top: 7% !important;
        box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0 !important;
        aspect-ratio: 1 / 1;
    }

    .section_gauche_home.et_pb_section_2>div:nth-child(2) {
        width: 85% !important;
        padding: 15px 0;
    }

    .section_gauche_home.et_pb_section_2>div:nth-child(3) {
        width: 85% !important;
        padding: 15px 0;
    }

    .section_gauche_home .et_pb_section_2>div:nth-child(2)>.et_pb_column:hover {
        background-color: #AF0062;
        box-shadow: rgba(0, 0, 0, 0.35) 0 5px 15px !important;
    }

    .section_gauche_home.et_pb_section_2>div:nth-child(2)>.et_pb_column>div>span>img {
        width: 100%;
        max-width: 100%;
    }

    .section_gauche_home.et_pb_section_2>div:nth-child(3)>.et_pb_column:last-child>div>span>img {
        width: 30px;
        margin: 10px 0;
    }

    #red_bubble_home>div:nth-child(5)>div:first-child {
        padding-bottom: 53px;
    }

    .pojo-a11y-toolbar-link .pojo-a11y-btn-high-contrast {
        display: none;
    }

    .section_gauche_home.et_pb_section_2>div:nth-child(3)>.et_pb_column {
        min-width: 110px;
        padding-top: 7% !important;
        box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0 !important;
        aspect-ratio: 1 / 1;
    }

    .section_gauche_home.et_pb_section_2>div:nth-child(3)>.et_pb_column:hover {
        box-shadow: rgba(0, 0, 0, 0.35) 0 5px 15px !important;
    }
}

@media (max-width: 980px) {
    .section_gauche_home.et_pb_section_2 {
        max-width: 100% !important;
        margin-left: 0;
        padding-top: 0;
        padding-right: 24px !important;
        padding-bottom: 40px !important;
        padding-left: 24px !important;
        border-radius: 0;
    }

    .section_droite_home.et_pb_section_3 {
        max-width: 100% !important;
        margin-right: 0;
    }

    .section_gauche_home.et_pb_section_2>div:nth-child(2) {
        margin-bottom: 17px;
        padding-top: 10px;
        padding-bottom: 0;
    }

    .section_gauche_home.et_pb_section_2>div:nth-child(2)>.et_pb_column {
        width: 100% !important;
        min-width: 33%;
        max-width: 33%;
        height: 140px;
        margin-bottom: 0;
        border-right: 1px solid rgb(230, 230, 230);
        border-radius: 0;
        box-shadow: none;
    }

    .section_gauche_home.et_pb_section_2>div:nth-child(2)>.et_pb_column:first-child {
        border-radius: 20px 0 0 20px;
    }

    .section_gauche_home.et_pb_section_2>div:nth-child(2)>.et_pb_column:last-child {
        border-right: none;
        border-radius: 0 20px 20px 0;
    }

    .section_gauche_home.et_pb_section_2>div:nth-child(3) {
        padding-top: 0;
    }

    .section_gauche_home.et_pb_section_2>div:nth-child(3)>.et_pb_column {
        width: 100% !important;
        min-width: 33%;
        max-width: 33%;
        height: 140px;
        margin-bottom: 0;
        border-right: 1px solid rgb(230, 230, 230);
        border-radius: 0;
        box-shadow: none;
    }

    .section_gauche_home.et_pb_section_2>div:nth-child(3)>.et_pb_column:first-child {
        border-radius: 20px 0 0 20px;
    }

    .section_gauche_home.et_pb_section_2>div:nth-child(3)>.et_pb_column:last-child {
        border-right: none;
        border-radius: 0 20px 20px 0;
    }

    .text_acces_rapides p {
        line-height: 16px;
    }
}

@media (min-width: 980px) and (max-width: 1150px) {
    .section_gauche_home {
        max-width: 42% !important;
        margin-left: 2%;
    }

    .section_droite_home {
        margin-right: 2%;
    }
}

#section_slider>div:nth-child(2) {
    margin-top: 85px !important;
}

/*---------------------------
        ancre_home
-----------------------------*/
#ancre_home {
    overflow: hidden;
    border-radius: 50px !important;
    background-color: #fff;
}

#ancre_home>div {
    position: relative;
    height: 90px;
    transition: all 0.3s;
    background-color: white;
}

#ancre_home>div:not(:last-child) {
    border-right: #e8e8e8 solid 1px;
}

#ancre_home>div>div {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#ancre_home>div>div>div>p {
    font-family: 'Proxima Nova Alt Extra Bold', sans-serif;
    font-size: 18px;
    transition: all 0.1s;
    color: #33475A;
}

#ancre_home h3 {
    font-family: 'Proxima Nova Alt Extra Bold', sans-serif;
    font-size: 18px;
    transition: all 0.1s;
    color: #33475A !important;
}

#ancre_home h4 {
    font-family: 'Proxima Nova Alt Extra Bold', sans-serif;
    font-size: 18px;
    transition: all 0.1s;
    color: #33475A !important;
}

#ancre_home>div:hover {
    background-color: #AF0062;
}

#ancre_home>div:hover>div>div>p {
    color: white;
}

#ancre_home>div:hover h3 {
    color: white !important;
}

#ancre_home>div:hover h4 {
    color: white !important;
}

@media (max-width: 980px) {
    #ancre_home>div {
        width: calc(100% / 3) !important;
    }
}

@media (max-width: 768px) {
    #ancre_home>div {
        height: 60px;
    }

    #ancre_home>div>div>div>p {
        font-size: 14px;
    }

    #ancre_home h4 {
        font-size: 14px;
    }

    #ancre_home {
        width: 90%;
        height: 60px !important;
        padding: 0;
    }
}

#boutonHautseconde {
    transition: all 0.3s;
    opacity: 0;
}

#boutonHautseconde.iamback {
    opacity: 1;
}

/* espace culture css par dessus wordpress */
.et_right_sidebar #main-content .container:before,
.et_post_meta_wrapper,
#sidebar {
    display: none;
}

body:not(.et-tb) #main-content>.container {
    width: 100%;
    max-width: none;
    padding-top: 0;
}

.et_right_sidebar #left-area {
    width: 100%;
    padding-right: 0;
}

/*HEADER CULTURE*/
#headerCulture.et_pb_section_1_tb_header {
    position: relative !important;
    top: -80px;
}

.filtre_recherche {
    padding: 20px;
}

/*-----------------------------------
        PADDING MARGIN CARTE PAGE
---------------------------------*/
.point-contenu-personnalise {
    padding: 0 0;
}

/*------------------------------
        ADIOS TITRE BOUTON MENU
--------------------------------*/
.page-id-9990 .carrefour>.element:last-child {
    display: none;
}

/*-------------------------------------
        CARTE  MARGIN TOP
---------------------------------------*/
.page-id-9980 .carrefour-sans-details>.element:last-child {
    display: none;
}

/*-------------------------------------
erreur 404
---------------------------------------*/
.error404 .et_pb_row.et_pb_row_0_tb_body {
    display: flex;
    align-items: center;
}

.error404 .et-db #et-boc .et-l .et_pb_button_0_tb_body {
    margin: inherit !important;
}

/*-------------------------------------
plugin accessibilite
---------------------------------------*/
#mdp-readabler-action-useful-links {
    display: none !important;
}

.mdp-readabler-trigger-button-box {
    top: 200px
}

/*---------------------------
Plugin tarteaucitron.js
 */
#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed .tarteaucitronAllow,
#tarteaucitron #tarteaucitronServices #tarteaucitronServices_mandatory .tarteaucitronLine button.tarteaucitronAllow {
    background-color: #AF0062 !important;
}

body #tarteaucitronRoot * {
    font-family: "Proxima Nova Alt Regular", Helvetica, Arial, Lucida, sans-serif !important;
}

body #tarteaucitronRoot div#tarteaucitronAlertBig {
    top: 50% !important;
    left: 50% !important;
    margin: 0 !important;
}

/*-----------------------
Page Sitemap
 */
.wsp-container a {
    color: #AF0062;
}

.wsp-container .wsp-layout_types-title,
.wsp-container .wsp-module_widths-title,
.wsp-container .wsp-scopes-title,
.wsp-container .wsp-posts-title {
    display: none;
}

.wsp-container .wsp-layout_types-list,
.wsp-container .wsp-module_widths-list,
.wsp-container .wsp-scopes-list,
.wsp-container .wsp-posts-list {
    display: none;
}

/* Bouton accessibilité */
.mdp-readabler-trigger-button-box.top-right {
    top: 280px !important;
}


/********* CENTRE AQUATIQUE *********/

/* Le conteneur du masque d'image (injecté via PHP) */
.submenu-background-mask {
    position: absolute;
    top: 0;
    right: 0;
    width: 40%;
    height: 100%;
    z-index: 1;
    overflow: hidden;
    border-radius: 30% 10px 10px 30% / 50% 10px 10px 50%
}

.submenu-background-mask img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/***** Menu *****/
#menu-header-aquatique #menu-menu-principal>li::before {
    content: "\35";
    width: 16px;
    font-family: ETmodules !important;
    font-size: 26px;
    margin-right: 6px;
    color: #4e6b55;
}

#menu-header-aquatique .nav li.menu-item-has-children::before {
    transition: all 0.5s ease-in;
}

#menu-header-aquatique .nav li.et-hover.menu-item-has-children::before {
    transform: rotate(90deg) translateX(-3px);
}

#menu-header-aquatique .nav li ul.sub-menu{
    overflow: visible;
}

#menu-header-aquatique .nav li ul.sub-menu>li:hover {
    text-decoration: underline;
    background-color: #4e6b55 !important;
    color: #FFF;
}

#menu-header-aquatique .nav li ul ul {
    top: 0;
    margin-top: 0px !important;
    width: calc(100% - 240px) !important;
    min-height: 100%;
}

#menu-header-aquatique .nav li.submenu_not_visible ul {
    display: none;
}

#menu-header-aquatique #mobile_menu1>li ul.sub-menu {
    margin-top: 0px !important
}

#menu-header-aquatique #mobile_menu1>li:not(.menu-item-has-children) a::after {
    display: none !important;
}

#menu-header-aquatique #mobile_menu1>li>ul>li:last-child {
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    border-radius: 0px;
    background-color: transparent;
}

#menu-header-aquatique #mobile_menu1>li>ul>li:last-child {
    position: static;
    width: 100% !important;
    margin: 0;
    padding-left: 5%;
    text-align: left;
}

#menu-header-aquatique #mobile_menu1 {
    top: calc(100% + 15px);
}

#menu-header-aquatique #mobile_menu1>li>ul>li:last-child>a::before {
    display: none;
}

/* Masquer l'image sur mobile pour la lisibilité */
@media (max-width: 980px) {
    .submenu-background-mask {
        display: none !important;
    }
}

/***** Planning *****/
.planning-title {
    text-align: center;
    font-size: 22px;
    color: #000;
    margin-bottom: 20px;
    font-weight: 700;
    text-transform: none;
}

#fitness-planning-container {
    max-width: 1200px;
    margin: 0 auto;
    font-family: 'Montserrat', sans-serif;
}

.planning-filters {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-bottom: 30px;
    flex-wrap: wrap;
}

.filter-btn {
    padding: 8px 20px;
    border-radius: 25px;
    border: none;
    background: var(--cat-color, #eee);
    color: #FFF;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s;
    text-transform: uppercase;
}

.filter-btn.active,
.filter-btn:hover {
    background-color: var(--cat-hover, #333);
    color: #fff;
}

.planning-nav {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    margin-top: 50px;
}

.event-slider-wrapper {
    touch-action: pan-y;
}

.slider-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    padding: 5px 10px;
    cursor: pointer;
    z-index: 10;
    border-radius: 3px;
    font-size: 1.2em;
}

.slider-prev {
    left: 0;
}

.slider-next {
    right: 0;
}

.slider-indicators {
    position: absolute;
    bottom: 5px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 5px;
    z-index: 10;
}

.nav-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 94px;
    height: 94px;
    margin: 0 20px;
    cursor: pointer;
    transition: all 0.2s ease;
    border: none;
    border-radius: 50%;
    background-color: #7a9a7c;
}

.nav-btn img {
    width: 30px;
}

.nav-btn:hover {
    background: #4e6b55;
}

.planning-grid {
    display: flex;
    flex-direction: column;
    background: #fff;
}

.grid-header,
.grid-row {
    display: flex;
    gap: 5px;
    margin-bottom: 5px;
    min-width: 780px;
}

.time-col,
.time-cell {
    width: 80px;
}

.time-cell {
    font-weight: bold;
    color: #FFF;
    background-color: #7a9a7c !important;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.event-cell {
    flex: 1;
    background-color: #e9e5dc !important;
    border: none !important;
    border-radius: 5px;
    padding: 0;
    height: 40px;
    position: relative;
}

.grid-header .day-col {
    text-align: center;
    font-weight: bold;
    padding: 15px 0;
    border: none;
    flex: 1;
}

.event-block {
    padding: 10px;
    border-radius: 5px;
    color: #fff;
    font-size: 13px;
    margin-bottom: 5px;
    transition: transform 0.2s, background 0.3s;
    z-index: 1;
    position: absolute;
    width: 100%;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.event-block:hover {
    background-color: var(--hover-color) !important;
    transform: scale(1.02);
    z-index: 11;
}

.event-title {
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 16px;
}

.event-comment {
    font-size: 14px;
    opacity: 0.9;
    display: flex;
    gap: 5px;
}

.event-comment::before {
    content: "";
    width: 20px;
    height: 20px;
    background: url('/wp-content/uploads/sites/3/2026/04/clock-nine.svg') no-repeat center center;
    background-size: contain;
}

.event-block.hidden-by-filter {
    display: none !important;
}

/* Loader Overlay Planning Styles */
.planning-loader-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 100;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
}

.loader-spinner {
    border: 4px solid #f3f3f3;
    border-top: 4px solid #8BC34A;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@media (max-width: 780px) {
    .planning-grid {
        overflow-x: scroll;
        position: relative;
    }

    .time-cell,
    .time-col {
        position: sticky;
        left: 0;
        z-index: 11;
        min-width: 80px;
    }

    .time-col::before {
        height: calc(45px * 21 + 55px);
        width: 80px;
        display: block;
        content: "";
        position: absolute;
        left: 0;
        background: linear-gradient(90deg, white 50%, transparent 100%);
        z-index: 10;
    }

    .grid-body {
        position: relative;
    }

    .slider-nav {
        display: none;
    }

    .indicator {
        width: 10px;
        height: 10px;
    }

    .event-title {
        word-wrap: break-word;
    }
}

@media (max-width: 625px) {
    .planning-nav p {
        display: none;
    }
}

/***** Planning Home *****/
.planning-home-widget {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    max-width: 245px;
    margin: 20px 0;
    font-family: 'Proxima Nova Alt Regular',Helvetica,Arial,Lucida,sans-serif;
}

.planning-home-header {
    background-color: #f0f0f0;
    color: #1C1F1C;
    padding: 15px 20px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    border-bottom: 1px solid #1C1F1C;
}

.planning-home-courses {
    padding: 0;
    list-style: none;
}

.planning-home-course-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 20px;
    border-bottom: 1px solid #7A9A7C;
}

.planning-home-time {
    font-weight: 700;
    color: #001860;
    flex-shrink: 0;
    margin-right: 15px;
    font-size: 16px;
}

.planning-home-title {
    flex-grow: 1;
    font-size: 16px;
    font-weight: 700;
}

.planning-home-title a {
    color: #001860;
}

.planning-home-no-courses {
    padding: 20px;
    text-align: center;
    color: #777;
    font-style: italic;
}

.planning-home-text {
    font-size: 14px;
}

.planning-home-footer {
    background-color: #f8f8f8;
    padding: 15px 20px;
    text-align: center;
}

.planning-home-link {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    font-weight: bold;
    font-size: 1em;
    transition: color 0.3s ease;
}

.planning-home-icon {
    margin-right: 8px;
    font-size: 1.2em;
}

.planning-home-arrow {
    margin-left: 8px;
    font-size: 1.2em;
}

/* Loader Planning Home Styles */
.planning-home-loader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
    border-radius: 10px;
}

.loader-spinner-small {
    border: 3px solid #f3f3f3;
    border-top: 3px solid #8BC34A;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@media (max-width: 480px) {
    .planning-home-widget {
        margin: 10px auto;
    }

    .planning-home-header {
        padding: 10px 15px;
        font-size: 12px;
    }

    .planning-home-course-row {
        padding: 10px 15px;
    }

    .planning-home-time {
        font-size: 10px;
    }

    .planning-home-title {
        font-size: 10px;
    }

    .planning-home-text {
        font-size: 10px;
    }

    .planning-home-footer {
        padding: 10px 15px;
    }

    .planning-home-link {
        font-size: 10px;
    }
}

/****** Popin *******/
.pop-in.blog_id_3>.conteneur {
    background: #F2F2F2;
}

.pop-in.blog_id_3 .fermer {
    background-color: #4E6B55;
}

.pop-in.blog_id_3 .section_background_transparent {
    background-color: transparent !important;
}

.pop-in.blog_id_3 h1 {
    background: var(--LINEAR_01, linear-gradient(270deg, #7A9A7C 0.07%, #4E6B55 95.31%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.pop-in.blog_id_3 .bouton-pop-in {
    background-color: #4E6B55;
}

.pop-in.blog_id_3 .bouton-pop-in::before {
    display: none !important;
}

.pop-in.blog_id_3 .decompte_popin {
    padding-left: 0;
    padding-right: 0;
}

.pop-in.blog_id_3 .decompte_popin .section {
    border-radius: 15px;
    border: 1px solid rgba(255, 255, 255);
    background: rgba(255, 255, 255);
    box-shadow: 2.146px 2px 9.24px 0 rgba(255, 255, 255, 0.13) inset, 1.217px 1.134px 4.62px 0 rgba(255, 255, 255, 0.13) inset;
    padding: 16px 30px;
    margin-right: 16px;
    width: 100%;
    max-width: 140px;
}

.pop-in.blog_id_3 .decompte_popin .sep {
    display: none !important;
}

/****** Agenda *****/
.shortcode_agenda.blog_id_3 .splide__track {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.shortcode_agenda.blog_id_3 .agenda_informations {
    background-color: #7a9a7c;
}

.shortcode_agenda.blog_id_3 .agenda_date {
    background-color: #7a9a7c;
}

.shortcode_agenda.blog_id_3 .agenda_date>p.agenda_date_and {
    color: #FFF;
}

.shortcode_agenda.blog_id_3 .agenda_lieu,
.shortcode_agenda.blog_id_3 .agenda_horaires {
    font-size: 14px;
    line-height: normal;
}

/**** Carousel *****/
.blog_id_3 .carousel_arrows>button {
    background-color: #BFD5B3;
    width: 80px;
    height: 80px;
}

.blog_id_3 .carousel_arrows>button:hover {
    background-color: #4e6b55;
    width: 80px;
    height: 80px;
}

.blog_id_3 .carousel_arrows>button:active {
    background-color: #4e6b55;
    width: 80px;
    height: 80px;
}

.blog_id_3 .carousel_arrows>button>img {
    width: 25px;
}

/***** Carte *****/
.leaflet-map-pane .ca-popup__adresse, .leaflet-map-pane .ca-popup__tel {
    margin: 0;
}

/***** Tare au citron ******/
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny, .tac_activate .tarteaucitronAllow {
    font-weight: 700;
}