/**************
HEADER - PRINCIPAL
 ***********/
#header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10001;
    transition: 0.5s ease-in-out all;
    background-color: white;
}

#header.header-scroll {
    transform: translateY(-100%);
}
body.no-scroll-menu #header.header-scroll{
    transform: translateY(0%);
}

.region #header {
    background-color: transparent;
}

.grid-menu {
    display: grid;
    grid-template-columns: 300px 1fr;
    padding: 28px var(--small-margin) 25px var(--small-margin);
    align-items: center;
}

.home .grid-menu {
    background-color: transparent;
    padding: 28px var(--small-margin) 25px var(--medium-margin);
}

.custom-logo-link img {
    width: 150px;
    height: 111px;
    object-fit: contain;
    margin-left: -57px;
}

.menu-search {
    display: grid;
    grid-template-columns: 500px 36px;
    grid-gap: 20px;
    justify-content: flex-end;
}

.search-input {
    margin-top: 0;
    background-color: rgba(208, 208, 208, 0.4);
    border: 0;
    padding: 10px 10px 10px var(--biginternpadding) !important;
    height: 45px;
    color: white;
}

.search-input::placeholder {
    color: white;
}

.suggestion-box {
    margin-top: 5px;
    position: absolute;
    top: 70px;
    left: var(--biginternpadding);
    font-size: 13px;
    color: var(--bleufonce);
    cursor: pointer;
}

.container-search {
    position: relative;
}

.icon-search {
    position: absolute;
    top: 13px;
    height: 20px;
    left: 12px;
    width: 19px;
}

.separator-search {
    position: absolute;
    top: 14px;
    height: 19px;
    left: 40px;
    width: 1px;
    background-color: var(--bleulight);
}

/*Menu*/
#menu > .menu-toggle {
    display: block;
    position: relative;
    z-index: 10001;
    margin-top: 10px;
}

#main-menu-container {
    position: fixed;
    top: 0px;
    right: 0;
    width: 75%;
    background: var(--bleujupa);
    z-index: 10000;
    display: grid;
    grid-template-columns: 0.3fr 1fr;

    transition: 0.5s ease-in-out all;
    clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
}

.toggled #main-menu-container {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);

}

.design-menu {
    background-color: var(--bleulight);
    display: flex;
    align-items: flex-end;
    padding: 20px 30px;
    position: relative;
    z-index: 100;
}

.design-menu .back-prev-level {

}

#main-menu-container .all-menu {
    padding: 115px var(--medium-margin) 50px 100px;
    overflow-y: scroll;
    overflow-x: hidden;
    max-height: 100vh;
}

#main-menu-container nav {
    display: flex;
    width: 300%;
    transition: 0.5s ease-in-out all;
}

#main-menu-container nav > ul {
    width: 33.3%;
    transition: 0.5s ease-in-out all;
}

#main-menu-container a {
    color: white;
    font: var(--paragraphe);
    position: relative;
    display: block;
    transition: 0.5s ease-in-out all;
}

#main-menu-container a:hover {
    opacity: 0.6;
}

#main-menu-container a.highlight-link {
    color: rgba(81, 177, 255, 0.6);
}

.has-child svg {
    position: absolute;
    right: 0;
    top: 0px;
    display: none;
}

.has-child::after, .has-redirect::after {
    content: "";
    position: absolute;
    top: 4px;
    right: 0;
    height: 21px;
    width: 19px;
    background-color: white;

    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url("../icons/arrow-link.svg");

}

.has-redirect::after {
    transform: rotate(-45deg);
}

#main-menu-container nav li {
    padding: 10px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.40);
}

.surtitre-menu {
    margin-bottom: 0;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.40);
}

.sub-menu-lv1 {
    width: 76.7%;
    display: flex;
}

.nav-1,
.sub-menu-lv2 {
    overflow: hidden;
    width: 50%;
    transition: 0.5s ease-in-out all;
    opacity: 0;
}

.map-espace-menu {
    width: 100%;
    margin-top: 40px;
}

.menu-plus {
    padding-top: 35px;
    transition: 0.5s ease-in-out all;
    overflow: hidden;
}

.menu-plus li:nth-of-type(4) a.active-page,
.menu-plus li:nth-of-type(5) a.active-page {
    opacity: 1;
}

nav.level-1 ~ .menu-plus,
nav.level-2 ~ .menu-plus {
    max-height: 0;
    padding: 0;
}

.menu-plus a {
    padding-left: 20px;
    margin-bottom: 10px;
}

.menu-plus a svg {
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translate(0, -50%);
}

nav.level-1 .nav-1 {
    opacity: 1;
}

nav.level-1 {
    transform: translate(-30%);
}

nav.level-1 > ul,
nav.level-2 > ul {
    opacity: 0;
}

nav.level-2 {
    transform: translate(-65%);
}

nav.level-2 .nav-1 {
    opacity: 0;
}

.level-2 .sub-menu-lv2 {
    opacity: 1;
}

.back-prev-level {
    text-align: right;
    color: white;
    margin: 0;
    padding-left: 25px;
    transition: 0.5s ease-in-out all;
}

.precedent-menu.active:hover {
    opacity: 0.6;
}

.precedent-menu {
    position: absolute;
    top: 115px;
    right: 50px;
    padding-top: 12px;
    width: calc(100% - 100px);
    cursor: pointer;
    opacity: 0;
    transition: 0.2s ease-in-out all;
}

.precedent-menu svg {
    position: absolute;
    top: 12px;
    left: 0;
}

.precedent-menu.active {
    opacity: 1;
}

#close-bar1, #close-bar2, #close-bar3 {
    height: 2px;
    background-color: var(--bleujupa);
    transition: 0.5s ease-in-out all;
}

.page-template-template-agenda #header,
.single-agenda #header,
.single-actualites #header,
.home #header {
    background-color: transparent;
}

.single-agenda #close-bar1, .single-agenda #close-bar2, .single-agenda #close-bar3,
.page-template-template-agenda #close-bar1, .page-template-template-agenda #close-bar2, .page-template-template-agenda #close-bar3,
.home #close-bar1, .home #close-bar2, .home #close-bar3 {
    background-color: white;
}

.toggled #close-bar1, .toggled #close-bar2, .toggled #close-bar3 {
    background-color: white;
}

.single-agenda .logo-page,
.single-agenda .custom-logo-link img,
.home .custom-logo-link img {
    filter: brightness(0) invert(1);
}

.single-agenda header .fake-search .search {
    background-color: white;
}

.single-agenda header .search-base input[type="text"],
.single-agenda header .search-base .loop {
    background: rgba(255, 255, 255, 0.20);
}

.single-agenda header .search-base input[type="text"]::placeholder,
.single-agenda header .search-base input[type="text"] {
    color: white;
}

.submenu .surtitre-menu {
    /*margin-top: var(--ltspace);*/
}

.submenu .space-menu {
    display: block;
    height: 30px;
}

.logo-page svg {
    height: 60px;
}

#header.header-scroll .principal-title,
#header.up-scroll .principal-title {
    display: none;
}

#header.up-scroll {
    background-color: white;
    box-shadow: -1px 13px 34px -19px rgba(0, 49, 112, 0.15);
    -webkit-box-shadow: -1px 13px 34px -19px rgba(0, 49, 112, 0.15);
    -moz-box-shadow: -1px 13px 34px -19px rgba(0, 49, 112, 0.15);
}

body:not(.home) .home-espace #header.up-scroll {
    background: var(--bleufonce);
}

#header.up-scroll .custom-logo-link img {
    height: 60px;
    filter: none;
}

.page-template-template-agenda #header.up-scroll .fake-search input[type="text"],
.content-head-ep #header.up-scroll .fake-search input[type="text"],
.home #header.up-scroll .fake-search input[type="text"] {
    background-color: var(--gris-clair);
}

#header.up-scroll .search-base input[type="text"],
#header.up-scroll .search-base input[type="text"]::placeholder {
    color: var(--bleujupa);
}

.page-template-template-agenda #header.up-scroll .fake-search .loop,
.content-head-ep #header.up-scroll .fake-search .loop,
.home #header.up-scroll .fake-search .loop {
    background-color: var(--gris-clair);
}

.page-template-template-agenda #header.up-scroll .fake-search .search,
.content-head-ep #header.up-scroll .fake-search .search,
.home #header.up-scroll .fake-search .search {
    background-color: var(--bleujupa);
}

#header.up-scroll #close-bar1,
#header.up-scroll #close-bar2,
#header.up-scroll #close-bar3 {
    background-color: var(--bleujupa);
}

#header.up-scroll .toggled #close-bar1,
#header.up-scroll .toggled #close-bar2,
#header.up-scroll .toggled #close-bar3 {
    background-color: white;
}

#header.up-scroll .logo-page svg {
    filter: none !important;
}


.active-page {
    opacity: 0.6;
    color: var(--bleulight);
}


/******
HOME
 */
.head-home-principal {
    position: relative;
    z-index: 10;
}

.head-home-principal::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 80vh;
    background: linear-gradient(-90deg, rgba(0, 0, 0, 0.00) 39.09%, rgba(0, 0, 0, 0.5) 73.68%), linear-gradient(90deg, rgba(0, 0, 0, 0.00) 23.42%, rgba(0, 0, 0, 0.5) 73.55%);
    z-index: 1;
    /*opacity: 0.8;*/
}

.head-home-principal > video,
.head-home-principal > img {
    height: 80vh;

    width: 100%;
    object-fit: cover;
}

.principal-title {
    font-size: 20px;
    font-weight: 300;
    line-height: 24px;
    letter-spacing: 0.6px;
    color: white;
    display: block;
    margin-top: 15px;
    position: absolute;
    transition: 0.5s ease-in-out all;
}

.no-scroll-menu .principal-title {
    opacity: 0;
}

.flex-redirection {
    display: flex;
    position: absolute;
    top: calc(80vh - 175px);
    padding: 0 var(--medium-margin);
    z-index: 2;
}

.redir {
    height: 175px;
    padding: 20px;
    cursor: pointer;
    width: 320px;
    margin-right: 20px;
    border: 1px solid var(--bleulight);
    border-bottom: 0;
    position: relative;
    background: #0031703b;
}

.redir.active {
    background-color: var(--bleulight);
}

.redir h2 {
    font-size: 28px;
    line-height: 130%;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 0;
}

.redir p {
    font-size: 20px;
    line-height: 26px;
    text-transform: uppercase;
}

.redirection-result {
    display: block;
    width: calc(320px * 3 + 40px);
    margin-left: var(--medium-margin);
}

.redir-result {
    display: none;
}

.redir-result.active {
    display: block;
}

.redir > svg {
    position: absolute;
    right: 20px;
    bottom: 20px;
    transition: 0.2s ease-in-out;
}

.redir:hover > svg {
    transform: translate(4px, 4px);
}

.grid-essentiel, .grid-regions-home {
    display: grid;
    grid-template-columns: 0.7fr 1fr;
    background-color: var(--gris-clair);
    padding: 30px;
}

.map-regions {
    display: flex;
    align-items: center;
    justify-content: center;
}

.map-regions svg {
    height: 350px;
}

.bloc-essentiel {
    display: block;
    color: black;
    padding-bottom: 10px;
    opacity: 0.3;
    margin-bottom: 0;
}

.bloc-essentiel.link-arrow-before.active {
    color: var(--bleujupa);
    opacity: 1;
}

.bloc-essentiel.link-arrow-before.active:before {
    background: var(--bleujupa);
}

.bloc-essentiel.link-arrow-before:before {
    background: rgba(0, 0, 0, 1);
}

.link-arrow-before:hover::before {
    background: var(--bleulight);
}

.link-arrow-before:hover {
    opacity: 1;
}

.bloc-essentiel::before {
    /*filter: grayscale(1);*/
}

.liens_essentiels {
    max-height: 0;
    overflow: hidden;
    transition: 0.5s ease-in-out all;
}

.liens_essentiels.active {
    max-height: 800px;
}

.swiper-home-actus {
    overflow: hidden;
    padding: var(--mdspace) 0 var(--mdspace) 0;
    width: calc(100% - var(--medium-margin));
    margin-left: var(--medium-margin);
    position: relative;
}
.swiper-home-actus a{
    position: relative;
}
.swiper-home-actus .surtitre {
    margin: 0 0 15px 0;
}

.swiper-home-actus .surtitre span {
    font-weight: 700;
}
.swiper-creative .swiper-slide{
    overflow: unset;
}
.surtitre.bleu span:not(:first-of-type)::before {
    background-color: var(--bleujupa);
}

.bloc-home-actus {
    display: grid;
    grid-template-columns: 0.5fr 1fr;
    grid-gap: 80px;
}

.bloc-home-actus > div > a h3 {
    transition: 0.2s;
}

.bloc-home-actus > div > a:hover h3 {
    color: var(--bleulight);
}

.bloc-home-actus img {
    width: 100%;
    height: 32vw;
    object-fit: cover;
    max-height: 600px;
}

.arrow-home-actus {
    /*position: absolute;*/
    /*top: 290px;*/
    /*left: 0;*/
    /*z-index: 10;*/
    display: flex;
    align-items: center;
    position: static;
    margin-top: var(--gap);
}

.arrow-home-actus .btn_base {
    margin-bottom: 0;
}

.bloc-home-actus .txt {
    overflow: hidden;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    text-align: left;
}


.arrow-home-actus > svg {
    cursor: pointer;
}

.arrow-home-actus > svg:nth-of-type(2) {
    margin-top: 1px;
    margin-left: 15px;
    margin-right: 30px;
}

.jupaquoi {
    padding: 0 var(--medium-margin) var(--mdspace) var(--medium-margin);
}
.jupaquoi .accordeon .contenu-accordeon{
    overflow: visible;
}
.jupaquoi .h1 {
    margin-bottom: 50px;
}
.grid-organisation-home .map-interractive{
    margin-top: -65px;
}
.jupaquoi .titre-accordeon a {
    padding-left: 60px;
    position: relative;
}

.jupaquoi .titre-accordeon a .nb {
    position: absolute;
    left: 0;
    top: 10px;
    transition: 0.5s ease-in-out all;
}

.jupaquoi .contenu-accordeon p {
    max-width: 900px;
}

/******
ACCORDEON
 */
.accordeon {
    position: relative;
    padding: 25px 0 30px 0;
    border-top: 1px solid var(--grisfonce);
}

.accordeon:last-child {
    border-bottom: 1px solid var(--grisfonce);

}

.titre-accordeon {
    padding-right: 50px;
}

.titre-accordeon a {
    display: flex;
    flex-direction: column;
}

.nb {
    margin: 0;
    width: 60px;

    font-size: 30px;
    font-weight: 600;
    line-height: 28px;
    color: var(--bleujupa);

}

.plus-svg {
    position: absolute;
    right: 0;
    top: 26px;
    transition: 0.3s ease-in-out all;
    cursor: pointer;
}

.grid-organisation-home {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: var(--gap);
}

.jupaquoi .titre-accordeon {
    max-width: 100%;
    padding-left: 0;
}

.jupaquoi .titre-accordeon .h2 {
    max-width: 600px;
}
.jupaquoi .contenu-accordeon>div{
    padding-left: 0;
    padding-right: 0;
}
.sur-reseaux {
    padding: 0 var(--medium-margin) var(--mdspace) var(--medium-margin);
    position: relative;
    z-index: 200;
    overflow: hidden;
}

.sur-reseaux::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%;
    background-color: var(--gris-clair);
    z-index: -1;
}

.grid-reseaux {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: var(--gap);
}

.grid-reseaux #eapps-facebook-feed-1,
.grid-reseaux #eapps-instagram-feed-1,
.grid-reseaux #yottie-1 {
    height: 27vw;
}

.grid-reseaux #yottie-1 * {
    border-radius: 0 !important;
}

#yottie_1 .yottie-widget-feed-section-slide:not(:first-of-type) {
    display: none;
}

.yottie-widget-video-classic .yottie-widget-video-info {
    display: none;
}

.yottie-widget-video-preview-thumbnail {
    height: 27vw !important;
}

body .yottie-widget-video-preview-thumbnail img {
    height: 42vw !important;
}

.yottie-widget-feed-section-inner {
    height: 27vw !important;
}

#yottie_1 .yottie-widget-video {
    width: 100% !important;
}

.eapps-instagram-feed-posts-grid .eapps-instagram-feed-posts-inner {
    width: 100% !important;
}

.eapps-facebook-feed-posts-load-more-wrapper {
    display: none;
}

.eapps-facebook-feed-posts {
    padding: 0 !important;
}

.eapps-facebook-feed-posts-item {
    margin: 0 !important;
}

.eapps-facebook-feed-posts-item-content-text {
    display: none;
}

.eapps-facebook-feed-extra-small .eapps-facebook-feed-posts-item-inner {
    padding: 0 !important;
}

.eapps-facebook-feed-posts-item-content-picture {
    margin-top: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

#eapps-facebook-feed-1 .eapps-facebook-feed-content-container {
    height: 27vw !important;
    overflow: hidden !important;
    border-radius: 0 !important;
}

.eapps-facebook-feed-posts-inner {
    border: 0 !important;
    height: 26vw !important;
}

.eapps-facebook-feed-posts-item-content-picture img {
    height: 26vw !important;
    width: 100% !important;
}

.eapps-facebook-feed-inner {
    border-radius: 0 !important;
}

.eapps-facebook-feed-posts-item-inner {
    padding: 0 !important;
}

#eapps-facebook-feed-1 .eapps-facebook-feed-container {
    width: 100% !important;
    max-width: unset !important;
}

.link-reseaux {
    display: flex;
    margin-top: 15px;
    align-items: center;
}

.link-reseaux svg {
    margin-right: 15px;
}

.link-reseaux svg path {
    transition: 0.4s ease-in-out;
}

.link-reseaux:hover svg path {
    fill: var(--bleulight);
}

.fixed-right {
    position: fixed;
    bottom: 50px;
    right: var(--small-margin);
    z-index: 10000;
    pointer-events: none;
}

.quicklinks {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 15px;
    transition: 0.5s ease-in-out all;
    pointer-events: none;

}

.quicklinks p {
    /*text-transform: uppercase;*/
    color: var(--bleulight);
    font-weight: 500;
    font: var(--btn);
    margin-bottom: 0;
    margin-right: 15px;
    display: none;
    font-size: 13px;
    text-transform: unset;
}

.quick-icone {
    transition: 0.5s ease-in-out all;
    pointer-events: all;

}

.home .quicklinks p {
    display: block;
    transition: 0.3s ease-in-out all;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    overflow: hidden;

    pointer-events: all;
}

.home .fixed-right {
    bottom: unset;
    top: calc(80vh - 100px - 250px);
    animation: appearrightfixed 0.5s 0.4s ease-in-out forwards;
    transform: translateX(400px);
}

@keyframes appearrightfixed {
    0% {
        transform: translateX(400px);
    }
    100% {
        transform: translateX(0px);

    }
}

.scrolling .quicklinks p {
    /*display: none;*/
    clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
    /*transform: translateX(10px);*/

}

.quicklinks:hover .quick-icone {
    background-color: var(--bleujupa);
}

.quicklinks:hover p {
    display: block;
}

.quick-icone {
    width: 39px;
    height: 39px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bleulight);
    border-radius: 50%;
}

/********
BANNIERE
 */
.banniere {
    position: relative;
    min-height: 600px;
}

.banniere::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(270deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.9) 100%), linear-gradient(0deg, rgba(0, 70, 169, 0.5) 0%, rgba(0, 70, 169, 0.40) 100%);
    z-index: 3;
    opacity: 0.6;
}

.banniere img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(0.6);
}

.content-ban {
    position: relative;
    z-index: 10;
    padding: var(--mdspace) var(--medium-margin) 0 var(--medium-margin);
}

.content-ban .btn_base {
    margin-top: 20px;
}

.content-ban .mx-txt {
    max-width: 650px;
}

.banniere > svg {
    position: absolute;
    z-index: 10;
    margin-top: 50px;
    padding: 0 30px 20px 20px;
    width: 500px;
    bottom: 0;
    left: 0;
}

.banniere h2 {
    /*font-weight: 700;*/
    margin-bottom: 30px;
}

/*********
FOOTER
 */
#footer {
    background-color: var(--bleujupa);
    padding: var(--ltspace) var(--medium-margin) 90px var(--medium-margin);
    position: relative;
    z-index: 100;
}

.grid-ft {
    display: grid;
    grid-template-columns: 700px 1fr;
}

.grid-ft p {
    font-weight: 300;
    margin-bottom: 0;
}

.logo-ft {
    margin-left: -64px;
    margin-bottom: 10px;
}

.social-ft {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
    margin-bottom: 6px;
}

.social-ft svg {
    opacity: 0.6;
}

.social-ft svg {
    transition: 0.4s ease-in-out;
}

.social-ft a:hover svg {
    transform: scale(0.9);
}

.social-ft > div.align-social > a {
    margin-left: 5px;
    display: flex;
    padding-left: 28px;
    position: relative;
    height: 21px;
    align-items: center;
}

.social-ft > div.align-social > a:first-of-type::before {
    display: none;
}

.social-ft > div.align-social > a::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 20px;
    height: 1px;
    opacity: 0.6;
    background-color: white;
}

.social-ft > div.align-social {
    display: flex;
    align-items: center;
    height: 21px;

    /*margin-bottom: 10px;*/
}

footer .search-base {
    margin-bottom: var(--gap);
}

footer .search-base input {
    /*background: rgba(255, 255, 255, 0.20);*/
    background-color: rgb(38 103 181);

}

footer .search-base .loop {
    /*background-color: rgba(255, 255, 255, 0.20);*/
    background-color: rgb(38 103 181);

}

footer .search-base.fake-search .loop {
    background: rgba(255, 255, 255, 0.30);
}

footer .search-base.fake-search .search {
    background-color: white;
}

footer .search-base input[type="text"], footer .search-base input[type="text"]::placeholder {
    color: white;
}

#copyright {
    margin-top: 30px;

    opacity: 0.6;
}

#copyright a,
#copyright {
    font-size: 13px;
    line-height: 13px;
    color: white;
}

#copyright span {
    color: white;
}

#footer input {
    background: rgba(255, 255, 255, 0.30);
    /*background-color: rgb(38 103 181);*/
}

#copyright a {
    color: white;
}

.logo-ft-copy {
    transform: translate(1px, 7px);
    display: inline-block;
}

/**************************
ESPACE
 */
#menu-espace .menu-toggle {
    display: none;
    border: 0;
}

.grid-menu-espace {
    display: grid;
    /*grid-template-columns: 400px 1fr;*/
    grid-template-columns: 220px 1fr;
    background: var(--bleufonce);
    height: 108px;
    padding: 0px var(--medium-margin) 0px var(--medium-margin);
}

.home-espace .grid-menu-espace {
    background: transparent;
    height: 140px;
}

.home-espace .container-search {
    display: none;
}

.container-logo-espace {
    padding-top: 30px;
    padding-bottom: 15px;
    position: relative;
}

.logo-espace {
    color: white;
    display: block;
    position: relative;
    z-index: 10001;
    line-height: 0;
}

.logo-espace img {
    width: 220px;
    height: 87px;
    object-fit: contain;
    filter: brightness(0) invert(1);
    margin-left: -42px;
}

.lt-logo-espace img {
    width: 200px;
    height: 49px;
}

.lt-logo-espace-3 img {
    width: 256px;
    height: 48px;
}

.menu-search-espace {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    flex-direction: column;
}

.home-espace .menu-search-espace {
    margin-bottom: 11px;

}

.menu-search-espace .container-search {
    margin-bottom: 25px;
    width: 500px;
}

#main-menu-container-espace > nav {
    display: flex;
}

#main-menu-container-espace > nav > ul > li > a {
    color: white;
    text-transform: uppercase;
    padding-bottom: 30px;
    display: block;
    font-weight: 400;
}

#main-menu-container-espace > nav > ul {
    display: flex;
}

#main-menu-container-espace > nav > ul > li {
    margin-left: 30px;
    position: relative;
}

#main-menu-container-espace > nav > ul > li > a::after {
    display: none;
}

#main-menu-container-espace .fake-search {
    margin-left: 20px;
    position: relative;
}

.home-espace .sub-menu-ep {
    top: 140px;
}

.sub-menu-ep {
    position: fixed;
    /*top: 160px;*/
    top: 108px;
    right: 0;

    background: var(--bleujupa);
    width: 80%;
    display: grid;
    grid-template-columns: 360px 1fr;
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    transition: 0.2s ease-in-out all;
}

.home-espace .sub-menu-ep {
    background: rgba(6, 143, 255, 0.5);

}

.sub-menu-ep.active {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    transition: 0.3s 0.17s ease-in-out all;

}

.sub-menu-ep ul {
    display: flex;
    flex-direction: column;
    /*max-width: 350px;*/
}

.sub-menu-ep li {
    padding: 12px 0;
    border-bottom: 1px solid white;
}

.sub-menu-ep li a {
    color: white;
    position: relative;
    display: block;
    transition: 0.5s ease-in-out all;
}

.sub-menu-ep li a:hover {
    opacity: 0.6;
}

.space-left-menu {
    background: var(--bleulight);
    padding: 100px 30px;
}

.home-espace .space-left-menu {
    background: rgba(6, 143, 255, 0.7);
}

.contain-sub-menu-ep {
    padding: 100px var(--medium-margin) 100px 100px;
}

.header-espace {
    /*height: calc(100vh - 75px);*/
    height: calc(100vh - 140px);
    position: relative;
    width: 100%;
    display: flex;
    align-items: flex-end;
    padding: 100px var(--medium-margin) 0px var(--medium-margin);
    margin-bottom: 50px;
}

.header-espace::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    /*opacity: 0.6;*/
    /*background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 28.09%, rgba(0, 0, 0, 0.54) 52.85%, rgba(0, 0, 0, 0.70) 100.6%, rgba(0, 0, 0, 0.46) 71.6%), linear-gradient(318deg, rgba(0, 0, 0, 0.00) -34.19%, rgba(0, 0, 0, 0.60) 71.66%);*/
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.00) 70.42%, rgba(0, 0, 0, 0.20) 88%), linear-gradient(0deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.15) 100%), linear-gradient(270deg, rgba(0, 19, 46, 0.00) 18.65%, rgba(0, 19, 46, 0.40) 85.95%);
}

.image-avant-ep {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.content-head-ep {
    position: relative;
    z-index: 10;
    /*margin-bottom: -50px;*/
    margin-bottom: -75px;

}

.content-head-ep .search-base {
    max-width: 450px;
}

.header-espace h1 {
    /*color: var(--bleulight);*/
    color: white;
    margin-bottom: 25px;
}

.header-espace .container-search {
    width: 500px;
}

.grid-ep-actus {
    display: grid;
    grid-template-columns: repeat(3, 370px);
    grid-gap: 10px;
    margin-top: var(--mdspace);
}

.bloc-ep-actus {
    background-color: var(--bleujupa);
    display: block;
    padding: 30px;
    position: relative;
    transition: 0.4s ease-in-out all;
}

.bloc-ep-actus > svg {
    position: absolute;
    bottom: 20px;
    right: 20px;
}

.bloc-ep-actus h3 {
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    text-align: left;
}

.essentiel_ep {
    padding: var(--ltspace) var(--medium-margin) var(--ltspace) var(--medium-margin);
}

.bloc-ep-actus .postype {
    color: var(--bleulightlight);
    font-weight: 600;
}

.bloc-ep-actus .surtitre {
    margin-bottom: 10px;
}

.bloc-ep-actus .surtitre span {
    transition: 0.4s ease-in-out all;

}

.bloc-ep-actus:hover {
    background-color: var(--bleulight);
}

.bloc-ep-actus:hover .surtitre span {
    color: white;
}

.region:not(.home-espace) .banniere {
    display: none;
}

.region:not(.home-espace) .banniere-newsletter {
    display: block;
}

.content-pd {
    padding: 165px 0 0 0;
}

.content-pd-ep {
    padding-top: 155px;
}

.content-pd-ep-lt {
    padding-top: 108px;
}

.template-espace-agenda .grid-menu-espace {
    /*background-color: transparent;*/
}

.template-espace-actualites .listing,
.template-espace-agenda .listing {
    padding-top: 0;
}

.template-espace-agenda .link-messe {
    display: none;
}

/***********
PAROISSE
 */
.flex-image-gal-paroisse {
    display: flex;
    /*grid-template-columns: 1fr 0.4fr;*/
    /*grid-gap: 10px;*/
    /*min-height: 400px;*/
    align-items: stretch;
    padding-bottom: var(--mdspace);
}

.flex-image-gal-paroisse .left-paroisse {
    width: 70%;
    margin-top: calc(var(--decrochement));

}

.flex-image-gal-paroisse .txt {
    background-color: var(--gris-clair);
    padding: 50px;
    height: 100%;
}

.flex-image-gal-paroisse .left-paroisse.no-mg {
    margin-top: 0;
}

.gal-paroisse {
    width: 30%;
    padding-left: 10px;
}

.swiper-gal-paroisse {
    overflow: hidden;
    height: 100%;

}

.swiper-gal-paroisse .swiper-wrapper {
    height: calc(100% - var(--decrochement) * 2);

}

.swiper-gal-paroisse img {
    width: 100%;
    height: 100%;
    max-height: 600px;
    object-fit: cover;
}

.container-navigation-swipe {
    display: flex;
    margin-top: 17px;
    /*margin-top: 0px;*/
}

.swiper-single-salle .container-navigation-swipe {
    margin-top: 0px;
}

.container-navigation-swipe > svg:first-of-type {
    margin-right: 5px;
}

.container-navigation-swipe > svg {
    cursor: pointer;
}

.custom-select {
    position: relative;
    background-color: var(--gris-clair);
    border-radius: 5px;
    cursor: pointer;
    width: fit-content;
    display: flex;
}

.select-selected {
    padding: 16px 18px 16px 18px;
    background-color: var(--bleufonce);
    display: flex;
    align-items: center;
    font: var(--btn);
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    color: white;
}

.select-selected > svg {
    margin-left: 10px;
    margin-top: 0px;
    width: 16px;
    height: 8px;
    transition: 0.5s ease-in-out all;
}

.select-selected.active > svg {
    transform: rotate(180deg);
}

.select-selected > svg path {
    stroke: white;
}

.select-items {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 100%;
    width: auto;
    background: var(--bleufonce);
    /*border: 1px solid #ccc;*/
    /*box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);*/
    z-index: 10;
    border-top: 1px solid rgba(255, 255, 255, 0.40);
    padding: 3px 18px;

}

.ariane .custom-select:last-of-type .select-selected {
    background-color: var(--bleujupa);
}

.ariane .custom-select:last-of-type .select-items {
    background-color: var(--bleujupa);
}

.select-item, .select-items a {
    padding: 12px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.40);
    cursor: pointer;
    color: white;
    display: block;
    width: max-content;
    min-width: 100%;
    font: var(--btn);
    font-weight: 400;
    position: relative;
    padding-right: 25px;
    transition: 0.2s ease-in-out;
}

.select-items a:hover {
    opacity: 0.6;
}

.select-items .has-child::after {
    width: 14px;
    height: 15px;
    top: 13px;
    transition: 0.2s ease-in-out;
}

.select-items .has-child:hover::after {
    background-color: var(--grisfonce);
}

.select-item:last-of-type, .select-items li:last-of-type a {
    border-bottom: none;
}

.select-item:hover {
    /*background: #ddd;*/
}

.last-select .select-selected {
    background-color: var(--bleufonce);
    color: white;
}

.ariane {
    display: flex;
    position: relative;
    height: 47px;
    margin-top: -47px;
    /*z-index: 10000;*/
    z-index: 700;
}

.ariane > div, .ariane > a {
    margin-right: 2px;
}

.ariane > .custom-select:first-child, .ariane > .first-ariane, .ariane > a:first-child {
    /*padding-left: var(--medium-margin);*/
    margin-left: var(--medium-margin);
    /*border-left: 3px solid white;*/
}

.ariane::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: calc(var(--medium-margin) - 2px);
    background-color: var(--bleufonce);
}

.ariane > .custom-select:first-child .select-selected
.ariane > .custom-select:first-child .select-item {
    padding-left: var(--medium-margin);
}

.first-ariane {
    padding: 22px 18px 22px 18px;
    background-color: var(--bleufonce);
    font-size: 18px;
    text-transform: uppercase;
    color: white;
    font-weight: 400;
}

.custom-select .select-items {
    overflow: hidden;
}

.custom-select .sub-menu-lv1 {
    width: 200%;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    min-height: 100%;
    background: var(--bleufonce);
    transform: translate(100%, 0);
    transition: 0.5s ease-in-out all;
    padding: 30px 0 3px 0;
    z-index: 100;
}

.custom-select .sub-menu-lv1 a {
    width: 100%;
}

.custom-select .sub-menu-lv1 li {
    padding-left: 18px;
    padding-right: 18px;
}

.custom-select .surtitre-menu {
    width: calc(100% - 36px);
    margin: auto;
}

.custom-select.level-1 .sub-menu-lv1 {
    transform: translateX(0);
}

.custom-select.level-1 .nav-1 {
    opacity: 1;
}

.custom-select .nav-1, .custom-select .sub-menu-lv2 {
    overflow-y: unset;
    overflow-x: hidden;
}

.custom-select.level-2 .sub-menu-lv1 {
    transform: translateX(-50%);
}

.goback-ariane {
    position: absolute;
    top: 9px;
    left: 18px;
    z-index: 101;
    background-color: white;
    transform: rotate(180deg);
    width: 20px;
    height: 20px;
    -webkit-mask-size: 15px;
}

.custom-select:not(.level-1, .level-2) .select-items {
    height: auto !important;
}

.custom-select.second-ariane-menu.level-1 .nav-1 .select-item {
    width: calc(100% - 36px);
    min-width: calc(100% - 36px);
    margin: 0 18px;
}

.current-ariane {
    opacity: 0.6;
}

.first-ariane-menu .extern-link-menu {
    /*display: none;*/
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    width: calc(100% - 36px);
    padding-bottom: 15px;
}

.first-ariane-menu .extern-link-menu .external-link::after {
    width: 14px;
    height: 15px;
}

/***********
VIVRE SA FOI
 */
.content-pd-jupa {
    padding: 174px 0 0 0;
}

.single-vivre_sa_foi .listing {
    padding-bottom: 0;
    padding-top: 40px;
}


/**********
ARCHIVE AGENDA
 */
.full-head-agenda {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100vh;
    background-color: var(--bleulight);
    position: relative;
    z-index: 100;
    padding: 0 var(--medium-margin) 60px var(--medium-margin);
}

.full-head-agenda::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(180deg, rgba(0, 0, 0, 0.00) 37.9%, rgba(0, 0, 0, 0.60) 65.09%);
    z-index: 1;
}

.full-img-parent {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
}

.single-actualites .fixed-right,
.single-agenda .fixed-right {
    display: none;
}

.single-actualites #container {
    padding-top: 120px;
}

.single-actualites #content {
    position: relative;
}

.swiper-agenda {
    overflow: hidden;
    position: relative;
    z-index: 10;
}

.flex-sub {
    display: flex;
    align-items: center;
}

.flex-arrow {
    display: flex;
    margin-left: 20px;
}

.flex-arrow .arrow-base:last-child {
    margin-left: 5px;
}

.featured-agenda {
    border: 1px solid var(--bleulight, #068FFF);
    background: rgba(0, 49, 112, 0.60);
    padding: var(--internpadding);
    height: 16vw;
    position: relative;
    transition: 0.5s ease-in-out all;
    display: block;
}

.featured-agenda h3 {
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    text-align: left;
}

.surtitre .light-bleu {
    color: var(--bleulightlight);
    font-weight: 700;
    opacity: 1;
    transition: 0.5s ease-in-out all;
}

.head-archive-agenda {
    margin-bottom: var(--ltspace);
    position: relative;
    z-index: 10;
}

.carre-dateheure {
    height: 90px;
    width: 90px;
    font-size: 28px;
    line-height: 28px;
    letter-spacing: -1.02px;
    font-weight: 700;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bleulight);
    position: absolute;
    bottom: -1px;
    right: -1px;
    margin-bottom: 0;
    transition: 0.5s ease-in-out all;
    z-index: 3;
}

.featured-agenda .btn-arrow {
    position: absolute;
    left: var(--internpadding);
    bottom: var(--internpadding);
    opacity: 0;
    transition: 0.5s ease-in-out all;
}

.featured-agenda:hover {
    background: var(--bleulight);
    background: var(--bleulight);
}

.featured-agenda:hover .btn-arrow {
    opacity: 1;
}

.featured-agenda:hover .surtitre .light-bleu {
    color: white;
}

.featured-agenda:hover .carre-dateheure {
    background: var(--bleujupa);
}

.listing {
    padding-top: var(--mdspace);
    padding-bottom: var(--mdspace);
    overflow: hidden;
    position: relative;
}

.grid-post {
    min-height: 600px;
}

.grid-post > div:not(.pagination) {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: var(--gap);
}

.bloc-agenda {
    position: relative;
    z-index: 10;
    height: 25vw;
    display: flex;
    align-items: flex-end;
    transition: 0.5s ease-in-out background-color;
}

.bloc-agenda .carre-dateheure {
    background: var(--bleujupa);
    bottom: 0;
    right: 0;
}

.bloc-agenda > img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 90px;
    right: 0;
    object-fit: cover;
    width: 100%;
    height: calc(100% - 90px);
    z-index: -1;
}

.bloc-agenda .btn-arrow {
    display: none;
}

.bloc-agenda::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(0deg, rgba(0, 79, 181, 0.50) 0%, rgba(0, 79, 181, 0.50) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%);
    z-index: 2;
    opacity: 0;
    transition: 0.5s ease-in-out all;
}

.txt-bt-agenda {
    background: white;
    padding: var(--internpadding);
    width: calc(100% - 90px);
    position: relative;
    z-index: 3;

    min-height: 115px;
}

.txt-bt-agenda h3 {
    margin-bottom: 0;
    color: var(--noir);
}

.bloc-actu h3,
.bloc-agenda h3 {
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    text-align: left;
}

.bloc-agenda:hover::after {
    opacity: 1;
}

.pagination {
    font: var(--paragraphe);
}

.pagination {
    display: flex;
    justify-content: flex-end;
    padding-top: var(--mdspace);
}

.pagination a {
    color: var(--grisfonce);
    position: relative;
    font-weight: 500;
}

.pagination a.active,
.pagination .current-page {
    color: var(--bleujupa);
    font-weight: 700;
}

.pagination a:not(:first-of-type) {
    padding-left: 30px;
}

.pagination a:not(:first-of-type)::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 8px;
    width: 16px;
    height: 1px;
    background: var(--grisfonce);
    transform: translate(0, -50%);
}

.filter-grid {
    margin-bottom: var(--gap);
    display: grid;
    /*grid-template-columns: 66% 1fr;*/
    grid-template-columns: 1fr 100px;
    grid-gap: var(--gap);
    width: 100%;
}

.filter-list {
    display: flex;
}

.filter-list a {
    font: var(--btn);
    letter-spacing: var(--btn-letter-spacing);
    color: var(--bleujupa);
    text-transform: uppercase;
    padding: 15px;
    display: inline-block;
    border: 1px solid var(--bleujupa);
    transition: 0.3s ease-in-out all;
}

.filter-list a:hover {
    color: var(--bleulight);
}

.filter-list li:not(:first-of-type) a {
    border-left: 0;
}

.filter-list a.active {
    background: var(--bleujupa);
    color: white;
}

.flex-filter-icon {
    display: flex;
    margin-left: auto;
    position: relative;
}

.flex-filter-icon .icon {
    margin-left: 5px;
}

#filters .btn_base {
    padding-top: 15px;
    padding-bottom: 15px;
}

.flex-link-filter {
    display: flex;
    align-items: center;
    position: relative;
    justify-content: flex-end;
}

#search-special {
    width: 100%;
    margin-top: 0;
    z-index: 10;
    opacity: 1;
    height: 35px;
    padding: 10px 0px 8px 25px;
    margin-bottom: var(--gap);
    transition: 0.5s ease-in-out all;
    background: transparent;
    border-bottom: 1px solid var(--bleujupa);
    font: var(--paragraphe);
    color: var(--noir);
}

.container-search-post {
    position: relative;
}

.container-search-post .search {
    position: absolute;
    top: 9px;
    -webkit-mask-size: 17px;
    left: 0;
    width: 18px;
    height: 18px;
}

.relative-filtre {
    position: relative;
    transition: 0.5s ease-in-out all;
}

.listing-filtre {
    position: absolute;
    right: calc(-1 * var(--medium-margin));
    top: 0;
    z-index: 100;
    background: var(--gris-clair);
    width: calc(33% + var(--medium-margin) - 15px);
    height: 100%;
    padding: var(--biginternpadding) var(--medium-margin) var(--biginternpadding) var(--biginternpadding);
    transform: translateX(100%);
    transition: 0.5s ease-in-out all;
}

.listing-filtre .icon {
    position: absolute;
    top: var(--biginternpadding);
    right: var(--medium-margin);
}

.listing-filtre h4,
#salles-filters h4:not(:first-of-type) {
    margin-top: var(--gap);
}

.listing-filtre > h4:first-of-type {
    margin-top: 0;
}

.relative-filtre.active {
    padding-right: calc(33% + 15px);
}

.relative-filtre.active .grid-post > div:not(.pagination) {
    grid-template-columns: 1fr 1fr;
}

.relative-filtre.active .listing-filtre {
    transform: translateX(0);
}

.relative-filtre.liste .grid-post > div:not(.pagination) {
    grid-template-columns: 1fr;
    grid-gap: 8px;
}

.relative-filtre.liste .bloc-agenda {
    /*padding-left: calc(290px + var(--gap));*/
    padding-left: 270px;
    height: 170px;
    background-color: var(--gris-clair);
    align-items: flex-start;
    width: calc(100% - var(--gap) / 2);
}

.relative-filtre.liste .bloc-agenda img {
    height: 170px;
    width: 270px;
}

.relative-filtre.liste .carre-dateheure {
    right: unset;
    left: calc(270px - 90px);
}

.relative-filtre.liste .bloc-agenda .txt-bt-agenda {
    background: transparent;
}

.relative-filtre.liste .bloc-agenda::after {
    display: none;
}

.relative-filtre.liste .bloc-agenda .btn-arrow {
    display: block;
    position: absolute;
    right: calc(-1 * var(--gap) / 2);
    top: 0;
    left: unset;
    opacity: 1;
    z-index: 10;
}

.relative-filtre.liste .bloc-agenda:hover {
    background-color: var(--grisfonce);
}

.link-messe {
    position: absolute;
    top: var(--mdspace);
    right: var(--medium-margin);
    display: block;
}

/***********
SINGLE agenda
 */
.sticky-back-agenda {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    background: var(--gris-clair);
}

.sticky-back-agenda::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 400px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
    z-index: 1;
}

.img-full-agenda {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.content-agenda {
    position: relative;
    z-index: 10;
    background: white;
    width: calc(100% - 280px);
    min-height: 40vh;
    margin-top: calc(60vh - 280px);
    padding: var(--mdspace) calc(var(--medium-margin) / 1.5) var(--mdspace) var(--medium-margin);
}

.big-go-back {
    position: absolute;
    z-index: 100;
    top: calc(0px - 50px);
    left: 0;
    height: 50px;
    display: flex;
    align-items: center;
    padding-left: calc(var(--medium-margin) + var(--internpadding));
    border: 0;
    color: white;
}

.big-go-back span {
    transition: 0.5s ease-in-out all;
    color: white;
    font: var(--btn);
    text-transform: uppercase;
    letter-spacing: var(--btn-letter-spacing);
}

.big-go-back .back-nav::after {
    transition: 0.5s ease-in-out all;
}

.big-go-back .back-nav:hover::after {
    border: solid var(--bleulight);
    border-width: 0 0 1px 1px;
}

.big-go-back span:hover {
    color: var(--bleulight);
}

.big-go-back::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: calc(100% - var(--medium-margin));
    background: var(--bleujupa);
    bottom: 0;
    z-index: -1;
}

.back-nav::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: calc(var(--medium-margin) - 2px);
    background: var(--bleujupa);
    bottom: 0;
    z-index: -1;
}

.back-nav::after {
    content: '';
    position: absolute;
    top: 50%;
    left: calc(var(--medium-margin) - var(--internpadding) - 2px);
    width: 10px;
    height: 10px;
    border: solid white;
    border-width: 0 0 1px 1px;
    transform: translate(0, -50%) rotate(45deg);
    transition: all .5s cubic-bezier(.25, .46, .45, .94);
}

.bloc-share {
    height: 280px;
    width: 280px;
    position: sticky;
    top: calc(100vh - 280px);
    left: 100%;
    display: flex;
    justify-content: center;
    background: var(--bleujupa);
    padding: 20px 70px;
    flex-direction: column;
    z-index: 12;
}

.bloc-share h2 {
    font: var(--btn);
    letter-spacing: var(--btn-letter-spacing);
    color: white;
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 5px;
}

.share-link {
    display: flex;
    margin-top: 10px;
}

.share-link a:not(:first-of-type) {
    padding-left: 25px;
    position: relative;
}

.share-link a:not(:first-of-type)::before {
    content: "";
    position: absolute;
    top: 14px;
    left: 2px;
    width: 20px;
    height: 1px;
    background: white;
}

.grid-content-agenda {
    display: grid;
    grid-template-columns: 1fr 275px;
    grid-gap: 60px;
}

.txt-actu h1,
.grid-content-agenda h1 {
    margin-bottom: 50px;
}

.liste-content-right {
    padding: var(--internpadding) 0;
    border-top: 1px solid var(--bleujupa);
}

.liste-content-right .surtitre {
    opacity: 0.5;
}

/******
ARCHIVE actu
 */
.bloc-actu {
    position: relative;
    z-index: 10;
    height: 25vw;
    display: flex;
    align-items: flex-end;
    overflow: hidden;
}

.bloc-actu > img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
    z-index: -1;
    transition: 0.5s ease-in-out transform;
}

.bloc-actu::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background: rgba(0, 0, 0, 0.5);
    transition: 0.5s ease-in-out all;
}

.txt-bt-actu {
    position: relative;
    z-index: 2;
}

.bloc-actu h3 {
    color: white;
    padding: 0 var(--internpadding);
}

.bloc-actu .lieu-actu {
    padding: 0 var(--internpadding);
    font-size: 16px;
    margin: 0 0 5px 0;
    display: block;
}

.surtitre.white .light-bleu {
    color: white;
}

.bloc-actu .surtitre {
    padding: 15px var(--internpadding);
    background: var(--bleujupa);
    width: fit-content;
    color: white;
}

.surtitre.white span:not(:first-of-type)::before {
    background: white;
}

.surtitre span.no-sep {
    padding-left: 0;
    margin-left: 0;
}

.surtitre span.no-sep::before {
    display: none;
}

.bloc-actu:hover > img {
    transform: scale(1.05);
}

.bloc-actu:hover::after {
    background: rgba(0, 79, 181, 0.50);
}

.bloc-actu .btn-arrow {
    display: none;
}

.header-archive-actu {
    height: 100vh;
    padding-left: var(--medium-margin);
    padding-top: 150px;
    position: relative;
}

.header-archive-actu .scrollto {
    position: absolute;
    left: var(--medium-margin);
    bottom: 30px;
    z-index: 10;
    cursor: pointer;
}

.featured-actu {
    display: grid;
    grid-template-columns: calc(33% + var(--gap)) 2fr;
    grid-gap: var(--gap);
    height: calc(100vh - 150px - 150px);
}

.featured-actu img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.featured-actu-img {
    position: relative;
    z-index: 10;
}

.txt-featured-actu {
    display: flex;
    flex-direction: column;
    background: var(--gris-clair);
    height: fit-content;
    padding: var(--internpadding);
    margin-top: 30px;
    position: relative;
}

.txt-featured-actu:not(:first-of-type) {
    margin-top: 15px;
}

.txt-featured-actu .btn-arrow {
    margin-left: auto;
    position: absolute;
    right: 0;
    bottom: 0;
    opacity: 0;
}

.txt-featured-actu .intro-featured {
    /*max-height: 0;*/
    /*overflow: hidden;*/
    /*transition: 0.4s ease-in-out all;*/
}

.txt-featured-actu .surtitre .light-bleu,
.txt-featured-actu span {
    color: var(--bleujupa);
}

.txt-featured-actu .surtitre span:not(:first-of-type)::before {
    background: var(--bleujupa);
}

.surtitre .sep.white::before {
    background-color: white;
}

.txt-featured-actu.active .intro-featured {
    max-height: 400px;
}

.txt-featured-actu.active .intro-featured p {
    overflow: hidden;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    text-align: left;
    margin-top: 15px;
}

.txt-featured-actu h3 {
    margin-bottom: 0;
}

.txt-featured-actu:not(.active) h3 {
    font: var(--paragraphe);
}

.txt-featured-actu.active .btn-arrow {
    opacity: 1;
}

.container-order {
    position: relative;
}

.filter-order {
    position: absolute;
    top: calc(100% + 5px);
    left: 50%;
    transform: translate(-50%, 0%);
    background-color: var(--bleujupa);
    z-index: 9999;
    padding: 0 var(--internpadding);
    max-height: 0;
    transition: 0.5s ease-in-out all;
    overflow: hidden;
}

.container-order.active .filter-order {
    padding: var(--internpadding);
    max-height: 200px;
}

.filter-radio label {
    display: flex;
    align-items: center;
    cursor: pointer;
    color: white;
    margin-bottom: 15px;
    position: relative;

}

.filter-radio label:last-child {
    margin-bottom: 0;
}

.content-actu {
    position: relative;
    z-index: 10;
    background: white;
    width: calc(100% - 0px);
    min-height: 40vh;
    margin-top: calc(60vh - 280px);
    padding: var(--mdspace) var(--extra-margin) var(--mdspace) var(--extra-margin);
}

.txt-actu {
    max-width: 950px;
    margin: auto;
}


.container-other-actus {
    padding: var(--mdspace) var(--medium-margin);
    background-color: var(--gris-clair);
}

.featured-actu-container-single {
    overflow-x: hidden;
}

.custom-radio {
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    user-select: none;
    display: flex;
    align-items: center;
}

.custom-radio input[type="radio"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.radio-mark {
    position: absolute;
    left: 0;
    top: 0px;
    height: 18px;
    width: 18px;
    background-color: var(--gris-clair);
    transition: 0.2s ease;
}


.custom-radio input[type="radio"]:checked ~ .radio-mark::after {
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    width: 10px;
    height: 10px;
    background: var(--bleulight);
}


.relative-filtre.liste .bloc-actu {
    /*padding-left: calc(290px + var(--gap));*/
    padding-left: 270px;
    height: 170px;
    background-color: var(--gris-clair);
    align-items: flex-start;
    width: calc(100% - var(--gap) / 2);
    overflow: unset;
    transition: 0.5s ease-in-out background-color;
}

.relative-filtre.liste .bloc-actu img {
    height: 170px;
    width: 270px;
    transform: scale(1) !important;
}

.relative-filtre.liste .bloc-actu .txt-bt-agenda {
    background: transparent;
}

.relative-filtre.liste .bloc-actu::after {
    display: none;
}

.relative-filtre.liste .bloc-actu .btn-arrow {
    display: block;
    position: absolute;
    right: calc(-1 * var(--gap) / 2);
    top: 0;
    left: unset;
    opacity: 1;
    z-index: 10;
}

.relative-filtre.liste .bloc-actu:hover {
    background-color: var(--grisfonce);
}

.relative-filtre.liste .bloc-actu .surtitre {
    padding: 0;
    background-color: transparent;
    margin: 0 0 5px 0;
    color: var(--bleujupa);
}

.relative-filtre.liste .bloc-actu h3 {
    color: var(--bleujupa);
    padding: 0;
}

.relative-filtre.liste .bloc-actu .surtitre span {
    color: var(--bleulight)
}

.relative-filtre.liste .surtitre span:not(:first-of-type)::before {
    background-color: var(--bleulight);
}

.relative-filtre.liste .txt-bt-actu {
    display: flex;
    flex-direction: column-reverse;
    padding: var(--internpadding);
}


/*********
    SINGLE ACTUS
 */
.sticky-back-actu {
    position: absolute;
    top: 0;
    left: 0;
    height: 60vh;
    /*width: calc(100% - var(--big-margin) + 20px);*/
    width: calc(100% - var(--extra-margin));
    /*width: calc(100% - var(--big-margin) - (100% - 950px - var(--big-margin) * 2));*/
}

.img-full-actu {
    position: absolute;
    top: 0;
    left: 0;
    height: 60vh;
    width: 100%;
    object-fit: cover;
}


/**********
ANNUAIRE
 */


.acf-map {
    height: 400px;
}

.archive-annuaire .search-base {
    margin-bottom: var(--ltspace);
}

.grid-liste {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 0px;
    margin-top: var(--gap);
}

.bloc-annuaire {
    border-bottom: 1px solid var(--grisfonce);
    display: grid;
    grid-template-columns: 0.8fr 1.1fr 1fr 0.5fr 50px;
    grid-gap: var(--gap);
    align-items: center;
    transition: 0.5s ease-in-out all;
    padding: 0 var(--internpadding);
}

.bloc-annuaire > div a {
    padding: 0;
    display: block;
    width: auto;
    margin-right: 5px;
}

.bloc-annuaire > div {
    padding: var(--internpadding) 0;

}

.bloc-annuaire p,
.bloc-annuaire a {
    font: var(--paragraphe);
    display: block;
    width: 100%;
    padding: var(--internpadding) 0;
    margin-bottom: 0;
}

.bloc-annuaire:hover {
    background-color: var(--gris-clair);
}

.archive-annuaire .listing,
.archive-messes .listing {
    padding-top: 0;
}

#annuaire-results {
    min-height: 400px;
}

.bloc-annuaire.personnes {
    grid-template-columns: 0.6fr 0.4fr 1fr 0.4fr 50px;
    margin-bottom: 0;
    display: grid;
}

.bloc-annuaire.batiments {
    grid-template-columns: 0.3fr 1fr 50px;
}

.btn-icon-first.active::before {
    background-color: white;
}


/**********
ARCHIVE Messe
 */
#messes-results {
    min-height: 400px;
}

.archive-messes .grid-liste {
    margin-top: 0;
}

.filter-messes-grid {
    display: grid;
    grid-template-columns: 1fr 1.5fr;
    margin-top: var(--ltspace);
    margin-bottom: var(--gap);
}

.flex-select-messes {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.flex-select-messes h4 {
    display: none;
}

.flex-select-messes #types {
    width: 230px;
}

.flex-week-messes {
    display: flex;
    flex-direction: row;
    margin-right: 10px;
}

.flex-select-messes select {
    max-width: 250px;
    border: 1px solid var(--bleujupa);
    text-transform: uppercase;
    font: var(--btn);
    /*font-weight: 400;*/
}

.flex-select-messes .contain-select:not(:last-child) select {
    border-right: 0;
}

.filter-date label {
    border-right: 0;
}

.messe-item {
    display: grid;
    grid-template-columns: 40px 200px 60px 1fr 1fr 1fr 100px 50px;
    font: var(--paragraphe);
    grid-gap: var(--gap);
    padding: 20px 0;
    border-bottom: 1px solid var(--grisfonce);
}

.lang-messe {
    text-transform: uppercase;
    text-align: right;
}

.messe-item .icon {
    /*height: 19px;*/
    /*width: 19px;*/
    /*-webkit-mask-size: 19px;*/
}

.messe-item .icon:hover {
    background: var(--bleujupa);
}

.day {
    text-transform: capitalize;
}

.subscribe-messes {
    position: fixed;
    top: 50%;
    right: 0;
    z-index: 10001;
    background-color: var(--bleujupa);
    /*padding: var(--biginternpadding);*/
    width: 410px;
    /*transform: translate(calc(100% - 60px), 0);*/
    transform: translate(calc(100% - 47px), 0);

    /*max-height: 70px;*/
    max-height: 52px;
    overflow: hidden;
    transition: all 0.5s ease-in-out;
    padding: 24px 37px;
}

.subscribe-messes.active {
    transform: translate(0, 0);
    max-height: 700px;
}

.subscribe-messes .txt {
    padding-left: var(--internpadding);
}

.subscribe-messes .icon {
    width: 21px;
    height: 21px;
    margin-left: -20px;
    -webkit-mask-size: 17px;
    margin-top: -14px;
}

.p-fixed-ics-configure {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10001;
    overflow: scroll;
    height: 102vh;
    background-color: var(--bleujupa);
    padding: 140px var(--big-margin);
    transform: translate(100%, 0);
    transition: 0.5s ease-in-out all;
}

.flexico-messe {
    display: flex;
}

.flexico-messe > div {
    margin-right: 15px;
}

.flexico-messe > div:last-child {
    margin-right: 0;
}

.p-fixed-ics-configure.active {
    transform: translate(0, 0);
}

.p-fixed-ics-configure .h1 {
    margin-bottom: var(--ltspace);
}

.p-fixed-ics-configure .icon.close {
    background-color: white;
    position: absolute;
    top: 50px;
    right: var(--small-margin);
}

.grid-select-ics {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: var(--gap);
}

.p-fixed-ics-configure #end-date {
    background-color: transparent;
    border: 1px solid white;
    width: 100%;
    margin-top: 0;
    color: white;
    height: 52px;
    font: var(--paragraphe);
}

.list-step-ics {
    max-width: 950px;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    opacity: 0;
    cursor: default;
    display: none;
}

.btn-next-accord {
    display: flex;
    margin-top: var(--gap);
    margin-left: auto;
    margin-right: 0;
    width: fit-content;
}

#ics-link {
    background-color: rgba(255, 255, 255, 0.15);
    height: 52px;
    padding: 30px 25px;
    font: var(--paragraphe);
    margin-top: 0;
    color: white;
}


/***********
ARCHIVE SALLES
 */
.grid-salle {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-gap: var(--gap);
    margin-top: var(--ltspace);
}

.grid-salle-result > .salles-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: calc(var(--gap) * 2) var(--gap);
}

#salles-filters {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    background: var(--gris-clair);
    padding: var(--biginternpadding);
}

.salle-item {
    height: 26.6vw;
    position: relative;
}

.salle-item > a {
    position: relative;
    display: block;
    height: 100%;
}

.swiper-salle-img {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    bottom: 50px;
    height: calc(100% - 50px);
    z-index: 1;
}

.swiper-salle-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.txt-item-salle {
    position: absolute;
    background-color: var(--bleujupa);
    left: 0;
    bottom: 0;
    z-index: 10;
    width: calc(100% - 60px);
    padding: var(--internpadding);
}

.txt-item-salle h2 {
    margin-bottom: 0;
}

.salle-item .container-navigation-swipe {
    position: absolute;
    right: 0;
    bottom: 0;
}

.capacity input {
    display: none;
}

.capacity {
    margin-bottom: calc(var(--gap) * 2);
}

.noUi-horizontal .noUi-handle {
    background-color: var(--bleujupa);
    box-shadow: 0 0 black;
    border-radius: 0;
    width: 20px;
    height: 20px;
    border: 0;
    top: -9px;

}

.noUi-handle:after, .noUi-handle:before {
    display: none;
}

.noUi-connects, .noUi-target {
    border-radius: 0;
}

.noUi-horizontal {
    height: 4px;
    box-shadow: 0 0 black;
    border: 0;
    border-radius: 0;
    background-color: white;
    margin-top: var(--gap);
}

.noUi-connect {
    background-color: var(--bleujupa);
}

.handle-value-display {
    width: max-content;
    color: var(--bleujupa);
    font: var(--paragraphe);
    font-weight: 500;
    margin-top: 5px;
}

.single-salle.pd-single {
    padding-top: 190px;
    padding-right: 0;
}

.flex-salle {
    display: flex;
    position: relative;

}

.single-salle .goback {
    position: absolute;
    left: calc((-1 * var(--medium-margin)) + var(--small-margin));
    top: 0;
}

.flex-salle > div:first-of-type {
    width: 60%;
}

.flex-salle > div:last-of-type {
    width: 40%;
    padding-left: 15px;
    position: relative;
}

.map {
    margin: 0 0 20px 0;
}

.swiper-single-salle {
    overflow: hidden;
    margin-top: calc(-1 * var(--decrochement));
    padding-bottom: 20px;
}

.swiper-single-salle .swiper-slide {
    position: relative;
}

.swiper-single-salle a {
    display: block;
    line-height: 0;
}

.swiper-single-salle .rela-img::before {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: calc(100% - 0px);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
    z-index: 1;
    pointer-events: none;
}

.swiper-single-salle img {
    width: 100%;
    height: 28vw;
}

.head-salle {
    padding: 30px var(--biginternpadding);
    background-color: var(--gris-clair);
    position: relative;
}

/*.head-salle>div{*/
/*    border-bottom: 1px solid rgba(0, 79, 181, 0.2);*/
/*}*/
.swiper-single-salle {
    position: relative;
    z-index: 10;
}

.swiper-single-salle a {
    position: relative;
}
.single-salle .swiper-single-salle .absol-open{
    bottom: 30px;
}
.swiper-single-salle .absol-open {
    position: absolute;
    bottom: 10px;
    left: 15px;
    pointer-events: none;
    transition: 0.5s ease-in-out all;
    z-index: 10;
}

.swiper-single-salle .absol-open:hover {
    opacity: 0.6;
    transform: scale(1.2);
}

.head-salle > .salle-access {
    position: absolute;
    top: 54px;
    right: var(--biginternpadding);
    padding: 0;
    margin: 0;
    border: 0;
}

.pattern-bt {
    display: inline-block;
    margin-top: auto;
    opacity: 0.1;
    width: 80%;
    position: absolute;
    right: 0;
    z-index: 1;
}

.module-search {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    z-index: 10003;
    width: calc(100% - var(--big-margin) * 2);
    height: calc(100vh - 300px);
    opacity: 0;
    transition: 0.5s ease-in-out opacity;
}

.module-search.active {
    transform: translate(-50%, -50%) scale(1);

    opacity: 1;
}

.complex-search {
    padding: 50px;
    background-color: white;
    height: calc(100vh - 300px - 60px);
    overflow-y: scroll;
}

.principal-search {
    display: flex;
    margin-bottom: 10px;
}

.principal-search input[type="text"] {
    background-color: var(--gris-clair);
    height: 50px;
    font: var(--paragraphe);
    padding-left: 50px;
    color: var(--noir);
}

.principal-search input[type="text"]::placeholder {
    font: var(--paragraphe);
    color: var(--noir);
}

.principal-search .loop {
    background-color: var(--gris-clair);
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 3px;
}

.complex-search {
    display: flex;
    gap: 20px; /* espace entre les colonnes */
    align-items: flex-start;
}

.complex-search > div {
    flex: 1 1 0; /* tous prennent une largeur égale */
    min-width: 0;
}

.search-item {
    margin-bottom: var(--gap);
    display: block;
    position: relative;
}

.search-item .surtitre {
    opacity: 0.4;
}

.search-item p {
    color: rgba(39, 39, 39, 0.80)
}

.search-item.istempsfort img {
    width: 100%;
    height: 10vw;
}

.search-item.istempsfort .surtitre {
    background-color: var(--bleujupa);
    opacity: 1;
    width: fit-content;
    padding: 7px 20px;
    position: absolute;
    z-index: 3;
    top: 7.9vw;

}

.search-item.istempsfort .surtitre span {
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    text-align: left;
    color: white;

}

.contact-bloc p {
    margin-bottom: 0;
}

body .accordeon-txt .contact-bloc {
    border-top: 3px solid white;
    width: calc(100% + var(--biginternpadding) * 2);
    /*margin-left: calc(-1 * var(--biginternpadding));*/
    position: relative;
    left: calc(-1 * var(--biginternpadding));
    padding: var(--gap) var(--biginternpadding);
    margin-bottom: 0;
}

.accordeon-txt .contact-bloc:last-of-type {
    padding-bottom: 0;
}

.head-salle > h1 {
    /*max-width: 650px;*/
}

.head-salle > div {
    padding-top: var(--internpadding);
    margin-top: var(--internpadding);
    border-top: 1px solid rgba(0, 79, 181, 0.2);
}

.horaire span {
    font: var(--paragraphe);
    width: 140px;
    display: inline-block;

}

.horaire span:first-of-type {
    width: 115px;
    display: inline-block;
}

.horaire .bleu {
    padding: 0 10px;
    width: auto;
}

.grid-adresses {
    display: flex;
}

.grid-adresses p {
    padding-right: var(--gap);
}

.img-single-right {
    width: 100%;
    height: 28vw;
    margin-top: calc(-1 * var(--decrochement));

}

.content-page {
    padding-top: 128px;
    /*min-height: 100vh;*/
}

.content-page h1 {
    /*margin-bottom: 50px;*/
}

.head-noimg {
    background-color: var(--bleulight);
    width: calc(100% - var(--big-margin));
    margin-left: auto;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    padding: 20px;
}

.head-thumb {
    width: calc(100% - var(--big-margin));
    margin-left: auto;
    object-fit: cover;
    height: 460px;
    display: flex;
}

/**********
CONTENT PAGE
 */
.sub-menu-content {
    margin-bottom: 50px;
    display: flex;
    font: var(--paragraphe);
    flex-wrap: wrap;
}

.sub-menu-content a {
    padding-right: 10px;
    margin-right: 10px;
    font: var(--paragraphe);
    color: #7C7C7C;
    transition: 0.5s ease-in-out all;
    position: relative;
}

.sub-menu-content a span {
    text-transform: lowercase;
    color: #7C7C7C;
    transition: 0.5s ease-in-out all;
}

.sub-menu-content a::after {
    content: '';
    position: absolute;
    right: 0;
    width: 1px;
    height: 60%;
    top: 20%;
    background-color: #7C7C7C;
}

.sub-menu-content a:last-of-type::after {
    display: none;
}

.sub-menu-content a:hover,
.sub-menu-content a:hover span {
    color: var(--bleulight);
}

.flexible-content {
    max-width: 950px;
}

.content-page .introduction {
    margin-top: 40px;
}

.content-page .introduction,
.grid-content-agenda .introduction {
    margin-bottom: 40px;
}

.section-content {
    margin-top: 60px;
}

.flexible-content .section-content:first-of-type {
    /*margin-top: 0;*/
    margin-top: 35px;
}

[data-filter="groupes"] {
    margin: 0;
}

.ariane-ep::before {
    background-color: var(--gris-clair);
}

.ariane-ep .select-selected,
.ariane-ep .select-items {
    color: var(--bleujupa);
    background-color: var(--gris-clair);
}

.ariane-ep .select-items a {
    color: var(--bleujupa);
}

.ariane-ep .select-items .has-child::after {
    background-color: var(--bleujupa);
    /*background-color: var(--bleujupa);*/
}

.ariane-ep .select-selected > svg path {
    stroke: var(--bleujupa);
}

.ariane-ep .custom-select:last-of-type .select-selected {
    background-color: var(--bleulight);
    color: white;
}

.ariane-ep .custom-select:last-of-type .select-selected > svg path {
    stroke: white;
}

.ariane-ep .custom-select:last-of-type .select-items {
    background-color: var(--bleulight);
    color: white;
}

.ariane-ep .custom-select:last-of-type .select-items a {
    color: white;
}

.ariane-ep .sub-menu-lv1 a {
    color: white;
}

/********
ACTIVITES
 */
.filter-activite {
    display: grid;
    grid-template-columns: 250px 1fr;
    grid-gap: var(--gap);
    margin-bottom: var(--gap);
    align-items: center;

}

.filter-activite .search-base input[type="text"] {
    height: 56px;
}

.filter-activite .container-locasearch {
    position: relative;
    z-index: 100;
}

.filter-activite .container-locasearch #result-localite {
    position: absolute;
    width: 100%;
    top: 100%;
    left: 0;
    background: white;
}

.filter-activite #search-special {
    margin-bottom: 0;
}

.filter-activite .container-search-post {
    position: relative;
    width: 500px;
    display: flex;
    margin-left: auto;
}

.bloc-activite {
    display: grid;
    grid-template-columns: 1fr 2fr;
    padding-right: 20px;
    position: relative;
    margin-bottom: 10px;
    transition: 0.4s ease-in-out all;
}

.liste-activites h3 {
    margin-top: 0 !important;
}

.bloc-activite img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-height: 350px;
}

.bloc-activite .txt-acti {
    padding: var(--internpadding) var(--biginternpadding);
    background-color: var(--gris-clair);
}

.bloc-activite .btn-arrow {
    position: absolute;
    top: 0;
    right: 0;
    transition: 0.5s ease-in-out all;
}

.bloc-activite:hover .btn-arrow {
    /*opacity: 0.6;*/
    background-color: var(--bleulight);
    border-color: var(--bleulight);
}

.dark-bg-activite {
    background-color: var(--grisfonce);
}

.tags {
    display: flex;
    flex-flow: wrap;
}

.tag {
    font-size: 13px;
    font-weight: 500;
    line-height: 134%;
    letter-spacing: 0.52px;
    text-transform: uppercase;
    background-color: white;
    padding: 8px 15px;
    margin-right: 2px;
    margin-bottom: 2px;
}

.presentation-activite .gal-paroisse {
    width: calc(30% + var(--medium-margin));
    margin-right: calc(-1 * var(--medium-margin));
}

.flexible-single {
    padding-bottom: 150px;
}

.other-agenda {
    padding-top: var(--mdspace);
    padding-bottom: var(--mdspace);
    background-color: var(--gris-clair);
}

.other-agenda .grid-post {
    min-height: unset;
}

.other-agenda h2 span {
    text-transform: lowercase;
}

.organisation-agenda {
    display: block;
}


.contain-sub-menu-ep {
    position: relative;
    overflow: hidden;
}

.menu-level {
    position: absolute;
    top: 100px;
    right: var(--medium-margin);
    left: 0px;
    padding: 0 0 0 100px;
    width: calc(80vw - 360px + 0px - var(--medium-margin));
    transition: transform 0.4s ease;
    will-change: transform;
}

.menu-level-1.active {
    transform: translateX(0);
}

.menu-level-1.slide-out {
    transform: translateX(-105%);
}

.menu-level-2 {
    transform: translateX(105%);
}

.menu-level-2.active {
    transform: translateX(0);
}

.lt-localite {
    color: white;
    font-size: 14px;
    font-weight: 200;
    letter-spacing: -0.075px;
}

.back-to-menu {
    color: white;
    position: relative;
    width: 100%;
    text-align: right;
    padding-left: 25px;
    display: block;
    margin-top: 13px;
}

.back-to-menu::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0px;
    height: 14px;
    width: 14px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url("../icons/arrow-link.svg");
    transform: translateY(-52%) rotate(180deg);
    filter: brightness(0) invert(1);
}


/***********
PAROISSE
 */
.single-paroisses h1,
.single-paroisses h2 {
    color: var(--bleulight);
}

.single-paroisses .pd-top {
    padding-bottom: var(--mdspace);
}

.single-paroisses .grid-post {
    min-height: unset;
}

.single-paroisses .liste-lieux.blocliste {
    margin-top: 50px;
}

.archive-paroisse {
    margin-top: 50px;
}

.archive-paroisse .listing,
.archive-paroisse .archive-messes {
    padding: 0;
}

.archive-paroisse #filters {
    display: none;
}

.archive-messes #filters {
    display: grid;
}

.groupes-container {
    max-width: 950px;
}

.liste-lieux.blocliste.communeslist {
    flex-wrap: unset;
    flex-direction: column;
}

.bloc-communes {
    max-width: 950px;
    width: calc(100% - var(--gap) / 2);
    background-color: var(--gris-clair);
    padding: var(--internpadding) var(--biginternpadding);
    position: relative;
    cursor: pointer;
    margin-bottom: 20px;
}

.grid-communes {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: var(--gap);
}

.bloc-communes .btn-arrow {
    position: absolute;
    top: 0;
    right: calc(-1 * (var(--gap) / 2));
}

.grid-contact-head {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-gap: var(--gap);
}

.grid-contact-head h1 {
    padding-top: var(--ltspace);
}

.head-contact {
    padding-top: 108px;
    padding-left: var(--medium-margin);
}

.head-contact .image-first {
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.contact-container .flexible-content {
    margin: -76px auto 0 auto;
    position: relative;
    z-index: 10;
}

.contact-container {
    padding-bottom: var(--mdspace);
}

.deroulement-step {
    padding: var(--biginternpadding);
    background-color: var(--gris-clair);
    border-bottom: 1px solid white;
}

.deroulement-container, .contact-sacre-container {
    margin-top: 35px;
}

.grid-essentiel-ep {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-gap: 10px;
    padding-top: 120px;
    padding-bottom: 0px;
}

.grid-essentiel-ep .container-essentiel {
    background-color: var(--gris-clair);
    padding: var(--biginternpadding);
    margin-top: var(--decrochement);
}

.grid-essentiel-ep .result-essentiel {
    background-color: var(--gris-clair);
    padding: var(--biginternpadding);
    margin-bottom: var(--decrochement);
    transition: 0.5s ease-in-out all;
    min-height: 460px;
}

.grid-essentiel-ep .liens_essentiels {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px;
}

.grid-essentiel-ep .liens_essentiels li {
    display: none;
}

.presentation-ep {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: var(--gap);
    margin-top: 120px;
}

.presentation-ep .txt .btn_base:first-of-type {
    margin-top: 20px;
}

.grid-organisation-home .map-interractive {
    display: flex;
    justify-content: flex-end;
}

.grid-organisation-home .map-interractive svg {
    height: 500px;
}


.featured-agenda-container-single {
    padding: var(--mdspace) 0;
    width: calc(100% - var(--medium-margin) * 2);
    margin: auto;
    position: relative;
    z-index: 2;
}

.big-featured-agenda {
    position: relative;
    z-index: 2;
    overflow: hidden;
}

.big-featured-agenda::after {
    content: "";
    position: absolute;
    top: 0;
    left: calc(-1 * var(--medium-margin));
    width: calc(100% + var(--medium-margin) * 2);
    height: 100%;
    background-color: black;
    z-index: -1;
    opacity: 0.6;
}


.content-job {
    padding-top: 175px;
}

#result-deroulement {
    background-color: var(--gris-clair);
}

#result-deroulement > div {
    padding-left: var(--biginternpadding);
    padding-right: var(--biginternpadding);

}

#result-deroulement.active {
    /*padding: var(--biginternpadding) 0;*/

}

#result-deroulement .contact-sacre-container {
    border-top: 3px solid white;
    padding-top: 35px;
    padding-bottom: 35px;

}

#result-deroulement .deroulement-container {
    margin-top: 0;
    padding-top: 35px;
}

#result-deroulement .deroulement-step {
    border-bottom: 0;
    padding: 0 0 var(--gap) 0;
}

#result-deroulement .deroulement-step:last-of-type {
    padding-bottom: 0;
}

#result-deroulement h2 {
    font: var(--title3);
    margin: 0 0 15px 0;
    letter-spacing: var(--title3-letter-spacing);
}

#result-deroulement h3 {
    font: var(--paragraphe);
}

.container-locasearch .search-base {
    border: 1px solid var(--bleujupa);
}

.container-locasearch .search-base input[type="text"] {
    max-width: 100%;
    background-color: white;
    margin: 0;
}

.container-locasearch .search-base input[type="text"]::placeholder {
    color: rgba(0, 0, 0, 0.6);
    text-transform: uppercase;
    font: var(--btn);
}

.container-locasearch .search-base input[type="text"]:focus {
    border-bottom: 0;
}

.container-locasearch .search-base .loop {
    background-color: white;
}

.page-id-917 .container-locasearch {
    display: none;
}

.result-localite,
#result-localite {
    border-left: 1px solid var(--bleujupa);
    border-right: 1px solid var(--bleujupa);
}

.result-localite .result-item,
#result-localite .result-item {
    padding: 15px;
    height: 50px;
    cursor: pointer;
    font: var(--btn);
    text-transform: uppercase;

    border-bottom: 1px solid var(--bleujupa);
    color: var(--bleujupa);
}

.result-localite .result-item:hover,
#result-localite .result-item:hover {
    background-color: var(--bleujupa);
    color: white;
}

.result-localite .result-item:last-child,
#result-localite .result-item:last-child {
    border-bottom: 0;
}

.result-localite .result-item:first-of-type,
#result-localite .result-item:first-of-type {
    border-top: 1px solid var(--bleujupa);
}

.result-localite .result-item:last-child,
#result-localite .result-item:last-child {
    border-bottom: 1px solid var(--bleujupa);
}

.grid-ban-news {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 40px;
}

.result-espace.active {
    padding-top: 20px;
}

.js-liste-espaces {
    margin-bottom: 40px;
}

.grid-regions-home .search-base input[type="text"] {
    /*color: var(--gris-clair);*/
    padding-left: 8px;
    color: rgba(0, 0, 0, 0.6);
    font-size: 16px;
}

.grid-regions-home .search-base input[type="text"]::placeholder {
    color: rgba(0, 0, 0, 0.6);
    font-size: 16px;
}

.grid-regions-home .search-base .search {
    background-color: rgba(0, 0, 0, 0.6);

}

.grid-regions-home .search-base input[type="text"]:focus {
    border-bottom: 1px solid transparent;
}

.grid-regions-home .search-base .loop {
    height: 20px;
    width: 20px;
}

.grid-regions-home .search-base .search {
    height: 49px;
    width: 23px;
    -webkit-mask-size: 13px;
}

/*************
NEWSLETTER INSCRIPTION
 */
.banniere-newsletter {
    background: var(--gris-clair);
    min-height: 500px;
}

.banniere-newsletter::before {
    display: none;
}

.banniere-newsletter path {
    fill: white;
}

.pop-up-newsletter {
    position: fixed;
    top: 50%;
    width: 700px;
    max-height: 80vh;
    overflow-x: hidden;
    overflow-y: scroll;
    background: var(--bleujupa);
    z-index: 10003;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: var(--biginternpadding);
    display: none;
}

.pop-up-newsletter.open {
    display: block;
}

.liste-news input {
    display: none;
}

.liste-news {
    width: 100%;
    border: 1px solid white;
    padding: 18px 18px 18px 40px;
    cursor: pointer;
    font: var(--btn);
    text-transform: uppercase;
}

.liste-news::after {
    left: 18px;
}

.liste-news.selected::after {
    background-image: url("../images/icons/checked.svg");

}

.liste-news.selected {
    border: 1px solid transparent;
    background: rgba(255, 255, 255, 0.15);
}

.grid-inscription-news {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
    width: 100%;
}

.grid-inscription-news {
    margin-top: 20px;
}

.pomform .grid-inscription-news input {
    background: transparent;
    border: 1px solid white;
    color: white;
}

.pomform .grid-inscription-news input::placeholder {
    color: white;
}

.next-step {
    margin-top: var(--gap);
    display: flex;
    margin-left: auto;
    width: fit-content;
}

.next-step,
.prev-step {
    padding: 11px 20px 11px 20px;
}

.next-step::after,
.prev-step::after {
    display: none;
}

.flex-prev-inscription {
    display: flex;
    margin-top: var(--gap);
    width: 100%;
}

.flex-prev-inscription > div:last-of-type {
    display: flex;
    margin-left: auto;
}

#inscription-newsletter-form select {
    background: transparent;
    color: white;
    border: 1px solid white;
}

#inscription-newsletter-form .contain-select {
    width: 100%;
}

#inscription-newsletter-form .contain-select::after {
    filter: brightness(0) invert(1);
}

#inscription-result > div {
    margin-top: 20px;
    color: white;
}

.pop-up-newsletter > .icon {
    position: absolute;
    top: var(--internpadding);
    right: var(--internpadding);
}

/* page newsletter */

body.page-mes-abonnements header {
    display: none;
    min-height: 100svh;
}

body.page-mes-abonnements button {
    margin-right: 0;
    margin-bottom: 0;
}

.newsletter-preferences {
    max-width: 600px;
    margin: 50px auto;
    padding: 0 10px;
}

.newsletter-preferences .note, .newsletter-preferences .note strong {
    color: white;
    margin-bottom: 20px;
}

#newsletter-preferences-form {
    background-color: var(--bleujupa);
    padding: var(--biginternpadding);
}

.unactive-account {
    background-color: var(--bleulightlight);
    padding: var(--biginternpadding);
    margin-bottom: 20px;
}

/* fin page newsletter */


#cookieNotice {
    position: fixed;
    bottom: 50px;
    left: 0;
    z-index: 10001;
    width: 75%;
    max-width: 900px;

    background: var(--bleujupa);
    padding: var(--internpadding) var(--biginternpadding);
    box-shadow: -1px 13px 34px -19px rgba(0, 49, 112, 0.15);
    -webkit-box-shadow: -1px 13px 34px -19px rgba(0, 49, 112, 0.15);
    -moz-box-shadow: -1px 13px 34px -19px rgba(0, 49, 112, 0.15);

}

.cookie-category {
    /*background: white;*/
    width: 100%;
    margin-bottom: 25px;
    /*padding: var(--internpadding);*/
}

.cookie-category p strong {
    /*color: var(--bleujupa);*/
    font: var(--btn);
}

.cookie-category .p,
.cookie-category p {
    /*color: var(--bleujupa);*/
    font: var(--btn);
    font-weight: 300;
    margin-bottom: 10px;
}

.cookie-category .form-group.vraix__faux {
    margin-bottom: 0;
}

.cookie-category .p {
    margin-bottom: 0;
}

.cookie-buttons .btn_base {
    font-size: 12px;
}

.cookie-category .vraix__faux label::before {
    width: 24px;
    height: 24px;
}

.content-head-ep .contain-select {
    max-width: 360px;
}

.contain-select.bleu-select select {
    background: transparent;
    border: 1px solid var(--bleujupa);
}

.content-head-ep .contain-select select {
    border: 1px solid white;
}

.content-head-ep .contain-select select {
    color: white;
}

.content-head-ep .contain-select::after {
    background-color: white;
}

.home-espace .paroisse-selected {
    /*display: none;*/
    bottom: 36px;
}

.home-espace .lt-logo-espace-3 img {
    height: 87px;
}

.paroisse-selected {
    opacity: 0.6;
    position: absolute;
    bottom: 25px;
    cursor: pointer;
    font-size: 15px;
    left: 2px;
    width: 366px;
    z-index: 10002;
    /*left: var(--medium-margin);*/
}

.paroisse-selected .icon {
    width: 11px;
    height: 11px;
    -webkit-mask-size: 11px;
}

.contain-select.bleu-select-complete select {
    background: var(--bleujupa);
    color: white;
}

.contain-select.bleu-select-complete::after {
    filter: brightness(0) invert(1);
}

.contain-select.bleu-select-complete option {
    color: white;
}

.disclaimer {
    font-style: italic;
    opacity: 0.6;
}

.special-89 {
    margin-top: var(--ltspace);
}


#filters > div:first-of-type .contain-select {
    max-width: 350px;

}

#filters > div:first-of-type select {
    border: 1px solid var(--bleujupa);
}

.search .fake-search {
    display: none;
}

.page-search {
    padding-left: var(--medium-margin);
    padding-right: var(--medium-margin);
    overflow: hidden;
}

.search-res-page {
    min-height: 600px;
}

.module-search-page .search-input {
    padding: 10px 10px 10px var(--internpadding) !important;
}

.page-search .search-results-container {
    margin-top: 25px;
}

.page-search .search-results-container .resultats-group-c {
    grid-template-columns: repeat(3, 1fr);
    grid-gap: var(--gap);
}

.page-search .search-results-container .resultats-group-c .search-item {
    margin-bottom: 0;
}

.page-search .search-results-container .resultats-group-c {
    display: none;
}

.page-search .search-results-container.tempsfort .resultats-group-a,
.page-search .search-results-container.tempsfort .resultats-group-b {
    display: none;
}

.page-search .search-results-container.tempsfort .resultats-group-c {
    display: grid;
}

.filter-search {
    display: flex;
}

.filter-search .btn_base {
    margin-right: 0;
    margin-bottom: 0;
}

.iv-fullscreen {
    z-index: 10001;
    background-color: white;
}

.iv-fullscreen-container {
    height: 90%;
    width: 90%;
    margin: 3% auto;
}

.iv-description {
    background-color: var(--bleujupa);
    display: flex;
    width: fit-content;
    /* margin: auto; */
    left: 50%;
    padding: 3px 15px;
    color: #ffffff;
    transform: translate(-50%, 1px);
    text-align: center;
    font-size: 15px;
    line-height: 25px;
}

.iv-description * {
    color: white;
}

.iv-next, .iv-prev {
    top: 50%;
    transform: translateY(-50%);
    bottom: unset;
    background-image: url("../images/icons/arrow-base.svg");
    background-size: 35px;
    padding: 57px;
}

.iv-prev {
    transform: translateY(-50%) rotate(180deg);
}

.iv-next {
    right: -30px;
}

.iv-prev {
    left: -30px;
}

.iv-fullscreen-close:after, .iv-fullscreen-close:before {
    height: 2px;
    background-color: var(--bleujupa);
}

.search-local {
    margin-top: 80px;
}

.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
    background: var(--bleujupa) !important;
    border: 0;
}

.flatpickr-day.inRange {
    background-color: var(--gris-clair) !important;
    -webkit-box-shadow: -5px 0 0 var(--gris-clair), 5px 0 0 var(--gris-clair) !important;
    box-shadow: -5px 0 0 var(--gris-clair), 5px 0 0 var(--gris-clair) !important;
    border: 0 !important;
}

.separateur {
    display: block;
    height: 1px;
    background-color: #004FB5;
    margin: 10px 0;
}


/************
MAP
 */
.map-interractive * {
    /*fill: #007bff; !* Couleur au survol *!*/
    cursor: pointer;
    transition: fill 0.3s ease;
}

.map-espace-menu > svg {
    max-height: 450px;
}

.map-espace-menu .highlight-region > *,
.map-regions .highlight-region > *,
svg > a > g:hover > * {
    fill: #51B1FF !important;
    stroke: var(--bleulight) !important;
}

.grid-regions-home .map-regions .highlight-region > *,
svg > a > g:hover > *:not(g) {
    fill: var(--bleujupa) !important;
    stroke: var(--bleujupa) !important;
}

svg > a > g:hover > g *:not(rect) {
    fill: white !important;
}

.map-espace-menu svg > a > g > g,
.map-regions svg > a > g > g {
    display: none;
}

.map-regions svg > a * {
    fill: rgba(6, 143, 255, 0.6) !important;
}

.map-espace-menu svg > a > g > * {
    fill: rgba(6, 143, 255, 0.6) !important;
    stroke: var(--bleujupa) !important;
    stroke-width: 1px !important;
}

.link-arrow-before.highlight-link {
    color: var(--bleulight);
}

.link-arrow-before.highlight-link::before {
    background-color: var(--bleulight);
}

.map-interractive svg > a > g > g * {
    stroke: transparent !important;
}

.show-1500,
.show-1300 {
    display: none;
}

.retour-bloc {
    display: none;
}

.mg-select-paroisse {
    margin-top: var(--ltspace);
}

.go-fantome {
    transform: translate(-37px, 50px) rotate(180deg);
}

.fake-mobile {
    display: none;
}

.swiper-slide {
    line-height: 0;
}

.sep-equip {
    margin-top: 20px;
}

.h1-protect {
    display: flex;
    align-items: flex-start;
    margin-bottom: 50px;
}

.h1-protect svg {
    margin-right: 20px;
    margin-top: 6px;
    height: 54px;
    width: auto;
}

.mdp {
    font: var(--btn);
    opacity: 0.6;
    font-weight: 400;
}

.post-password-form .btn_base {
    width: fit-content;
}

[name="post_password"] {
    height: 54px;
    border: 0;
}

.page-protect {
    padding-left: var(--big-margin);
    padding-right: var(--big-margin);
}

.page-protect > div {
    max-width: 950px;
}

.page-protect .introduction {
    margin-bottom: 20px;
    margin-top: 20px;
}

.audio-player {
    width: 100%;
    height: 40px;
    background-color: var(--gris-clair);
    border-radius: 0px;
    box-shadow: none;
    outline: none;
    color: var(--bleufonce);
}

/* Supprimer le style par défaut (pour certains navigateurs) */
.audio-player::-webkit-media-controls-panel {
    background-color: var(--gris-clair);
    border-radius: 0px;
    color: var(--bleufonce);
}

.audio-player::-webkit-media-controls-play-button,
.audio-player::-webkit-media-controls-current-time-display,
.audio-player::-webkit-media-controls-time-remaining-display,
.audio-player::-webkit-media-controls-timeline,
.audio-player::-webkit-media-controls-volume-slider {

    /*filter: hue-rotate(180deg); !* exemple pour modifier l'apparence *!*/
}

.container-other-actus-services {
    padding: var(--mdspace) var(--medium-margin);
    background-color: var(--gris-clair);
    position: relative;
    z-index: 1;
}

.container-other-actus-services::after {
    content: "";
    position: absolute;
    top: calc(100% - 200px);
    left: 0px;
    width: 100%;
    height: 500px;
    z-index: -1;
    background-color: var(--gris-clair);
}

.bloc-spe-service {
    background-color: var(--bleujupa);
    display: block;
    padding: var(--internpadding);
    height: 16vw;
    transition: 0.4s ease-in-out all;
}

.bloc-spe-service:hover {
    opacity: 0.6;
}

.bloc-spe-service > svg {
    position: absolute;
    right: var(--internpadding);
    bottom: var(--internpadding);
}

.swiper-actu-serv h2 {
    margin-bottom: 0;
}

.swiper-actu-serv h3 {
    margin-bottom: 35px;
}

.swiper-actu-serv .flex-arrow {
    margin-left: 0;
    margin-top: var(--gap);
}

.swiper-actu-serv .flex-arrow .arrow-base {
    height: 21px;
    width: 23px;
    background-image: url("../images/icons/arrow-big.svg");
}

.rela-img {
    position: relative;
    overflow: hidden;
}

.lgd {
    position: absolute;
    right: 10px;
    bottom: 7px;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
    color: white;
    z-index: 10;
}

.lgd-salle {
    font-size: 13px;
    font-weight: 400;
    line-height: 140%;
    color: var(--bleujupa);
    text-align: right;
    padding-right: var(--small-margin);
    position: absolute;
    bottom: -20px;
    right: 0;
}


.region-ft .logo-ft {
    filter: brightness(0) invert(1);
    width: 328px;
    height: auto;
}

.social-ft .go-back-jupa {
    display: block;
    margin-top: 70px;
    opacity: 1;
    transition: 0.5s ease-in-out all;
}

.social-ft .go-back-jupa:hover svg {
    transform: scale(1);
}

.social-ft .go-back-jupa:hover {
    opacity: 0.6;
}

.region-ft #copyright {
    margin-top: -30px;
}

.region-ft .social-ft {
    margin-top: 45px;

}

/***********
CEC
 */
.single-communes header,
.single-communes footer,
.single-cec header,
.single-cec footer {
    display: none;
}

.single-communes .fixed-right,
.single-cec .fixed-right {
    display: none;
}

.grid-menu-cec {
    display: grid;
    grid-template-columns: 500px 1fr;
    grid-gap: 0px;
}

.container-menu-cec {
    background: var(--bleujupa);
    min-height: 100vh;
    padding: 50px 80px 0px 80px;
}

.sticky-menu-cec {
    position: sticky;
    top: 50px;
    left: 0;
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - 50px - 30px);
}

.pd-cec {
    padding-top: 125px;
    padding-right: var(--medium-margin);
    padding-left: 150px;
    padding-bottom: 0px;
}

.home-cec .pd-cec {
    padding-top: 50px;
}

.cec-item {
    margin-bottom: 3px;
}

[data-id="14685"],
[data-id="14697"],
[data-id="14669"],
[data-id="14701"],
[data-id="14852"] {
    margin-bottom: 18px;
}

.titre-cec {
    font-weight: 700;
    margin-bottom: 0;
}

.sous-titre-cec {
    font-size: 15px;
    opacity: 0.8;
}

.link-home-cec {
    margin-bottom: 40px;
    display: block;
    transition: 0.5s ease-in-out all;
}

.link-home-cec:hover {
    opacity: 0.6;
}

.svg-home-cec {
    width: calc(100% + 150px + var(--medium-margin));
    margin-left: -150px;
    height: auto;
}

.contain-home-svg {
    position: relative;
    margin: var(--ltspace) 0;
}

.scrolto-cec {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
}

.svg-head-cec {
    width: auto;
    height: auto;
    max-height: 170px;
    max-width: 100%;
    object-fit: contain;
    margin-bottom: 50px;
}

.cec-item.current > a {
    opacity: 0.6;
}

.cec-menu-child {
    max-height: 0;
    overflow: hidden;
    transition: 0.5s ease-in-out all;
}

/*.single-communes .cec-menu-child,*/
.cec-menu-child.active {
    max-height: 500px;
    padding-top: 10px;
}

.cec-item.parent a {
    display: flex;
}

/*.cec-item.current.parent{*/
/*    opacity: 1;*/
/*}*/
.cec-item > a svg {
    display: none;
}

.cec-item.parent > a svg {
    display: block;
    width: 18px;
    margin: 6px 0 0 10px;
}

.cec-menu-child li {
    position: relative;
    padding-left: 20px;
}

.cec-menu-child li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 12px;
    width: 12px;
    height: 2px;
    background: white;
}

.cec-item a {
    transition: 0.5s ease-in-out all;
    font-size: 18px;
}

.cec-item a:hover {
    opacity: 0.6;
}

.cec-menu-child .cec-item.current a
    /*.single-communes .cec-menu-child .cec-item:first-of-type a*/
{
    font-weight: 700;
    opacity: 1;
}

.bloc-activite.bloc-cec-communes img {
    max-height: 200px;
}

.bloc-cec-communes .surtitre {
    color: var(--bleulight);
}

.single-paroisses .bloc-cec-communes .surtitre {
    display: none;
}

.image_avant_cec {
    width: 100%;
    height: 30vw;
    object-fit: cover;
    margin-bottom: var(--ltspace);
}

.filter-communes {
    display: grid;
    grid-template-columns: 250px 1fr;
    grid-gap: var(--gap);
    margin-bottom: var(--gap);
    align-items: center;
}

.filter-communes #search-special {
    margin-bottom: 0;
}

.filter-communes .container-search-post {
    position: relative;
    max-width: 400px;
    margin-left: auto;
    display: flex;
    width: 100%;
}

.cec-menu {
    margin-bottom: 30px;
}

.logo-cec-btn {
    margin-top: auto;
    /*margin-top: 30px;*/
    display: flex;
    margin-bottom: 30px;
}

#copyright.ft-copyright-cec,
#copyright.ft-copyright-cec span,
#copyright.ft-copyright-cec a {
    color: var(--noir);
}

#copyright.ft-copyright-cec path {
    fill: var(--noir);
}

#copyright.ft-copyright-cec {
    margin-top: 50px;
    text-align: right;
    padding: 50px 0;
    position: relative;
}

#copyright.ft-copyright-cec::before {
    content: "";
    position: absolute;
    top: 0;
    left: -150px;
    height: 1px;
    background: black;
    opacity: 0.2;
    width: calc(100% + 150px + var(--medium-margin));
}

.min-cec {
    min-height: calc(100vh - 170px - 125px);
}

.menu-icon-cec {
    display: none;
}

.flex-select-communes {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.flex-select-communes > h4 {
    display: none;
}

.extern-link-menu {
    margin-top: var(--ltspace);
}

.extern-link-menu .link-arrow-before:first-of-type {
    border-top: 1px solid rgba(255, 255, 255, 0.4);

}

.extern-link-menu .link-arrow-before {
    padding: 10px 0px;
    margin: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}

.extern-link-menu .link-arrow-before::before {
    filter: brightness(0) invert(1);
    left: unset;
    right: 0;
    top: 13px;
    -webkit-mask-image: url("../icons/arrow-link.svg");
    height: 21px;
    width: 19px;
}

.detail-paroisse-messe a {
    color: var(--noir);
}

.messe-top {
    padding: 0 0 5px 0;
}

.messe-top * {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    padding: 0;
}

.calendar-google {
    margin-bottom: 20px;
}

.p-relative {
    position: relative;
}

.sep-spe {
    margin-left: calc(-1 * var(--biginternpadding));
    width: calc(100% + var(--biginternpadding) * 2);
    height: 3px;
    background: #ffffff;
    margin-top: 35px;
}


a .img-personne {
    overflow: hidden;
}

.img-personne .bluepattern-act {
    height: 100%;
    padding: 0;
}

a div > img {
    transition: 0.3s ease-in;
}

a:hover div > img {
    transform: scale(1.06); /* zoom au hover */
}

.personnes .bleu, .service .bleu, .link_base, .titre-accordeon h3, .txt a, .normal-link {
    transition: 0.2s ease-in;
}

.accordeon:not(.active):hover * {
    color: var(--bleulight);
}

.accordeon.active .titre-accordeon:hover * {
    color: var(--bleulight);

}

.personnes:hover strong.bleu, .service:hover strong.bleu, .link_base:hover, .txt a:hover, .normal-link:hover {
    color: var(--bleulight);
}

.listing-engager {
    margin-top: 40px;
}

.mg-sub {
    margin-bottom: 35px;
}

.bloc-annuaire .name-annuaire {
    color: var(--bleujupa);
    font-weight: 600;
}

.bluepattern {
    background-color: var(--bleujupa);
    padding: 30px 0px 30px 30px;
    height: 320px;
}

.bluepattern-act {
    background-color: var(--bleujupa);
    /*padding: 20px 20px 20px 20px;*/
    padding: 0;
}

.bluepattern > div,
.bluepattern-act > div {
    -webkit-mask-size: 340px;
    -webkit-mask-position: top;
    -webkit-mask-repeat: repeat;
    -webkit-mask-image: url("../images/pattern.svg");
    height: 100%;
    background-color: white;
    opacity: 0.2;
}

.bluepattern-act svg {
    opacity: 0.4;
}

.bluepattern-act svg,
.bluepattern svg {
    width: 100%;
    height: auto;
    opacity: 0.4;

}

.bluepattern-act svg path,
.bluepattern svg path {
    fill: white;
}

.overflow-img {
    overflow: hidden;
    display: flex;
    width: fit-content;
    height: fit-content;
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{
    display: none;
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{
    display: none;
}

.postid-35137 .navigation-links{
    display: none;
}