@font-face {
    font-family: 'Helvetica Thin';
    src: url('../css/fonts/HelveticaNeueUltraLight.otf');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Helvetica Light';
    src: url('../fonts/light/HelveticaNeue-Light.eot');
    src: url('../fonts/light/HelveticaNeue-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/light/HelveticaNeue-Light.woff2') format('woff2'),
        url('../fonts/light/HelveticaNeue-Light.woff') format('woff'),
        url('../fonts/light/HelveticaNeue-Light.ttf') format('truetype'),
        url('../fonts/light/HelveticaNeue-Light.svg#HelveticaNeue-Light') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue light';
    src: url('HelveticaNeueUltraLight.otf');
    /*src: url('HelveticaNeue-Light.eot?#iefix') format('embedded-opentype'),*/
    /*    url('HelveticaNeue-Light.woff2') format('woff2'),*/
    /*    url('HelveticaNeue-Light.woff') format('woff'),*/
    /*    url('HelveticaNeue-Light.ttf') format('truetype'),*/
    /*    url('HelveticaNeue-Light.svg#HelveticaNeue-Light') format('svg');*/
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Medium';
    src: url('../fonts/medium/HelveticaNeue-Medium.eot');
    src: url('../fonts/medium/HelveticaNeue-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/medium/HelveticaNeue-Medium.woff2') format('woff2'),
        url('../fonts/medium/HelveticaNeue-Medium.woff') format('woff'),
        url('../fonts/medium/HelveticaNeue-Medium.ttf') format('truetype'),
        url('../fonts/medium/HelveticaNeue-Medium.svg#HelveticaNeue-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Bold';
    src: url('../fonts/bold/HelveticaNeue-Bold.eot');
    src: url('../fonts/bold/HelveticaNeue-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/bold/HelveticaNeue-Bold.woff2') format('woff2'),
        url('../fonts/bold/HelveticaNeue-Bold.woff') format('woff'),
        url('../fonts/bold/HelveticaNeue-Bold.ttf') format('truetype'),
        url('../fonts/bold/HelveticaNeue-Bold.svg#HelveticaNeue-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sacramento';
    src: url('../fonts/Sacramento-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}




html,
body {
    margin: 0 !important;
    border: 0 !important;
    overflow-x: hidden;
}
body {
    margin: 0;
    overflow-x: hidden;
    background-color: #B29681;
}

.droite {
    display: flex;
    flex-direction: column;
}

* {
    box-sizing: border-box;
    font-family: 'Helvetica Neue light';
}

a,
a:active,
a:hover {
    text-decoration: none;
}

ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
div {
    list-style: none;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: 'Helvetica Neue light';
    text-decoration: none;
    text-transform: none;
}

/* */

.relative {
    position: relative;
}


/* Width */

.w100 {
    width: 100%;
}

.w95 {
    width: 95%;
}

.w90 {
    width: 90%;
}

.w85 {
    width: 85%;
}

.w80 {
    width: 80%;
}

.w75 {
    width: 75%;
}

.w70 {
    width: 70%;
}

.w65 {
    width: 65%;
}

.w60 {
    width: 60%;
}

.w55 {
    width: 55%;
}

.w50 {
    width: 50%;
}

.w45 {
    width: 45%;
}

.w40 {
    width: 40%;
}

.w35 {
    width: 35%;
}

.w30 {
    width: 30%;
}

.w25 {
    width: 25%;
}

.w20 {
    width: 20%;
}

.w15 {
    width: 15%;
}

.w10 {
    width: 10%;
}

.w5 {
    width: 5%;
}


/* After -- Before */

.before::before,
.after::after {
    content: '';
    position: absolute;
    display: block;
}


/* Font Weight */



/* Font Size */

.f-14 {
    font-size: 14px;
    line-height: 20px;
}

.f-16 {
    font-size: 16px;
    line-height: 27.6px;
}

.f-18 {
    font-size: 18px;
    line-height: 28px;
}

.f-20 {
    font-size: 20px;
    line-height: 28.9px;
}

.f-21 {
    font-size: 21px;
    line-height: 32px;
}

.f-23 {
    font-size: 23px;
    line-height: 27.6px;
}

.f-24 {
    font-size: 24px;
    line-height: 29.6px;
}

.f-25 {
    font-size: 25px;
    line-height: 28px;
}

.f-27 {
    font-size: 27px;
    line-height: 32px;
}

.f-28 {
    font-size: 28px;
    line-height: 28px;
}

.f-30 {
    font-size: 30px;
    line-height: 34px;
}

.f-33 {
    font-size: 33px;
    line-height: 38px;
}

.f-37 {
    font-size: 37px;
    line-height: 37px;
}


.f-40 {
    font-size: 40px;
    line-height: 44px;
}

.f-46 {
    font-size: 46px;
    line-height: 50px;
}

.f-48 {
    font-size: 48px;
    line-height: 62px;
}

.f-52 {
    font-size: 52px;
    line-height: 52px;
}

.f-70 {
    font-size: 70px;
    line-height: 62px;
}

.f-100 {
    font-size: 100px;
    line-height: 22px;
}


/* Text Transform */

.uppercase {
    text-transform: uppercase;
}

.capitalize {
    text-transform: capitalize;
}

.lowercase {
    text-transform: lowercase;
}


/* Text-align */

.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

.tex-right {
    text-align: right;
}

.text-justify {
    text-align: justify;
}


/* Transition */

.ak-transition,
.star-hover::before,
.cs-select-btn::after,
.cs-select .cs-option a::before {
    -moz-transition: all .5s cubic-bezier(.165, .84, .44, 1) 0s;
    -o-transition: all .5s cubic-bezier(.165, .84, .44, 1) 0s;
    -webkit-transition: all .5s cubic-bezier(.165, .84, .44, 1) 0s;
    transition: all .5s cubic-bezier(.165, .84, .44, 1) 0s;
}


/* Margins */

.m50 {
    margin: 50px;
}

.m45 {
    margin: 45px;
}

.m40 {
    margin: 40px;
}

.m35 {
    margin: 35px;
}

.m30 {
    margin: 30px;
}

.m25 {
    margin: 25px;
}

.m20 {
    margin: 20px;
}

.m15 {
    margin: 15px;
}

.m10 {
    margin: 10px;
}

.m5 {
    margin: 5px;
}

.m0 {
    margin: 0;
}


/* Margin Top */

.mt-50 {
    margin-top: 50px;
}

.mt-45 {
    margin-top: 45px;
}

.mt-40 {
    margin-top: 40px;
}

.mt-35 {
    margin-top: 35px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-25 {
    margin-top: 25px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-15 {
    margin-top: 15px;
}

.mt-10 {
    margin-top: 10px;
}

.mt-5 {
    margin-top: 5px;
}

.mt-0 {
    margin-top: 0;
}


/* Margin Right */

.mr-50 {
    margin-right: 50px;
}

.mr-45 {
    margin-right: 45px;
}

.mr-40 {
    margin-right: 40px;
}

.mr-35 {
    margin-right: 35px;
}

.mr-30 {
    margin-right: 30px;
}

.mr-25 {
    margin-right: 25px;
}

.mr-20 {
    margin-right: 20px;
}

.mr-15 {
    margin-right: 15px;
}

.mr-10 {
    margin-right: 10px;
}

.mr-5 {
    margin-right: 5px;
}


/* Margin Bottom */

.mb-50 {
    margin-bottom: 50px;
}

.mb-45 {
    margin-bottom: 45px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-35 {
    margin-bottom: 35px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-25 {
    margin-bottom: 25px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-15 {
    margin-bottom: 15px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-5 {
    margin-bottom: 5px;
}


/* Margin Left */

.ml-50 {
    margin-left: 50px;
}

.ml-45 {
    margin-left: 45px;
}

.ml-40 {
    margin-left: 40px;
}

.ml-35 {
    margin-left: 35px;
}

.ml-30 {
    margin-left: 30px;
}

.ml-25 {
    margin-left: 25px;
}

.ml-20 {
    margin-left: 20px;
}

.ml-15 {
    margin-left: 15px;
}

.ml-10 {
    margin-left: 10px;
}

.ml-5 {
    margin-left: 5px;
}


/* PADDING */


/* Padding */

.p50 {
    padding: 50px;
}

.p45 {
    padding: 45px;
}

.p40 {
    padding: 40px;
}

.p35 {
    padding: 35px;
}

.p30 {
    padding: 30px;
}

.p25 {
    padding: 25px;
}

.p20 {
    padding: 20px;
}

.p15 {
    padding: 15px;
}

.p10 {
    padding: 10px;
}

.p5 {
    padding: 5px;
}


/* padding Top */
.pt-100 {
    padding-top: 100px;
}

.pt-50 {
    padding-top: 50px;
}

.pt-45 {
    padding-top: 45px;
}

.pt-40 {
    padding-top: 40px;
}

.pt-35 {
    padding-top: 35px;
}

.pt-30 {
    padding-top: 30px;
}

.pt-25 {
    padding-top: 25px;
}

.pt-20 {
    padding-top: 20px;
}

.pt-15 {
    padding-top: 15px;
}

.pt-10 {
    padding-top: 10px;
}

.pt-5 {
    padding-top: 5px;
}


/* padding Right */
.pr-100 {
    padding-right: 100px;
}

.pr-50 {
    padding-right: 50px;
}

.pr-45 {
    padding-right: 45px;
}

.pr-40 {
    padding-right: 40px;
}

.pr-35 {
    padding-right: 35px;
}

.pr-30 {
    padding-right: 30px;
}

.pr-25 {
    padding-right: 25px;
}

.pr-20 {
    padding-right: 20px;
}

.pr-15 {
    padding-right: 15px;
}

.pr-10 {
    padding-right: 10px;
}

.pr-5 {
    padding-right: 5px;
}


/* padding Bottop */
.pb-100 {
    padding-bottom: 100px;
}

.pb-50 {
    padding-bottom: 50px;
}

.pb-45 {
    padding-bottom: 45px;
}

.pb-40 {
    padding-bottom: 40px;
}

.pb-35 {
    padding-bottom: 35px;
}

.pb-30 {
    padding-bottom: 30px;
}

.pb-25 {
    padding-bottom: 25px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pb-15 {
    padding-bottom: 15px;
}

.pb-10 {
    padding-bottom: 10px;
}

.pb-5 {
    padding-bottom: 5px;
}


/* padding Left */
.pl-100 {
    padding-left: 100px;
}

.pl-50 {
    padding-left: 50px;
}

.pl-45 {
    padding-left: 45px;
}

.pl-40 {
    padding-left: 40px;
}

.pl-35 {
    padding-left: 35px;
}

.pl-30 {
    padding-left: 30px;
}

.pl-25 {
    padding-left: 25px;
}

.pl-20 {
    padding-left: 20px;
}

.pl-15 {
    padding-left: 15px;
}

.pl-10 {
    padding-left: 10px;
}

.pl-5 {
    padding-left: 5px;
}

/* Textes  */

.text-white {
    color: #fff;
}

.text-noir {
    color: #000;
}

.text-gray,
#main-nav .un-el:last-child a,
#main-nav .un-el:last-child a:hover,
#main-nav .un-el:last-child a.active,
body.single-nos-approches.postid-76 .text-approche p, 
body.single-nos-approches.postid-76 .text-approche h2, 
body.single-nos-approches.postid-76 .text-approche blockquote {
    color: #5C5C5C;
}

.text-light-gray {
    color: #808080;
}

.text-bleu {
    color: #076BAA;
}

h2 {
    font-size: 30px !important;
    font-weight: bold !important;
}

.text-light-bleu {
    color: #49B5E2;
}

.text-yellow {
    color: #F2A922;
}

.text-dark-yellow {
    color: #F08E24;
}

.text-red {
    color: #BF1820;
}

.text-mauve {
    color: #7E1651;
}

.text-light-green {
    color: #a3c556;
}

.text-green {
    color: #75b121;
}

.text-dark-green {
    color: #213f11;
}

/* Background */

.bg-white {
    background-color: #fff;
}

.bg-noir {
    background-color: #000;
}

.bg-gray {
    background-color: #5C5C5C;
}

.bg-light-gray {
    background-color: #808080;
}

.bg-bleu {
    background-color: #002F6C;
}

.bg-light-bleu {
    background-color: #49B5E2;
}

.bg-yellow {
    background-color: #F2A922;
}

.bg-dark-yellow {
    background-color: #F08E24;
}

.bg-red {
    background-color: #BF1820;
}

.bg-mauve {
    background-color: #7E1651;
}

.bg-light-green {
    background-color: #a3c556;
}

.bg-green {
    background-color: #75b121;
}

.bg-dark-green {
    background-color: #213f11;
}


/* Font weight */
.fw-100{
    font-weight: 100;
    font-family: 'Helvetica Thin' !important;
}

.fw-300,
.texte.fw-300 span,
.texte.fw-300 p,
p.new-helvetica-light,
.new-helvetica-light p,
.new-helvetica-light p strong,
.bandeau-accueil h1,
.tab-content .tab-panel p,
.bandeau-pages .le-texte,
.content-page .texte,
.content-page .texte p,
.content-page .texte p span,
.content-page .texte li,
body.page.page-id-340 .content-page ul li {
    font-weight: 300;
    font-family: 'Helvetica light' !important;
}

.fw-400 {
    font-weight: 400 !important;
    font-family: 'Sacramento' !important;
}

.fw-500,
.fw-500 strong,
.fw-500 p,
.formulaire-contact input,
.formulaire-contact textarea,
input, button, textarea, select,
span.wpcf7-not-valid-tip,
iv.wpcf7-response-output,
body.single.single-projet article {
    font-weight: 500;
    font-family: 'Helvetica Medium' !important;
}

.fw-700 {
    font-weight: 700;
    font-family: 'Helvetica Bold' !important;
}

/*.fw-bold {*/
/*    font-weight: bold;*/
/*    font-family: 'Helvetica Bold' !important;*/
/*}*/



/* Extras */

.container {
    position: relative;
    display: block;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 25px;
    height: 100%;
}

.m-0-a {
    margin: 0 auto;
}

.flex {
    display: flex;
}

.flex-col {
    flex-direction: column;
}

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

.justify-center {
    justify-content: center;
}

.justify-evenly {
    justify-content: space-evenly;
}

.align-center {
    align-items: center;
}

.align-last {
    align-items: last baseline;
}

/* Border radius */

.rounded {
    border-radius: 40px;
}

.rounded-50 {
    border-radius: 50px;
}


.helvetica-light {
    font-family: 'Helvetica Neue'; 
    font-weight: 300; 
    font-style: normal;
}

.helvetica-medium {
    font-family: 'Helvetica Neue'; 
    font-weight: 500; 
    font-style: normal;
}

.helvetica-bold {
    font-family: 'Helvetica Neue'; 
    font-weight: bold; 
    font-style: normal;
}



/* Le style  */

/* la police  */
@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/nouveau/HelveticaNeue-UltraLight.eot');
    src: url('../fonts/nouveau/HelveticaNeue-UltraLight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/nouveau/HelveticaNeue-UltraLight.woff2') format('woff2'),
        url('../fonts/nouveau/HelveticaNeue-UltraLight.woff') format('woff'),
        url('../fonts/nouveau/HelveticaNeue-UltraLight.ttf') format('truetype'),
        url('../fonts/nouveau/HelveticaNeue-UltraLight.svg#HelveticaNeue-UltraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

.new-helvetica-light,
.bandeau-accueil h1 {
    font-family: 'Helvetica Neue' !important; 
    font-weight: 200 !important; 
    font-style: normal !important;
}

.single-projet.new-helvetica-300 p,
.single-projet.new-helvetica-300 li,
.les-langues ul li,
.les-langues ul li a {
    font-family: 'Helvetica Neue' !important; 
    font-weight: 300 !important; 
    font-style: normal !important;
}
body.page-id-29 .citation blockquote {
    color: #afd647;
}
#main-nav .un-el:last-child a {
    background-color: #afd647;
}
body.page-id-30 .citation blockquote,
div#filter-container select#filter option,
div#filter-container select#region-filter option, select#bailleurs-filter option {
    color: #b59681;
}
div#filter-container select#filter,
div#filter-container select#region-filter,select#bailleurs-filter
#main-nav .un-el:last-child a.active {
    color: #ffffff;
}
div#filter-container select#filter,
div#filter-container select#region-filter, select#bailleurs-filter {
    background-color: transparent;
    border: 2px solid #ffffff;
    font-family: 'Helvetica Medium';
    font-size: 22px;
    font-weight: normal;
    margin-right: 30px;
    width: 300px;
}
div#filter-container select#filter option,
div#filter-container select#region-filter option, select#bailleurs-filter option {
    font-family: 'Helvetica Medium';
    font-size: 22px;
    font-weight: normal;
}
#main-nav .un-el:last-child a {
    padding: 7px 18px;
    font-weight: 600;
}
.hover-groupe .groupe {
    filter: opacity(0.4);
    transition-property: opacity;
    transition-duration: 500ms;
}
.hover-groupe .groupe:hover {
    filter: opacity(1);
}
.en-after,
.en-before,
.content-page ul li,
.content-page ul {
    position: relative;
}
.en-after::after,
.en-before::before,
.content-page ul li::before {
    display: block;
    position: absolute;
    content: '';
    background-repeat: no-repeat;
    background-size: contain;
}
.hover-groupe .groupe::after {
    width: 25px;
    height: 25px;
    background-image: url('/wp-content/uploads/2025/07/fleche-droite.png');
    right: -3px;
    top: 75px;
}
.hover-groupe .groupe:last-child:after,
ul#footer-menu li#menu-item-85 {
    display: none;
}
.content-page ul li {
    padding-left: 15px;
}
.content-page ul li::before {
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background-color: #ffffff;
    left: 0;
    top: 12px;
}
body.page-id-29 section.items section.bloc:nth-child(2) p.texte.fw-300.text-base {
    text-align: end;
}
#backToTop.visible {
    transition: transform 0.5s ease;
}
#backToTop.visible:hover {
    transform: translateY(-3px);
}
#backToTop {
    z-index: 90;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    border: 1px solid #F6F6F6;
    font-size: 0;
    width: 45px;
    height: 45px;
}
#backToTop::before {
    background-image: url('/wp-content/uploads/2025/07/fleche-vers-le-haut.png');
    width: 30px;
    height: 22px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
#backToTop.visible {
    opacity: 1;
    visibility: visible;
}
#backToTop.hidden {
    opacity: 0;
    visibility: hidden;
}
#backToTop::before {
    background-position: center;
}
#backToTop::before {
    background-size: contain;
}
nav#main-nav .un-el a::before,
.mon-lien::before,
footer ul#footer-menu li a::before,
.plus-projet::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 4px;
    border-radius: 20px;
    background-color: #afd647;
    bottom: -3px;
    left: 0;
    transform-origin: right;
    transform: scaleX(0);
    transition: transform .4s ease-in-out;
}
nav#main-nav .un-el a:hover,
nav#main-nav .un-el a.active,
.mon-lien:hover,
footer ul#footer-menu li a:hover,
footer ul#footer-menu li a[aria-current="page"]:hover {
    color: #afd647;
}
nav#main-nav .un-el a:hover::before,
nav#main-nav .un-el a.active::before,
.mon-lien:hover::before,
footer ul#footer-menu li a:hover::before,
footer ul#footer-menu li a[aria-current="page"]::before,
.plus-projet:hover::before  {
    transform-origin: left;
    transform: scaleX(1);
}
#main-nav .un-el:last-child a::before {
    display: none;
}
.onglet-accueil .tab-panel {
    transition: opacity 0.5s ease, transform 0.5s ease;
    opacity: 0;
    transform: translateY(20px);
    position: absolute;
    width: 100%;
}
.onglet-accueil .tab-panel.active {
    opacity: 1;
    transform: translateY(0);
    position: relative;
    z-index: 10;
}
h2.text-lg.font-bold.fw-700.text-center.text-dark-green.group-hover\:text-\[\#75b121\].transition-colors.duration-200 {
    font-size: 20px !important;
}
.formulaire-contact .ligne {
    margin: 10px 0px;
}
.formulaire-contact input,
.formulaire-contact textarea {
    width: 100%;
    width: 100%;
    background-color: transparent;
    border: 1px solid #ffffff;
    padding: 15px 20px;
}
.formulaire-contact input[type="submit"] {
    width: fit-content;
    padding: 15px 40px;
    cursor: pointer;
}
input:focus, input:active, input:target, input, input:valid, input:placeholder,
textarea:focus, textarea:active, textarea:target, textarea, textarea:valid,
input[type="email"],
.formulaire-contact input::placeholder,
.formulaire-contact textarea::placeholder,
.formulaire-contact .cta p {
    color: #ffffff;
}
.formulaire-contact .cta p,
.formulaire-contact .cta p input {
    color: #ffffff !important;
}
::-webkit-input-placeholder { /* WebKit browsers */
    color: #ffffff !important;
    opacity: 1;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #ffffff !important;
    opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #ffffff !important;
    opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #ffffff !important;
    opacity: 1;
}
span.wpcf7-not-valid-tip {
    color: #000;
    margin-top: 5px;
    padding-left: 20px;
}
.wpcf7-not-valid-tip {
    color: #ffffff;
}
div.wpcf7-response-output {
    text-align: center;
    padding: 15px !important;
    font-size: 18px !important;
    border: none !important;
    font-weight: 500 !important;
    font-family: 'Helvetica Medium' !important;
    margin-top: 10px !important;
}
body.page-id-337 section.py-14.la-section .container .wpcf7-response-output {
    display: none;
}
footer ul#footer-menu {
    display: flex;
    flex-wrap: wrap;
    max-height: 260px;
}
footer ul#footer-menu li {
    width: 110px;       
    height: 30px;  
    display: flex;
    align-items: flex-start;
    font-size: 18px;
}
footer ul#footer-menu li a {
    position: relative;
}
div#filter-container select {
    -webkit-appearance: none;
    appearance: none;
    background: transparent;
    background-size: 8px 7px, 8px 7px;
    background-repeat: no-repeat;
    background-position: calc(100% - 17px),
        calc(100% - 10px);
        background-image: linear-gradient(45deg, transparent 50%, white 50%), 
    linear-gradient(135deg, white 50%, transparent 50%);
}
body.single-projet.postid-338 header.bandeau::before {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    content: '';
    background-color: #00000042;
}





/* Responsive  */
@media screen and (max-width: 1280px) {
    .f-46 {
        font-size: 26px;
        line-height: 33px;
    }
}

@media screen and (max-width: 1024px) {
    header.main_menu {
        position: absolute !important;
        left: 50%;
        transform: translateX(-50%);
        background-color: transparent;
        height: auto;
    }
    .main_menu nav.open {
        margin-top: 60px !important;
        padding: 0;
    }
    nav#main-nav.open {
        height: auto;
        background: transparent;
    }
    .main_menu nav.open .relative.w-full.flex.flex-col.lg\:flex-row.justify-between.items-center {
        background-color: #ffffff;
        padding: 20px 20px 50px;
        width: 240px;
        float: right;
        right: -22px;
    }
    .main_menu nav.open .un-el {
        margin-bottom: 10px;
    }
    .main_menu nav.open .un-el a,
    nav#main-nav.open .les-langues ul li a {
        color: #b59681;
    }
    nav#main-nav.open .les-langues {
        position: absolute;
        bottom: 15px;
        right: 88px;
        margin: auto;
    }
    .toggle-menu button {
        font-size: 28px;
    }
    div#content .bandeau-accueil {
        padding-top: 100px;
    }
    div#content header {
        padding-top: 170px;
    }
    section.map.container {
        padding: 0;
    }
    #map_projets {
        height: 500px !important;
        width: 100% !important;
    }
    div#details-container {
        display: contents;
    }
    section.map.container {
        display: flex;
        gap: 100px;
        flex-direction: column;
    }
    .hover-groupe .groupe {
        filter: opacity(1);
    }
    footer ul#footer-menu {
        margin-left: -50px;
    }
}

@media screen and (max-width: 768px) {
    .bandeau-accueil .swiper-slide {
        height: 50vh !important;
    }
    .hover-groupe .groupe::after {
        top: auto;
        bottom: -30px;
        left: 50%;
        transform: rotate(90deg);
        transform: translateX(-50%) rotate(90deg);
    }
    .toggle-menu {
        right: 26px !important;
    }
    div#filter-container select#filter, div#filter-container select#region-filter, select#bailleurs-filter,
    footer .les-rs {
        width: 100%;
    }
    .main_menu nav.open {
        width: 75% !important;
        left: 20% !important;
    }
    img.image-mob {
        width: 280px;
        object-fit: cover;
        height: 130px;
        display: block;
        margin: auto;
    }
    img.img-carte {
        width: 100%;
        height: 130px;
        object-fit: cover;
    }
    #map_projets {
        height: 350px !important;
    }
    footer ul#footer-menu {
        margin-left: 0;
    }
    
    
}