@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] {
        position: relative;
        display: flex;
        justify-content: start;
        box-sizing: border-box;
        width: 100%;
        margin: 0;
        border: none;
        outline: 0;
        -moz-appearance: textfield;
        -webkit-appearance: none;
    }

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

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

    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 h2:after {
    content: "..........";
    font-family: 'Proxima Nova Alt Regular', sans-serif;
    font-size: 40px;
    line-height: 49px;
    padding-bottom: 0px;
    color: #EA005F;
    display: block;
}

#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::marker {
    content: url('/wp-content/uploads/2022/05/Rectangle-29.png');
}

#page-container .et_pb_text_inner a,
#page-container .et_pb_blurb a {
    text-decoration: underline;
    color: #EA005F !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: #EA005F !important;
    width: 25px;
}

@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;
}

.headerSuperFun .menu-header-width {
    width: 100% !important;
}

@media screen and (max-width: 1600px) {
    .headerSuperFun .width_pp {
        width: 25% !important;
    }

    .headerSuperFun .width_blanc_pp_petit {
        width: 5% !important;
    }

    .headerSuperFun .width_blanc_logo {
        width: 20% !important;
    }

    .headerSuperFun .width_blanc_pp_grand {
        width: 5% !important;
    }

    .headerSuperFun .intranet_logo {
        width: 25% !important;
        margin-left: -4rem;
    }
}

@media screen and (max-width: 1366px) {
    .headerSuperFun .width_blanc_pp_petit {
        width: 5% !important;
    }

    .headerSuperFun .intranet_logo {
        margin-left: 0 !important;
    }
}

@media screen and (max-width: 1100px) {
    .headerSuperFun #form-search {
        display: none !important;
    }
}

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

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

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

@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: 9px;
    content: url("/wp-content/uploads/2023/04/fleche-menu.svg");
    color: #EA005F;
}

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

#menu-menu-principal > li:hover > a {
    color: #EA005F !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;
}

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

#menuPrincipal #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;
}

#menuPrincipal #menu-menu-principal > li > ul > li::before {
    font-size: 18px;
    font-weight: bold;
    line-height: 22px;
    position: absolute;
    z-index: 3;
    top: 11px;
    left: 24px;
    display: block;
    width: 15px;
    height: 15px;
    content: ":::";
    color: #001860;
}

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

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

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

.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;
}

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

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

#menuPrincipal #menu-menu-principal > li > ul > li:hover a {
    color: #EA005F !important;
    background-color: transparent !important;
}

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

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

/*Boutons menu*/
#menuPrincipal #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: #EA005F;
}

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

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

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

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

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

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

@media screen and (max-width: 980px) {
    #menuPrincipal #mobile_menu2 > li > ul > li:last-child a {
        color: white !important;
    }
}

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

#menuPrincipal #mobile_menu2 {
    left: -50.2vw;
    width: 100vw;
}

#menuPrincipal #mobile_menu2.et_mobile_menu {
    padding-left: 30px;
    opacity: 1 !important;
}

#menuPrincipal #mobile_menu2.et_mobile_menu .menu-item-has-children > a {
    background-color: white !important;
}

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

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

#menuPrincipal #mobile_menu2 > 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;
}

#menuPrincipal #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;
}

/* 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 {
        font-size: 18px;
        font-weight: bold;
        line-height: 22px;
        position: absolute;
        z-index: 3;
        display: block;
        width: 15px;
        height: 15px;
        margin-left: -10px;
        padding-top: 12px;
        content: ":::";
        color: #001860;
    }

    .et_mobile_menu > li > a::after {
        position: absolute;
        z-index: 9999;
        right: 50px;
        display: block;
        width: 15px;
        height: 15px;
        margin-top: -26px;
        content: url("/wp-content/uploads/2023/04/fleche-menu.svg");
        transform: rotate(90deg);
    }

    .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;
    }
}

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

.titrefirstpage::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;
}

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

.titrefirstpage::after {
    position: absolute;
    bottom: -30px;
    left: 220px;
    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 > div:first-child > p:nth-child(1)::before {
    position: absolute;
    z-index: -1;
    top: -10px;
    left: 60px;
    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;
    }

    .titrefirstpage::after {
        bottom: -20px;
        left: 175px;
        width: 50px;
        height: 45px;
    }

    #titrefirstpageid {
        margin: auto !important;
    }

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

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

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

.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;
}

.titrefirstpage9::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;
}

.titrefirstpage9 {
    width: auto !important;
}

.titrefirstpage2::after {
    position: absolute;
    right: -30px;
    bottom: 10px;
    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;
}

.titrefirstpage9::after {
    position: absolute;
    right: -30px;
    bottom: 10px;
    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;
}

.titrefirstpage4::before {
    position: absolute;
    top: -18px;
    left: -20px;
    display: block;
    width: 64px;
    height: 51px;
    content: "";
    border-top: 1px solid #001860;
    border-left: 1px solid #001860;
    border-radius: 20px 0 0 0;
}

.titrefirstpage4 {
    width: auto !important;
}

.titrefirstpage4::after {
    position: absolute;
    right: -20px;
    bottom: -10px;
    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: 1500px) {
    .titrefirstpage4::after {
        position: absolute;
        right: -20px;
        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;
    }

    .titrefirstpage9::before {
        top: -27px;
        left: -25px;
        width: 50px;
        height: 45px;
    }

    .titrefirstpage2::after {
        bottom: -16px;
        left: 253px;
        width: 50px;
        height: 45px;
    }

    .titrefirstpage9::after {
        right: -30px;
        bottom: -18px;
        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: 135px;
        width: 50px;
        height: 45px;
    }
}

.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 {
    width: auto !important;
    margin-bottom: 50px;
}

#titrefirstpageid3 {
    margin: auto !important;
}

.titrefirstpage3::after {
    position: absolute;
    bottom: -25px;
    left: 212px;
    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;
        left: 225px;
        width: 50px;
        height: 45px;
    }
}

@media (max-width: 768px) {
    .titrefirstpage3::before {
        top: -17px;
        left: -21px;
        width: 50px;
        height: 45px;
    }

    .titrefirstpage3::after {
        bottom: -16px;
        left: 115px;
        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: #EA005F;
}

#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: #EA005F;
}

#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: #EA005F;
}

.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: #EA005F;
}

.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: #EA005F;
}

#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: #EA005F;
}

#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: #EA005F;
    -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 !important;
    font-size: 18px;
    line-height: 22px;
    width: 100%;
    height: 45px;
    padding: 14px 29px;
    border: none;
    border-radius: 60px;
    outline: none;
    background-color: #E9EEF0;
}

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: #EA005F;
    background-color: #EA005F;
}

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

/* ------------------------------------------------------
                    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: #EA005F;
}

@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/2023/05/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: #EA005F;
}

#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: #EA005F;
}

@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%;
        margin: 0 auto;
        transform: translateY(50%);
        border-radius: 20px;
    }

    #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 {
        line-height: 7px;
        margin-right: 10px;
        transform: scale(0.7);
    }
}

/* 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 #EA005F;
    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: 23%;
    right: 5%;
    width: 300px;
    height: 300px;
    margin: unset !important;
    padding: 0 0 !important;
    color: white;
    border-radius: 50% 50% 40px 50%;
    background-color: #EA005F;
    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: 34px;
    height: 7px;
    margin: 4px;
    opacity: 1;
    border-radius: 15px;
    background-color: #001860;
}

#slider-home-venissieux .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 #EA005F;
    /* On retire la taille de la marge + la taille de la bordure */
    border-radius: 15px;
}

.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/2023/04/Combined-Shape.webp) 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/2023/04/Combined-Shape-1.webp) no-repeat;
    background-size: contain;
}

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

#slider-home-venissieux .et_pb_slide_content {
    font-family: 'Proxima Nova Alt Bold', sans-serif;
    font-size: 40px;
    font-weight: 800;
    line-height: 40px;
    margin: 8px 50px 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 .home.page-id-11 #page-container .et_pb_section .et_pb_slider_0.et_pb_slider .et_pb_more_button.et_pb_button::before {
    position: absolute;
    top: 50%;
    left: -12px;
    display: block !important;
    width: 47px;
    height: 18px;
    content: "" !important;
    transform: translateY(-50%);
    opacity: 1;
    background-image: url(/wp-content/uploads/2022/05/fleche-1.png);
    background-repeat: no-repeat;
    background-size: 100%;
}

html .home.page-id-11 #page-container .et_pb_section .et_pb_slider_0.et_pb_slider .et_pb_more_button.et_pb_button:hover::before {
    left: -4px;
}

@media (max-width: 767px) {
    html .home.page-id-11 #page-container .et_pb_section .et_pb_slider_0.et_pb_slider .et_pb_more_button.et_pb_button::before {
        width: 40px;
        height: 15px;
    }

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

    .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: 40px 35px 0;
        text-align: left;
        text-transform: uppercase;
        color: #FFD702 !important;
    }

    #slider-home-venissieux .et_pb_slide_content {
        font-family: 'Proxima Nova Alt Bold', sans-serif;
        font-size: 24px !important;
        font-weight: 800;
        line-height: 26px;
        margin: 0 25px;
        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: 40px;
        color: #FFF;
    }
}

.et_pb_row {
    padding: 16px !important;
}

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

/* Hover home */
.home.page-id-11 #page-container .et_pb_section .et_pb_button_3:hover::before {
    position: absolute !important;
    top: 50%;
    display: block !important;
    width: 50px !important;
    height: 21px !important;
    content: "" !important;
    transform: translateY(-50%);
    background: url("/wp-content/uploads/2023/05/fleche_blanche.svg") no-repeat;
}

.home.page-id-11 #page-container .et_pb_section .et_pb_button_2:hover {
    color: white !important;;
    border-color: #EA005F;
}

.home.page-id-11 #page-container .et_pb_section .et_pb_button_2:hover::before {
    position: absolute !important;
    top: 50%;
    display: block !important;
    width: 50px !important;
    height: 21px !important;
    content: "" !important;
    transform: translateY(-50%);
    background: url("/wp-content/uploads/2023/05/fleche_blanche.svg") no-repeat;
}

.home.page-id-11 #page-container .et_pb_section .et_pb_button_0:hover {
    color: white !important;;
    border-color: #EA005F;
    background-color: #EA005F;
}

.home.page-id-11 #page-container .et_pb_section .et_pb_button_0:hover::before {
    position: absolute !important;
    top: 50%;
    display: block !important;
    width: 50px !important;
    height: 21px !important;
    content: "" !important;
    transform: translateY(-50%);
    background: url("/wp-content/uploads/2023/05/fleche_blanche.svg") no-repeat;
}

.home.page-id-11 #page-container .et_pb_section .et_pb_button_1:hover {
    color: white !important;;
    border-color: #EA005F;
    background-color: #EA005F;
}

.home.page-id-11 #page-container .et_pb_section .et_pb_button_1:hover::before {
    position: absolute !important;
    top: 50%;
    display: block !important;
    width: 50px !important;
    height: 21px !important;
    content: "" !important;
    transform: translateY(-50%);
    background: url("/wp-content/uploads/2023/05/fleche_blanche.svg") no-repeat;
}

.home.page-id-11 #page-container .et_pb_section .et_pb_button_3:hover {
    color: white !important;;
    border-color: #EA005F;
    background-color: #EA005F;
}

.home.page-id-11 #page-container .et_pb_section .et_pb_button_3:hover::before {
    position: absolute !important;
    top: 50%;
    display: block !important;
    width: 50px !important;
    height: 21px !important;
    content: "" !important;
    transform: translateY(-50%);
    background: url("/wp-content/uploads/2023/05/fleche_blanche.svg") no-repeat;
}

#map_filter_home_select > button:hover {
    color: #EA005F;
    border-color: white;
    background-color: white;
}

#map_filter_home_select > button:hover::before {
    background: url("/wp-content/uploads/2022/05/fleche-2.png");
}

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

.promote-element .actualite-button:hover::before {
    background: url("/wp-content/uploads/2022/05/fleche-2.png");
}

.textSlider > div > a:hover {
    color: #EA005F;
    border-color: white;
    background-color: white;
}

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

.textSlider > div > a:hover::before {
    content: url("/wp-content/uploads/2022/05/fleche-2.png");
}

/* 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_menu2 .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 {
    color: #001860 !important;
    background-color: #fff;
}

/* 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_h {
        position: absolute;
        right: 5%;
        margin-top: -120px;
    }
}

/* 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: #EA005F;
}

@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_menu2 > li {
        position: relative;
    }

    #menuPrincipalCulture #mobile_menu2 > 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 .agenda_element {
    display: inline-grid;
    overflow: hidden;
    border-radius: 20px;
}

@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;
}

.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: #EA005F;
}

.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 {
    /* width: 350px; */
    position: relative;
    padding: 85px 33px 33px;
    border-radius: 0 0 20px 20px;
    background-color: white;
}

.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: #001860;
    border-radius: 50%;
    background-color: #fff;
}

.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: #EA005F;
}

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

.shortcode_agenda .bloc_titre {
    height: 175px;
}

.shortcode_agenda .agenda_titre {
    font-size: 30px;
    font-weight: 800;
    line-height: 37px;
    display: -webkit-box;
    overflow: hidden;
    padding: 0;
    color: #001860;
    -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: #001860;
}

.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 33%);
}

.promote-element .actualite-informations {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 29%;
    transform: translateX(-50px);
}

.actualite-category {
    font-size: 18px;
    font-weight: 800;
    line-height: 22px;
    text-transform: uppercase;
    color: #ea005f;
}

.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: #FFF;
    border-radius: 100px;
    background-color: #ea005f;
}

.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/2022/05/fleche-1.png) no-repeat;
    background-size: cover;
}

#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 a {
    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 a: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;
}

@media (max-width: 1550px) {
    #splide_actualites_culture .actualite-element .actualite-image.vertical-image img,
    #splide_actualites_culture .actualite-element .actualite-image.vertical-image a {
        width: 280px !important;
        height: 380px !important;
    }

    #splide_actualites_culture .actualite-element .actualite-image.actualite-image a: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: #ea005f;
}

#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 #EA005F;
}

@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
--------------------------------------------- */
#splide_carrousel_projects {
    overflow: hidden;
}

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

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

#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: 50px;
    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: #EA005F;
}

@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: #EA005F;
}

.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/2023/05/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: #EA005F;
        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/2023/05/fleche_blanche.svg");
        opacity: 1;
        background-repeat: no-repeat;
        background-size: cover;
    }

    @media (max-width: 768px) {
        .pastille {
            height: 165px;
            width: 165px;
            background-color: #EA005F;
            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/2023/05/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: #ea005f !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 {
    font-family: "GothicA1", sans-serif;
    font-size: 18px;
    font-weight: 900;
    line-height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 116px;
    height: 116px;
    cursor: pointer;
    transition: all 0.3s;
    color: #ea005f;
    border-radius: 50%;
    background-color: #E9EEF0;
}

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

.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 > p:nth-child(1) {
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    color: #ea005f;
}

.textSlider > div > p:nth-child(2) {
    font-size: 30px;
    font-weight: 700;
    line-height: 37px;
    color: #FFF;
    background-color: #001860;
}

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

.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/2022/05/fleche-1.png);
    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 #EA005F;
}

.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: #ea005f;
}

.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: #ea005f;
}

.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: #ea005f;
    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: #ea005f;
}

.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 #EA005F;
}

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

.pop-in img {
    width: 100%;
    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: #ea005f;
}

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

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

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

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

#liste_annuaire > div > div > img {
    width: 126px;
    height: 200px;
    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: 24px;
    margin-bottom: 5px;
    color: #EA005F;
}

#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: #EA005F;
}

#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;
}

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

@media (max-width: 1400px) {
    #homeGallery > div {
        width: calc(100% / 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;
    display: flex;
    flex-direction: column;
    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 Bold', sans-serif;
    font-size: 25px;
    margin-top: auto;
    padding-bottom: 10px;
    color: white;
}

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

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

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

#retour_images {
    padding: 0px;
}

.logo_venissieux img {
    width: 100% !important;
}

#labarrederecherchetoutenhautla > .et_pb_code_inner {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: flex-end;
    gap: 30px;
}

#labarrederecherchetoutenhautla > .et_pb_code_inner > .lien_header_venissieux {
    flex: 1 1 15%
}

#labarrederecherchetoutenhautla > .et_pb_code_inner > #form-search {
    flex: 1 1 65%
}

#labarrederecherchetoutenhautla > .et_pb_code_inner > .didn_venissieux {
    flex: 1 1 10%
}

#labarrederecherchetoutenhautla .lien_header_venissieux {
    display: flex;
    align-items: flex-start;
    flex-direction: row;
    gap: 15px;
}

#labarrederecherchetoutenhautla .lien_header_venissieux > div {
    display: flex;
    align-items: center;
    flex-direction: column;
}

#labarrederecherchetoutenhautla .lien_header_venissieux > div:hover {
    cursor: pointer;
    border-radius: 7px;
    background: #EA005F;
}

#labarrederecherchetoutenhautla .lien_header_venissieux a {
    font-size: 16px;
    font-weight: bold;
    line-height: 19px;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 10px;
    text-align: center;
    color: #001860;
    gap: 8px;
}

#labarrederecherchetoutenhautla .lien_header_venissieux > div:hover a {
    color: white;
}

#labarrederecherchetoutenhautla .lien_header_venissieux a img {
    width: auto;
    max-width: 30px;
    height: 30px;
    object-fit: contain;
}

#labarrederecherchetoutenhautla .lien_header_venissieux > div:hover a img {
    filter: brightness(0) invert(1);
}

#labarrederecherchetoutenhautla .didn_venissieux a {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    width: 99px;
    height: 40px;
    border-radius: 60px;
    background-color: #E9EEF0;
    gap: 7px;
}

#labarrederecherchetoutenhautla .didn_venissieux:hover a {
    cursor: pointer;
    background-color: #001860;
}

#labarrederecherchetoutenhautla .didn_venissieux:hover a img {
    filter: brightness(0) invert(1);
}

#labarrederecherchetoutenhautla .didn_venissieux a span {
    font-size: 14px;
    font-weight: bold;
    line-height: 17px;
    text-align: left;
    color: #001860;
}

#labarrederecherchetoutenhautla .didn_venissieux:hover a span {
    color: white;
}

.icon_home {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    margin-left: 15px;
    padding-left: 30px;
    border-left: 1px solid #001860;
}

.icon_home a {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.icon_home img {
    width: 19px;
    height: 17px;
    margin-bottom: 0 !important;
}

@media screen and (max-width: 1024px) {
    .icon_home {
        display: none;
    }
}

/*---------------------------------
        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: #EA005F;
}

@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: 4rem;
}

#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: 100%;
    height: 100%;
}

#mediaGallery > div > a > div:nth-child(1) > img, #mediaGallery > div > a > div:nth-child(1) > picture > img {
    width: 100%;
    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: #EA005F;
}

#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: #EA005F;
}

#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/2022/05/fleche-1.png);
    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: white;
    border: none;
    border-radius: 60px;
    background-color: #EA005F;
}

@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;
}

/* ------------------------
        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: #EA005F;
}

.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: #EA005F;
}

.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;
    color: #001860;
    border-radius: 50px;
    background-color: transparent;
}

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

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

/*--------------------------
        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 input, #annuaireFilter select {
    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.effacer_filtre {
    position: relative;
    display: flex;
    align-items: center;
}

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

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

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

#annuaireFilter > div.effacer_filtre > p {
    font-family: 'Proxima Nova Alt Bold', sans-serif;
    font-size: 21px;
    margin-right: auto;
    margin-left: auto;
    text-decoration: underline;
    color: #EA005F;
}

#annuaireFilter > div.deux_select {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin-bottom: 47px;
    gap: 120px;
}

#annuaireFilter > div.deux_select select {
    flex: 1;
    padding: 20px;
    border: 0 solid;
    border-radius: 7px;
    -webkit-appearance: none;
    appearance: none;
}

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

    #annuaireFilter > div.effacer_filtre {
        flex-wrap: wrap;
    }

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

    #annuaireFilter > div.effacer_filtre > p {
        margin-right: auto;
    }

    #annuaireFilter > div.deux_select {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        margin-bottom: 47px;
        gap: 40px;
    }
}

/*--------------------------
        Annuaire Liste
-----------------------------*/
#annuaireGallery {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 73px;
    gap: 18px 48px;
}

#liste_annuaire .current-page {
    color: #EA005F;
}

#annuaireGallery > div {
    display: flex;
    flex: 1 1 40%;
    flex-direction: row;
    border-left: #EA005F 3px solid;
    background-color: #E9EEF080;
}

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

#annuaireGallery > div > img {
    width: 126px;
    height: 200px;
    object-fit: cover;
}

#annuaireGallery > div > div {
    margin-top: 18px;
    margin-bottom: 18px;
    margin-left: 22px;
}

#annuaireGallery > div > div p, #annuaireGallery > div > div p a {
    font-family: "Proxima Nova Alt", Helvetica, Arial, Lucida, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    color: #1D1D1B;
}

#annuaireGallery > div > div .listing-contact {
    display: flex;
    flex-direction: column;
    margin-top: 10px;
    gap: 10px;
}

#annuaireGallery > div > div .direction-texte {
    font-size: 14px;
    font-weight: 700;
    font-style: normal;
    line-height: 17px;
    margin-bottom: 5px;
    color: #1D1D1B;
}

#annuaireGallery > div > div .listing-contact > p {
    display: flex;
    align-items: center;
    flex-direction: row;
}

#annuaireGallery > div > div .listing-contact .email:before {
    width: 24px;
    height: 14px;
    margin-right: 10px;
    content: url("/wp-content/themes/divi-child/images/email.svg");
    object-fit: contain;
}

#annuaireGallery > div > div .listing-contact .telephone:before {
    width: 14px;
    height: 21px;
    margin-right: 20px;
    content: url("/wp-content/uploads/2022/09/telephone.svg");
    object-fit: contain;
}

#annuaireGallery > div > div .listing-contact .adresse:before {
    width: 24px;
    height: 14px;
    margin-right: 10px;
    content: url("/wp-content/themes/divi-child/images/adresse.svg");
    object-fit: contain;
}

#picBille {
    font-family: 'Proxima Nova Alt Bold', sans-serif;
    font-size: 22px;
    margin-bottom: 40px !important;
    padding-bottom: 10px !important;
    color: #001860;
    border-bottom: 1px solid #D9D9D9;
}

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

    #annuaireGallery {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        margin-bottom: 73px;
        gap: 18px;
    }
}

#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: #EA005F;
    border-radius: 100px;
    background-color: white;
    box-shadow: rgb(0 0 0 / 10%) 5px 2px 15px 3px;
}

@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/2022/05/fleche-2.png");
    background-repeat: no-repeat;
    background-size: 100%;
}

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

#annuaireGallery div.listing-description {
    margin-top: 10px;
    margin-bottom: 5px;
    transition: display 0.3s ease;
}

#annuaireGallery .poste-clic.have-description {
    cursor: pointer;
}

#annuaireGallery .poste-clic.have-description:after {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: 10px;
    content: "";
    transition: transform 0.3s ease;
    background-image: url("/wp-content/themes/divi-child/images/fleche_annuaire.svg");
    background-repeat: no-repeat;
    background-size: 100%;
}

.poste-clic.have-description[data-rotated="true"]:after {
    /* Styles when .poste-clic is clicked */
    transform: rotate(180deg);
}

@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: #EA005F;
}

#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: #ea005f;
    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/2023/05/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: #ea005f;
}

#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 {
    margin-bottom: 142px;
}

#listOfMagazines > div > 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 > 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 > 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;
    cursor: pointer;
}

#listOfMagazines > div > 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:after {
    display: none;
}

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

#annee {
    -webkit-appearance: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

#listOfMagazines > div > 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: #EA005F;
}

#listOfMagazines > div > 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 > 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 {
    margin-top: 6rem;
    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: #EA005F;
}

#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: #EA005F;
}

#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: #EA005F !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 (max-width: 1400px) {
    .section_gauche_home {
        padding-left: 10px !important;
    }
}

@media (min-width: 980px) {
    .section_gauche_home.et_pb_section_2 > div:nth-child(2) > .et_pb_column {
        min-width: 140px;
        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: #EA005F;
        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: 0px;
    }

    p:not(.has-background):last-of-type {
        /* padding-bottom: 7px; */
    }

    .pojo-a11y-toolbar-link .pojo-a11y-btn-high-contrast {
        display: none;
    }

    .section_gauche_home.et_pb_section_2 > div:nth-child(2) > div > div:nth-child(1) {
        position: relative;
        top: 27%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .section_gauche_home.et_pb_section_2 > div:nth-child(2) > div > div:nth-child(2) {
        position: relative;
        top: 21% !important;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .section_gauche_home.et_pb_section_2 > div:nth-child(3) > div > div:nth-child(1) {
        position: relative;
        top: 27%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .section_gauche_home.et_pb_section_2 > div:nth-child(3) > div > div:nth-child(2) {
        position: relative;
        top: 21% !important;
        left: 50%;
        width: 107px;
        transform: translate(-50%, -50%);
    }

    .section_gauche_home.et_pb_section_2 > div:nth-child(3) > .et_pb_column {
        min-width: 140px;
        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;
    }

    .section_gauche_home.et_pb_section_2 > div:nth-child(2) > .et_pb_column > div:nth-child(2) > div > p {
        font-size: 16px;
    }

    .section_gauche_home.et_pb_section_2 > div:nth-child(3) > .et_pb_column > div:nth-child(2) > div > p {
        font-size: 16px;
    }
}

@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(2) > .et_pb_column > div > div > p {
        font-size: 16px;
    }

    .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;
    }

    .section_gauche_home.et_pb_section_2 > div:nth-child(3) > .et_pb_column > div > div > p {
        font-size: 16px;
    }
}

@media (min-width: 980px) and (max-width: 1150px) {
    .section_gauche_home {
        max-width: 46% !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 > div:hover {
    background-color: #EA005F;
}

#ancre_home > div:hover > div > div > p {
    color: white;
}

@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 {
        width: 80%;
        height: 60px !important;
    }
}

#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: 120px;
}

body.single-note-service:not(.et-tb) #main-content > .container {
    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;
}

#retour_sur_image_bouton {
    margin-top: 15px;
    white-space: nowrap;
}

/*-----------------------------------
        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: #EA005F !important;
}

body #tarteaucitronRoot * {
    font-family: "Proxima Nova Alt Regular", Helvetica, Arial, Lucida, sans-serif !important;
}

/*-----------------------
Page Sitemap
 */
.wsp-container a {
    color: #ea005f;
}

.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: 20vh !important;
}

/* HOME - MESSAGE SECTION 1 */
.caschome .et_pb_promo_description h2 span {
    font-family: 'Holiday Free', sans-serif;
}

/* BOUTON OPEN ID */
.openid-connect-login-button a {
    font-family: 'Proxima Nova Alt Bold', Helvetica, Arial, Lucida, sans-serif !important;
    font-weight: bold;
    display: flex;
    align-items: center;
    flex-direction: row;
    padding: 14px 24px;
    color: #EA005F;
    border-radius: 50px;
    background: #FFFFFF;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
    gap: 20px;
}

.openid-connect-login-button a:hover {
    color: #EA005F;
    background: #FFFFFF;
}

.openid-connect-login-button a:before {
    position: relative;
    z-index: 0;
    top: 0;
    left: 0;
    display: inline-block;
    width: 47px;
    height: 18px;
    content: url("/wp-content/uploads/2022/05/fleche-2.png");
    transition: all 0.3s ease;
}