@media (min-height: 980px) {
    .head-home-principal::before {
        height: 65vh;

    }

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

    }

    .flex-redirection {

        top: calc(65vh - 175px);

    }
}

@media (max-width: 1440px) {
    .redir {
        width: 270px;
    }

    .filter-list a {
        font-size: 14px;
        padding: 10px;
    }

    .redirection-result {
        width: calc(270px * 3 + 40px);

    }

    .single-actualites .sticky-single-agenda .bloc-share {

        display: none;
    }

    .show-1500 {
        display: block;
    }

    .single-actualites .sticky-single-agenda .show-1500 .bloc-share {
        display: block;
        margin-top: 40px;
    }

    .show-1500 .bloc-share {
        height: auto;
        width: auto;
        padding: 0;
        background-color: transparent;
    }

    .show-1500 .bloc-share h2 {
        color: var(--bleujupa);
    }

    .show-1500 .share-link .icon {
        background-color: var(--bleujupa);
    }

    .show-1500 .share-link a:not(:first-of-type)::before {
        background-color: var(--bleujupa);
    }

    .grid-menu-cec {
        grid-template-columns: 400px 1fr;
    }

    .link-home-cec {
        margin-bottom: 30px;
    }

    .link-home-cec .titre-cec {
        font-size: 16px;
    }

    .link-home-cec .sous-titre-cec {
        font-size: 14px;
    }

    .link-home-cec svg {
        width: auto;
        height: 65px;
    }

    .cec-item a {
        font-size: 16px;
    }

    .container-menu-cec {
        padding: 35px 60px 0px 60px;
    }

    .sticky-menu-cec {
        top: 35px;
        min-height: calc(100vh - 35px - 30px);
    }


}

@media (max-width: 1330px) {
    :root {
        --title1: 300 54px / 110.3% Inter, sans-serif;

    }
        #main-menu-container {
        width: 85%;
        grid-template-columns: 350px 1fr;
    }

    #main-menu-container .all-menu {
        padding-top: 75px;
    }

    .precedent-menu {
        top: 75px;
    }

    .header-archive-actu .scrollto {
        display: none;
    }

    .filter-list a {
        font-size: 12px;
        padding: 10px 6px;
    }

    .content-agenda {
        width: 100%;
        margin-top: 60vh;
    }

    .single-agenda .bloc-share {
        display: none;
    }

    .single-agenda .show-1300, .single-agenda .show-1300 .bloc-share {
        display: block;
        /*margin-top: auto;*/
        margin-top: 40px;
    }

    .bloc-share {
        height: auto;
        width: auto;
        padding: 0;
        background-color: transparent;
    }

    .bloc-share h2 {
        color: var(--bleujupa);
    }

    .share-link .icon {
        background-color: var(--bleujupa);
    }

    .share-link a:not(:first-of-type)::before {
        background-color: var(--bleujupa);
    }

    .grid-content-agenda > div:nth-of-type(2) {
        display: flex;
        flex-direction: column;
    }

    .single-actualites .sticky-single-agenda {
        position: relative;
        padding-top: 60vh;

    }

    .single-actualites .content-agenda {
        margin-top: 0;
    }


    .sticky-back-actu {
        width: calc(100% - var(--big-margin));
    }

    .bloc-annuaire {
        grid-template-columns: 0.8fr 1fr 0.5fr 50px;
    }

    .bloc-annuaire.services a:nth-child(2) {
        display: none;
    }

    .bloc-annuaire.personnes {
        /*grid-template-columns: 0.6fr  1fr 0.4fr 50px;*/
        grid-template-columns: 0.6fr  1fr 50px;
    }

    .bloc-annuaire.personnes > div:nth-child(3) {
        display: none;
    }

    .bloc-annuaire.personnes > div:nth-child(4) {
        display: none;
    }

    .paroisse-messe {
        overflow: hidden;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
    }

    .typemesse {
        display: none;
    }

    .messe-item {
        grid-template-columns: 40px 200px 60px 1fr 1fr  100px 50px;
    }

    .featured-agenda {
        height: 26.1vw;
    }

    /*********
    ESPACE
     */
    #main-menu-container-espace > nav > ul > li {
        margin-left: 20px;
    }

    #main-menu-container-espace > nav > ul > li > a {
        font-size: 17px;
    }

    #main-menu-container-espace .fake-search svg {
        width: 20px;
        height: 20px;
    }

    .grid-ep-actus {
        grid-template-columns: repeat(3, 1fr);
    }
    .quicklinks{
        margin-bottom: 10px;
    }
}

@media (max-width: 1200px) {
    :root {
        --title1: 300 46px / 110.3% Inter, sans-serif;
        --title1-letter-spacing: -1px;
        --title2: 300 32px / 112% Inter, sans-serif;
        --title2-letter-spacing: -0.5px;
        --title3: 300 22px / 120% Inter, sans-serif;
        --title3-letter-spacing: -0.13px;
        --intro: 300 23px / 130% Inter, sans-serif;
        --paragraphe: 300 18px / 140% Inter, sans-serif;
        --ltparagraphe: 300 16px / 140% Inter, sans-serif;
        --big-margin: 12vw;
        --extra-margin: 12vw;
    }

    .quick-icone {
        width: 32px;
        height: 32px;
    }

    .quick-icone img {
        width: 18px;
        height: 18px;
        object-fit: contain;
    }

    .home .quicklinks p {
        opacity: 0;
    }

    .flex-redirection {
        width: 100%;
    }

    .redir {
        width: 33%;
    }

    .redir:last-child {
        margin-right: 0;
    }

    .redirection-result {
        width: calc(100% - var(--medium-margin) * 2);
    }

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

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

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

    .listing-filtre {
        width: calc(50% + var(--medium-margin) - 15px);
    }

    .bloc-agenda,
    .salle-item,
    .bloc-actu {
        height: 40.15vw;
    }

    #main-menu-container {
        width: 92%;
        grid-template-columns: 280px 1fr;
    }

    .sub-menu-ep {
        width: 92%;
        grid-template-columns: 280px 1fr;
    }

    .menu-level {
        width: calc(92vw - 280px + 0px - var(--medium-margin));
    }

    .design-menu > svg {
        height: 187px;
    }

    .grid-salle {
        display: block;
    }

    .grid-communes {
        display: block;
    }

    .menu-search {
        grid-template-columns: 325px 36px;
    }

    .principal-title {
        font-size: 18px;
        line-height: 22px;
    }

}

@media (max-width: 992px) {
    :root {
        --title1: 300 32px / 114% Inter, sans-serif;
        --title1-letter-spacing: -0.81px;
        --title2: 300 26px / 112% Inter, sans-serif;
        --title2-letter-spacing: -0.5px;
        --title3: 300 20px / 120% Inter, sans-serif;
        --title3-letter-spacing: -0.1px;

        --btn: 600 10px / normal Inter, sans-serif;
        --btn-letter-spacing: 0.24px;

        --paragraphe: 300 16px/140% Inter, sans-serif;
        --ltparagraphe: 300 14px/140% Inter, sans-serif;

        --intro: 300 18px/130% Inter, sans-serif;
        --intro-letter-spacing: -0.1px;


        --gap: 15px;
        --mdspace: 40px;
        --ltspace: 25px;

        --internpadding: 17px;
        --biginternpadding: 25px;

        --small-margin: 4vw;
        --medium-margin: 7.5vw;
        --big-margin: var(--medium-margin);
        --extra-margin: var(--medium-margin);
    }

    h2, .h2, h2 span {
        margin-bottom: 25px;
    }

    h3, .h3 {
        margin-bottom: 10px;
    }
    .section-content h3{
        margin-bottom: 15px;
    }
    .menu_deroulant {
        margin-top: 25px;
    }

    .fake-search input {
        display: none;
    }

    footer .fake-search input {
        display: block;
    }

    .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,
    .search-base.nowrite .loop:nth-of-type(1) {
        background-color: transparent;
    }

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

    .fake-search .search {
        -webkit-mask-size: 24px;
        height: 29px;
        width: 41px;
    }

    .fake-search .loop {
        height: auto;
    }

    footer .fake-search .search {
        height: 46px;
        width: 46px;
        -webkit-mask-size: 19px;
    }
    .cookie-buttons .btn_base {
        font-size: 8px;
        padding: 5px 10px;
    }
    .cookie-category .vraix__faux label::before {
        width: 17px;
        height: 17px;
    }
    .cookie-category .vraix__faux input[type="checkbox"]:checked + label::before, .cookie-category .vraix__faux input[type="radio"]:checked + label::before{
        background-color: var(--bleulightlight);
    }
    .fake-search input[type="text"],
    footer .fake-search .loop {
        height: 38px;
    }
    footer .fake-search .loop{
        width: 38px;
    }
    footer .fake-search .search {
        height: 39px;
        width: 39px;
        -webkit-mask-size: 16px;
    }
    .fake-search input[type="text"]{
        padding: 10px;
    }
    footer .search-base.nowrite .loop:nth-of-type(1) {
        background-color: rgba(255, 255, 255, 0.30);
    }

    footer .search-base input[type="text"], footer .search-base input[type="text"]::placeholder{
        font-size: 14px;
    }
    .menu-search {
        display: flex;
        grid-gap: 0;
    }

    .head-home-principal::before {
        background: linear-gradient(8deg, rgba(0, 0, 0, 0.00) 26.94%, rgba(0, 0, 0, 0.50) 74.55%);
    }

    .grid-organisation-home .map-interractive svg {
        height: auto;
        width: 100%;
    }

    .grid-ft {
        display: block;
    }

    .social-ft {
        align-items: flex-start;
        margin-top: 25px;
    }

    .social-ft > div.align-social > a:first-child {
        margin-left: 0;
        padding-left: 0;
    }

    .custom-logo-link img {
        margin-left: -42px;
        width: 78px;
        height: 58px;
    }

    .principal-title {
        font-size: 16px;
        line-height: 21px;
    }

    .logo-ft {
        margin-left: -42px;
        width: 111px;
        height: 82px;
    }

    .fixed-right {
        display: none;
    }

    #menu > .menu-toggle {
        margin-top: 0;
    }

    #copyright {
        margin-top: 35px;
        padding-top: 35px;
        position: relative;
        font-size: 10px;
    }

    #copyright a {
        font-size: 10px;

    }

    #copyright::before {
        content: "";
        position: absolute;
        top: 0;
        left: calc(-1 * var(--medium-margin));
        width: calc(100% + var(--medium-margin) * 2);
        height: 1px;
        background-color: #3375CA;
    }

    .banniere::before {
        background: linear-gradient(180deg, rgba(0, 79, 181, 0.10) 11.36%, rgba(0, 79, 181, 0.40) 47.14%), linear-gradient(180deg, rgba(0, 0, 0, 0.20) 30.94%, #000 58.58%);
    }

    .banniere {
        display: flex;
        align-items: flex-end;
    }

    .content-ban {
        padding-bottom: 200px;
    }

    .banniere > svg {
        width: auto;
        height: 150px;
        padding: 0;
    }

    #cookieNotice {
        width: 100%;
        bottom: 0;
    }

    .grid-reseaux {
        grid-template-columns: 1fr 1fr;
    }

    #eapps-facebook-feed-1 .eapps-facebook-feed-content-container {
        height: 40.6vw !important;

    }

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

    #eapps-facebook-feed-1 .eapps-facebook-feed-content-container,
    .eapps-facebook-feed-posts-inner,
    .eapps-facebook-feed-posts-item-content-picture img {
        /*height: 40.6vw !important;*/
        height: 101.6vw !important;

    }

    .flex-redirection {
        display: block;
        position: relative;
        top: 0;
        left: 0;
        margin-top: calc(-120px - var(--gap));

    }

    .flex-redirection [data-id="1"] h2 br:first-of-type {
        display: none;
    }

    .flex-redirection [data-id="3"] p br:nth-of-type(2) {
        display: none;
    }

    .redir {
        width: 100%;
        border: 0;
        height: 120px;
        background-color: var(--gris-clair);
        margin-top: var(--gap);
    }

    .redirection-result {
        display: none;
    }

    .redir h2 {
        font-size: 20px;
        font-weight: 700;
        line-height: 25px;
        color: var(--bleujupa);
    }

    .redir p {
        font-size: 17px;
        font-weight: 400;
        line-height: 23px;
        color: var(--bleujupa);

    }

    .redir.active * {
        color: white;
    }

    .redir-result {
        margin-right: 0;
    }

    .grid-essentiel {
        display: block;
    }

    .grid-essentiel {
        position: relative;
        overflow: hidden;
        width: 100%;
    }

    .liens_essentiels {
        position: absolute;
        top: 0;
        left: 100%;
        width: 100%;
        transition: left 0.4s ease-in-out;
        opacity: 0;
        pointer-events: none;
        padding: 20px;
        height: 100%;
        background-color: var(--gris-clair);
    }

    .liens_essentiels.active {
        left: 0;
        opacity: 1;
        pointer-events: auto;
    }

    .liens_essentiels.prev {
        left: -100%;
    }

    .retour-bloc {
        display: block;
    }

    .grid-regions-home {
        display: block;
    }

    .grid-regions-home .map-regions {
        display: none;
    }

    .bloc-home-actus {
        display: flex;
        grid-gap: 0;
        flex-direction: column-reverse;
    }

    .bloc-home-actus .surtitre {
        display: none;
    }

    .bloc-home-actus > div:first-of-type {
        position: relative;
        padding-right: var(--medium-margin);
        padding-top: 25px;
    }

    .arrow-home-actus .swiper-button-ha-next,
    .arrow-home-actus .swiper-button-ha-prev {
        position: absolute;
        right: calc(var(--medium-margin) + 30px);
        top: 25px;
        width: 22px;
        height: 22px;
    }

    .bloc-home-actus img {
        height: 56vw;
    }

    .arrow-home-actus .swiper-button-ha-next {
        right: var(--medium-margin);
    }

    .arrow-home-actus > svg:nth-of-type(2) {
        margin: 0;
    }

    .bloc-home-actus h3 {
        padding-right: 65px;
    }

    .nb {
        font: var(--title2);
        width: 30px;
    }

    .jupaquoi .titre-accordeon a .nb {
        top: -1px;
    }

    .jupaquoi .titre-accordeon a,
    .accordeon .contenu-accordeon {
        padding-left: 30px;
    }

    .grid-organisation-home {
        display: block;
    }

    .home .grid-menu,
    .grid-menu {
        grid-template-columns: 100px 1fr;
        /*padding: 15px var(--small-margin);*/
        padding: 20px var(--small-margin) 10px var(--small-margin);
    }

    #menu .menu-icon {
        width: 26px;
        height: 19px;

    }

    #menu.toggled #close-bar1 {
        transform: translateY(8px) rotate(45deg);
    }

    #menu.toggled #close-bar3 {
        transform: translateY(-11px) rotate(-45deg);
    }


    #main-menu-container {
        width: 100%;
        height: 100vh;
        overflow-y: scroll;
        overflow-x: hidden;

        display: block;
    }
    #main-menu-container::before{
        content: "";
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 60px;
        background-color: var(--bleujupa);
    }
    .design-menu {
        position: relative;
        top: 0;
        left: 0;
        background-color: transparent;
        padding: 0;

    }

    .precedent-menu {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 115px;
        display: flex;
        align-items: flex-end;
        padding: 0px var(--medium-margin);
        background-color: var(--bleulight);
        pointer-events: none;
        /*transition: 0.4s ease-in-out all;*/
    }
    #main-menu-container nav li{
        padding: 8px 0;
    }
    .menu-plus a{
        margin-bottom: 8px;
    }
    .precedent-menu.active {
        padding: 20px var(--medium-margin);
        /*height: 150px;*/
        height: 115px;
        pointer-events: all;
    }
    .home .precedent-menu{
        height: 133px;

    }
    .home .precedent-menu.active{
        height: 133px;
    }
    .has-child::after, .has-redirect::after{
        height: 15px;
        width: 16px;
        top: 3px;
    }
    .precedent-menu svg {
        position: absolute;
        top: unset;
        bottom: 23px;
        left: var(--medium-margin);
        /*width: 20px;*/
        height: 15px;
        width: 16px;
    }

    .back-prev-level {
        text-align: left;
        padding-left: 33px;

    }

    .design-menu > svg {
        display: none;
    }

    #main-menu-container .all-menu {
        padding: 70px var(--medium-margin) 150px var(--medium-margin);
        position: relative;
        z-index: -1;
        overflow: hidden;
        max-height: unset;
    }
    .home #main-menu-container .all-menu{
        padding-top: 90px;
    }
    .sub-menu-lv1{
        padding-top: 50px;

    }
    #main-menu-container nav > ul {
        width: 38.3%;
    }

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

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

    .custom-logo-link, .logo-page, .menu-search .fake-search {
        position: relative;
        z-index: 10001;
        transition: 0.4s ease-in-out all;

    }

    .menu-search .fake-search {
        margin-top: -4px;

    }

    .menu-toggled .logo-page {
        filter: brightness(0) invert(1);
    }

    .menu-toggled .fake-search .search {
        filter: brightness(0) invert(1);
    }

    .logo-page svg {
        width: 29px;
        height: 38px;
    }

    #main-menu-container a {
        overflow: hidden;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        text-align: left;
        padding-right: 20px;
    }

    .menu-toggled #header #close-bar1, .menu-toggled #header #close-bar2, .menu-toggled #header #close-bar3 {
        background-color: white;
    }
    .menu-toggled .fake-search .search {
        -webkit-mask-size: 22px;
        height: 26px;
    }
    .ariane {
        display: none;
    }

    .galeries {
        grid-template-columns: repeat(2, 1fr);
    }

    .galeries a {
        grid-area: unset !important;
    }

    .galeries a img {
        height: 43vw !important;
    }

    .liste-visu,
    .liste-visu.even {
        padding: 0;
        display: flex;
        flex-direction: column-reverse;
    }

    .liste-visu img {
        position: static;
        /*width: calc(100% + var(--big-margin));*/
        width: calc(100%);
        height: 50vw
    }

    .liste-visu > div {
        padding: var(--internpadding);
    }

    .historique {
        display: block;
    }

    .historique .annee {
        width: 90px;
        font-size: 15px;
    }

    .liste-contact.blocliste {
        grid-template-columns: repeat(2, 1fr);
    }

    .liste-contact.blocliste .personnes .img-personne,
    .liste-contact.blocliste .personnes > div img {
        height: 48.3vw;
    }

    .titre-text:not(:first-of-type) h3, .fiche_contact:not(:first-of-type) h3 {
        margin-top: 25px;
    }

    .content-pd-jupa,
    .content-page,
    .header-archive-actu {
        padding-top: 80px;
    }

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

    .head-noimg svg {
        /*height: 80px;*/
        height: auto;
        width: 100%;
    }

    .content-page > .pd-content {
        padding-top: var(--ltspace);
    }

    .content-page .introduction, .grid-content-agenda .introduction {
        margin-bottom: 20px;
    }
    .content-page .introduction{
        margin-top: 20px;
    }
    .single-vivre_sa_foi .listing{
        padding-top: 20px;
    }
    .filter-activite .container-search-post{
        bottom: 0;
    }
    .filter-activite .container-locasearch{
        display: none;
    }
    .section-content {
        margin-top: 40px;
    }
    .bluepattern-act>div{
        min-height: 140px;

    }
    .section-content h2 {
        margin-bottom: 20px;
    }

    .next-link, .prev-link {
        padding-right: 30px;
    }

    .prev-link {
        padding-left: 30px;
        padding-right: 0;
        height: 36px;
        justify-content: center;
    }

    .next-link .surtitre, .prev-link .surtitre {
        display: none;
    }

    .navigation-links .h3 {
        font: var(--paragraphe);
        margin-bottom: 0;
    }

    .prev-link svg, .next-link svg {
        height: 37px;
        width: 18px;
    }

    .bloc-activite {
        display: block;
        padding-right: 0;
    }

    .bloc-activite img {
        height: 60vw;
    }

    .bloc-activite .btn-arrow {
        top: unset;
        bottom: 0;
    }

    .bloc-activite .txt-acti {
        margin-top: -7px;
    }

    .flex-select-messes {
        justify-content: flex-start;
    }

    .filter-activite {
        display: block;
    }

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

    .bloc-agenda, .salle-item, .bloc-actu {
        height: 85.05vw;
    }

    .accordeon-groupe {
        display: block;
    }

    .accordeon-groupe .txt-accord {
        padding: 0 var(--internpadding) var(--internpadding) var(--internpadding);
    }

    .head-contact .image-first,
    .head-thumb {
        height: 47vw;
    }

    .link-messe {
        position: relative;
        top: unset;
        right: unset;
        display: none;
    }

    .listing-filtre {
        position: fixed;
        width: 100%;
        right: 0;
        z-index: 10002;
    }

    .relative-filtre.active {
        padding-right: 0;
    }


    .featured-agenda {
        height: 38.1vw;
    }

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

    .relative-filtre.liste .bloc-agenda {
        padding-left: 140px;
    }

    .relative-filtre.liste .carre-dateheure {
        left: calc(140px - 55px);
        height: 55px;
        width: 55px;
        font-size: 16px;
        line-height: 19px;
    }

    .txt-bt-agenda {
    }

    .relative-filtre.liste .txt-bt-agenda {
        width: 100%;

    }

    .grid-ban-news {
        display: block;
    }

    .bloc-agenda .carre-dateheure {
        z-index: 7;
    }

    .filter-list {
        /*display: block;*/
    }

    .filter-grid {
        display: block;
    }

    .filter-date-range input {
        width: 47px;
        padding: 23px;
    }

    .filter-date-range::after {
        left: 16px;
    }

    .filter-date label {
        padding: 12px 15px;
    }

    .listing {
        overflow: unset;
    }

    .sticky-mobile {
        position: sticky;
        top: 0;
        z-index: 1000;
        background: white;
        padding: 20px 0;
    }

    #search-special {
        margin-bottom: 0;
    }

    .container-search-post {
        position: absolute;
        left: 0;
        width: 70%;
        bottom: 26px;
    }

    select {
        padding: 9px 13px;
        height: auto;
        font: var(--ltparagraphe);
    }

    #search-annuaire::placeholder,
    #search-annuaire,
    #search-special::placeholder,
    #search-special {
        font: var(--ltparagraphe);
    }

    #annuaire-filters > div:first-of-type .contain-select,
    #filters > div:first-of-type .contain-select {
        margin-bottom: 10px;
    }

    .relative-filtre.liste .bloc-actu {
        padding-left: 140px;
    }

    .relative-filtre.liste .bloc-actu img {
        width: 140px;
    }

    .lieu-actu {
        display: none;
    }


    .featured-actu {
        /*display: none;*/
        display: block;
    }
    .featured-actu-img{
        display: none;
    }
    .featured-actu{
        height: auto;
    }


    .header-archive-actu{
        height: auto;
        padding-right: var(--medium-margin);
    }
    .surtitre span:not(:first-of-type) {
        /*margin-left: 0;*/
        /*padding-left: 0;*/
        /*margin-right: 5px;*/
    }

    /*.surtitre span:not(:first-of-type)::before {*/
    /*    display: none;*/
    /*}*/

    .sticky-mobile select {
        background: var(--bleujupa);
        color: white;
    }

    .sticky-mobile select option {
        color: white;
    }

    .sticky-mobile .contain-select::after {
        background-color: white;
    }

    .listing h2 {
        margin-bottom: 10px;
    }

    .bloc-annuaire.services {
        grid-template-columns: 1fr 26px;
    }

    .bloc-annuaire.services div,
    .bloc-annuaire.services a:not(:first-of-type, :last-of-type) {
        display: none;
    }

    .bloc-annuaire.personnes, .bloc-annuaire.batiments {
        display: flex;
        gap: 0;
        flex-wrap: wrap;
        position: relative;
        padding-top: 12px;
        padding-bottom: 12px;
        padding-right: 20px;
        /*padding: var(--internpadding) 40px var(--internpadding) var(--internpadding);*/
    }

    .bloc-annuaire.personnes > div {
        display: none;
    }

    .bloc-annuaire.personnes > div:nth-child(2) {
        display: block;
    }

    .bloc-annuaire.batiments a:nth-child(2),
    .bloc-annuaire.personnes > div:nth-child(2) * {
        font-weight: 300;
    }

    .bloc-annuaire.personnes div,
    .bloc-annuaire.personnes a,
    .bloc-annuaire.batiments a {
        padding: 0;
    }

    .bloc-annuaire.personnes .icon,
    .bloc-annuaire.batiments .icon {
        position: absolute;
        /*right: var(--internpadding);*/
        right: 0;
        top: 50%;
        transform: translate(0, -50%);
        width: 20px;
    }

    .bloc-annuaire p, .bloc-annuaire a {
        font: var(--ltparagraphe);
        color: var(--bleujupa);
        font-weight: bold;
    }

    .bloc-annuaire .icon {
        -webkit-mask-size: 17px;

    }

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

    .grid-content-agenda {
        display: block;
    }

    .sticky-back-agenda {
        position: absolute;
        height: 60vh;
    }

    .big-featured-agenda {
        background-color: var(--gris-clair);
    }

    .big-featured-agenda h2 {
        color: var(--bleujupa);
    }

    .big-featured-agenda::after {
        display: none;
    }

    .big-go-back {
        height: 37px;
        top: calc(0px - 37px);
    }
    .liste-content-right{
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .liste-content-right a:not(.surtitre) ,
    .liste-content-right p:not(.surtitre) {
        max-height: 0;
        overflow: hidden;
        transition: 0.4s ease-in-out all;
    }

    .liste-content-right.active a:not(.surtitre),
    .liste-content-right.active p:not(.surtitre) {
        max-height: 800px;
    }

    /* Optionnel : style du titre pour cliquer */
    .liste-content-right .surtitre {
        cursor: pointer;
        font-weight: bold;
        color: var(--bleujupa);
        opacity: 1;
        width: 100%;
        position: relative;
    }

    .liste-content-right .surtitre::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        height: 15px;
        width: 15px;
        transform: rotate(90deg);
        -webkit-mask-size: 15px;
        -webkit-mask-position: center;
        -webkit-mask-repeat: no-repeat;
        cursor: pointer;
        background-color: var(--bleujupa);
        transition: 0.5s ease-in-out all;
        -webkit-mask-image: url("../images/icons/lt-arrow.svg");

    }

    .liste-content-right.active .surtitre::after {
        transform: rotate(-90deg);
    }

    .accordeon-txt {
        width: calc(100% - 7px);
        /*padding: var(--internpadding);*/
    }

    .accordeon-txt .navig-accord {
        right: -7px;
        height: 40px;
        width: 40px;
    }

    .grid-salle-result > .salles-list {
        grid-template-columns: 1fr;
    }

    .archive-messes .listing-filtre,
    .grid-salle .listing-filtre {
        padding-top: 60px;
    }

    #salles-filters {
        /*padding: 0;*/
        background-color: white;
        display: flex;
        position: sticky;
        left: 0;
        top: 0;
        z-index: 100;
        padding: 20px 0;
    }

    #search-salles {
        background-color: var(--gris-clair);
        background: transparent;
        border-bottom: 1px solid var(--bleujupa);
        padding: 10px 0px 8px 0px;
    }

    .archive-messes #filters {
        display: block;
        margin-top: 0;
        margin-bottom: 45px;
    }

    .flex-select-messes {
        margin-left: auto;
        position: absolute;
        right: 0;
        bottom: 26px;
    }

    .filter-date label {
        height: 41px;
    }

    .filter-date-range input {
        width: 47px;
        padding: 19px;
        height: 41px;
    }

    .filter-date-range::after {
        top: 15px;
    }

    .subscribe-messes {
        bottom: 20px;
        top: unset;
        /*transform: translate(calc(100% - 0px), 0);*/
    }
    .subscribe-messes.active{
        width: 100%;
        bottom: 0;
    }
    .subscribe-messes .icon{
        background: white;
    }
    .subscribe-messes .txt{
        padding-left: 0;
        opacity: 0;
    }
    .subscribe-messes.active .txt{

        opacity: 1;
    }
    .grid-select-ics{
        grid-template-columns: 1fr;
    }
    .list-step-ics h2{
        padding-right: 20px;
        font: var(--title3);
    }
    .accord-plus svg{
        position: absolute;
        top: 0;
        right: 0;
        width: 19px;
        height: 19px;
    }
    .p-fixed-ics-configure{
        padding: 60px var(--medium-margin);
    }
    .p-fixed-ics-configure .h1{
        font: var(--title2);
    }
    #ics-link{
        padding: 10px 15px;
        font: var(--ltparagraphe);
        height: 44px;
    }
    #ics-link::placeholder{
        font: var(--ltparagraphe);
    }

    #menu-espace .menu-toggle {
        display: block;
        position: absolute;
        top: 24px;
        right: var(--medium-margin);
        background: transparent;
        padding: 0;
        z-index: 10001;

    }

    #main-menu-container-espace .fake-search {
        position: fixed;
        top: 20px;
        right: calc(var(--medium-margin) + 50px);
        z-index: 10001;
    }

    #menu-espace .menu-icon {
        display: block;
        position: relative;
        width: 26px;
        height: 19px;
    }

    #main-menu-container-espace {
        width: 100%;
        height: 100vh;
        overflow-y: scroll;
        overflow-x: hidden;
        display: block;
        position: fixed;
        top: 0px;
        right: 0;
        background: var(--bleujupa);
        z-index: 10000;
        transition: 0.5s ease-in-out all;
        /*clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);*/
        clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);

    }

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

    #main-menu-container-espace > nav {
        padding: 100px var(--medium-margin) 100px var(--medium-margin);
    }

    #menu-espace.toggled #close-bar1 {
        transform: translateY(8px) rotate(45deg);
    }

    #menu-espace.toggled #close-bar2 {
        width: 0;
        right: 50%;
    }

    #menu-espace.toggled #close-bar3 {
        transform: translateY(-11px) rotate(-45deg);
    }

    #main-menu-container-espace > nav > ul {
        flex-direction: column;
        width: 100%;
    }

    #main-menu-container-espace > nav > ul > li > a {
        color: white;
        font: var(--paragraphe);
        position: relative;
        display: block;
        transition: 0.5s ease-in-out all;
        text-transform: none;
    }

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

    #main-menu-container-espace > nav > ul > li {
        margin-left: 0;
    }

    #main-menu-container-espace > nav > ul > li > a {
        padding-bottom: 0;
    }

    .contain-sub-menu-ep {
        padding: 0 var(--medium-margin);
        height: 100vh;
        z-index: 10000;

        overflow: hidden;
    }

    #menu-espace .sub-menu-ep {
        display: block;
        width: 100%;
        z-index: 100;
        background-color: var(--bleujupa);
    }

    /*#menu-espace .sub-menu-ep,*/
    /*#menu-espace .space-left-menu{*/
    /*    background-color: transparent;*/
    /*}*/
    .space-left-menu {
        padding: 0;
    }

    #menu-espace .sub-menu-ep {
        top: 0px;
    }

    .contain-sub-menu-ep .menu-level {
        width: calc(100% - var(--medium-margin) * 2);
        padding: 0;
        left: var(--medium-margin);
        top: 20px;
        /*top: 0px;*/
    }

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

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

    .logo-espace img {
        width: 130px;
        height: 49px;
        object-fit: contain;
        margin-left: 0;
    }

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

    .container-logo-espace {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    #menu-espace .space-left-menu {
        height: 147px;
        display: flex;
        padding: 20px var(--medium-margin);
        align-items: flex-end;
        background-color: var(--bleulight);
    }

    .grid-ep-actus {
        grid-template-columns: 1fr;
    }

    .grid-essentiel-ep {
        grid-template-columns: 1fr;
        overflow: hidden;
        position: relative;
        width: 100%;
    }

    .presentation-ep {
        grid-template-columns: 1fr;
    }

    .content-head-ep {
        width: 100%;
        padding: 0 var(--medium-margin);
        margin-top: -259px;
    }

    .header-espace {
        padding: 0;
        flex-direction: column;
        height: auto;
        align-items: flex-start;
        margin-bottom: 0;
    }

    .image-avant-ep {
        position: relative;
        top: 0;
        left: 0;
        z-index: 1;
        height: calc(90vh - 75px);
    }
    .content-head-ep{
        margin-top: -260px;
    }

    .header-espace::before {
        height: calc(90vh - 75px);

    }

    .single-espaces {
        /*overflow-x: hidden;*/
    }

    .grid-essentiel-ep .result-essentiel {
        background-color: transparent;
        padding: 0;
        margin-bottom: 0;
        min-height: unset;
    }
    .presentation-ep{
        margin-top: var(--mdspace);
    }
    .home-espace .grid-menu-espace,
    .grid-menu-espace {
        height: auto;
    }

    .grid-essentiel-ep .liens_essentiels {
        display: block;
        max-height: unset;
        /*height: 100%;*/
        height: auto;
    }

    .grid-essentiel-ep .liens_essentiels {
        display: block;
    }

    .square_lien {
        background-color: transparent;
        padding: 0;
        font: var(--paragraphe);
        position: relative;
        padding-left: 28px;
        display: block;
        /*margin-bottom: 10px;*/
        transition: 0.5s ease-in-out all;
        color: var(--bleujupa);
        margin-bottom: 7px;
    }

    .square_lien span {
        color: var(--bleujupa);

    }

    .square_lien::before {
        content: "";
        position: absolute;
        top: 5px;
        left: 0;
        height: 17px;
        width: 17px;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        background-image: url("../icons/arrow-link-2.svg");
        transition: 0.5s ease-in-out all;
    }

    .square_lien svg {
        display: none;
    }

    .grid-essentiel-ep .container-essentiel {
        margin: 0;
    }

    .grid-essentiel-ep {
        padding: 0;
        display: block;
        width: calc(100% - var(--medium-margin) * 2);
        margin-left: var(--medium-margin);
        margin-top: calc(var(--mdspace) + 40px + var(--mdspace));
        margin-bottom: var(--mdspace);
    }
    .grid-essentiel-ep .liens_essentiels li{
        display: block;
    }
    .template-espace-messes-et-celebrations .archive-messes,
    .content-pd-ep {
        padding-top: 100px;
    }

    .content-pd-ep-lt,
    .head-contact {
        padding-top: 70px;
    }
    .single-nos_plus .content-pd-ep-lt{
        padding-top: 90px;
    }
    .content-head-ep .search-base {
        display: none;
    }

    .fake-mobile {
        display: block;
        position: absolute;
        top: 24px;
        right: calc(var(--medium-margin) + 40px);
        filter: brightness(0) invert(1);
    }

    .fake-mobile svg {
        width: 22px;
        height: 22px;
    }

    #menu-espace #close-bar1, #menu-espace #close-bar2, #menu-espace #close-bar3 {
        background-color: white;
    }

    #main-menu-container-espace .fake-search {
        display: none;
    }

    .banniere h2 br {
        display: none;
    }

    .grid-ft p {
        font-size: 14px;
    }

    .grid-ft p br {
        display: none;
    }

    .lt-logo-espace img {
        width: 126px;
        height: 31px;
    }

    .filter-activite .container-search-post {
        width: 100%;
    }

    .template-espace-activites .flex-select-messes {
        display: none;
    }

    .template-espace-activites .filter-activite .container-search-post {
        bottom: 0;
    }

    .flex-image-gal-paroisse {
        flex-direction: column-reverse;
        padding-bottom: 0;
    }

    .flex-image-gal-paroisse .left-paroisse {
        /*width: calc(100% + var(--medium-margin) * 2);*/
        width: 100%;
        margin: 0;
        /*margin-left: calc(-1 * var(--medium-margin));*/
        /*padding: 20px var(--medium-margin);*/
        padding: var(--internpadding);
    }
    .tag{
        font-size: 11px;
    }
    .presentation-activite .gal-paroisse {
        width: calc(100% + var(--medium-margin));
        padding-left: 0;
        margin-right: calc(-1 * var(--medium-margin));
    }

    .single-activite .content-txt {
        /*padding-top: 0;*/
    }

    .flex-image-gal-paroisse .txt {
        padding: 0;
        background-color: transparent;
    }

    .presentation-activite .tag {
        /*background-color: var(--gris-clair);*/
    }

    .table-container {
        overflow-x: scroll; /* active le scroll horizontal */
        -webkit-overflow-scrolling: touch; /* pour un scroll fluide sur iOS */
        scrollbar-width: thin; /* Firefox: barre fine */
        scrollbar-color: #0078d4 #f1f1f1; /* couleur personnalisée */
        max-width: 100vw; /* pour forcer à rester dans la largeur de l'écran */
    }

    .table-container::-webkit-scrollbar {
        height: 8px;
    }

    .table-container::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    .table-container::-webkit-scrollbar-thumb {
        background-color: #0078d4;
        border-radius: 10px;
        border: 2px solid #f1f1f1;
    }

    .table-container .table-row {
        width: 180vw;
    }

    .table-cell {
        padding: 8px 12px;
    }

    .table-container .table-cell :not(.first-cell) p {
        font-size: var(--ltparagraphe);
    }

    .content-pd-ep > .pd-top {
        padding-top: 0;
    }

    .flexible-single {
        padding-bottom: var(--mdspace);
    }

    .titre-text.titre_texte_fond h3 {
        margin-top: 0;
    }

    .grid-contact-head {
        display: flex;
        flex-direction: column-reverse;
        grid-gap: 0;
    }

    .contact-container .flexible-content {
        margin-top: 0;
    }

    .single-nos_plus .content-pd-ep > .pd-top {
        padding-top: var(--mdspace);
    }
    .home-espace .lt-logo-espace-3 img,
    .lt-logo-espace-3 img {
        width: 230px;
        height: 38px;
    }

    .paroisse-selected {
        font-size: 11px;
        left: 38px;
        width: 200px;
        top: 45px;
        bottom: unset;
    }

    .postid-89 .content-head-ep {
        margin-top: -342px;
    }

    .horaire span:first-of-type {
        /*font-weight: 700;*/
        display: block;
        color: var(--bleujupa);
    }

    .horaire span {
        width: 115px;
    }

    .navigation-mb {
        position: relative;
        z-index: 101;
        padding-bottom: var(--mdspace);
        padding-top: var(--mdspace);
        border-top: 1px solid var(--bleujupa);
    }

    .custom-select {
        width: 100%;
    }

    .select-selected > svg {
        margin-left: auto;
    }

    .select-selected {
        width: 100%;
    }

    .select-item, .select-items a {
        width: 100%;
    }

    .img-accord img {
        object-position: left;
    }


    .region-actualites #header,
    .region-agenda #header,
    .region-messes-et-celebrations #header,
    .page-template-template-messes #header,
    .page-template-template-annuaire #header,
    .page-template-template-salle #header,
    .page-template-template-actualites #header,
    .page-template-template-agenda #header {
        position: absolute;
    }

    .flexible-content .section-content:first-of-type {
        margin-top: 25px;
    }


    .grid-menu-cec {
        display: block;
    }

    .container-menu-cec {
        position: fixed;
        top: 0;
        left: 0;
        height: 100vh;
        width: 80%;
        z-index: 10000;
        transform: translate(-100%, 0);
        transition: 0.5s ease-in-out all;
    }

    .container-menu-cec.active {
        transform: translate(0, 0);
    }

    .pd-cec {
        padding-left: var(--medium-margin);
        padding-right: var(--medium-margin);
    }

    .menu-icon-cec {
        display: block;
        position: fixed;
        top: 25px;
        right: var(--medium-margin);
        width: 30px;
        height: 20px;
        z-index: 10002;
        cursor: pointer;
    }

    body.no-scroll-cec {
        position: relative;
    }

    body.no-scroll-cec::after {
        transform: scale(1);
    }

    .no-scroll-cec {
        overflow: hidden;
    }

    .link-home-cec {
        display: grid;
        grid-template-columns: 106px 1fr;
    }

    .sticky-menu-cec {
        height: calc(100vh - 35px - 30px);
        overflow-x: hidden;
        overflow-y: scroll;
    }

    .sticky-menu-cec::-webkit-scrollbar-thumb {
        background: white;
    }

    .sticky-menu-cec::-webkit-scrollbar-track {
        background: #657A93FF;
    }

    .menu-icon.toggled-cec #close-bar1 {
        transform: translateY(11px) rotate(45deg);
    }

    .menu-icon.toggled-cec #close-bar2 {
        width: 0;
        right: 50%;
    }

    .menu-icon.toggled-cec #close-bar3 {
        transform: translateY(-9px) rotate(-45deg);
    }

    .menu-icon.toggled-cec #close-bar1,
    .menu-icon.toggled-cec #close-bar2,
    .menu-icon.toggled-cec #close-bar3 {
        background: white;
    }

    .svg-head-cec {
        margin-bottom: 30px;
    }

    .image_avant_cec {
        height: 44vw;
    }

    .min-cec .listing {
        padding-top: 0;
    }

    .grid-galerie-vdo {
        grid-template-columns: 1fr;
    }

    .bluepattern {
        display: none;
    }
    .link-arrow-before::before{
        top: 3px;
        height: 15px;
        width: 15px;
    }
    .link-arrow-before.retour-bloc{
        color: var(--grisfonce);
        margin-bottom: 15px;

    }
    .retour-bloc::before{
        transform: rotate(180deg);
        background-color: var(--grisfonce);
    }
    .bloc-essentiel{
        color: var(--bleujupa);
        opacity: 1;
    }
    .bloc-essentiel.link-arrow-before:before{
        background-color: var(--bleujupa);
    }
    .link-arrow-before{
        /*margin-bottom: 10px;*/
    }
    .liens_essentiels .link-arrow-before{
        /*padding-bottom: 7px;*/
    }
    .grid-essentiel, .grid-regions-home{
        padding: 20px;
    }
    .flex-redirection .search-base{
        display: none;
    }
    .js-liste-espaces{
        margin-bottom: 0;
    }
    .btn_base{
        padding: 8px 30px 8px 13px;
    }
    .btn_base::after{
        right: 10px;
        height: 12px;
        width: 12px;
    }
    .grid-organisation-home .map-interractive{
        width: calc(100% + 30px);
        margin-left: -30px;
        margin-top: 30px;
    }
    .plus-svg{
        width: 20px;
        height: 20px;
    }
    .jupaquoi .titre-accordeon{
        padding-right: 40px;
    }
    .accordeon{
        padding: 20px 0 20px 0;
    }
    .grid-reseaux #eapps-facebook-feed-1, .grid-reseaux #eapps-instagram-feed-1, .grid-reseaux #yottie-1{
        height: auto;
    }
    .banniere > svg{
        height: 110px;
    }
    .banniere{
        min-height: unset;
    }
    .sub-menu-content{
        margin-bottom: 25px;
    }
    .sub-menu-content a{
        font-size: 13px;
        padding-right: 5px;
        margin-right: 5px;
    }
    .personnes a, .service a, .service p, .personnes p, .lieux p{
        font: var(--ltparagraphe);
    }
    .flex-salle{
        display: flex;
        flex-direction: column-reverse;
    }
    .flex-salle > div:first-of-type{
        width: 100%;
    }
    .single-salle.pd-single{
        /*padding-top: 120px;*/
        padding-left: var(--medium-margin);
        padding-right: var(--medium-margin);
    }
    .single-salle.pd-single{
        padding-top: 90px;
        padding-bottom: 60px;
    }
    .grid-adresses{
        display: block;
    }
    .flex-salle > div:last-of-type{
        width: 100%;
        padding-left: 0;
    }
    .img-single-right{
        height: 85vw;

    }
    .single-salle .goback{
        display: none;
    }
    .pattern-bt{
        display: none;
    }
    .personnes p{
        word-break: break-word;
    }
    .liste-contact.imgliste .personnes{
        flex-wrap: wrap;
    }
    .liste-contact.imgliste .personnes .img-personne{
        width: 110px;
    }
    .liste-contact.imgliste .personnes>div:last-child{
        width: calc(100% - 130px);
    }
    .bluepattern > div, .bluepattern-act > div{
        -webkit-mask-size: 200px;
    }
    .link_base.down::after{
        top: 15px;
    }
    .surtitre, .surtitre-menu{
        font-weight: 700;
        font-size: 11px;
    }
    .bloc-activite .txt-acti li,
    .bloc-activite .txt-acti p:not(.surtitre){
        font: var(--ltparagraphe);
    }
    .left-paroisse{
        background-color: var(--gris-clair);
    }

    .single-activite .head-noimg{
        display: none;
    }
    .gal-paroisse-mob{
        width: calc(100% - var(--big-margin));
        margin-left: auto;
        display: flex;
        align-items: flex-end;
        justify-content: flex-end;
        padding-left: 0;
    }
    .full-head-agenda{
        height: 80vh;
    }
    .accordeon-txt .contenu-accordeon h3{
        margin-bottom: 15px;
    }
    .btn-arrow {
        width: 34px;
        height: 34px;
        background-size: 11px;

    }
    .titre_texte_bleu{
        padding-left: 15px;
    }
    .titre_texte .btn_base {
        margin-top: 10px;
    }
    .liste-galeries{
        grid-template-columns: 1fr;
    }
    .module-search{
        height: calc(100vh - 100px);
        width: calc(100% - var(--medium-margin) * 2);
    }
    .complex-search{
        display: block;
        padding: 25px;
        height: calc(100vh - 100px - 60px);
    }
    .search-item.istempsfort .surtitre{
        top: 42.3vw;
        position: static;
        background: transparent;
        padding: 0;
        color: rgba(39, 39, 39, 0.80);
        opacity: 0.4;
    }
    .search-item.istempsfort .surtitre>span{
        color: rgba(39, 39, 39, 0.80);
    }
    .search-item .surtitre{
        font-size: 9px;
        margin-bottom: 1px;

    }
    .search-item.istempsfort img {
        width: 100%;
        height: 50vw;
        display: none;
    }
    .search-item{
        margin-bottom: 7px;
    }
    .carre-dateheure{
        height: 65px;
        width: 65px;
        font-size: 18px;
        line-height: 19px;
    }
    .relative-filtre.liste .bloc-agenda{
        padding-left: 0;
    }
    .relative-filtre.liste .txt-bt-agenda{
        width: calc(100% - 140px);
        margin-left: auto;

    }
    .txt-actu h1, .grid-content-agenda h1 {
        margin-bottom: 20px;
    }
    .content-agenda{
        padding-right: var(--medium-margin);
    }
    .big-go-back span:last-child{
        margin-left: calc(var(--medium-margin) + 2px);
    }
    .grid-content-agenda .introduction{
        margin-top: 15px;
    }
    .relative-filtre.liste  .bloc-actu .lieu-actu{
        display: none;
    }
    .back-nav::after{
        left: calc(var(--medium-margin) - var(--internpadding) - 0px);
        width: 7px;
        height: 7px;
    }
    .single-actualites #container {
        padding-top: 90px;
    }
    .accordeon-txt.active .btn-arrow .icon:hover{
        background-color: white;
    }
    .bloc-annuaire{
        padding-right: 0;
        padding-left: 0;
    }
    .bloc-annuaire p, .bloc-annuaire a{
        padding-top: 12px;
        padding-bottom: 12px;
    }
    #annuaire-results{
        margin-top: 0;
    }
    .swiper-single-salle,
    .img-single-right{
        margin-top: 0;
        width: calc(100% + var(--medium-margin));
    }
    .swiper-single-salle img,
    .img-single-right{
        height: 64vw;
    }
    .img-single-right{
        margin-bottom: 20px;
    }
    .flex-salle .container-navigation-swipe{
        margin-top: 0;
        margin-bottom: 20px;
    }
    .lgd{
        font-size: 11px;
    }
    .swiper-single-salle .absol-open{
        width: 28px;
        height: 28px;
    }
    .head-salle{
        padding: 0;
        background: transparent;
        margin-bottom: 40px;
    }
    .head-salle > h1{
        margin-bottom: 12px;
    }
    .head-salle > div{
        padding-top: 12px;
        margin-top: 12px;
    }

    #googleMap{
        height: 350px!important;
    }
    .salle-item .container-navigation-swipe{
        margin-top: 5px;
    }
    .txt-item-salle p,
    .txt-item-salle{
        font: var(--ltparagraphe);
    }
    .txt .list-separator li{
        display: block;
    }
    .txt .list-separator li span{
        display: block;
        font-style: italic;
    }
    .head-salle > .salle-access{
        top: 65px;
        right: 0;
    }
    .head-salle > .salle-access .icon{
        -webkit-mask-size: 18px;
    }
    #messes-results .pagination{
        display: block;
    }
    .normal-link{
        text-decoration-thickness: 1px;
    }
    .presentation-ep h2 br{
        display: none;
    }
    .square_lien::before{
        top: 4px;
        left: 0;
        height: 13px;
        width: 15px;
    }
    .region-ft .logo-ft{
        width: 232px;
    }
    .social-ft .go-back-jupa{
        margin-top: 20px;
        margin-bottom: 40px;
    }
    .social-ft .go-back-jupa svg{
        height: auto;
        width: 115px;
    }
    #footer{
        padding-bottom: 40px;
    }
    .region-ft .social-ft{
        margin-top: 25px;
    }
    .home-espace #menu-espace .menu-toggle, .home-espace .fake-mobile{
        top: 34px;
    }

    .sub-menu-ep{
        clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);

    }
    .sub-menu-ep.active{
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    }
    .big-featured-agenda .white .arrow-base{
        filter: unset;
    }
    .bloc-activite .txt-acti{
        padding-bottom: var(--biginternpadding);
    }
    .txt ul li::before{
        top: 7px;
    }
    .template-espace-activites .listing{
        padding-bottom: 0;
    }
    .table-container p{
        font: var(--ltparagraphe);
    }
    .titre-accordeon h3{
        margin-bottom: 0;
    }
    .content-ban .btn_base{
        margin-top: 0;
    }
    .banniere h2{
        margin-bottom: 10px;
    }
    .swiper-gal-paroisse{
        width: 100%;
    }
    .swiper-gal-paroisse img{
        /*height: 58vw;*/
        height: 113vw;
        object-fit: cover;
    }
    .single-paroisses .gal-paroisse-mob{
        margin-bottom: 20px;
    }
    .flex-image-gal-paroisse .left-paroisse.no-mg{
        padding-top: 0;
    }
    .flex-image-gal-paroisse .left-paroisse.no-mg .listing-btn{
        margin-top: 0;
    }
    .bloc-actu .surtitre{
        padding: 10px var(--internpadding);
    }
    .featured-actu-list .swiper-slide-next{
        opacity: 0;
    }
        .featured-actu-list{
            transform: translateX(-7.5vw);
            width: calc(100% + 7.5vw * 2);
        }
    .featured-actu-img-mob{
        height: 260px;
        position: relative;
        transform: translateX(-7.5vw);
        width: calc(100% + 7.5vw * 2);

    }
    .featured-actu{
        position: relative;
    }
    .featured-actu .btn_swipe_mobile{
        display: flex;
        position: absolute;
        top: 280px;
        right: 0;
    }
    .featured-actu .btn_swipe_mobile>div{
        position: static;
    }
    .swiper-actu-mob a{
        width: calc(100% - 7.5vw * 2 - 60px);
        margin-top: -20px;
        margin-left: var(--medium-margin);
    }
    .intro-featured{
        display: block!important;
    }
    .txt-featured-actu .btn-arrow{
        opacity: 1;
    }
    .logo-ft-copy{
        transform: translateY(5px);
    }
    .logo-ft-copy:first-of-type svg{
        width: 40px;
        height: auto;
    }
    .logo-ft-copy:nth-of-type(2) svg{
        width: 33px;
        height: auto;
    }
    .logo-ft-home{
        display: block;
        line-height: 0;
    }


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

    body .yottie-widget-video-preview-thumbnail img {
        height: auto !important;
        transform: unset!important;
    }

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

    /*#yottie_1 .yottie-widget-video {*/
    /*    width: 100% !important;*/
    /*}*/
    .no-scroll-menu #header.up-scroll .custom-logo-link img{
        filter: brightness(0) invert(1);
    }

}

@media (max-width: 768px) {
    .grid-reseaux {
        grid-template-columns: 1fr;
    }

    .eapps-facebook-feed-posts-item-content-picture {
        width: 100%;
    }

    .eapps-facebook-feed-posts-item-content-picture img {
        width: 100%;
    }

    .logo-ft {
        margin-left: 0;
    }

    .grid-ft p, .social-ft {
        padding-left: 42px;
    }

    .custom-logo-link img {
        margin-left: 0;
    }

    .principal-title {
        /*padding-left: 42px;*/
        padding-left: 31px;
        padding-right: var(--medium-margin);
        font-size: 13px;
        line-height: 19px;
    }

    .principal-title br {
        /*display: none;*/
    }
    .messe-top{
        display: none!important;
    }

    .messe-item {
        display: flex;
        flex-wrap: wrap;
        position: relative;
        grid-gap: 0;
        /*max-width: 85vw;*/
    }

    .detail-paroisse-messe,
    .fiche-contact-messe {
        width: 100%;
    }
    .messe-item a{
        font: var(--ltparagraphe);
    }
    .flexico-messe {
        position: absolute;
        /*right: 37px;*/
        /*bottom: 27px;*/
        /*margin-top: 10px;*/
        margin-top: 2px;
        margin-left: auto;
        display: flex;
        flex-direction: row-reverse;
        top: 8px;
        right: 0;
    }
    .messe-item .icon{
        -webkit-mask-size: 17px;
        width: 18px;
    }
    .flexico-messe > div:last-child,
    .flexico-messe > div {
        margin-right: 8px;
    }

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

    .lang-messe {
        position: absolute;
        right: 0;
        bottom: 20px;
    }

    .messe-item > div:first-of-type,
    .messe-item > div:nth-of-type(2) {
        margin-right: 7px;
    }

    /*.detail-paroisse-messe {*/
    /*    margin: 5px 0;*/
    /*}*/
    .messe-item{
        padding: 12px 0;
    }
    .detail-paroisse-messe {
        margin: 3px 0;
    }
    .messe-item .toolmesse .tooltip-custom {
        transform: translate(-250px, 0%);
        max-width: 350px;
    }

    .messe-item .toolmesse .tooltip-custom::after {
        left: 97.5%;
    }

    .toolmesse .tooltip-custom {
        width: 250px;
    }

    .liste-contact.blocliste {
        grid-template-columns: 1fr;
        grid-gap: 0;
    }

    .liste-contact.blocliste .personnes .img-personne, .liste-contact.blocliste .personnes > div img {
        height: 103.3vw;
    }

    .liste-lieux.blocliste {
        display: block;
    }

    .swiper-content-lieux {
        overflow: hidden;
        height: 53.3vw;
    }

    .lieux .dark-bg-activite, .swiper-content-lieux img {
        height: 53.3vw;
    }

    .liste-lieux.blocliste .lieux:nth-of-type(even) {
        margin-left: 0;
    }

    .liste-lieux.blocliste .lieux > div:nth-of-type(2) {
        background: var(--gris-clair);
    }

    .liste-lieux.blocliste .lieux {
        margin-bottom: var(--gap);
        display: block;
        width: 100%;
        margin-left: 0;
    }

    /*.featured-agenda {*/
    /*    height: 85.1vw;*/
    /*}*/
    .featured-agenda {
        height: 56.1vw;
    }
    .relative-filtre .grid-post{
        overflow-x: hidden;
    }
    .relative-filtre.liste .bloc-agenda .btn-arrow,
    .relative-filtre.liste .bloc-actu .btn-arrow {
        top: unset;
        bottom: 0;
    }

    .grid-50 {
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .pomform .form-group {
        margin-bottom: 15px;
    }

    .pomform input,
    .pomform select {
        height: 42px;
    }

    .vraix__faux label::before {
        width: 22px;
        height: 22px;
    }

    .pomform textarea {
        height: 130px;
    }


    .link-home-cec {
        display: block;
    }

    .container-menu-cec {
        width: 100%;
        padding: 0;
    }

    .sticky-menu-cec {
        height: 100dvh;
        min-height: unset;
        padding-top: 30px;
        padding-bottom: 50px;
        justify-content: flex-start;
        padding-left: var(--medium-margin);
        padding-right: var(--medium-margin);
    }

    .link-home-cec svg {
        height: 50px;
    }

    .link-home-cec .titre-cec {
        font-size: 15px;
    }

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

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

    .min-cec {
        min-height: calc(100vh - 110px - 125px);
    }

    #copyright.ft-copyright-cec {
        margin-top: 30px;
        padding: 30px 0;
    }

    .filter-communes {
        display: flex;
        flex-direction: column;
        grid-gap: unset;
    }

    .flex-select-communes {
        width: 100%;
        margin-bottom: 30px;
    }

    #filters > div.flex-select-communes:first-of-type .contain-select {
        max-width: unset;
        width: 100%;
    }

    .cec-menu-child.active {
        padding-top: 10px;
    }

    .horaire span {
        width: 100px;
        font-size: 15px;
    }

}