:root {
    --small-margin: 4vw;
    --medium-margin: 8.5vw;
    --big-margin: 14vw;
    --extra-margin: 24vw;

    --decrochement: 40px;
    /*--internpadding: 25px;*/
    --internpadding: 30px;
    --biginternpadding: 50px;
    --gap: 30px;

    --ltspace: 50px;
    --mdspace: 90px;
    --bigspace: 125px;

    --bleulightlight: #51B1FF;
    --bleulight: #068FFF;
    --bleujupa: #004FB5;

    --bleufonce: #003170;
    --noir: #272727;
    --gris-clair: #F2F2F2;
    --grisfonce: #D0D0D0;


    /*       Fonts      */
    --title1: 300 62px/110.3% Inter, sans-serif;
    --title1-letter-spacing: -2.42px;

    --title2: 300 40px/112% Inter, sans-serif;
    --title2-letter-spacing: -1px;

    --title3: 300 26px/120% Inter, sans-serif;
    --title3-letter-spacing: -0.13px;

    --title4: 500 15px/140% Inter, sans-serif;
    --title4-letter-spacing: -0.075px;

    --paragraphe: 300 19px/140% Inter, sans-serif;
    --ltparagraphe: 300 17px/140% Inter, sans-serif;
    --intro: 300 23px/130% Inter, sans-serif;
    --intro-letter-spacing: -0.49px;

    --btn: 600 15px/134% Inter, sans-serif;
    --btn-letter-spacing: 0.6px;
}

#wp-admin-bar-customize, #wp-admin-bar-top-secondary, #wp-admin-bar-updates, #wp-admin-bar-new-content, #wp-admin-bar-seopress, #wp-admin-bar-wp-mail-smtp-menu{
    display: none;
}


::selection {
    background-color: var(--bleujupa);
    color: white;
}

/* Firefox */
::-moz-selection {
    background-color: var(--bleujupa);
    color: white;
}

/* width */
::-webkit-scrollbar {
    width: 2px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: var(--bleujupa);
    border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: var(--bleujupa);
    width: 2px;
}

body{
    background: white;
}
body.no-scroll,
body.no-scroll-menu{
    overflow: hidden;
}
body::after{
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    background: rgba(1, 36, 80, 0.60);
    backdrop-filter: blur(7px);
    transform: scale(0);
    transition: 0.5s ease-in-out opacity;
    opacity: 0;
}
body.shadow-news::after,
body.shadow::after,
body.shadow-menu::after{
    opacity: 1;
    z-index: 10002;
    transform: scale(1);
}
body.shadow-news{
    overflow: hidden;
}
body.shadow-menu::after{
    z-index: 1001;
}
#container{
    background: white;
}
#menu .menu-icon{
    width: 36px;
    height: 26px;
    cursor: pointer;
}
#menu.toggled #close-bar1{
    transform: translateY(17px) rotate(45deg);
}
* {
    font-family: "Inter", sans-serif;
    font-weight: 300;
    color: var(--noir);
}
/***************
BASE
 */
p, .p{
    font: var(--paragraphe);
    margin: 0 0 15px 0;
}
strong{
    font-weight: 600;
}
p:last-child{
    margin-bottom: 0;
}
.introduction,
.introduction p{
    font: var(--intro);
    max-width: 900px;

}
a{
    font: var(--paragraphe);
}
.txt a{
    color: var(--bleujupa);
    text-decoration: underline;
}
.txt ul,
.txt ol{
    margin-bottom: 20px;
}
.txt ul:last-child,
.txt ol:last-child{
    margin-bottom: 0;
}
.txt li{
    font: var(--paragraphe);
    position: relative;
}
.txt ol{
    list-style: none;
}
.txt ol li{
    counter-increment: section;
    padding-left: 35px;
}
.txt ol li::before{
    content: counter(section) "  –";
    color: var(--bleujupa);
    font-weight: 400;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
}
.txt ul li{
    padding-left: 20px;
}
.txt ul li::before{
    content: "";
    height: 6px;
    width: 6px;
    position: absolute;
    left: 0;
    top: 10px;
    background-color: var(--bleujupa);
}
.list-step-ics .txt ul li::before{
    background: white;
}

.list-step-ics .txt ul li{
    color: white;
}

h1, .h1{
    font: var(--title1);
    /*letter-spacing: var(--title1-letter-spacing);*/

    /*margin: 0 0 35px 0;*/
    margin: 0 0 15px 0;
    color: var(--bleujupa);
}
h2, .h2, h2 span{
    font: var(--title2);
    /*letter-spacing: var(--title2-letter-spacing);*/
    margin: 0 0 35px 0;
    color: var(--bleujupa);
}
.white,
.white a,
.white span,
.white strong,
.white h1,
.white h2,
.white h3,
.white .h3,
.white h4,
.white .p,
.white p{
    color: white;
}
h3, h3 strong, .h3{
    font: var(--title3);
    letter-spacing: var(--title3-letter-spacing);

    color: var(--bleujupa);
    margin: 0 0 15px 0;
}
h4{
    font: var(--title4);
    letter-spacing: var(--title4-letter-spacing);

    color: var(--noir);
    margin: 0 0 5px 0;

}
.btn_base{
    /*padding: 15px 36px 15px 15px;*/
    padding: 11px 40px 11px 20px;
    border: 1px solid var(--bleujupa);
    color: var(--bleujupa);
    /*background-color: white;*/
    position: relative;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
    font: var(--btn);
    text-transform: uppercase;
    letter-spacing: var(--btn-letter-spacing);
    text-decoration: none;
    background: transparent;
    border-radius: 0;
    transition: 0.5s ease-in-out all;
}
form button:hover{
    background: transparent;
}
.listing-btn{
    margin-top: var(--gap);
}
.listing-btn .btn_base{
    margin-bottom: 10px;
}
.txt .btn_base{
    text-decoration: none;
    margin-bottom: 10px;
    word-break: break-all;
}
.btn_base::after{
    content: "";
    position: absolute;
    top: 50%;
    right: 13px;
    height: 14px;
    width: 14px;
    /*background-repeat: no-repeat;*/
    /*background-size: contain;*/
    /*background-position: center;*/
    /*background-image: url("../icons/arrow-link-2.svg");*/

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

    background-color: var(--bleujupa);
    transform: translateY(-52%);
    transition: 0.5s ease-in-out all;
}
.btn_base.plus::after{
    /*background-image: url("../images/icons/plus.svg");*/
    -webkit-mask-image: url("../images/icons/plus.svg");
    background-color: white;
}
.btn_base.btn_copy::after{
    /*background-image: url("../images/icons/copy.svg");*/
    -webkit-mask-image: url("../images/icons/copy.svg");
    background-color: var(--bleujupa);

}


.btn_base.white{
    color: white;
    border: 1px solid white;
}
.btn_base.btn_white{
    background-color: white;
    border: 1px solid white;
    color: var(--bleujupa);
}
.btn_base.btn_bleu{
    background-color: var(--bleujupa);
    border: 1px solid var(--bleujupa);
    color: white;
}
.btn_base.white::after{
    filter: brightness(0) invert(1);
}
.btn_base.complete{
    background: var(--bleujupa);
    color: white;
}
.btn_base.no-icon{
    padding-right: 20px;
}
.btn_base.no-icon::after{
    display: none;
}
.btn_base[target="_blank"]::after {
    transform: rotate(-45deg) translate(7px, -5px);
}

.btn_base:hover{
    /*opacity: 0.6;*/
    /*transform: scale(0.99);*/
    color: var(--bleulight);
}

.btn_base:hover::after{
    transform: translateY(-52%) translateX(-5px);
    background-color: var(--bleulight);
}
.btn_base[target="_blank"]:hover::after {
    transform: rotate(-45deg) translate(7px, -5px) translateX(-5px);
}
.link_base{
    font: var(--btn);
    letter-spacing: var(--btn-letter-spacing);
    text-transform: uppercase;
    text-decoration: underline;
    position: relative;
    padding-right: 20px;
    color: var(--bleujupa);
    font-weight: 600;
}
.link_base::after{
    content: "";
    position: absolute;
    top: 50%;
    right: 0px;
    height: 14px;
    width: 14px;
    /*background-repeat: no-repeat;*/
    /*background-size: contain;*/
    /*background-position: center;*/
    /*background-image: url("../icons/arrow-link-2.svg");*/

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

    transition: 0.5s ease-in-out all;
    transform: translateY(-52%);
}
.link_base.arrow-before::after{
    right: unset;
    left: 0;
}
.link_base.arrow-before{
    border-bottom: 1px solid var(--gris-clair);
    padding-left: 30px;
    text-decoration: none;
    display: block;
    padding-top: 8px;
    padding-bottom: 8px;
}
.link_base.down::after{
    -webkit-mask-image: url("../images/icons/down.svg");

    /*background-image: url("../images/icons/down.svg");*/
    height: 16px;
    width: 13px;
}
.link-arrow-before{
    /*font-size: var(--ltparatxt);*/
    font: var(--paragraphe);
    position: relative;
    padding-left: 28px;
    display: block;
    margin-bottom: 10px;
    transition: 0.5s ease-in-out all;
    color: var(--bleujupa);
}
.link-arrow-before::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");*/
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url("../icons/arrow-link-2.svg");

    transition: 0.5s ease-in-out all;
    background-color: var(--bleujupa);
}
.link-arrow-before.active{
    color: var(--bleujupa);
}
.link-arrow-before.active::before{
    filter: unset;
}
.link-arrow-before.external-link::before{
    transform: rotate(-45deg);
}
.link-arrow-before:hover{
    color: var(--bleulight);
}
.link_base:hover::after{
    background-color: var(--bleulight);
}
.mx-txt{
    max-width: 800px;
}
.surtitre, .surtitre-menu{
    font-size: 13px;
    line-height: 134%;
    letter-spacing: 0.26px;
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 5px;
    color: var(--noir);
}
.surtitre-menu{
    color: rgba(255, 255, 255, 0.6);
}
.surtitre span{
    font-weight: 400;
}
.surtitre span:not(:first-of-type){
    display: inline-block;
    position: relative;
    padding-left: 5px;
    margin-left: 5px;
}
.surtitre span:not(:first-of-type)::before{
    content: "";
    display: inline-block;
    height: 70%;
    width: 1px;
    background: var(--noir);
    position: absolute;
    left: 0;
    top: 12%;
}
.surtitre span.light-bleu{
    padding-left: 0;
    margin-left: 0;
}
.surtitre span.light-bleu::before{
    display: none;
}
.white .surtitre span:not(:first-of-type)::before{
    background: white;
}
.pd-medium-side{
    padding-left: var(--medium-margin);
    padding-right: var(--medium-margin);
}
/*.pd-top{*/
/*    padding-top: var(--ltspace);*/
/*    padding-bottom: var(--mdspace);*/
/*}*/
.pd-top{
    padding-top: var(--mdspace);
}
.pd-bottom{
    padding-bottom: var(--mdspace);
}

.arrow-base{
    height: 20px;
    width: 20px;
    background-image: url("../images/icons/arrow-base.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    transition: 0.5s ease-in-out all;
}
.arrow-base:hover{
    opacity: 0.6;
}
.arrow-prev{
    transform: rotate(180deg);
}
.white .arrow-base{
    filter: brightness(0) invert(1);
}
.no-margin{
    margin: 0;
}

.btn-arrow{
    width: 42px;
    height: 42px;
    background-image: url("../images/icons/arrow-base.svg");
    background-size: 13px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    display: block;
    /*border: 1px solid var(--bleufonce);*/
    border: 1px solid var(--bleujupa);
}
.white.btn-arrow,
.white .btn-arrow{
    filter: brightness(0) invert(1);
}

.btn-arrow.blue{
    background-image: url("../images/icons/arrow-base-white.svg");
    background-color: var(--bleujupa);
    border: 1px solid var(--bleujupa);
}
.btn-arrow.lt-arrow{
    background-image: url("../images/icons/lt-arrow.svg");
}
.btn-arrow.extern{
    background-image: url("../images/icons/arrow-base-45.svg");
}
.btn-arrow.blue.extern{
    background-image: url("../images/icons/arrow-base-white-45.svg");
}
.icon{
    width: 26px;
    height: 26px;
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: center;

    -webkit-mask-size: 22px;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;

    cursor: pointer;
    background-color: var(--bleujupa);
    transition: 0.5s ease-in-out background-color;
}
.icon.search{
    -webkit-mask-image: url("../images/icons/search.svg");
}
.icon.liste{
    -webkit-mask-image: url("../images/icons/liste.svg");
    -webkit-mask-size: 24px;
}
.icon.filtre{
    -webkit-mask-image: url("../images/icons/filtre.svg");
}
.icon.close{
    -webkit-mask-image: url("../images/icons/close.svg");
}
.icon.grid{
    -webkit-mask-image: url("../images/icons/grid.svg");
    -webkit-mask-size: 22px;
}
.icon.facebook{
    -webkit-mask-image: url("../images/icons/facebook.svg");
}
.icon.linkedin{
    -webkit-mask-image: url("../images/icons/linkedin.svg");
}
.icon.mail{
    -webkit-mask-image: url("../images/icons/mail.svg");
}
.icon.arrow{
     /*-webkit-mask-image: url("../images/icons/arrow-base.svg");*/
     -webkit-mask-image: url("../icons/arrow-link.svg");
 }
.icon.lt-arrow{
     -webkit-mask-image: url("../images/icons/lt-arrow.svg");
 }
.icon.desc{
     -webkit-mask-image: url("../images/icons/description.svg");
 }
.icon.agendaplus{
     -webkit-mask-image: url("../images/icons/agenda-plus.svg");
 }
.icon.rem{
    height: 25px;
    width: 22px;
    -webkit-mask-image: url("../images/icons/remarque_messe.svg");
 }
.icon.famille{
    height: 25px;
    width: 22px;
    -webkit-mask-image: url("../images/icons/famille.svg");
    background-color: var(--bleujupa);
}
.icon.musique{
    height: 25px;
    width: 22px;
    -webkit-mask-size: 19px;
    background-color: var(--bleujupa);
    -webkit-mask-image: url("../images/icons/musique.svg");
 }
.icon.acces{
     -webkit-mask-image: url("../images/icons/acces.svg");
 }
.icon.wifi{
     -webkit-mask-image: url("../images/icons/wifi.svg");
 }
.icon.chorale{
     -webkit-mask-image: url("../images/icons/icone-chorale.svg");
 }

.icon.order{
    -webkit-mask-image: url("../images/icons/order.svg");
    -webkit-mask-size: 17px;
}
.icon.scrollto{
    -webkit-mask-image: url("../images/icons/scrollto.svg");
    -webkit-mask-size: 32px;
    width: 32px;
    height: 32px;
}
.icon.white{
    background-color: white;
}
.icon.blue{
    background-color: var(--bleujupa);
}
.icon:hover{
    background-color: var(--bleulight);
}
.contain-select{
    position: relative;
}
select{
    background: white;
    padding: 15px 40px 15px 20px;
    /*border: 0;*/
    width: 100%;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    outline: 0;
    font: var(--paragraphe);
    color: var(--bleujupa);
    height: 52px;
    transition: 0.5s ease-in-out all;
    border: 1px solid transparent;
}
select:hover{
    border: 1px solid var(--bleujupa);

}
.contain-select::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 20px;
    width: 14px;
    height: 8px;
    pointer-events: none;
    transform: translateY(-50%);
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg width="14" height="8" viewBox="0 0 14 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13 1L7 7L0.999999 1" stroke="%23004FB5"/></svg>');
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    background-color: var(--bleujupa);
}


[data-tooltip]{
    position: relative;
    display: flex;
    width: fit-content;
}
.tooltip-custom {
    position: absolute;
    background-color: var(--bleulight);
    color: white;
    padding: 10px 15px;
    white-space: nowrap;
    z-index: 9999;
    display: none;
    bottom: calc(100% + 10px);
    left: calc(50% + 2px);
    transform: translate(-50%, 0%);
    font: var(--btn);
    font-weight: 400;
    max-width: 350px;
}
.toolmesse .tooltip-custom{
    white-space: unset;
    width: 350px;
}
.tooltip-custom strong{
    color: white;
}
.tooltip-custom::after {
    content: "";
    position: absolute;
    bottom: -6px;
    left: 50%;
    transform: translateX(-50%);
    border-width: 6px 6px 0 6px;
    border-style: solid;
    border-color: #2196F3 transparent transparent transparent;
}

.search-base{
    display: flex;
    transition: 0.5s ease-in-out all;
}
.search-base input[type="text"]{
    max-width: 650px;
    background-color: var(--gris-clair);
    height: 50px;
    margin: 0 2px 0 2px;
    width: 100%;
}
.search-base input[type="text"], .search-base input[type="text"]::placeholder{
    font: var(--paragraphe);
    color: var(--bleujupa);
}
footer .search-base input[type="text"], footer .search-base input[type="text"]::placeholder{
    font: var(--btn);
    font-weight: 300;
}
.search-base .loop{
    background-color: var(--gris-clair);
    height: 50px;
    width: 50px;
    transition: 0.5s ease-in-out all;
}
.search-base .search{
    height: 50px;
    width: 50px;
}
.search-base{
    transform: translateX(-51px);
}
.search-base.nowrite{
    transform: translateX(0px);
}
.search-base.nowrite .loop:nth-of-type(1){
    transform: scale(1);
    opacity: 1;
}
.search-base.nowrite .loop:nth-of-type(2){
    transform: scale(0);
}
.search-base .loop:nth-of-type(1){
    transform: scale(0) translateX(51px);
    opacity: 0;
}
.search-base .loop:nth-of-type(2){
    transform: scale(1);
}


.normal-link{
    font: var(--paragraphe);
    color: var(--bleujupa);
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}
.btn-icon-first::before{
    content: '';
    width: 22px;
    height: 14px;
    display: inline-block;
    -webkit-mask-size: 16px;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    background-color: var(--bleujupa);
    transition: 0.5s ease-in-out all;
}
.btn-icon-first:hover::before{
    background-color: var(--bleulight);

}
.btn-icon-first.services::before{
    -webkit-mask-image: url("../images/icons/services.svg");
    -webkit-mask-size: 12px;

}
.btn-icon-first.personnes::before{
    -webkit-mask-image: url("../images/icons/personne.svg");
    -webkit-mask-size: 12px;

}
.btn-icon-first.batiments::before{
    -webkit-mask-image: url("../images/icons/batiment.svg");
}
.filter-date-range{
    position: relative;
}
.filter-date-range::after{
    content: '';
    width: 14px;
    height: 14px;
    display: inline-block;
    position: absolute;
    left: 12px;
    top: 18px;
    pointer-events: none;
    -webkit-mask-size: 14px;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    background-color: var(--bleujupa);
    transition: 0.5s ease-in-out all;
    -webkit-mask-image: url("../images/icons/agenda.svg");

}

input[type="text"]{
    width: 100%;
    background-color: white;
    margin: 0;
    border-bottom: 1px solid transparent;
    transition: 0.4s ease-in-out all;
}
input[type="text"]:focus{
    border-bottom: 1px solid var(--bleujupa);
}
.filter-date-range input{
    margin-top: 0;
    font: var(--btn);
    /*letter-spacing: var(--btn-letter-spacing);*/
    color: #004fb599;
    border: 1px solid var(--bleujupa);
    background-color: transparent;
    height: 52px;
    padding: 17px 20px 17px 35px;
    border-bottom: 1px solid var(--bleujupa);
    text-transform: uppercase;
    /*font-weight: 400;*/


}
.filter-date-range input::placeholder{
    opacity: 0.6;
    color: #004fb599;
}


.filter-date input[type="checkbox"] {
    display: none;
}

.filter-date label {
    display: flex;
    border: 1px solid var(--bleujupa);
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    user-select: none;
    background-color: white;
    color: var(--bleujupa);
    font: var(--btn);
    padding: 15px 20px;
    height: 52px;
    text-transform: uppercase;
    align-items: center;


}
.filter-date input[type="checkbox"]:checked + label {
    background-color: var(--bleujupa);
    color: white;
    /*border-color: #007bff;*/
}
.white-select select{
    background-color: transparent;
    color: white;
    border: 1px solid white;
}
.white-select .contain-select::after{
    background-image: url('data:image/svg+xml;utf8,<svg width="14" height="8" viewBox="0 0 14 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13 1L7 7L0.999999 1" stroke="white"/></svg>');
}
.accordeon h3{
    margin-bottom: 0;
}
.accordeon .contenu-accordeon {
    /*max-height: 0;*/
    overflow: hidden;
}
.accordeon.active .contenu-accordeon {
    max-height: 1000px;
}
.accordeon .contenu-accordeon p{
    padding-top: 10px;
}


.accordeon-base{
    margin-bottom: var(--ltspace);
}
.accordeon-header{
    cursor: pointer;
    width: 100%;
    position: relative;
}
.accordeon-header h2{
    margin-bottom: 0;
}
.accordeon-content{
    display: none;
    padding-top: var(--gap);
    /*padding-bottom: var(--ltspace);*/
}
.accord-plus svg{
    position: absolute;
    top: 0;
    right: 0;
}
.accord-plus svg path{
    transition: 0.5s ease-in-out all;
}
.accordeon-base.active .accord-plus svg path:first-of-type{
    opacity: 0;
}
.accordeon.active .plus-svg{
    transform: rotate(135deg);
}
.accordeon .contenu-accordeon{
    padding-left: 60px;
}
.contenu-accordeon .video-wrap{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.pd-single{
    padding-top: 176px;
    padding-bottom: var(--bigspace);
}

.accordeon-txt{
    padding: var(--internpadding) 0;
    background-color: var(--gris-clair);
    margin: 10px 0;
    position: relative;
    width: calc(100% - 20px);
}
.titre-accordeon{
    padding-right: calc(var(--biginternpadding) + 50px);
    padding-left: calc(var(--biginternpadding) + 0px);
}
.accordeon-txt h3{
    margin-bottom: 0;
    display: block;
    width: 100%;
}
.accordeon-txt .contenu-accordeon{
    display: none;
    /*padding-top: var(--gap);*/
    padding-top: 15px;
}
.accordeon-txt.active .contenu-accordeon{
    /*display: block;*/
}
.accordeon-txt .navig-accord{
    position: absolute;
    top: 0;
    right: -20px;
    height: 64px;
    width: 64px;
    background-image: unset;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.5s ease-in-out all;
}
.contenu-accordeon>div{
    padding-left: var(--biginternpadding);
    padding-right: var(--biginternpadding);
    margin-top: 0;
}
.contenu-accordeon>div:not(:last-of-type){
    margin-bottom: var(--internpadding);
    padding-bottom: var(--internpadding);
    border-bottom: 2px solid white;
}
.contenu-accordeon .lieux:last-child>div,
.contenu-accordeon .lieux:last-child,
.contenu-accordeon .service:last-child,
.contenu-accordeon .service:last-child>div{
    margin-bottom: 0;
}
.accordeon-groupe .contenu-accordeon>div{
    padding: 0;
    margin: 0;
    border-bottom: 0px solid white;
}
.accordeon-groupe .titre-accordeon{
    padding-left: 0;
    padding-right: 0;
}
.accordeon-txt .contenu-accordeon>.titre_texte_bleu,
.accordeon-txt .contenu-accordeon>.titre_texte_fond{
    margin-bottom: 0;
    margin-top: 0;
}

.accordeon-txt .navig-accord:hover{
    background-color: var(--bleulight);
    border-color: var(--bleulight);
}
.accordeon-txt .btn-arrow .icon{
    transform: rotate(90deg);
    width: 8px;
    height: 16px;
    transition: 0.5s ease-in-out all;
    -webkit-mask-size: 11px;
}
.accordeon-txt.active .btn-arrow .icon{
    transform: rotate(-90deg);
}
.titre-accordeon:hover h3{
    color: var(--bleulight);
}
.list-separator li{
    border-bottom: 1px solid rgba(0, 79, 181, 0.20);
    padding: 8px 0;
    font: var(--paragraphe);
}
.list-separator li::before{
    display: none;
}
.txt .list-separator li{
    padding-left: 0;
    display: flex;
}
.txt .list-separator li span{
    display: flex;
    margin-left: auto;
}




.goback{
    transform: rotate(180deg);
}
.highlight {
    color: var(--bleulight);
}
.fake-search{
    cursor: pointer;
}
.fake-search input{
    pointer-events: none;
}
.fake-search .loop{
    height: 46px;
    width: 46px;
}
.fake-search input[type="text"]{
    height: 46px;
}
.fake-search .search{
    height: 46px;
    width: 46px;
    -webkit-mask-size: 19px;
}
.fake-search::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: transparent;
}
.page-template-template-agenda .fake-search input[type="text"],
.content-head-ep .fake-search input[type="text"],
.home .fake-search input[type="text"]{
    background: rgba(255, 255, 255, 0.30);
}
.content-head-ep .fake-search input[type="text"]::placeholder{
    font-weight: 400;
}
.page-template-template-agenda .fake-search input[type="text"]::placeholder,
.content-head-ep .fake-search input[type="text"]::placeholder,
.home .fake-search input[type="text"]::placeholder{
    color: white;
}
.page-template-template-agenda .fake-search .loop,
.content-head-ep .fake-search .loop,
.home .fake-search .loop{
    background: rgba(255, 255, 255, 0.30);
}
.page-template-template-agenda .fake-search .search,
.content-head-ep .fake-search .search,
.home .fake-search .search{
    background-color: white;

}
.page-template-template-agenda .logo-page svg,
.home .logo-page svg{
    filter: brightness(0) invert(1);
}

.gm-style-iw-ch{
    display: none;
}
[aria-label="Fermer"]{
    position: absolute!important;
    right: 0!important;
    top: 0!important;
    filter: brightness(0) invert(1) !important;
    width: 32px!important;
    height: 32px!important;
}
[aria-label="Fermer"]>span{
    margin: 5px!important;
}
.gm-style .gm-style-iw-c{
    padding: var(--internpadding)!important;
    border-radius: 0!important;
    background: var(--bleujupa) !important;
}
.gm-style .gm-style-iw-d{
    overflow: hidden!important;
}
.gm-style .gm-style-iw-d div,
.gm-style .gm-style-iw-d strong,
.gm-style .gm-style-iw-d a{
    color: white!important;
    font: var(--btn);
    font-weight: 300;
}
.gm-style .gm-style-iw-d strong{
    font-weight: 600;
}
.gm-style .gm-style-iw-tc{
    box-shadow: 0 0 black;
}
.gm-style .gm-style-iw-tc::after{
    background: var(--bleujupa) !important;
}
#googleMap{
    height: 500px!important;
}
.container-map{
    position: relative;
}
.adresse_map{
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 20px;
    background-color: var(--bleujupa);
}
.pd-content{
    padding-left: var(--big-margin);
    padding-right: var(--extra-margin);
    padding-bottom: var(--mdspace);
}
.navigation-links{
    display: flex;
    margin: 0 auto;
    width: calc(100% - var(--medium-margin) * 2);
    border-top: 1px solid var(--bleujupa);
    padding: var(--ltspace) 0;
    position: relative;
    z-index: 10;
}
.bleu,
.bleu span{
    color: var(--bleujupa);
}
.navigation-links .h3{
    font-weight: 600;
}
.navigation-links>div{
    width: 50%;
}
.next-link,
.prev-link{
    text-align: right;
    display: flex;
    flex-direction: column;
    position: relative;
    padding-right: 60px;
    transition: 0.4s ease-in-out all;
}
.next-link *, .prev-link *{
    transition: 0.4s ease-in-out all;
}
.next-link:hover *, .prev-link:hover *{
    color: var(--bleulight);
}
.prev-link{
    text-align: left;
    padding-right: 0px;
    padding-left: 60px;
}
.prev-link svg,
.next-link svg{
    content: "";

    position: absolute;
    right: 0;
    top: 0;
}
.prev-link svg{
    transform: rotate(180deg);
    right: unset;
    left: 0;
}
.content-txt{
    padding-top: var(--ltspace);
}
.menu_deroulant, .galerie_images{
    margin-top: 35px;
}
.galerie_images h3{
    margin-bottom: 30px;
}
.no-pd,
.flex-image-gal-paroisse.no-pd{
    padding: 0;
}
.no-mg{
    margin-top: 0;
}
.square_lien{
    background-color: white;
    padding: var(--internpadding);
    font: var(--title3);
    color: var(--bleujupa);
    display: flex;
    flex-direction: column;
}
.square_lien span{
    color: var(--bleujupa);

}
.square_lien svg{
    display: flex;
    margin-top: auto;
    margin-left: auto;
}
.mg-in-content{
    margin-top: 25px;
}
.mx-wd{
    max-width: 900px;
}
.ext-doc{
    font-size: 11px;
    color: var(--bleujupa);
    font-weight: 500;
    transition: 0.5s ease-in-out all;
}
.link_base:hover .ext-doc{
    color: var(--bleulight);
}