/* Header principal */
* {
    font-family: "Interstate";
}

body {
    margin: 0;
    padding: 0;
}

.page-id-1179 .pre_footer{
    display: none;
}

body.no-scroll {
    overflow: hidden;
}

html {
    scroll-behavior: smooth;
}

.spinner {
   width: 3em;
   height: 3em;
   border-radius: 50%;
   border: 0.5em solid;
   border-color: #ed178a;
   border-right-color: #3b277c;
   animation: spinner-d3wgkg 1s infinite linear;
}

@keyframes spinner-d3wgkg {
   to {
      transform: rotate(1turn);
   }
}

.header {
    display: flex;
    flex-direction: row;
    justify-content: right;
    align-items: center;
    padding: 0;
    margin-top: 5vh;
    width: 100%;
    position: absolute;
    z-index: 5;
}

.header_home{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0;
    padding-top: 2vh;
    padding-bottom: 1vh;
    width: 100%;
    background-color: white;
    z-index: 1000;
    top: 0;
    position: fixed;
}

.header_container{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 73%;
}

#mobile-menu{
    display: flex;
    position: absolute;
    left: 13vw;
    top: 20vh;
    width: 74vw;
    height: 30vw;
    background-color: #eff3f5;
}

.menu_close{
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 24px;
    cursor: pointer;
    z-index: 1001;
    color: #e91f80;
}

.overlay_mobile_menu{
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100vw;
    height: 100vh;
    background-color: black;
    opacity: 0.2;
}

.container_mobile_menu{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    align-items: end;
}

.header_menu_mobile{
    height: auto;
    display: flex;
    justify-content: center;
    width: 100%;
}

/* Logo */
.logo_header{
    display: flex;
    width: 15%;
    min-width: 250px;
    z-index: 20;
    transition: width 0.3s ease-in-out;
}

.logo_header.shrink {
    width: 15%;
    margin-top: 0;
}

.header_logo_img {
    width: 100%;
    height: auto;
    padding-left: 0;
    margin-top: 0;
}

.header_icon_menu{
    width: 6%;
    cursor: pointer;
}

/* Menu principal */
.header_menu {
    display: flex;
    align-items: center;
    font-family: "Interstate", Arial, sans-serif;
    font-weight: 400;
    background-color: white;
    z-index: 20;
    width: 34vw;
}

.header_menu a{
    text-decoration: none;
    color: black;
    text-transform: uppercase;
    font-size: 1vw;
    line-height: 1.3;
    font-weight: 500;
}

/* ===== DROPDOWN (DESKTOP) ===== */
.menu-item > .submenu {
    list-style: none;
    white-space: nowrap;
    z-index: 10;
    /* display: flex; */
    /* flex-flow: column; */
    /* flex-wrap: wrap; */
    /* height: 100%; */
    margin-top: 1vh;
    padding-left: 1vw;
}


/* ===== CAS SPÉCIFIQUE POUR SOUS-MENU DANS MOBILE ===== */
.menu-item.sous_menu {
    position: relative;
}


.menu-item-has-children:not(.sous_menu):hover > .submenu {
    display: flex;
    flex-direction: column;
}


.submenu .submenu {
    position: static;
    background: transparent;
    padding-left: 20px;
    box-shadow: none;
    margin: 0;
    list-style: none;
    /* height: 100%; */
}

.submenu .submenu > .menu-item::before{
/* .menu-item.sous_menu > .submenu li::before{ */
    content: "";
    background-color: #2f286d;
    opacity: 0.5;
    position: absolute;
    top: 40%;
    left: 0;
    width: 7px;
    height: 7px;
    border-radius: 50px;
}

.submenu .submenu > .menu-item:hover::before {
    opacity: 1;
}

.menu-item-has-children:before{
    display: none;
    content: "";
    position: absolute;
    top: 0.8vw;
    right: -0.5vw;
    width: 0.5vw;
    height: 0.2vh;
    transform: rotate(45deg);
    background-color: black;
    transition: color 0.3s ease;
}

.menu-item-has-children:after{
    display: none;
    content: "";
    position: absolute;
    top: 1.1vw;
    right: -0.5vw;
    width: 0.5vw;
    height: 0.2vh;
    transform: rotate(135deg);
    background-color: black;
    transition: color 0.3s ease;
}

.menu-item-has-children:hover::before, 
.menu-item-has-children:hover::after {
    background-color: #e6147e;
}

.separation_class{
    display: flex;
}

.container_mobile_menu .logo_header{
    position: absolute;
    bottom: 20%;
    right: 10%;
    font-size: 1vw;
    bottom: 6em;
    right: 7.4em;
    width: 17.4em;
    min-width: 0;
    transition: none;
}


/* Catégories du menu */
.header_menu_categorie {
    display: flex;
    justify-content: start;
    align-items: normal;
    flex-direction: column;
    padding: 0;
    margin: 0;
    list-style: none;
    height: 45%;
    flex-wrap: wrap;
    width: 90%;
    margin-top: 5%;
}

.header_menu_categorie li {
    margin-right: 1vw;
    padding: 0.6vh 0.8vw;
    position: relative;
    line-height: 1.3;
    font-size: 0.8vw;
    /* display: flex; */
    /* flex-flow: column; */
    /* width: 30%; */
}

.header_menu a:hover{
    color: #e6147e;
}

/* Sous-menu */
.header_menu_elements ul {
    display: none; 
    position: absolute; 
    top: 100%;
    left: 0;
    width: 150px;
    background-color: white;
    list-style: none;
    margin: 0;
    padding: 10px 0;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
    border-radius: 8px;
    z-index: 10;
}

/* Style des sous-éléments */
.header_menu_elements ul li {
    padding: 8px 16px;
    /*white-space: nowrap;*/
    text-transform: uppercase;
}

.menu_parent:hover > .submenu {
    display: none !important;
}

.header_menu_elements ul li a {
    text-decoration: none;
    color: black;
    display: block;
    font-size: 12px;
    width: 83px;
}

.header_menu_elements ul li a:hover {
    color: #e6147e;
}

/* Liens principaux */
.header_menu_elements {
    list-style: none;
}

.header_menu_elements a {
    text-decoration: none;
    color: inherit;
    background: none;
    border: none;
    font-size: 0.7vw;
    font-weight: 500;
}

.submenu li a{
    text-decoration: none;
    color: #2f286d;
    opacity: 0.5;
    font-weight: 600;
    text-transform: uppercase;
}

.submenu li a:hover{
    opacity: 1;
}

/* Flèches uniquement pour les liens de premier niveau */
.header_menu_categorie > li > a{
    position: relative;
    text-decoration: none;
    color: #e91f80;
    font-weight: 600;
    font-size: 1vw;
    text-transform: uppercase;
}

.header_menu_categorie > li > a::after {
    content: "";
    position: absolute;
    top: 0.65vw;
    left: -1vw;
    width: 0.5vw;
    height: 0.2vh;
    transform: rotate(135deg);
    background-color: #e91f80;
    transition: color 0.3s ease;
}

.header_menu_categorie > li > a:hover{
    color: #e6147e;
}

.header_menu_categorie > li > a::before {
    content: "";
    position: absolute;
    top: 0.35vw;
    left: -1vw;
    width: 0.5vw;
    height: 0.2vh;
    transform: rotate(45deg);
    background-color: #e91f80;
    transition: color 0.3s ease;
}

.menu-item.has-children > a:hover::after, .menu-item.has-children > a:hover::before {
    background-color: #e6147e;
}


.header_menu_elements_accueil > a::after {
    content: "" !important;
}


.header_menu_elements a:hover::after {
    color: #e6147e; 
}

/* Accent sur l'élément actif */
.header_menu_elements_accueil a {
    color: #e6147e;
    font-weight: 500;
}

/* Boutons contact et recherche */
.header_menu_contact, .header_menu_recherche {
    width: 8vw;
    font-family: "Interstate", Arial, sans-serif;
    font-size: 0.6vw;
    font-weight: 400;
    padding: 1vh 1vw;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
    transition: background-color 0.3s ease;
    text-decoration: none;
}

.header_menu_contact{
    background-color: #ed178a;
    color: white !important;
    font-weight: 500;
}

.inside_menu_contact{
    display: none;
}

.header_right{
    display: flex;
    flex-direction: row;
    justify-content: right;
    align-items: center;
    width: 12vw;
}

.header_menu_recherche{
    background-color: #ed178a;
    color: white;
}

.barre_recherche{
    font-family: "Interstate", Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    text-align: center;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    position: relative;
}

.barre_recherche img{
    width: 1.8vw;
    aspect-ratio: 1 / 1;
    margin-right: 0.5vw;
}

.search-input{
    position: absolute;
    width: 0;
    opacity: 0;
    padding: 0.5vh 0.5vw;
    border: none;
    outline: none;
    font-size: 1rem;
    background-color: white;
    border-bottom: solid 1px black;
    border-radius: 5px;
    top: 0;
    right: 2vw; 
    z-index: 20;
    transition: width 0.3s ease-in-out, opacity 0.3s ease-in-out, padding 0.3s ease-in-out;
}

.search-input.active {
    display: inline-block;
    width: 15vw;
    opacity: 1;
}

.search-input::placeholder {
    color: #999999;
  }

.search-button{
    width: auto;
    max-width: 20%;
    height: auto;
    border-radius: 5px;
    padding: 0.5vh 0.5vw;
    background-color: white;
    border: none;
}

.search-button img{
    width: 1.5vw;
    aspect-ratio: 1 / 1;
}


/* HOME PAGE */

/* SLIDER */
.home_slider{
    margin-top: 20vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
}

.slide{
    display: flex;
    flex-direction: row;
}

.slide img{
    width: 45vw;
    height: 30vw;
    /*min-height: 649px;*/
    object-fit: cover;
}

.conteneur_slider{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
    z-index: 2;
    width: min-content;
    overflow: hidden;
    margin-bottom: 8vh;
}

.text_slider, .text_slider_enseignant{
    position: relative;
    width: 28vw;
    min-width: 376px;
    height: 30vw;
    /*min-height: 649px;*/
    background-color: #f0f3f5;
    font-family: 'interstate';
    font-size: 25px;
    font-weight: 300;
    line-height: 1.3;
    color: #3a2281;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
}

.text_slider_enseignant::before{
    content: ""; 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../images/Topo.png') no-repeat center center;
    background-size: cover;
    opacity: 0.05; 
    z-index: 1;
}

.text_slider p, .text_slider_enseignant p {
    padding-left: 16%;
    padding-right: 10%;
    font-size: 1.5vw;
    font-weight: 400;
    line-height: 1.4;
}

.text_slider span, .text_slider_enseignant span{
    background-color: #2eb196;
    font-weight: 500;
    /*padding-top: 5px;
    padding-bottom: 4px;
    padding-left: 5px;*/
}

.current_number{
    position: absolute;
    background-color: white;
    color: #e90080;
    bottom: 2vh;
    left: 28vw;
    padding: 1vw 0.7vw;
    border-radius: 50px;
    letter-spacing: 0.1vw;
    font-weight: bold;
    font-size: 1vw;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    transform: translate(-50%, -50%);
    z-index: 5;
}

.current_number strong, 
.current_number_enseignant strong {
    color: #3a2281;
    font-weight: 600;
}

.current_number_enseignant{
    position: absolute;
    background-color: white;
    color: #e90080;
    bottom: 2vh;
    right: 25vw;
    padding: 1vw 0.7vw;
    border-radius: 50px;
    font-weight: bold;
    font-size: 1vw;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    transform: translate(-50%, -50%);
    z-index: 5;
}


.slider_a_propos_btn{
    color: white;
    background-color: #e90080;
    text-decoration: none;
    font-size: 0.8vw;
    font-weight: 500;
    margin-left: 16%;
    padding: 0.6vh 3vw;
}

/* Position et style des contrôles du slider */
.slider_controls {
    display: flex;
    position: absolute;
    justify-content: center;
    bottom: 3.5vh;
    left: 30vw;
    z-index: 10;
}



.prev, .next{
    position: absolute;
    z-index: 9;
    top: 20%;
    background: none;
    border: none;
    height: 15%;
    width: 10%;
    cursor: pointer;
}

.prev{
    left: 6vw;
}

.next{
    right: 6vw;
}

.slider-btn.prev::before{
    content: "";
    position: absolute;
    top: 40%;
    left: 0;
    width: 4vw;
    height: 4vw;
    /* background-color: #ffffff; */
    transform: rotate(-135deg);
    /* border-radius: 50px; */
    border-top: 5px solid #ed178a;
    border-right: 5px solid #ed178a;
}


.slider-btn.next::before{
    content: "";
    position: absolute;
    top: 40%;
    right: 0;
    width: 4vw;
    height: 4vw;
    /* background-color: #ffffff; */
    transform: rotate(45deg);
    /* border-radius: 50px; */
    border-top: 5px solid #ed178a;
    border-right: 5px solid #ed178a;
}



/* Conteneur des indicateurs */
.indicators {
    display: flex;
    gap: 10px; /* Espacement entre les indicateurs */
}

/* Style des indicateurs */
.indicator {
    width: 30px; /* Longueur du trait */
    height: 30px; /* Épaisseur du trait */
    border-radius: 2px; /* Coins arrondis */
    cursor: pointer; /* Curseur interactif */
    transition: background-color 0.3s ease;
    display: flex;
    align-items: center;
}
.indicator::before {
    content: "";
    height: 4px;
    width: 100%;
    background-color: #fff;
    display: block;
}

/* Style pour l'indicateur actif */
.indicator.active::before {
    background-color: #3a2281; /* Couleur pour l'indicateur actif */
}

.home_slider::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 220px;
    background-color: #ff7dcf;
    z-index: 1;
}

.home_slider .conteneur_slider .slide {
    display: flex;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition-property: opacity, visibility;
    transition-duration: .5s;
    transition-timing-function: ease-in-out;
}

.home_slider .conteneur_slider .slide.active {
    opacity: 1;
    visibility: visible;
    position: relative;
}

.slider_enseignant .conteneur_slider_enseignant .slide {
    display: none;
    opacity: 0;
    transition: opacity 0.5s ease;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.slider_enseignant .conteneur_slider_enseignant .slide.active {
    display: flex;
    flex-direction: row-reverse;
    opacity: 1;
    position: relative;
}

.categorie_slider_enseignant{
    position: absolute;
    bottom: 0px;
    right: 28vw;
    background-color: white;
    color: #3a2281;
    width: 18vw;
    height: 8vh;
    font-weight: 500;
    align-content: flex-end;
}

.categorie_titre{
    font-size: 1.42vw;
    line-height: 1.3;
    margin-left: 1vw;
    margin-bottom: 1vh;
    position: relative;
    width:fit-content;
}

.categorie_titre::before{
    content:"";
    position: absolute;
    top: -1vh;
    left: 0;
    width: 80%;
    height: 10%;
    background-color:#e90080;
}

.titre_slide{
    position: relative;
    color: #e90080;
    font-weight: 700;
    font-size: 1vw;
    line-height: 1.3;
    padding-left: 23%;
    width: 45%;
    text-transform: uppercase;
}

.titre_slide::before{
    content: "";
    position: absolute;
    top: 0;
    left: 23%;
    width: 2%;
    height: 100%;
    background-color: #e90080;
}

/*FIN SLIDER*/


.liste_projets {
    margin-top: 10px;
}

.fermer_projets {
    background: red;
    color: white;
    border: none;
    padding: 10px 15px;
    cursor: pointer;
    float: right;
    border-radius: 5px;
}

/* RECHERCHE RAPIDE */



.recherche_rapide{
    position: relative;
    /* margin-top: 135px; */
    height: 40vh;
    padding-top: 5vh;
    padding-bottom: 3vh;
    background-color: #e91f80;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
}

.recherche_rapide::after{
    content: ""; 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../images/Topo.png') no-repeat center center;
    background-size: cover;
    opacity: 0.05; 
    z-index: 1;
}

.popup_close{
    position: absolute;
    top: 2vh;
    right: 4vw;
    width: 5vw;
    height: 3vh;
    z-index: 20;
}

.popup_close::before{
    content: "";
    position: absolute;
    top: 0px;
    left: 50%;
    width: 10%;
    height: 100%;
    z-index: 40;
    background-color: white;
    transform: rotate(135deg);
    cursor: pointer;
}

.popup_close::after{
    content: "";
    position: absolute;
    top: 0px;
    left: 50%;
    width: 10%;
    height: 100%;
    z-index: 40;
    background-color: white;
    transform: rotate(45deg);
    cursor: pointer;
}

.popup_close_cat{
    position: absolute;
    top: 25vh;
    right: 10vw;
    width: 5vw;
    height: 3vh;
    z-index: 20;
}

.popup_close_cat::before{
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 10%;
    height: 100%;
    z-index: 40;
    background-color: white;
    transform: rotate(135deg);
    cursor: pointer;
}

.popup_close_cat::after{
    content: "";
    position: absolute;
    top: 0px;
    left: 50%;
    width: 10%;
    height: 100%;
    z-index: 40;
    background-color: white;
    transform: rotate(45deg);
    cursor: pointer;
}

.choix_categories, .btn_reponse_projet{
    padding: 10px 35px;
    margin: 15px;
    color: white;
    border: solid 1px white;
    text-decoration: none;
    font-size: 14.63px;
    font-weight: 500;
    text-align: center;
    position: relative;
    z-index: 2;
    text-transform: uppercase;
}

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

.btn_reponse_projet{
    text-transform: uppercase;
}

.reponses_projets {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 colonnes */
    grid-template-rows: repeat(2, auto); /* 2 lignes */
}




.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: none;
    z-index: 9;
}

.popup {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    z-index: 10;
    display: none;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    width: 100%;
    height: 40vh;
    padding-top: 5vh;
    padding-bottom: 3vh;
}

.choix_categories:hover{
    color: #e90080;
    border: solid 1px #e90080;
    background-color: white;
}

#popup-professionnel .reponses_projets .btn_reponse_projet:hover{
    color: #e90080;
    border: solid 1px #e90080;
    background-color: white;
}

#popup-professionnel.popup {
    background-color: #e91f80;
}

#popup-particulier .reponses_projets .btn_reponse_projet:hover{
    color: #3a2281;
    border: solid 1px #3a2281;
    background-color: white;
}

#popup-particulier.popup {
    background-color: #3a2281;
}

#popup-enseignant .reponses_projets .btn_reponse_projet:hover{
    color: #3a2281;
    border: solid 1px #3a2281;
    background-color: white;
}

#popup-enseignant .reponses_projets .btn_reponse_projet{
    color: #3a2281;
    border: solid 1px #3a2281;
}

#popup-enseignant.popup {
    background-color: #2eb196;
}

#popup-enseignant .titre_vert {
    background-color: #3a2281;
    color: white;
}


.popup::before{
    content: ""; 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../images/Topo.png') no-repeat center center;
    background-size: cover;
    opacity: 0.05; 
    z-index: 1;
}


.close-popup {
    background: red;
    color: white;
    border: none;
    padding: 5px 10px;
    cursor: pointer;
    border-radius: 5px;
}


/* TEST */

.home_categories{
    position: relative;
    margin-top: 10px;
    height: auto;
    background-color: #f0f3f5;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: end;
}

.home_categories::before {
    content: ""; 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../images/Topo_demi.png') no-repeat right center;
    opacity: 1; 
    z-index: 2;
}

.home_categories::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 139px;
    background-color: #e8ecef;
    z-index: 1;
}

.home_categories_2{
    position: relative;
    height: 435px;
    background-color: #d3d9dd;
}

.home_categories_2::before {
    content: ""; 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../images/Topo_demi_gauche.png') no-repeat left center / cover;
    opacity: 1; 
    z-index: 1;
}

.btn_front_top{
    position: absolute;
    right: 15%;
    top: -5%;
    background-color: #3a2281;
    width: 70px;
    height: 50px;
    padding-top: 20px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 70%;
    color: white;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    z-index: 3;
}

.btn_front_top.fixed {
    position: fixed;
    top: 66%;
    right: 15vw;
}

.btn_front_top::before{
    content: "";
    position: absolute;
    background-color: white;
    width: 20%;
    height: 4%;
    top: 25%;
    left: 31%;
    transform: rotate(-35deg);
}

.btn_front_top::after{
    content: "";
    position: absolute;
    background-color: white;
    width: 20%;
    height: 4%;
    top: 25%;
    left: 46%;
    transform: rotate(35deg);
}

.indication_scroll{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -5%;
    background-color: white;
    width: 3vw;
    aspect-ratio: 1 / 1;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 70%;
    color: white;
    z-index: 3;
}

.indication_scroll::before{
    content: "";
    position: absolute;
    width: 50%;
    height: 50%;
    top: 16%;
    left: 25%;
    transform: rotate(45deg);
    box-sizing: border-box;
    border-bottom: solid 4px #e6147e;
    border-right: solid 4px #e6147e;
}

.contact_titre{
    height: auto;
    display: flex;
    align-items: baseline;
    flex-direction: column;
}



.home_categories .texte_fleche::after{
    bottom: -1vw;
}

.titre_vert{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px 10px;
    width: 255px;
    height: 37px;
    font-size: 17.29px;
    font-weight: bold;
    color: white;
    background-color: #2eb196;
    z-index: 2;
}

.description_recherche_rapide{
    font-size: 1.8vw;
    line-height: 1.3;
    font-weight: 300;
    color: white;
    text-align: center;
    width: 35%;
    z-index: 2;
}

.description_categories strong,
.description_recherche_rapide strong{
    font-weight: 500;
}

.recherche_choix_categories{
    display: flex;
}

.contact_titre_titre{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 17.29px;
    font-weight: 500;
    color: white;
    background-color: #2eb196;
    padding: 5px 20px;
}

.texte_fleche::before{
    content: "";
    position: absolute;
    top: 0;
    left: -10vw;
    width: 100%;
    height: 100%;
    background: url('../images/fleche_home_second.png') no-repeat left center;
    opacity: 1;
    z-index: 0;
}

.texte_fleche{
    position: relative;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: flex-start;
    width: 30vw;
    height: 305px;
    margin-left: -30vw;
    margin-top: 60px;
    z-index: 2;
}

.texte_fleche_2{
    position: relative;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: flex-start;
    width: 62vw;
    min-height: 305px;
    height: 100%;
    margin-left: 20vw;
    margin-top: 60px;
}

.texte_fleche_2::before{
    content: "";
    position: absolute;
    top: 0;
    left: -10vw;
    width: 100%;
    height: 100%;
    background: url('../images/fleche_home_second.png') no-repeat left center;
    opacity: 1;
    z-index: -1;
}

.container_btn_pre_footer{
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 30vw;
    margin-top: 60px;
    margin-left: 20vw;
}

.description_categories{
    font-size: 1.5vw;
    font-weight: 400;
    line-height: 1.3;
    color: #3a2281;
    width: 100%;
    margin-bottom: -5vh;
    position: relative;
}

.contact_titre_texte{
    font-size: 1.5vw;
    font-weight: 400;
    line-height: 1.3;
    color: #3a2281;
    width: 100%;
    margin-bottom: 0px;
    margin-top: 0px;
}

.contact_titre_texte strong {
    font-weight: 500;
}

.contact_titre_texte::after{
    content: "";
    position: absolute;
    bottom: -2vh;
    left: 0;
    width: 10%;
    height: 2%;
    background-color: #3a2281;
    z-index: 1;
}

.cartes_categories{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
    width: clamp(1000px, 50vw, 1300px);
    /* height: 365px; */
    margin-left: 25vw;
    margin-right: 25vw;
}

.carte_categories{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 2;
    height: 476px;
    width: 292px;
}

.cartes_categories a{
    text-decoration: none;
}

.cartes_categories a:first-child {
    margin-bottom: -415px;
}

.cartes_categories a:nth-child(2) {
    margin-bottom: -215px;
}

.carte_categories img{
    width: 100%;
    height: auto;
}

.carte_categories:hover .carte_base {
    display: none;
}

.carte_categories:hover .bloc_texte_carte p {
    z-index: 2;
}

.card-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: 0;
    transition: opacity 0.3s ease;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: flex-start;
}

/*
.carte_categories.particulier .card-overlay {
    background-color: rgba(58, 34, 129, 0.7); 
}

.carte_categories.particulier .titre_carte_overlay {
    color: rgb(58, 34, 129); 
}

.carte_categories.collectivite .card-overlay {
    background-color: rgba(233, 0, 128, 0.7); 
}

.carte_categories.collectivite .titre_carte_overlay {
    color: rgb(233, 0, 128); 
}

.carte_categories.enseignant .card-overlay {
    background-color: rgba(46, 177, 150, 0.7); 
}

.carte_categories.enseignant .titre_carte_overlay {
    color: rgb(46, 177, 150); 
}
*/

.carte_categories:hover .card-overlay {
    opacity: 1;
}


.titre_carte_overlay{
    background-color: white;
    color: #e90080;
    width: auto;
    font-size: 18.6px;
    font-weight: 500;
    line-height: 1.3;
    margin-top: 30%;
    width: 65%;
    margin-left: 10%;
    padding: 5px;
    text-transform: uppercase;
}

.description_carte_overlay{
    color: white;
    font-size: 25.2px;
    font-weight: 500;
    margin-left: 10%;
    margin-top: 5%;
    width: 80%;
}

.carte_top{
    position: relative;
    width: 100%;
    height: 336px;
}

.bloc_texte_carte{
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white;
    width: 292px;
    height: auto;
    height: 139px;
    position: relative;
}

.bloc_texte_carte p{
    font-size: 21px;
    color: #3a2281;
    font-weight: 500;
    width: 49%;
    line-height: 1.3;
}

.bloc_texte_carte p::before{
    content: "";
    position: absolute;
    top: 25%;
    left: 5%;
    width: 2%;
    height: 50%;
    background-color: #e90080;
    opacity: 1;
    z-index: 2;
    margin-left: 10%;
}

.carte_categories:hover .bloc_texte_carte p::before {
    display: flex;
    background-color: #e90080;
}

.bloc_texte_carte_fleche {
    display: none; 
}

.carte_categories:hover .bloc_texte_carte .bloc_texte_carte_fleche {
    display: none;
    width: 15%;
    height: auto;
    z-index: 3;
    padding-left: 6%;
}


/* PAGE CATEGORIE PERSONNE */

.image_categorie{
    width: 50%;
    height: 100%;
}

.photo_categorie{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    pointer-events: none;
}

.categorie_hero{
    height: 900px;
    background-color: #3a2281;
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: flex-start;
    align-items: center;
    position: relative;
}

.fleche_projet{
    position: absolute;
    bottom: -3.3vh;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    width: 4%;
}

.description_bloc_categorie{
    position: relative;
    width: 50%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
}


.description_bloc_categorie::before {
    content: ""; 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../images/Topo_demi.png') no-repeat right center;
    opacity: 1; 
    z-index: 2;
}

.description_categorie{
    font-size: 1vw;
    font-weight: 300;
    color: white;
    line-height: 1.3;
    margin-left: 10%;
    position: relative;
    letter-spacing: 1.5px;
    width: 48%;
}

.titre_categorie{
    font-size: 1.7vw;
    font-weight: 600;
    width: 70%;
    line-height: 1.1;
    margin-left: 10%;
    position: relative;
    margin-bottom: 2vh;
    letter-spacing: 1.9px;
}

.description_categorie b {
    font-weight: 500;
}

.description_categorie::before{
    content: "";
    position: absolute;
    bottom: -3vh;
    left: 0;
    width: 60%;
    height: 10px;
    background-color: var(--before-color);
    opacity: 1;
    z-index: 2;
}

.conseils_categorie_container{
    background-color: #f4f2ef;
    width: 100%;
    display: flex;
    justify-content: center;
}

.conseils_categorie{
    height: 470px;
    background-color: #f4f2ef;
    color: #3a2281;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 80%;
}

.textes_conseil{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.titre_conseil{
    font-size: 1.8vw;
    font-weight: bold;
    margin-bottom: 3%;
    position: relative;
    z-index: 1;
    color: #3a2281;
    text-transform: uppercase;
    width: fit-content;
}

.titre_conseil::before{
    content: "";
    position: absolute;
    top: 24px;
    left: -0.5vw;
    width: 101%;
    height: 35%;
    background-color: #2eb196;
    opacity: 0.7;
    z-index: 0;
    margin-left: 10px;
}

.conseil{
    margin-right: 5vw;
}

.sous_titre_conseil{
    font-size: 21px;
    font-weight: bold;
    margin-bottom: 1vw;
}

.sous_texte_conseil{
    font-size: 21px;
    font-weight: 400;
}

/*Slider enseignant*/
.slider_enseignant{
    margin-top: 13vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-bottom: 4vh;
}

.conteneur_slider_enseignant{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    z-index: 2;
    width: min-content;
    overflow: hidden;
    margin-bottom: 6vh;
}

/* PAGE CURIEUX */
.container_curieux{
    width: 55%;
    text-align: center;
}

.container_curieux h2{
    font-weight: 500;
    font-size: 1.8vw;
}

.illustration_curieux{
    position: absolute;
    bottom: 0;
    right: 5vw;
    transform: translateY(50%);
    width: 7vw;
    height: auto;
}

/*
.groupement_bloc_info_curieux{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
}

.bloc_info_curieux{
    background-color: #f4f2ef;
    width: 40%;
}
*/

.container_infos_curieux{
    width: 65%;
    margin-top: 19vh;
}

.bloc_info_curieux, .bloc_petit_info_curieux{
    background-color: #f4f2ef;
    position: relative;
}

.bloc_info_curieux{
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    padding: 5vh 0;
}

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

.bloc_petit_info_curieux{
    margin-left: 0.3vw;
    margin-right: 0.3vw;
    padding: 5vh 0;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
}

.illustration_bloc_curieux{
    height: auto;
    width: auto;
    max-width: 20vw;
    max-height: 12vh;
    margin-top: -13vh;
    margin-bottom: 1vh;
}

.container_petit_bloc_infos_curieux{
    display: flex;
    flex-direction: row;
    margin-top: 15vh;
    margin-bottom: 15vh;
}

.bloc_petit_info_curieux a,
.btn_info_curieux {
    padding: 1vh 1vw;
    background-color: #e61381;
    color: white;
    font-size: 0.9vw;
    margin-top: 2vh;
    width: 30%;
    text-align: center;
    text-decoration: none;
    display: inline-block;
}

.pdf_fallback_message{
    color: white;
    background-color: #3a2281;
    padding: 0.7vh 0.7vw;
}

.desc_strong_bloc_centre_info{
    color: #3b277c;
    width: 75%;
    margin-top: 8px;
    font-size: 1.1vw;
    font-weight: 600;
    text-align:center;
    line-height: 1.3;
    margin-left: auto;
    margin-right: auto;
}

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

.colonne_gauche_bloc_curieux{
    width: 85%;
    padding-left: 3%;
    padding-right: 3%;
    text-align: center;
    margin-top: 2vh;
}

.curieux_logo_observatoire{
    height: auto;
    width: 14vw;
}

.colonne_gauche_bloc_curieux p{
    color: #3b277c;
    font-weight: 600;
    font-size: 1.1vw;
    line-height: 1.3;
    position: relative;
    margin-bottom: 2.5vh;
}

.colonne_gauche_bloc_curieux p::before{
    content: "";
    position: absolute;
    bottom: -2.5vh;
    left: 40%;
    width: 20%;
    height: 5px;url(color:%20#e61381)
    background-color: #e6147e;
}

.container_bloc_infos{
    display: flex;
    justify-content: center;
    flex-direction: row;
    align-items: center;
}

.bloc_infos_image{
    width: 80%;
}

.bloc_infos_image img{
    width: 100%;
    height: auto;
    margin-top: 10%;
}

.bloc_infos_texte{
    margin-left: 5%;
}

.texte_info{
    color: white;
    font-size: 1.3vw;
    line-height: 1.3;
    width: 76%;
    margin-bottom: 3%;
}

.illustration_check_observatoire{
    margin-top: -4vh !important;
    height: auto;
}

/*PAGE PARTICULIER*/
.text-center{
    text-align: center;
}

.container_particulier_top{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.bloc_info_pedagogie{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 5vh;
    margin-bottom: 5vh;
    width: 40%;
}

.titre_bloc_pedagogie{
    color: #e61381;
    margin: 0;
    padding: 1vh 1vw;
    font-size: 1vw;
    text-transform: uppercase;
    width: 50%;
    text-align: center;
}

.container_pedagogie{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
}

.bloc_info_particulier{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 5vh;
    margin-bottom: 5vh;
    width: 40%;
}

.container_particulier_bloc_gris{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.centre_info_titre{
    margin-top: 0;
    font-weight: 600;
    line-height: 1.3;
    font-size: 1vw;
}

.sous_titre_info_particulier{
    margin-top: 3.5em;
    font-weight: 400;
    font-size: 1.2vw;
    line-height: 1.3;
}

.double_bloc_particulier{
    display: flex;
    flex-direction: row;
    width: 50%;
    border: 1px solid white;
    padding: 0.5vh 0.5vw;
    margin-top: 2vh;
}

.colonne_gauche_particulier{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.colonne_gauche_particulier p{
    width: 90%;
    text-align: center;
    margin-top: 5%;
    margin-bottom: 0;
}

.colonne_gauche_particulier strong{
    text-align: center;
    font-size: 1em;
    margin-top: 2vh;
}

.colonne_gauche_particulier .btn_info_curieux{
    margin-bottom: 2vh;
    text-decoration: none;
}

.separation_trait{
    position: relative;
}

.separation_trait::before{
    content: "";
    position: absolute;
    top: 25%;
    bottom: 25%; 
    right: 0;
    width: 1px;
    background-color: #000; 
}

.global_aff_sensiblisation_particulier{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #e90080;
    padding-top: 15vh;
    padding-bottom: 5vh;
    position: relative;
}

.global_aff_sensiblisation_particulier > p {
    z-index: 2;
}

.global_aff_sensiblisation_particulier::before{
    content: ""; 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../images/Topo.png') no-repeat center center;
    background-size: cover;
    opacity: 0.05; 
    z-index: 1;
}

.container_aff_sensibilisation_particulier{
    width: 60%;
    height: auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: auto;
    row-gap: 1vh;
    column-gap: 1vh;
    z-index: 5;
}

.container_aff_sensibilisation_particulier p{
    color: white;
}

.illustration_particulier_top{
    position: absolute;
    top: -10%;
    right: 3%;
    width: 10%;
    height: auto;
    z-index: 5;
}

.illustration_particulier_bot{
    position: absolute;
    bottom: 10%;
    left: 3%;
    width: 7%;
    height: auto;
    z-index: 5;
}

.fiche-sensibilisation{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    background-color: white;
}

.fiche-left{
    width: 45%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1.5vh;
    margin-bottom: 1.5vh;
    position: relative;
}

.fiche-right{
    width: 50%;
    margin-right: 5%;
}


.fiche-left a{
    position: absolute;
    bottom: -1vh;
    right: 0;
    height: auto;
    width: 3.5vw;
}

.fiche-left img{
    width: 70%;
    pointer-events: none;   
}

.fiche-right h3{
    color: #e61381;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 1vw;
    line-height: 1.3;
    margin: 0;
}

.sous-titre{
    color: #e61381;
    font-size: 0.8vw;
    line-height: 1.3;
}

.fiche-right p{
    font-weight: 400;
    font-size: 0.6vw;
    line-height: 1.3;
    color: #3b277c;
    width: 85%;
}

.title_projet_particulier{
    color: white;
    font-size: 2.2vw;
    line-height: 1.3;
    font-weight: 600;
    z-index: 5;
    margin-bottom: 5vh;
    position: relative;
}

.title_projet_particulier::before{
    content: '';
    position: absolute;
    bottom: 2px;
    left: -2%;
    width: 104%;
    height: 0.4em;
    background-color: #59ae97;
    z-index: -1;
    border-radius: 4px;
    opacity: 1;
}

.container_encart_flyer{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 65%;
}

.col_gauche_encart_flyer{
    position: relative;
    width: 40%;
}

.image_flyer_encart{
    height: auto;
    width: 100%;
}

.illustration_encart img{
    width: 8vw;
}

.col_droite_encart_flyer{
    margin-left: 5%;
    width: 50%;
    position: relative;
}

.texte_encart{
    font-weight: 600;
    font-size: 1.2vw;
    line-height: 1.3;
    width: 100%;
}

.btn_encart{
    background-color: #e71381;
    color: white;
    padding: 1.2vh 0.8vw;
    text-decoration: none;
    font-size: 0.7vw;
    width: fit-content;
    margin-bottom: 2vh;
}

.btn_encart a{
    text-decoration: none;
    color: white;
}

/*PAGE COLLECTIVITES*/
.container_collectivite{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.titre_collectivites,
.container_collectivite h2 {
    color: #e61381;
    margin: 0;
    padding: 1vh 1vw;
    font-size: 2vw;
    font-weight: 500;
}

.desc_collectivites,
.container_collectivite p {
    color: #3b277c;
    width: 60%;
    margin-right: 5%;
    margin-top: 8px;
    font-size: 1.5vw;
    line-height: 1.6;
    text-align: center;
}

.competence_caue_collectivites{
    color: white;
    font-size: 1.7vw;
    font-weight: 500;
    width: fit-content;
    position: relative;
    width: 36%;
}

.competence_caue_collectivites::before{
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 0.4em;
    background-color: white;
    opacity: 0.5;
    z-index: 0;
    border-radius: 4px;
}

.container_adhesion_titre img{
    margin-left: 10%;
    margin-top: -2%;
}

.texte_competence_collectivites {
    position: relative;
}

.texte_competence_collectivites,
.texte_competence_collectivites ul,
.collectivite_liste{
    color: white;
    font-size: 1vw;
    line-height: 1.5;
    font-weight: 400;
    letter-spacing: 1.3px;
}

.btn-caue-content {
    display: inline-block;
    padding: 0.6em 0.8em;
    color: #fff;
    text-decoration: none;
    background: #ed178a;
    font-size: 1em;
}

.texte_competence_collectivites ul li::marker,
ul.collectivite_liste li::marker {
    color: white;
}

.space_collectivite{
    margin-bottom: 17vh;
}

.projet_collectivites{
    margin-top: 10vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 15vh;
}

.container_projet_collectivites{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 60%;
}

.titre_projet_collectivites{
    font-weight: 600;
    font-size: 1.3vw;
    color: #3a2281;
}

.grid_projet_collectivites{
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: auto;
    row-gap: 6vh;
    column-gap: 2.5vw;
    margin-top: 8vh;
}

.bloc-page-fille{
    background-color: #f4f2ef;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    position: relative;
    padding-top: 5vh;
}

.titre_page_fille {
    color: #e61381;
    margin: 0;
    font-size: 1.3vw;
    font-weight: 700;
}

.sous-titre_page_fille{
    color: #3b277c;
    font-size: 1vw;
    margin: 0;
    font-weight: 500;
    line-height: 1.3;
}

.description_page_fille{
    color: #3b277c;
    font-weight: 400;
    font-size: 0.8vw;
    line-height: 1.3;
    width: 85%;
    margin-top: 10px;
    margin-bottom: 2vh;
}

.btn_page_fille{
    color: #e61381;
    margin: 0;
    font-size: 0.8vw;
    font-weight: 600;
    margin-bottom: 2vh;
}

.btn_svr_plus{
    color: white;
    margin: 0;
    font-size: 0.8vw;
    font-weight: 600;
    margin-top: 3vh;
    z-index: 2;
    text-decoration: none;
}

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

.icone_validation img{
    position: absolute;
    top: -4vh;
}

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

.container_collectivite_maitre_ouvrage img{
    margin-top: 0vw;
    width: 7vw;
    position: absolute;
    top: -5vh;
}

.container_collectivite_maitre_ouvrage_texte h2,
.titre_maitre_ouvrage {
    font-size: 1.7vw;
}

.container_collectivite_maitre_ouvrage_texte {
    max-width: 80vw;
    margin-left: auto;
    margin-right: auto;
}

.container_collectivite_maitre_ouvrage_texte td {
    width: 25%;
    padding: 0.2em;
}

.container_collectivite_maitre_ouvrage p{
    text-align: center;
    width: 62%;
    font-size: 1.1vw;
    margin-top: 0vh;
    margin-bottom: 4vh;
}

.container_texte_maitre_ouvrage{
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    width: 70%;
}

.container_texte_maitre_ouvrage p:first-child{
    font-weight: 600;
    position: relative;
}

.container_texte_maitre_ouvrage p:first-child::before{
    content: "";
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 25%;
    height: 5px;
    background-color: #e90080;
    opacity: 1;
    z-index: 2;
}

.container_texte_maitre_ouvrage p{
    font-size: 0.8vw;
    line-height: 1.3;
    width: 25%;
    text-align: start;
}

/* TEMPLATE PAGE FILLE */
.container_projet_header_container{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    z-index: 5;
}

.description_header_page_fille{
    width: 40%;
    text-align: center;
    font-size: 1vw;
    font-weight: 300;
    line-height: 1.3;
}

.sous_titre_page_fille{
    font-size: 2vw;
    line-height: 1.3;
    font-weight: 400;
    margin-bottom: 3vh;
}

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



/* PROJET CONTAINER */
.grid_container_projet{
    /*height: 1130px;*/
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    overflow: hidden;
}

.titre_projet{
    font-size: 1.8vw;
    font-weight: bold;
    position: relative;
    z-index: 1;
    color: #3a2281;
}

.projet_categorie::before{
    content: "";
    position: absolute;
    top: 24px;
    left: 0;
    width: 15%;
    height: 35%;
    background-color: #2eb196;
    opacity: 0.7;
    z-index: 0;
    margin-left: 10px;
}

.projet_categorie{
    /* height: 470px; */
    color: #3a2281;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 80%;
    position: relative;
    margin-top: 5vh;
}

.grid{
    margin-top: 130px;
    display: grid;
    grid-template-columns: repeat(4, 250px);
    grid-auto-rows: 170px;
    position: relative;
    padding-bottom: 100px;
}

.grid::before{
    content: "";
    position: absolute;
    top: 172px;
    right: 0;
    left: -50vw;
    width: 150vw;
    height: 170px;
    background-color: #f7f8f8;
    z-index: 1;
}

.grid::after{
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    left: -24vw;
    width: 150vw;
    height: 64%;
    background: 
        url('../images/Topo_demi_gauche.png') no-repeat left center / contain,
        rgb(224, 227, 229, 0.9);
    /*background-color: #e0e3e5;*/
    z-index: 0;
}

.projet{
    z-index: 2;
    background-color: white;
    text-decoration: none;
    color: #3a2281;
}

.projet img {
    width: 250px;
    height: 170px;
}

.sous_titre_projet{
    position: absolute;
    color: white;
    background-color: #e71381;
    z-index: 3;
    font-size: 10px;
    font-weight: 500;
    padding: 3px 10px;
    margin-left: 5px;
    text-transform: uppercase;
    max-width: 80%;
}

.text_projet{
    position: relative;
    width: 65%;
    margin-left: 2vw;
    margin-top: 2vh;
    font-size: 20px;
    font-weight: 500;
}

.text_projet::after{
    content: "";
    position: absolute;
    top: 0;
    left: -1vw;
    width: 3%;
    height: 6vh;
    background-color: #e90080;
    z-index: 0;
}

.projet:hover .text_projet::after {
    background-color: white;
}

.decouvrir_projet{
    margin: 0;
    padding: 0;
    position: absolute;
    right: 30px;
    bottom: 20px;
    color: #e90080;
    font-size: 12.35px;
    font-weight: 500;
}

.projet:hover .decouvrir_projet{
    color: white;
}

.decouvrir_projet::before{
    content: "";
    position: absolute;
    top: 5px;
    right: -10px;
    width: 1%;
    height: 10px;
    transform: rotate(45deg);
    background-color: #e90080;
    z-index: 0;
}

.decouvrir_projet::after{
    content: "";
    position: absolute;
    top: -1px;
    right: -10px;
    width: 1%;
    height: 10px;
    transform: rotate(-45deg);
    background-color: #e90080;
    z-index: 0;
}

.projet:hover .decouvrir_projet::before, 
.projet:hover .decouvrir_projet::after {
    background-color: white;
}

.projet:hover{
    color: white;
}

.projet:hover img{
    opacity: 85%;
}


/* FEED TYPE INSTA */
.feed_container{
    height: 1000px;
    background-color: #e90080;
    /*margin-bottom: 235px;*/
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.feed_container::before{
    content: ""; 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../images/Topo.png') no-repeat center center;
    background-size: cover;
    opacity: 0.05; 
    z-index: 1;
}

.titre_feed{
    font-size: 13px;
    background-color: #2eb196;
    color: #3a2281;
    padding: 7px;
}


/* PRE FOOTER HOME */
.pre_footer{
    position: relative; 
    display: flex;
    gap: 20px;
    align-items: flex-start;
    justify-content: center;
    padding: 20px;
    margin-top: 15vh;
    padding-bottom: 0;
    background-color: white;
}

.pre_footer::after{
    content: ""; 
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%; 
    height: 110px; 
    background-color: var(--after-background-color, #ff7dcf);
    z-index: 0;
}

.pre_footer_contact{
        display: flex;
        flex-direction: row;
        justify-content: center;
}

.pre_footer_contact img{
    position: relative;
    top: 5vh;
    z-index: 1;
    width: 30vw;
    height: auto;
    object-fit: cover;
}


.pre_footer_informations_home{
    display: flex;
    flex-direction: column;
    width: 30vw;
    height: auto;
    line-height: 1.3;
    font-size: 1.1vw;
    background-color: #f0f3f5;
    z-index: 1;
    justify-content: center;
    align-items: start;
}

.pre_footer_informations_home p{
    padding-left: 3vw;
    padding-right: 3vw;
    color: #3a2281;
    line-height: 1.3;
    font-weight: 500;
    font-size: 1em;
}

.pre_footer_informations_home p:nth-of-type(2){
    font-weight: 400;
    padding-top: 5px;
}

.pre_footer_contact_btn_home{
    color: #e90080;
    background-color: #f0f3f5;
    border: solid 1px #e90080;
    padding: 1vh 3vw;
    margin-top: 1vh;
    margin-left: 3vw;
    margin-bottom: 1vh;
    text-decoration: none;
    width: fit-content;
    min-width: fit-content;
    max-width: 40%;
    font-size: 1vw;
    font-weight: 500;
    transition-property: background-color, color;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
}

.pre_footer_contact_btn{
    color: #e90080;
    background-color: #f0f3f5;
    border: solid 1px #e90080;
    padding: 0.5vh 0vw;
    margin-top: 0.5vh;
    text-decoration: none;
    width: 100%;
    height: 100%;
    font-size: 0.6vw;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    transition-property: background-color, color;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
}

.pre_footer_contact_btn_home:hover,
.pre_footer_contact_btn:hover{
    background-color: #e90080;
    color: #fff;
}

/*PROJET*/

.projet_header_container{
    position: relative;
    width: 100%;
    height: 45vh;
    min-height: 527px;
    margin-top: 8%;
    background-color: #e6147e;
    color: white;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.projet_header_container::before{
    content: ""; 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../images/Topo.png') no-repeat center center;
    background-size: cover;
    opacity: 0.05; 
    z-index: 1;
}

.projet_header_container h1{
    margin-top: 0vh;
    font-size: 1.7vw;
    margin-bottom: 1.6vh;
    text-transform: uppercase;
    line-height: 1.1;
}

.projet_header_container_fille{
    position: relative;
    width: 100%;
    height: 45vh;
    min-height: 527px;
    margin-top: 8%;
    background-color: #e6147e;
    color: white;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.projet_header_container_fille::before{
    content: ""; 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../images/Topo.png') no-repeat center center;
    background-size: cover;
    opacity: 0.05; 
    z-index: 1;
}

.projet_header_container_fille h1{
    margin-top: 0vh;
    font-size: 1.7vw;
    margin-bottom: 1.6vh;
    text-transform: uppercase;
    line-height: 1.1;
}



.photo_titre{
    width: 50%;
    height: 100%;
}

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

.textes_titre_vous_etes{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: 45%;
    position: relative;
    margin-left: 5vw;
}


.textes_titre_vous_etes::before{
    content: "";
    position: absolute;
    bottom: -3vh;
    left: 0;
    width: 20%;
    height: 13px;
    background-color: white;
    opacity: 1;
    z-index: 2;
}

.titre_entretien_vous_etes{
    margin-top: 0vh;
    font-size: 2vw;
    width: 45%;
    font-weight: 500;
    text-align: left;
}

.projet_header_description_vous_etes{
    width: 50%;
    text-align: left;
    font-size: 1vw;
    font-weight: 300;
    line-height: 1.3;
}

.illustration_titre, .illustration_titre img{
    height: 100%;
    margin-bottom: -3vh;
}

.illustration_titre{
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
}

.textes_titre{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: 50%;
    position: relative;
    z-index: 1;
}

.textes_titre::before{
    content: "";
    position: absolute;
    bottom: -3vh;
    left: 0;
    width: 20%;
    height: 13px;
    background-color: white;
    opacity: 1;
    z-index: 2;
}

.projet_header_description{
    width: 40%;
    text-align: left;
    font-size: 1vw;
    font-weight: 300;
    line-height: 1.3;
}

.bloc_gris_texte{
    background-color: #f4f2ef;
    width: 100%;
    padding-top: 8vh;
    padding-bottom: 8vh;
    display: flex;
    flex-direction: row;
    justify-content: center;
    color: #3b277c;
    line-height: 1.3;
    font-size: 1vw;
    position: relative;
    /*overflow: hidden;*/
}

.observatoire-content {
    text-align: center;
    color: #3b277c;
    line-height: 1.3;
    font-size: 1vw;
    width: 40%;
}

.observatoire-content a {
    color: #fff;
    background: #ed178a;
    display: inline-block;
    text-decoration: none;
    padding: 0.5em 0.8em;
}

.col_gauche_texte{
    width: 25%;
    margin-left: 18%;
    margin-right: 7%;
    font-weight: 500;
    font-size: 1.1vw;
}

.col_droite_texte{
    width: 35%;
    margin-right: 15%;
}

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

.texte_surligne,
.equipe-col-gauche h2 {
    width: fit-content;
    font-weight: 500;
    color: #3a2281;
    font-size: 2.4vw;
    margin-top: 5vh;
    position: relative;
    z-index: 1;
}

.texte_surligne::before,
.equipe-col-gauche h2::before {
    content: '';
    position: absolute;
    bottom: 2px;
    left: -2%;
    width: 104%;
    height: 0.4em;
    background-color: #59ae97;
    z-index: -1;
    opacity: 0.6;
}

.global_blocs_rose, .global_blocs_blanc{
    display: flex;
    flex-direction: row;
    margin-top: 10vh;
    width: 65%;
    justify-content: space-evenly;
}

.blocs_rose{
    background-color: #e6147e;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    color: white;
    width: 30%;
}

.blocs_rose img{
    margin-top: -4vh;
    width: 20%;
}

.blocs_blanc img {
    /* margin-top: -20%; */
    width: 20%;
    position: absolute;
    top: 0;
    transform: translateY(-50%);
    left: 40%;
}

.titre_blocs_rose{
    font-weight: 500;
    text-align: left;
    width: 75%;
    line-height: 1.3;
    font-size: 1vw;
    margin-bottom: 1vh;
    margin-top: 2vh;
}

.desc_blocs_rose{
    width: 75%;
    line-height: 1.3;
    font-size: 1vw;
    margin-bottom: 2vh;
}

.desc_blocs_rose a,
.btn_blocs_rose {
    background-color: white;
    color: #e6147e;
    padding: 0.5vh 1vw;
    margin-bottom: 2vh;
    font-size: 0.8vw;
    text-decoration: none;
}

.download_section, .adhesion_section{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 8vh;
}

.container_download, .container_adhesion{
    width: 75%;
    margin-left: 25%;
    padding-left: 4%;
    padding-bottom: 3vh;
    padding-top: 2vh;
    position: relative;
    box-sizing: border-box;
}

.container_download{
    background-color: #f4f2ef;
}

.container_adhesion{
    background-color: #59ae97;
}

.container_plaquette_centre_info {
    position: relative;
}

.titre_bloc_infos {
    font-size: 1.5em;
    color: #fff;
    margin-top: 0;
}

.container_download::before, .container_adhesion::before{
    content: ""; 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../images/Topo.png') no-repeat center center;
    background-size: cover;
    opacity: 0.05; 
    z-index: 0;
}

.global_download{
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    margin-top: 3vh;
    position: relative;
    z-index: 5;
}

.global_download img{
    width: 10%;
    margin-right: 10vw;
}

.container_blocs_blanc{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.blocs_blanc{
    background-color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #3b277c;
    width: 30%;
    text-align: center;
    padding: 4vw 2.5vw 2vw;
    position: relative;
}

.blocs_blanc p{
    width: 80%;
    line-height: 1.3;
    font-size: 1vw;
    margin-bottom: 2vh;
    text-align: center;
}

.blocs_blanc p strong{
font-size: 1.3vw;
}

.container_adhesion_titre{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: end;
    margin-top: -5vh;
    position: relative;
    z-index: 0;
}

.texte_competence_collectivites h2,
.adhesion_titre{
    color: white;
    font-size: 1.3vw;
    font-weight: 500;
    width: fit-content;
    position: relative;
}

.texte_competence_collectivites h2::before,
.adhesion_titre::before {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 0.4em;
    background-color: white;
    opacity: 0.5;
    z-index: 0;
    border-radius: 4px;
}

.adhesion_liste{
    color: white;
    font-size: 1vw;
    line-height: 1.5;
    margin-top: 1.2vh;
    margin-bottom: 3vh;
}

ul.adhesion_liste li::marker {
    color: white; 
}

/* PAGE NOUS CONTACTER */
.illustration_titre_nous_contacter{
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
}

.illustration_titre_nous_contacter img{
    height: 85%;
    bottom: 0;
    position: absolute;
}

.col_gauche_contact{
    width: 25%;
}

.col_droite_contact{
    width: 50%;
}

.container_page_contact{
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: start;
    margin-top: 15vh;
    margin-bottom: 10vh;
}

.titre_prep_entretien{
    font-weight: 300;
    color: #3b277c;
    line-height: 1.3;
    font-size: 2vw;
    margin-top: 0;
    margin-bottom: 0;
}

.titre_prep_entretien strong{
    display: block;
    font-weight: 500;
    line-height: 0.8;
    position: relative;
}

.titre_prep_entretien strong::after{
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 12%;
    height: 0.4em;
    background-color: #59ae97;
    z-index: -1;
}

.desc_prep_entretien{
    color: #3b277c;
    font-size: 1vw;
    width: 60%;
    margin-top: 1vh;
}

.sous_titre_entretien {
    font-size: 1.2vw;
    font-weight: 600;
    color: #3a2281;
    margin-top: 2vh;
    margin-bottom: 2vh;
    width: fit-content;
    position: relative;
    z-index: 1;
}

.col_droite_contact ul li{
    color: #3a2281;
    font-weight: 400;
    max-width: 100%;
    font-size: 1vw;
}

.informations_contact{
    display: flex;
    flex-direction: column;
    width: 23vw;
    background-color: #f3f2ee;
    z-index: 1;
    justify-content: center;
    align-items: center;
    padding-bottom: 3vh;
}

.informations_contact img{
    width: 50%;
    height: auto;
    margin-top: -26%;
}

.titre_infos{
    color: #e90080;
    font-size: 1.2vw;
    font-weight: 500;
    line-height: 1.3;
    margin-bottom: 0;
    margin-top: 1.5vh;
}

.description_adresse{
    position: relative;
    font-size: 1.2vw;
    font-weight: 400;
    line-height: 1.3;
    margin-top: 5px;
    color: #3a2281;
}

.description_adresse::before{
    content: "";
    position: absolute;
    bottom: -25%;
    left: 0;
    width: 80%;
    height: 1%;
    background-color: #3a2281;
}

.numero_contact{
    font-size: 1.5vw;
    font-weight: 500;
    line-height: 1.3;
    margin-top: 0;
    margin-bottom: 1vh;
    color: #3a2281;
    text-transform: uppercase;
    position: relative;
}

.numero_contact::before{
    content: "";
    position: absolute;
    bottom: -35%;
    left: 0;
    width: 20%;
    height: 1%;
    background-color: #3a2281;
}

.mail_contact{
    font-size: 1vw;
    font-weight: 500;
    line-height: 1.3;
    margin-top: 0;
    margin-bottom: 1vh;
    color: #3a2281;
    text-transform: uppercase;
}

.second_titre_prep_entretien{
    font-weight: 500;
    color: #3b277c;
    line-height: 1.3;
    font-size: 2vw;
    margin-top: 5vh;
    position: relative;
}

.second_titre_prep_entretien::after{
    content: '';
    position: absolute;
    bottom: 3px;
    left: 0;
    width: 12%;
    height: 0.4em;
    background-color: #59ae97;
    z-index: -1;
}

.second_desc_prep_entretien{
    color: #3b277c;
    font-size: 1vw;
    width: 60%;
}

.desc_venir_contact{
    color: #3b277c;
    margin: 0;
    font-size: 1vw;
    line-height: 1.3;
    text-align: center;
}

.desc_venir_contact strong{
    display: block;
}

.container_bon_savoir_contact{
    background-color: #59ae97;
    width: 23vw;
    margin-top: 15vh;
    padding-bottom: 3vh;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.container_bon_savoir_contact::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/Topo.png) no-repeat center center;
    background-size: cover;
    opacity: 0.05;
    z-index: 1;
}

.container_bon_savoir_contact img{
    width: 50%;
    height: auto;
    margin-top: -26%;
    z-index: 10;
}

.info_bon_savoir{
    width: 85%;
    color: white;
    position: relative;
    z-index: 2;
}

.titre_bon_savoir_contact{
    font-size: 1.8vw;
    margin-bottom: 0;
    line-height: 1.2;
    position: relative;
}

.titre_bon_savoir_contact::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 55%;
    height: 0.4em;
    background-color: white;
    z-index: 0;
    opacity: 0.5;
}

.second_titre_bon_savoir_contact{
    font-size: 1.5vw;
    width: 85%;
    line-height: 1.2;
    font-weight: 600;
}

.desc_bon_savoir_contact{
    font-size: 1.2vw;
    width: 85%;
    line-height: 1.2;
}

.desc_bon_savoir_contact strong{
    font-weight: 600;
}

.info_bon_savoir > p.desc_bon_savoir_contact:first-of-type {
    margin-bottom: 5vh;
    position: relative;
}

.desc_bon_savoir_contact:first-of-type::before {
    content: "";
    position: absolute;
    bottom: -30%;
    left: 0;
    width: 80%;
    height: 1%;
    background-color: white;
}

.titre_venir_contact{
    color: #e61381;
    margin: 0;
    margin-top: 2vh;
    padding: 1vh 1vw;
    font-size: 1vw;
    text-transform: uppercase;
}

.container_venir_contact{
    background-color: #f4f2ef;
    padding: 2vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 10vh;
}

.container_venir_contact img{
    width: 15%;
    height: auto;
    margin-top: -11%;
}



.info_bon_savoir h2 {
    position: relative;
}
.info_bon_savoir h2::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 55%;
    height: 0.4em;
    background-color: white;
    z-index: 0;
    opacity: 0.5;
}
.info_bon_savoir hr {
    border-color: #fff;
}
.info_bon_savoir h3 {
    font-size: 1.5vw;
    width: 85%;
    line-height: 1.2;
    font-weight: 600;
}


.col_droite_contact {
    color: #3b277c;
}
.col_droite_contact h2 {
    font-weight: 300;
    line-height: 1.3;
    font-size: 2vw;
    margin-top: 0;
    margin-bottom: 0;
}
.col_droite_contact h2 strong {
    font-weight: 500;
    line-height: 1;
    position: relative;
    width: 100%;
    display: inline-block;
}
.col_droite_contact h2 strong::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 12%;
    height: 0.4em;
    background-color: #59ae97;
    z-index: -1;
}
/* Page contact */






/* PAGE NOS INSTANCES */
.titre_instances{
    width: 100%;
    font-weight: 500;
    color: #3a2281;
    font-size: 1.8vw;
    margin-top: 8vh;
    margin-bottom: 0;
    position: relative;
    z-index: 1;
    text-align: center;
}

.date_conseil_administration{
    background-color: #2fb196;
    width: fit-content;
    padding: 0.7vh 1vw;
    color: white;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 1vw;
    letter-spacing: 1.2px;
}

.container_nos_instances, .header_titre_instance, .global_conseil_administration{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.container_conseil_administration{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    width: 35%;
    margin-top: 5vh;
}

.container_conseil_administration ul{
    width: 100%;
}

.header_titre_instance{
    position: relative;
}

.header_titre_instance::before{
    content: "";
    position: absolute;
    bottom: -3vh;
    left: 40%;
    width: 20%;
    height: 5px;
    background-color: #59ae97;
}

.header_titre_instance{
    margin-bottom: 5vh;
}

.container_nos_instances p{
    width: 40%;
    text-align: center;
    font-weight: 500;
    font-size: 1.1vw;
    margin-left: auto;
    margin-right: auto;
}

.container_conseil_administration h2,
.container_conseil_administration h3,
.role_conseiller{
    font-weight: 600;
    font-size: 1.2vw;
    color: #3a2281;
    width: fit-content;
    max-width: 100%;
    position: relative;
    margin-bottom: 0.7vh;
}
.container_conseil_administration h2 {
    font-size: 1.4vw;
}

.container_conseil_administration h2::before,
.container_conseil_administration h3::before,
.role_conseiller::before{
    content: '';
    position: absolute;
    bottom: -0.2vh;
    left: 0%;
    width: 3.6vw;
    height: 0.4em;
    background-color: #59ae97;
    z-index: -1;
    opacity: 0.7;
}

.container_conseil_administration ul li strong{
    /* display: block; */
    font-weight: 600;
    font-size: 0.9vw;
}

.container_conseil_administration ul li{
    color: #3a2281;
    font-weight: 400;
    max-width: 100%;
    font-size: 0.9vw;
    line-height: 1.1;
    margin-bottom: 1.8vh;
}


/* PAGE NOTRE EQUIPE */
.container_notre_equipe{
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: flex-start;
    width: 40%;
}

.description_notre_equipe{
    margin-top: 2vh;
    margin-bottom: 2vh;
}

.container_equipe_animation{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.date_actualisation{
    margin-bottom: 2vh;
    margin-top: 0.5vh;
}

.global_equipe_anim{
    width: 55%;
    margin-left: 14%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.col_gauche_anim{
    width: 35%;
    color: #3b277c;
    line-height: 1.3;
    font-size: 1vw;
}

.desc_equipe_anim,
.equipe-col-gauche p {
    margin-top: 3vh;
}

.col_droite_anim{
    width: 55%;
}

.equipe_grid{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 10vh;
}

.membre_carte{
    width: 30%;
    margin: 1vh 0.5vw;
}

.membre_photo{
    width: 75%;
    aspect-ratio: 1 / 1;
}

.membre_photo img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.25);
}

.membre_infos{
    color: #3b277c;
    font-size: 0.8vw;
    line-height: 1.3;
    margin: 0;
}

.membre_nom{
    font-weight: 500;
    margin: 0;
}

.membre_metier{
    margin: 0;
    font-size: 0.6vw;
    font-weight: 400;
}

/* PAGE RAPPORT ACTIVITE */
.container_rapport_activite{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.container_rapport_activite img{
    width: 15%;
}

.container_affiches_sensibilisation{
    margin-top: -8vh;
}

.grille_rapports{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1vh;
    margin-top: 10vh;
}

.rapport_card{
    background-color: white;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    position: relative;
    width: 29%;
    min-width: 390px;
    height: 30vh;
    min-height: 500px;
    margin: 0 1vw;
    margin-bottom: 2vh;
}

.container_image_rapport_activite {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    aspect-ratio: 3 / 4; /* Assure un format vertical uniforme */
    overflow: hidden;
    background-color: white;
    text-align: center;
}

.rapport_image {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.rapport_image img {
    max-height: 85%;
    max-width: 95%;
    height: auto;
    width: auto;
    object-fit: contain;
    display: block;
    padding-left: 3%;
    pointer-events: none;
}


.bandeau_rapport{
    position: absolute;
    top: -11vh;
    left: -1vw;
    z-index: 2;
    background-color: #e6147e;
    color: white;
    padding: 1vh 0.8vw;
    text-transform: capitalize;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 1.1vw;
    line-height: 1.3;
    width: 65%;
    clip-path: polygon(0 0, 93% 0, 100% 100%, 0% 100%);
    text-transform: uppercase;
}

.bandeau_rapport_rapport{
    position: absolute;
    top: 2vh;
    left: -1vw;
    z-index: 2;
    background-color: #e6147e;
    color: white;
    padding: 1vh 0.8vw;
    text-transform: capitalize;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 0.9vw;
    line-height: 1.1;
    width: 55%;
    clip-path: polygon(0 0, 93% 0, 100% 100%, 0% 100%);
}

.rapport_actions{
    width: 2.5vw;
}

.download_btn img{
    width: 100%;
}

/* PAGE TOUT SAVOIR SUR LE CAUE28  & CENTRE DE RESSOURCES*/

.global_page_fille_categorie, .container_page_fille_categorie{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.container_page_fille_categorie{
    width: 75vw;
    margin-top: 7vh;
}

.grid_3x3_blocs {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
  }

.bloc_fille_maquette {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #fbfaf9;
    margin: 1vw;
    text-align: center;
    width: 23vw;
    height: auto;
    min-height: 320px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease;
    text-decoration: none;
}
.bloc_fille_maquette:hover {
    transform: translateY(-5px);
}

.bloc_fille_maquette img {
    width: auto;
    height: auto;
    max-width: 250px;
    max-height: 200px;
    margin-bottom: 15px;
}

.bloc_fille_titre {
    font-weight: bold;
    color: #2f1d80;
    font-size: 1.5vw;
    margin-bottom: 0.5vh;
    width: 85%;
}

.bloc_fille_lien {
    color: #e3007d;
    font-weight: 500;
    font-size: 1vw;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    position: relative;
}

.bloc_fille_lien::after {
    content: "";
    display: block;
    width: 30px;
    height: 2px;
    background: #e3007d;
    margin: 5px auto 0 auto;
}

.bloc_home_titre{
    margin-top: 0vh;
    font-size: 2vw;
    margin-bottom: 0;
    width: 30%;
}


/* PAGE AFFICHES SENSIBILISATION */
.hidden_affiche {
    display: none;
}
.voir_plus_wrapper {
    text-align: center;
    margin-top: 5vh;
}

.voir_plus_link, .voir_moins_link {
    text-decoration: none;
    position: relative;
}

.voir_plus_link:after, .voir_moins_link:after{
    content: "";
    position: absolute;
    background-color: #3a2281;
    bottom: -0.6vh;
    left: 0;
    width: 100%;
    height: 1px;
}

.voir_plus_btn {
    color: #3a2281;
    padding: 0.7vh 0vw;
    border: none;
    font-weight: bold;
    /* border-radius: 4px; */
    cursor: pointer;
    position: relative;
    width: fit-content;
}
.voir_plus_btn::before{
    content: "";
    position: absolute;
    background-color: #3a2281;
    bottom: 0;
    /* left: 25%; */
    width: 100%;
    height: 2px;
}
.picto_affiche_sensi{
    position: absolute;
    height: auto;
}
.picto_affiche_sensi:nth-child(1) {
    top: 0;
    right: 5vw;
    transform: translateY(-50%);
    z-index: 5;
    width: 8vw;
}

.picto_affiche_sensi:nth-child(2) {
    left: 5vw;
    top: 50%;
    width: 5vw;
}

.picto_affiche_sensi:nth-child(3) {
    bottom: 3vw;
    right: 0;
    width: 16vw;
    height: auto;
    transform: translateX(35%);
}

/*PAGE CENTRE INFORMATION */
.illustration_centre_info{
    position: absolute;
    bottom: 0;
    left: 5vw;
    transform: translateY(50%);
    width: 13vw;
    height: auto;
}

.centre_info_titre{
    width: 47%;
    font-weight: 500;
    color: #3a2281;
    font-size: 1.5vw;
    position: relative;
    z-index: 1;
    text-align: center;
    margin-top: 2em;
}

.centre_info_titre::before{
    content: "";
    position: absolute;
    bottom: -3vh;
    left: 25%;
    width: 50%;
    height: 5px;
    background-color: #59ae97;
}


.container_centre_info{
    margin-top: 19vh;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.groupement_bloc_centre_info{
    display: flex;
    flex-direction: row;
    width: 60%;
    justify-content: space-between;
}

.groupement_bloc_centre_info .bloc_centre_info{
    width: 49%;
    min-height: 200px;
}

.bloc_centre_info{
    width: 60%;
    background-color: #f4f2ef;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 3vw;
    padding-top: 3vw;
    margin-bottom: 7vh;
    position: relative;
}


.illustration_centre_info3{
    position: absolute;
    top: -25vh;
    right: 11vw;
    transform: translateY(50%);
    width: 15vw;
    height: auto;
}

.titre_bloc_centre_info{
    color: #e61381;
    margin: 0;
    padding: 1vh 1vw;
    font-size: 1vw;
    text-transform: uppercase;
}

.desc_bloc_centre_info{
    color: #3b277c;
    width: 70%;
    margin-right:0%;
    margin-top: 2vh;
    font-size: 1.1vw;
    line-height: 1.3;
}

.bloc_petit_info_curieux .desc_bloc_centre_info{
    font-size: 1.1vw;
    text-align: left;
}

.bloc_petit_info_curieux .titre_bloc_centre_info{
    font-weight: 800;
    font-size: 1.1vw;
}

/* PAGE GUIDE PAYSAGES */
.container_guide_paysages{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 5vh;
}

.centre_info_titre strong{
    font-size: 0.9vw;
    font-weight: 600;
}

/* PAGE NOS RESSOURCES */
.page-header{
    position: relative;
    width: 100%;
    height: 45vh;
    min-height: 527px;
    margin-top: 15vh;
    background-color: #3a2281;
    color: white;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.page-header::before{
    content: ""; 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../images/Topo.png') no-repeat center center;
    background-size: cover;
    opacity: 0.05; 
    z-index: 1;
}

.fond_illustration_titre{
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fond_illustration_titre img{
    position: absolute;
    width: 95%;
    /* bottom: 3vh; */
    /* left: 7vw; */
    z-index: 0;
}

.fond_illustration_mobile{
    display: none;
}

.page-header-content-container{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 50%;
    position: relative;
}

.page-header-title{
    text-align: center;
    font-weight: 300;
    font-size: 3vw;
    text-transform: uppercase;
}

.page-header-title b{
    font-weight: 500;
}

.page-header-intro{
    width: 75%;
    text-align: center;
    font-size: 1.2vw;
    font-weight: 300;
    line-height: 1.3;
}

.fiche_archi_titre{
    width: 40%;
    font-weight: 500;
    color: #3a2281;
    font-size: 1.5vw;
    margin-top: 8vh;
    position: relative;
    z-index: 1;
    text-align: center;
}

.fiche_archi_desc{
    text-align: center;
    color: #3b277c;
    line-height: 1.3;
    font-size: 1vw;
    width: 40%;
    margin-top: 2vh;
}

.global_fiche_archi{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 5vh;
}

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

.fiche_archi_precision_logo{
    text-align: center;
    color: #3b277c;
    line-height: 1.3;
    font-size: 1vw;
    width: 40%;
    margin-top: 5vh;
    font-weight: 600;
}

.fiche_archi_indication_fleche{
    display: flex;
    flex-direction: row;
    width: fit-content;
    margin-top: 3vh;
}

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

.container_fiche_theme img,
.container_fiche_theme svg {
    width: 30%;
}
.container_fiche_theme.categorie_thematique .fill-arrow{
    fill: #2ca343;
}
.container_fiche_theme.categorie_conseil .fill-arrow{
    fill: #a9112d;
}
.container_fiche_theme.categorie_exemple .fill-arrow{
    fill: #016ba2;
}
.container_fiche_theme p {
    margin: 0;
}



/*PAGE OBSERVATOIRE CAUE */
.container_observatoire{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: -4vh;
}

.logo_observatoire_container {
    width: 35%;
}
.page-header-title.image {
    width: 70%;
}

.logo_observatoire_container img,
.page-header-title.image img {
    width: 100%;
}

.global_observatoire{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 13vh;
    position: relative;
}

.container_blocs_observatoire{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
}

.container_blocs_observatoire .blocs_blanc {
    padding: 0 2vw 2vw;
}

.btn_acces_observatoire{
    background-color: #e71381;
    margin-top: 5vh;
    padding: 0.7vh 0.7vw;
    text-align: center;
}

.btn_acces_observatoire a{
    color: white;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 1.3;
    font-size: 1vw;
}

.picto_observatoire{
    position: absolute;
    bottom: -5vh;
    right: 2vw;
    transform: translateX(-50%);
    width: 10vw;
    height: auto;
}

.picto2_observatoire{
    position: absolute;
    bottom: -5vh;
    left: 2vw;
    width: 10vw;
    height: auto;
}

/* PAGE FICHE ARCHI */
/* Fond alterné */
.bloc-section.fond-beige {
    background-color: #f4f2ef;
}

.bloc-section.fond-blanc {
    background-color: #ffffff;
}

/* Conteneur général */
.bloc-section {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2rem;
    position: relative;
    padding-bottom: 2em;
}

.container_infos_section{
    display: flex;
    flex-direction: row;
}

.illustration-section img{
    position: absolute;
    top: -7vh;
    max-width: 13vw;
    max-height: 15vh;
}

.container_section{
    width: 50%;
}

.container_gauche_section {
    margin-right: 2.5vw;
    width: 20%;
}

.container_gauche_section img{
    pointer-events: none;
    width: 100%;
}

.images_ligne_container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 12vw;
    min-height: 300px;
    margin-top: 7vh;
    margin-bottom: 2vh;
}

.img_meme_hauteur{
    height: 100%;
    max-width: 30%;
    width: auto;
    object-fit: cover;
    pointer-events: none;
    margin-right: 2%;
}

.vignettes_container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 15px;
}

.vignette_item {
    width: calc(50% - 5px);
    justify-content: center;
    align-items: center;
    display: flex;
}

.vignette_item img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

.container_droite_section{
    width: 75%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.titre_fiche_section{
    width: 50%;
    font-weight: 500;
    color: #3a2281;
    font-size: 1.3vw;
    margin-top: 8vh;
    position: relative;
    z-index: 1;
    text-transform: uppercase;
}

.titre_fiche_section::before{
    content: '';
    position: absolute;
    bottom: -2px;
    left: -2%;
    width: 25%;
    height: 0.6em;
    background-color: #59ae97;
    z-index: -1;
    opacity: 0.6;
}

.informations_fiche{
    color: #3b277c;
    line-height: 1.3;
    font-size: 1.2vw;
    width: 100%;
    margin-top: 0vh;
    margin-bottom: 2vh;
}

.informations_fiche p strong{
    font-weight: 500;
}

.pdf_global_section{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    background-color: #3b277c;
    color: white;
    border-radius: 10px;
    margin-bottom: 1vh;
}

.pdf_global_section img{
    width: 2vw;
    padding: 10px;
}

.pdf_global_section a {
    color: white;
    width: 100%;
}

/* PAGE NOS EXPOSITIONS */
.diaporama_overlay {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    justify-content: center;
    align-items: center;
}

.diaporama_shadow {
    position: absolute;
    background-color: rgba(0,0,0,0.85);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
}

.diaporama_content {
    position: relative;
    max-width: 80vw;
    max-height: 80vh;
    display: flex;
    align-items: center;
    overflow: visible;
    flex-direction: column;
}

.diapo_slide {
    display: none;
    max-height: 80vh;
    max-width: 80vw;
}

.diapo_slide.active {
    display: block;
}

.close {
    position: absolute;
    top: 20px;
    right: 30px;
    font-size: 40px;
    color: white;
    cursor: pointer;
}

.prev_next_container{
    margin-top: 2vh;
}

.diapo_prev, .diapo_next {
    cursor: pointer;
    background-color: transparent;
    border: none;
    color: #e62283;
    user-select: none;
    overflow: visible;
    width: 2.5vw;
}

.diapo_prev img, .diapo_next img{
    width: 100%;
}

.diapo_prev {
    left: 40%;
}

.diapo_next {
    right: 40%;
}

.btn_diaporama, .btn_diaporama_animation{
    height: 5vh;
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    color: #e5007d;
    font-weight: 500;
    line-height: 1.3;
    font-size: 0.7vw;
    text-decoration: underline;
    cursor: pointer;
}

.btn_diaporama_animation{
    justify-content: center;
}

.btn_diaporama img, .btn_diaporama_animation img{
    height: 65%;
    width: auto;
    margin-right: 1vw;
    margin-left: 0.3vw;
}

/* PAGE RECHERCHE AVANCEE */
.recherche_header_container{
    position: relative;
    width: 100%;
    height: 45vh;
    min-height: 527px;
    margin-top: 15vh;
    background-color: #3a2281;
    color: white;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.recherche_header_container::before{
    content: ""; 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../images/Topo.png') no-repeat center center;
    background-size: cover;
    opacity: 0.05; 
    z-index: 1;
}

.container_recherche_av_header{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 5;
}

.illustration_recherche_av_header{
    width: 5vw;
}

.illustration_recherche_av_header img {
    width: 100%;
}

.titre_recherche_av{
    margin-top: 0vh;
    font-size: 2vw;
    width: 100%;
    font-weight: 600;
    text-align: left;
}

.formulaire_recherche_avancee{
    width: 100%;
}

.formulaire_recherche_avancee form input{
    width: 60%;
    padding: 1vh 0;
    border: none;
    margin: 0;
    font-size: 0.6vw;
    font-family: 'Interstate';
    padding-left: 5%;
    color: #2e4252;
}

.formulaire_recherche_avancee form button{
    width: 30%;
    padding: 1vh 0;
    background-color: #e71381;
    color: white;
    border: none;
    font-size: 0.6vw;
}

.formulaire_recherche_avancee input::placeholder {
    color: #2e4252;
  }

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

.container_reponses_recherche_av{
    width: 55%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 8vh;
}

.aucun-resultat-container{
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
}

.container_message_resultat{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #f4f5f6;
    margin-top: 5vh;
    z-index: 3;
    padding-bottom: 2vh;
    margin-bottom: 5vh;
}

.illustration_aucun_resultat{
    width: 23%;
    margin-top: -9vh;
}

.container_message_resultat p:first-of-type{
    font-size: 1.6vw;
    width: 60%;
    text-align: center;
    color: #3a2281;
}

.illustration_aucun_resultat img{
    width: 100%;
    height: auto;
}

.nombre_resultat_recherche{
    width: 100%;
    height: auto;
    color: #3a2281;
    padding-bottom: 1.5vw;
    /* padding-left: 0%; */
    margin-top: 7vh;
    border-bottom: 1px solid #e0e3e5;
    margin-bottom: 4vh;
    font-weight: 900;
    font-style: italic;
    font-size: 0.8vw;
    z-index: 3;
    position: relative;
}

.nombre_resultat_recherche img{
    overflow: visible;
    position: absolute;
    width: 20%;
    height: auto;
    left: 35%;
    transform: translateY(-70%);
    padding: 0;
}

/*FICHES*/
.section_fiches_thematiques, .section_fiches_exemples, .section_fiches_conseils{
    background-color: white;
    padding: 1.5vh 0.8vw;
    font-size: 1vw;
    line-height: 1.3;
    margin-bottom: 0.5vh;
    margin-top: 0.5vh;
    border-radius: 10px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.16);
}

.section_fiches_thematiques img, .section_fiches_exemples img, .section_fiches_conseils img{
    width: 1.5vw;
    margin-right: 1vw;
}

/* Illustration positionnée selon la parité */
details summary {
    list-style: none;
    display: flex;
    align-items: center;
    cursor: pointer;
  }
  
  details summary::-webkit-details-marker {
    display: none;
  }

  details[open] summary {
    border-bottom: 1px solid gray;
    padding-bottom: 1vh;
  }

  details ul li{
    list-style: none;
    display: flex;
    align-items: center;
    margin-bottom: 1vh;
  }

details ul li a,
details ul li button {
    color: #3b277c;
    font-size: 0.8vw;
    border: none;
    display: inline-block;
    text-decoration: underline;
    background: transparent;
    padding: 0;
    cursor: pointer;
}

  details ul{
    padding-left: 0;
    margin: 1.5vh 2vw;
  }

.illustration {
    flex: 1 1 40%;
    max-width: 40%;
}

.illustration img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.illustration-droite {
    order: 2;
    padding-left: 2rem;
    position: absolute;
    right: 15vw;
}

.illustration-gauche {
    order: 0;
    padding-right: 2rem;
    position: absolute;
    left: 4vw;
}

/* Contenu à côté de l'illustration */
.contenu-section {
    flex: 1 1 55%;
    max-width: 55%;
}

.contenu-section h2 {
    font-size: 1.8rem;
    margin-bottom: 1rem;
    font-weight: bold;
}

/* PDF principal */
.fiche-global {
    margin-bottom: 2rem;
}

.fiche-global a {
    background-color: #2e1e6b;
    color: #fff;
    padding: 0.75rem 1.2rem;
    display: inline-block;
    text-decoration: none;
    font-weight: 500;
    border-radius: 8px;
    transition: background 0.3s;
}

.fiche-global a:hover {
    background-color: #1d154c;
}

/* Groupe de fiches */
.groupe-fiches {
    margin-bottom: 2rem;
}

.groupe-fiches h3 {
    margin-bottom: 0.8rem;
    font-size: 1.2rem;
    font-weight: 600;
}

.groupe-fiches ul {
    padding-left: 1.2rem;
    list-style-type: none;
}

.groupe-fiches li {
    margin-bottom: 0.5rem;
    position: relative;
}

.groupe-fiches li::before {
    margin-right: 0.5rem;
    color: #888;
}


/*CSS GESTION PDF ACF*/
.PDF_section{
    position: relative;
    z-index: 5;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    margin-top: 1.2vh;
}

.pdf_block{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 23vw;
    background-color: #3b277c;
    color: white;
    border-radius: 5px;
    margin-bottom: 1vh;
    position: relative;
    z-index: 20;
    text-align: left;
    border: none;
    cursor: pointer;
    text-decoration: none;
}

.pdf_content a, .pdf_title strong, .pdf_link {
    color: white;
    font-size: 0.9vw;
    line-height: 1.3;
    white-space: normal;
    word-break: break-word;
    display: inline-block;
    max-width: 90%;
    background: inherit;
    border: none;
    display: block;
    cursor: pointer;
}

.pdf_content a strong{
    display: block;
    text-decoration: none;
}

.illustration_pouceup{
    position: absolute;
    left: -23vw;
    top: 5vh;
    width: 21%;
    height: auto;
}

.pdf_content{
    width: 80%;
}

.pdf_icon{
    width: 10%;
    margin: 0.5vw;
}

.pdf_icon img{
    width: 100%;
    margin-right: 0;
}

.conseils_caue_container{
    width: 50%;
}

.conseils_CAUE{
    height: auto;
    padding-top: 5vh;
    padding-bottom: 5vh;
    background-color: #f4f2ef;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #3a2281;
}

.header_fiche_conseil{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.logo_fiche_conseil{
    margin-right : 2%;
}

.conseils_caue_titre{
    font-size: 1.8vw;
    font-weight: 500;
    color: #3a2281;
    margin-bottom: 2vh;
    width: 100%;
    position: relative;
    z-index: 1;
    line-height: 1.3;
}

.conseils_caue_titre::before{
    display: none;
    content: "";
    position: absolute;
    background-color: #2eb196;
    height: 25%;
    width: 170px;
    bottom: 5%;
    left: 1%;
    z-index: -1;
}

.conseils_caue_sous_titres{
    font-size: 1vw;
    line-height: 1.3;
    color: #3a2281;
    font-weight: 400;
}

.conseils_caue_liste{
    font-size: 0.9vw;
    line-height: 1.3;
    font-weight: 300;
}

ul li::marker {
    color: #2eb196; /* Couleur des points */
    font-size: 24px;
}

/* FICHES CONSEILS */
.fiches_conseils{
    height: 100%;
    position: relative;
    margin-top: 3vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 7vh;
    padding-top: 2vh;

}


.fiches_conseils::after{
    content: ""; 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../images/Topo.png') no-repeat center center;
    background-size: cover;
    opacity: 0.05; 
    z-index: -1
}

.fiches_conseils_container{
    width: 55%;
}

.fiches_conseils_container h2{
    font-size: 1.8vw;
    color: #3a2281;
    font-weight: 500;
}

.container_fiches_conseils{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    background-color: #f4f5f6;
}

.container_fiches_conseils:nth-child(even) { /* Impairs : couleur #f4f5f6 */
    background-color: #f4f5f6;
}

.container_fiches_conseils:nth-child(odd) { /* Pairs : couleur #ffffff */
    background-color: #ffffff;
}

.container_fiches_conseils:hover {
    background-color: #949fa7;
}

.container_fiches_conseils:hover .fiche_conseil,
.container_fiches_conseils:hover .fiche_conseil p,
.container_fiches_conseils:hover .fiche_conseil_btn {
    color: #ffffff; /* Texte en blanc */
}

.fiche_conseil{
    padding-left: 0vw;
    display: flex;
    flex-direction: row;
    align-items: center;
    width: calc(100% - 11vw);
}

.img_fiche_conseil{
    height: 10vh;
    width: 10vw;
    padding: 1vw;
    object-fit: cover;
    object-position: center;
}

.titre_fiche_conseil{
    font-size: 1vw;
    color: #3a2281;
    font-weight: 500;
    width: 85%;
}

.desc_fiche_conseil{
    font-size: 0.6vw;
    font-weight: 400;
    line-height: 1.3;
    width: 50%;
    color: #878787;
}

.fiche_conseil_btn{
    padding-right: 2vw;
    color: #e90080;
    text-decoration: none;
    width: 11vw;
    font-size: 1vw;
    border: none;
    padding: 0 2vw 0 0;
    background: transparent;
    box-sizing: border-box;
    cursor: pointer;
    text-align: left;
}

.fiche_conseil_btn::after{
    content: "›"; 
    color: #e90080;
    margin-left: 5px; 
    transition: color 0.3s ease; 
}

.container_fiches_conseils:hover .fiche_conseil_btn::after{
    color: white;
}

/*FAQ*/
.faq_container {
    margin: 20px auto;
    max-width: 55%;
    font-family: Arial, sans-serif;
    padding-bottom: 4vh;
    padding-top: 2vh;
}

.faq_title {
    position: relative;
    font-size: 36px;
    color: #3a2281;
    font-weight: 500;
    width: fit-content;
}

.faq_title::before{
    content: "";
    position: absolute;
    background-color: #2eb196;
    height: 35%;
    width: 145%;
    bottom: 0;
    left: -0.5vw;
    z-index: -1;
    opacity: 0.7;
}

.container_faq {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.faq_item {
    border: 1px solid #000;
    border-radius: 0;
    overflow: hidden;
    margin-bottom: 10px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.faq_item:hover {
    background-color: #f4f5f6;
}

.faq_header {
    background-color: white;
    padding: 15px 20px;
    transition: background-color 0.3s ease;
    font-size: 18px;
}

.faq_titre {
    margin: 0;
    position: relative;
    font-size: 18px;
    line-height: 19px;
    font-weight: 500;
}

.faq_titre::before{
    content: "";
    position: absolute;
    background-color: black;
    top: 50%;
    left: 90%;
    width: 3%;
    height: 1%;
    transform: rotate(38deg);
}

.faq_titre::after{
    content: "";
    position: absolute;
    background-color: black;
    top: 50%;
    left: 92.3%;
    width: 3%;
    height: 1%;
    transform: rotate(138deg);
}

.faq_item.open .faq_titre::before {
    transform: rotate(142deg);
}

.faq_item.open .faq_titre::after {
    transform: rotate(40deg);
}

.faq_reponse {
    display: none; /* Masqué par défaut */
    background-color: #ffffff;
    padding: 15px 20px;
    color: #333;
    line-height: 1.5;
    border-top: 1px solid #000;
    font-size: 14px;
}

/* FICHES PRATIQUES */
.fiches_pratiques_container{
    background: #f4f5f6;
    padding-bottom: 4vh;
    padding-top: 2vh;
}

.fiche_pratique_btn{
    display: flex;
    width: 100%;
    aspect-ratio: 1 / 1;
    background-color: white;
    text-decoration: none;
}

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

.fiches_pratiques{
    width: fit-content;
    margin-bottom: 3vh;
    font-weight: 500;
    font-size: 1.8vw;
    line-height: 1.3;
    color: #3a2281;
    position: relative;
    z-index: 1;
}

.fiches_pratiques::before{
    content: "";
    position: absolute;
    background-color: #2eb196;
    height: 35%;
    bottom: 0;
    width: 109%;
    left: -0.5vw;
    z-index: -1;
    opacity: 0.7;
}

.container_fiches_pratiques{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, auto);
    gap: 25px;
    width: 100%;
    margin-top: 5vh;
}

.fiche_pratique_container_global{
    width: 55%;
}

.fiche_pratique{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    font-size: 0.7vw;
    line-height: 1.3;
    font-weight: bold;
    color: #3b277c;
}

.fiche_pratique_titre{
    font-size: 1.6em;
}

.fiche_pratique_logo{
    width: 3vw;
    height: auto;
}

/* FEED INSTA PROJET */
.feed_insta_projet{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 100%;
    background-color: #e90080;
    padding-bottom: 5vh;
    padding-top: 3vh;
    /* margin-top: 10vh; */
}

.feed_insta_projet::before{
    content: ""; 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../images/Topo.png') no-repeat center center;
    background-size: cover;
    opacity: 0.05; 
    z-index: 0;
}

.feed_insta_titre{
    background-color: #2eb196;
    padding: 10px 10px;
    width: auto;
    font-size: 1vw;
    line-height: 1.3;
    font-weight: 500;
    margin-bottom: 5vh;
    color: white;
}

.image_feed_insta_btn, .fiche_image_container, .feed_image{
    display: flex;
    width: 22.4vw;
    height: 16.8vw;
}

.image_feed_insta_btn{
    position: relative;
    z-index: 3;
    margin-left: 1vw;
    background-color: white;
}

.btn_voir_plus_feed{
    color: white;
    font-size: 18px;
    font-weight: 500;
    margin-top: 50px;
    z-index: 5;
}

.fiche_image_container:hover .fiche_overlay{
    color: #3a2281;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    width: 100%;
    height: 100%;
}

.fiche_titre{
    text-align: center;
    width: 90%;
}

.fiche_image_container:hover img{
    opacity: 0.4;
}

.fiche_overlay{
    display: none;
}

.container_feed{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    row-gap: 15px;
    column-gap: 0px;
    justify-items: stretch;
    align-items: stretch;
}

/* ENTRETIEN */
.entretien_container{
    margin: 20px auto;
    max-width: 55%;
    /* font-family: Arial, sans-serif; */
    padding-bottom: 4vh;
    padding-top: 2vh;
    color: #3b277c;
    font-size: 1.5vw;
    line-height: 1.3;
    font-weight: 400;
}

.titre_entretien{
    text-align: left;
    font-weight: 300;
}

.titre_entretien span{
    font-weight: 500;
}


.sous_titre_RM{
    font-size: 1.5vw;
    line-height: 1.3;
    margin-top: 3vh;
    margin-bottom: 3vh;
    font-weight: 500;
}

.text_RM ~ ul{
    font-size: 1vw;
    line-height: 1.3;
    margin-top: 3vh;
    margin-bottom: 3vh;
    font-weight: 400;
}

.text_RM{
    font-size: 1vw;
    line-height: 1.3;
    margin-bottom: 4vh;
    font-weight: 400;
}
.text_RM strong{
    font-weight: 500;
}

.entretien_surlignage{
    position: relative;
}

.entretien_surlignage::before{
    content: "";
    display: block;
    position: absolute;
    background-color: #2eb196;
    height: 35%;
    width: 100%;
    bottom: 5%;
    padding-right: 0;
    left: 0;
    z-index: -1;
}


.bon_a_savoir_titre{
    font-size: 36px;
    font-weight: 500;
    color: #3a2281;
    width: 100%;
    margin-left: 10px;
    position: relative;
    z-index: 1;
}

.bon_a_savoir{
    padding: 25px;
    background-color: #2eb196;
    color: white;
    font-size: 19px;
    font-weight: 400;
}

.bon_a_savoir span {
    font-weight: 600;
}

.container_bon_a_savoir{
    display: flex;
    flex-direction: row;
    justify-content: left;
    align-items: center;
    margin-top: 5vh;
    margin-bottom: 2vh;
}

.container_bon_a_savoir img{
    padding-right: 2vw;
}

.btn_bloc_texte{
    text-decoration: none;
    background-color: #3a277a;
    color: white;
    padding: 0.5vh 1vw;
    text-transform: uppercase;
}

.bloc_texte{
    background-color: #2eb196;
    padding: 1vh 1vw;
    color: white;
}

/* FORMULAIRE */
.formulaire_header{
    position: relative;
    width: 100%;
    height: 472px;
    background-color: #e6147e;
    color: white;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.formulaire_section,
.formulaire_footer{
    color: #3a2281;
}


.submit_button{
    background-color: #e90080;
    color: white;
    border: 0px;
    padding: 20px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
}

.formulaire_content{
    background-color: #e6147e;
    height: auto;
    width: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.formulaire_content::before{
    content: ""; 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1680px;
    background: url('../images/Topo.png') no-repeat center center;
    background-size: cover;
    opacity: 0.05; 
    z-index: 1;
}

.titre_formulaire{
    margin-top: 8vh;
    font-size: 48px;
    font-weight: 300;
    text-align: center;
}

.titre_formulaire span{
    font-weight: 500;
}

.formulaire_bloc{
    background-color: white;
    width: 48vw;
    height: auto;
    border-radius: 15px;
    padding: 2vw;
    margin-top: 0;
    margin-bottom: 100px;
    z-index: 3;
}

.form_group {
    margin-bottom: 20px;
    width: 100%;
    display: flex;
    flex-direction: row;
    color: #3a2281;
}

.form_group_message{
    width: 90%;
}

.form_group_2{
    display: flex;
    flex-direction: row;
}

.form_group_2 .form_group:first-child{
    margin-right: 20px;
}

.infos_sections_formulaire{
    width: 80%;
    transform: translate(12%);
}

.sous_titre_formulaire{
    font-size: 17px;
    font-weight: 600;
    margin-right: 30px;
    width: 50%;
}

.form_group label {
    font-weight: 400;
    margin-right: 20px;
}

.form_group textarea #projet{
    width: 100%;
}

.form_group input {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1em;
}

.form_group textarea{
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1em;
}

input::placeholder,
textarea::placeholder {
    color: #3a2281; /* Couleur grise */
    font-style: italic; /* Optionnel : Style italique */
}

.radio_group{
    display: flex;
    flex-direction: row;
    width: 50%;
}

.radio_telephone, 
.radio_mail{
    display: flex;
    flex-direction: row-reverse;
    width: 50%;
    align-items: center;
}


.formulaire_footer{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 50px;
}

.logo_reseaux_mobile{
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
}

.formulaire_footer_left{
    font-weight: 400;
    font-size: 14px;
}

.formulaire_footer_left p{
    margin-top:2px;
    margin-bottom: 0px;
}

input[type="radio"] {
    width: 30%;
    height: 20px;
}

.formulaire_section ul li::marker {
    color: #3a2281;
    font-size: 24px;
}

/* PRE FOOTER OTHER */
.pre_footer_prepa_rdv_btn{
    text-decoration: none;
    color: white;
    background-color: #e90080;
    border: solid 1px #e90080;
    padding: 0.6vh 0vw;
    width: 100%;
    height: 100%;
    font-size: 0.7vw;
    line-height: 1.3;
    font-weight: 500;
    overflow: hidden;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pre_footer_informations{
    display: flex;
    flex-direction: column;
    width: 25vw;
    background-color: #f0f3f5;
    z-index: 1;
    justify-content: center;
    align-items: center;
}

.pre_footer_infos_container{
    width: 90%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    padding: 5vw 15px 15px;
    box-sizing: border-box;
}

.pre_footer_infos_container img{
    width: 60%;
    top: -13vh;
    left: 3vw;
    position: absolute;
}

.titre_footer{
    font-size: 1.3vw;
    font-weight: 500;
    line-height: 1.3;
    margin-bottom: 0;
    margin-top: 1.5vh;
    color: #e90080;
}

.description_footer{
    position: relative;
    font-size: 1.2vw;
    font-weight: 400;
    line-height: 1.3;
    margin-top: 5px;
    color: #3a2281;
}

.description_footer::before{
    content: "";
    position: absolute;
    bottom: -25%;
    left: 0;
    width: 80%;
    height: 1%;
    background-color: #3a2281;
}

.description_footer.no-before::before {
    display: none;
}

.numero_footer{
    font-size: 1.3vw;
    font-weight: 500;
    line-height: 1.3;
    margin-top: 0;
    margin-bottom: 1vh;
    color: #3a2281;
    text-transform: uppercase;
}

.btn_prefooter{
    text-decoration: none;
    border: solid 1px #e90080;
    color: #e90080;
    background-color: white;
    font-size: 18px;
    line-height: 1.3;
    padding: 0.5vw;
    width: 12vw;
    min-width: 249px;
    text-align: center;
    margin-bottom: 15px;
}

.btn_prefooter:hover{
    background-color: #e90080;
    color: white;
    border: solid 1px white;
}

.global_texte_footer{
    width: 75%;
    margin-top: 5vh;
}

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

/* STICKY BTN */
.sticky-container {
    position: fixed;
    top: 25%;
    right: 0vw;
    transition: transform 0.3s ease;
    display: flex;
    align-items: center;
    z-index: 19;
  }
  
  .sticky-btn {
    background-color: #2eb196;
    padding: 1vw;
    width: 15vw;
    height: 15vh;
    text-align: center;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
    text-decoration: none;
    border-radius: 5px;
    z-index: 1000;
    transition: background-color 0.3s;
  }
  
  .sticky-btn-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    width: 100%;
    height: 100%;
  }

  .sticky-btn-content p{
    font-size: 0.9vw;
    width: 75%;
  }
  
  .sticky-btn-title {
    background-color: #2c1a74;
    color: white;
    font-weight: bold;
    padding: 0.5vh 0.5vw;
    border-radius: 4px;
    text-transform: uppercase;
    font-size: 0.8vw;
    margin: 0;
  }

  .contact_sticky{
    width: 80%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
  }

  .type_contact{
    text-decoration: none;
    color: white;
    font-size: 0.8vw;
  }

  .contact_sticky a:first-child {
    border-right: solid 1px white;
    padding-right: 1.5vw;
}
  
  .sticky-btn:hover {
    background-color: #4ae6af;
  }
  
  .vertical-tab {
    display: none;
    background-color: #2c1a74;
    color: white;
    padding: 0.5vw;
    font-size: 0.8vw;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    border-radius: 0px 5px 5px 0px;
    cursor: pointer;
  }
  
  .close-btn {
    position: absolute;
    top: 0.5vh;
    left: 0;
    color: #2c1a74;
    font-size: 1vw;
    font-weight: bold;
    width: 3vw;
    height: 3vh;
    text-align: center;
    border-radius: 50%;
    cursor: pointer;
    z-index: 1001;
  }

  .close-btn::before, .close-btn::after {
    content: '';
    position: absolute;
    top: 1.3vh;
    left: 0.8vw;
    width: 1vw;
    height: 0.2vh;
    background-color: #2c1a74;
    border-radius: 2px;
  }
  
  .close-btn::before {
    transform: rotate(45deg);
  }
  
  .close-btn::after {
    transform: rotate(-45deg);
  }
  
  .hidden-sticky {
    transform: translateX(85%);
  }

/*FOOTER*/

.container_texte_footer a {
    color: black;
}

.footer {
    position: relative; 
    padding-top: 10vh;
    padding-bottom: 20px;
    background-color: #e90080; 
    color: white; 
}

.page-id-1179 .footer {
    padding-top: 100px !important;
}

.footer_left{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.footer_left, .footer_middle, .footer_right{
    font-size: 0.6vw;
    font-weight: 400;
}

.footer_middle a {
    text-decoration: none;
    color: white;
}

.container_btn_footer{
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    width: 50%;
    margin-top: 2vh;
}

.logo_reseaux_footer{
    margin-left: 0.4vw;
    /* margin-right: 4px; */
    width: 1vw;
    height: auto;
    fill: #fff;
}

.footer_right{
    display: flex;
    flex-direction: row;
    align-items: start;
}

.footer_right a{
    margin-left: 8px;
    margin-top: -3px;
}

.footer_right a img{
    height: 25px;
}

.footer::before {
    content: ""; 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../images/Topo.png') no-repeat center center;
    background-size: cover;
    opacity: 0.05; 
    z-index: 1;
}

.footer > * {
    position: relative; 
    z-index: 2; 
}

.footer_menu {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly; 
    align-items: center; 
    color: white; 
    padding: 20px; 
    text-align: center; 
}

/* LISEUSE */

.pdf-to-read-list {
    margin: 0;
    list-style: none;
    padding: 0;
    display: flex;
    flex-flow: column;
    grid-gap: 1vh 0;
}

.btn_liseuse{
    cursor: pointer;
    display: flex;
    justify-content: center;
    border: none;
    padding: 1em;
    font-size: 1vw;
    border-radius: 10px;
    background-color: #ed178a;
    color: white;
    width: 100%;
}

.pdf-modal {
    display: none;
    position: fixed;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
}

.product-catalogue-toolbar {
    position: absolute;
    top: calc( -3em - 10px );
    right: calc(50%);
    transform: translateX(50%);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.product-catalogue-toolbar-button {
    border: none;
    background: none;
    padding: 0;
    height: 3em;
    width: 3em;
    fill: #fff;
    cursor: pointer;
}

.zoom-enable .product-catalogue-toolbar-zoom {
    fill: #ed178a;
}

.zoom-enable .page-wrapper {
    cursor: zoom-in;
}

.product-catalogue-container {
    position: relative;
    background-color: #fff;
    /* margin: 3% auto; */
    /* width: 90%; */
    /* height: 880px; */
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    border-radius: 8px;
    text-align: center;
    /* margin-bottom: 90px; */
    position: relative;
    /* overflow: hidden; */
}

.product-catalogue-loading-text {
    display: flex;
    font-size: 1em;
    color: #000;
    align-items: center;
    justify-content: center;
    padding: 1em;
}
.show-flipbook .product-catalogue-loading-text {
    display: none;
}

.product-catalogue-loading-text p {
    margin: 0;
    padding-left: 1em;
}

.pdf-modal-close {
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 28px;
    font-weight: bold;
    color: #000;
    cursor: pointer;
    z-index: 10000;
}

.product-catalogue-pagination {
    position: absolute;
    bottom: calc( -2em - 10px );
    right: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateX(50%);
    color: #fff;
    font-weight: 700;
}

.product-catalogue-pagination select {
    background: rgba(0,0,0,0.5);
    border: none;
    padding: 0 0.4em;
    width: auto;
    color: inherit;
    font-weight: inherit;
    margin-right: 0.4em;
    font-size: 1em;
    text-align: right;
    min-width: 0;
}

#pdf-frame {
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 0 0 8px 8px;
}

.container-pdf-reader {
    margin-left: auto;
    margin-right: auto;
    padding: 50px 15px;
    max-width: 1450px;
    margin-bottom: 50px;
    width: 100%;
}

.product-catalogue-pdfreader-container {
    position: relative;
    /* padding: 0 2em; */
}

.product-catalogue-pdfreader-button {
    position: absolute;
    display: none;
}

.product-catalogue-container.loaded .product-catalogue-pdfreader-button {
    display: block;
    z-index: 2;
    top: 50%;
    transform: translateY(-50%);
    border: 0;
    padding: 0;
    font-size: 4rem;
    line-height: 1;
    height: 1.5em;
    width: 1em;
    left: -1em;
    color: #fff;
    background: #000;
    fill: #fff;
}

.product-catalogue-container.loaded .product-catalogue-pdfreader-button.next {
    left: auto;
    right: -1em;
}

.product-catalogue-canvas-container {
    max-width: 1420px;
    margin: auto;
    overflow: hidden;
    position: relative;
    /* margin-bottom: 50px; */
    /* margin-top: 50px; */
    display: none;
}

.catalogue-canvas {
    width: 710px;
    height: 940px;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: 0;
}

.catalogue-canvas.hide {
    width: 0 !important;
    height: 0 !important;
}

.page-wrapper .catalogue-canvas {
    display: block;
}

.product-catalogue-preview {
    margin: 0 auto 45px;
    display: block;
    cursor: pointer;
}

.product-catalogue-preview-container {
    margin-bottom: 100px;
    position: relative;
}

.product-catalogue-container.show-flipbook .product-catalogue-preview-container {
    display: none;
}

.product-catalogue-preview-container button {
    border: none;
    background-color: #000;
    color: #fff;
    text-transform: uppercase;
    padding: 0.2em 2.5em;
    font-size: 1.5rem;
    cursor: pointer;
}

.product-catalogue-container.loading .product-catalogue-canvas-container,
.product-catalogue-container.loaded .product-catalogue-canvas-container {
    display: block;
}

.product-catalogue-container.loading .product-catalogue-preview-container,
.product-catalogue-container.loaded .product-catalogue-preview-container {
    display: none;
}

.product-catalogue-container.loading .catalogue-canvas,
.product-catalogue-container.loaded .catalogue-canvas {
    opacity: 1;
    visibility: visible;
}

.product-catalogue-link {
    text-decoration: none;
    font-size: 1.2rem;
    letter-spacing: 0.5px;
}

.product-catalogue-link::before {
    content: "";
    width: 2.55em;
    height: 2.45em;
    display: inline-block;
    background-image: url(./images/icone-pdf.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    margin-right: 0.5em;
    vertical-align: middle;
}

.product-catalogue-link span {
    display: inline-block;
    background-color: #000;
    text-decoration: none;
    color: #fff;
    padding: 0px 2px;
    vertical-align: middle;
}


@media screen and (max-width: 1600px) {
    .container-pdf-reader {
        max-width: 1180px;
        padding: 40px 15px 75px;
    }
}
@media screen and (max-width: 1280px) {
    .container-pdf-reader {
        max-width: 960px;
        padding-bottom: 50px;
    }
}
@media screen and (max-width: 999px) {
    .product-catalogue-preview-container {
        display: none;
    }
}

/* LOGO CHECK */

.bloc_centre_info img, .icone_validation img, .illustration_check_observatoire{
    width: 14%;
}

.bloc_centre_info img{
    position: absolute;
    top: -4vh;
    left: 35%;
    height: auto;
    transform: translateX(50%);
}

.bloc_centre_info .illustration_centre_info_top {
    top: auto;
    width: 100%;
    transform: none;
    left: auto;
    max-width: 40%;
    right: auto;
    bottom: calc( 100% - 2vw);
}

/*  */

.menu_mobile{
    display: none;
}

.mobile{
    display: none;
}

.desk{
    display: flex;
}

.btn_mobile_categories{
    display: none;
}

.mobile_header_menu{
    display: none;
}

.grid_mobile, .conseils_caue_mobile, .menu-overlay{
    display: none;
}

.voir-plus{
    display: none;
}

.sous-categorie-feed{
    display: none;
}

.header_num_call, .menu-content{
    display: none;
}



/* MODIFS FICHES 2025-07-24 */
.page_fiche-content {
    padding: 4em 0;
    margin-left: auto;
    margin-right: auto;
    max-width: 50%;
    font-size: 1.2vw;
}
/* MODIFS FICHES 2025-07-24 */



/* Template affiches sensibilisation */
.container_section {
    margin-left: auto;
    margin-right: auto;
}
.affiche-sensibilisation-content {
    font-size: 1vw;
    padding-top: 10vw;
    max-width: 50vw;
    color: #3a2281;
    line-height: 1.3;
}

.affiche-sensibilisation-content .post-content {
    max-width: 20vw;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 7vw;
}
.affiche-sensibilisation-content h2 {
    font-size: 1.5em;
    font-weight: 500;
}
/* Template affiches sensibilisation */





@media (min-width: 2000px){
    .grid::after{
        left: -33vw;
    }

    .titre_vert {
        width: fit-content;
        font-size: 1vw;
        height: auto;
        padding: 0.7vh 1vw;
    }

    .description_recherche_rapide {
        font-size: 1.8vw;
        font-weight: 300;
        line-height: 1.3;
        color: white;
        text-align: center;
        width: 35%;
    }

    .choix_categories, .btn_reponse_projet {
        padding: 1vh 2vw;
        margin: 1vw;
        font-size: 1vw;
    }

    .description_categorie {
        font-size: 1vw;
        line-height: 1.3;
        width: 45%;
    }

    .header_menu{
        /*width: 35vw;*/
    }

    .texte_fleche::before, .texte_fleche_2::before{
        left: -9vw;
    }

    .contact_titre_texte::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 15%;
        height: 2%;
        background-color: #3a2281;
        z-index: 1;
    }
}

@media (max-width: 1600px){
    .texte_fleche::before, .texte_fleche_2::before{
        left: -13vw;
    }

    .btn_front_top{
        right: 6%;
    }

    .btn_front_top.fixed{
        right: 6%;
    }
    
    .description_categories{
        width: 100%;
    }
}

@media (max-width: 1400px){
    .header_menu{
        /*margin-right: 10vw;*/
    }
}

@media (max-width: 1024px){

    .pdf-modal,
    .btn_liseuse {
        /* display: none !important; */
    }
    .btn_liseuse {
        font-size: 2.5vw;
    }

    .sticky-btn, .sticky-container{
        display: none;
    }

    .indication_scroll{
        display: none;
    }

    .header{
        margin-top: 2vw;
    }

    .header_logo_img {
        width: auto;
        height: auto;
        padding-left: 0;
        margin-top: 0;
        max-height: 8vh;
    }

    .pre_footer{
        padding: 0;
    }

    .header_container {
        display: flex;
        flex-direction: row;
        /* margin-right: 10vw; */
        justify-content: space-between;
        width: 90%;
        height: 100%;
    }

    .menu_mobile{
        display: flex;
        content: "";
        /* background-color: white; */
        /* box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25); */
        padding: 0;
        margin-top: 0;
        width: auto;
        max-width: 15%;
        height: 100%;
        min-height: auto;
        margin-top: 10%;
        /* margin-right: 10vw; */
        border-radius: 8px;
        flex-direction: column;
        justify-content: space-evenly;
        align-items: center;
    }  

    .titre_collectivites,
    .container_collectivite h2 {
        font-size: 5vw;
        width: 75%;
        text-align: center;
        line-height: 1.3;
    }

    .desc_collectivites,
    .container_collectivite p {
        font-size: 4vw;
        width: 75%;
        line-height: 1.3;
        margin-right: 0;
    }

    .competence_caue_collectivites{
        font-size: 5vw;
        width: 81%;
        margin-top: 20%;
        margin-left: 3%;
    }

    .container_adhesion{
        width: 100%;
        margin-left: 0;
        padding: 0 15px 3vh;
    }

    .texte_competence_collectivites ul,
    .collectivite_liste {
        color: white;
        width: 90%;
        line-height: 1.3;
    }
    
    .texte_competence_collectivites ul {
        font-size: 1em;
    }

    .btn-caue-content {
        font-size: 0.7em;
    }

    .texte_competence_collectivites,
    .collectivite_liste {
        font-size: 4vw;
    }

    .texte_surligne,
    .equipe-col-gauche h2 {
        font-size: 5.5vw;
        margin-top: 0vh;
        text-align: center;
    }

    .container_collectivite_maitre_ouvrage_texte h2,
    .titre_maitre_ouvrage {
        font-size: 4.5vw;
        text-align: center;
        /* width: 80%; */
    }

    .container_collectivite_maitre_ouvrage{
        /* width: 80%; */
    }

    .container_collectivite_maitre_ouvrage_texte td {
        display: block;
        width: 100%;
        margin-bottom: 1em;
        font-size: 3.2vw;
    }

    .container_collectivite_maitre_ouvrage p{
        font-size: 3.3vw;
        line-height: 1.3;
        width: 100%;
    }

    .container_texte_maitre_ouvrage{
        flex-direction: column;
    }

    .container_texte_maitre_ouvrage{
        width: 100%;
        font-size: 3.3vw;
        line-height: 1.3;
        text-align: center;
    }

    .container_texte_maitre_ouvrage p:first-child::before{
        display: none;
    }

    .container_collectivite_maitre_ouvrage img {
        margin-top: 0vh;
        width: 10vw;
        position: relative;
        top: 0;
    }

    .container_pedagogie{
        flex-direction: column;
    }

    .bloc_info_pedagogie{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-top: 3vh;
        margin-bottom: 3vh;
        width: 100%;
    }

    .titre_bloc_centre_info{
        color: #e61381;
        margin: 0;
        padding: 1vh 1vw;
        font-size: 3vw;
        text-transform: uppercase;
        text-align: center;
        font-weight: 500;
        width: 75%;
    }

    .titre_bloc_pedagogie{
        color: #e61381;
        margin: 0;
        padding: 1vh 1vw;
        font-size: 3vw;
        text-transform: uppercase;
        text-align: center;
        font-weight: 500; 
    }

    .desc_bloc_centre_info{
        color: #3b277c;
        width: 77%;
        margin-right: 0;
        margin-top: 5px;
        font-size: 3vw;
        line-height: 1.3;
    }

    .bloc_info_particulier {
        width: 75%;
        margin-top: 40px;
        margin-bottom: 0px;
    }

    .container_particulier_top{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin-bottom: 3vh;
    }

    .centre_info_titre {
        width: 75%;
        font-size: 4vw;
        text-align: center;
        margin-top: 0;
    }

    .sous_titre_info_particulier{
        font-size: 3.5vw;
    }

    .double_bloc_particulier {
        width: 80%;
        flex-direction: column;
    }

    .colonne_gauche_particulier p {
        width: 80%;
        text-align: center;
        margin-top: 5%;
        margin-bottom: 0;
        font-size: 3vw;
        line-height: 1.3;
    }

    .btn_info_curieux,
    .bloc_petit_info_curieux a {
        font-size: 2.5vw;
        width: 50%;
    }

    .separation_trait::before{
        display: none;
    }

    .global_aff_sensiblisation_particulier {
        padding-top: 5vh;
        padding-bottom: 5vh;
    }

        .container_aff_sensibilisation_particulier {
        width: 90%;
        grid-template-columns: 1fr;
    }

    .fiche-sensibilisation {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        background-color: white;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .fiche-right h3 {
        font-weight: 800;
        font-size: 3vw;
    }

    .fiche-right p {
        font-size: 2.2vw;
        width: 90%;
    }

    .fiche-left a {
        position: absolute;
        bottom: -1vh;
        right: 2vw;
        height: auto;
        width: 7vw;
    }

    .sous-titre {
        color: #e61381;
        font-size: 2.5vw;
        line-height: 1.3;
    }

    .btn_svr_plus {
        font-size: 3.5vw;
        margin-top: 4vh;
    }


        .container_encart_flyer {
        width: 90%;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .col_droite_encart_flyer {
        margin-left: 0;
        width: 75%;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .illustration_encart{
        width: 20%;
    }

    .illustration_encart img {
        width: 100%;
        height: 100%;
    }

    .col_gauche_encart_flyer {
        width: 60%;
    }

    .container_guide_paysages {
        margin-top: 5vh;
    }

    .bandeau_rapport {
        font-size: 2vw;
        line-height: 1.3;
        width: fit-content;
        top: -85vw;
        padding-right: 20px;
        left: 11%;
    }

    .bloc_gris_texte {
        padding-top: 4vh;
        padding-bottom: 4vh;
        background-color: #f4f2ef;
        width: 100%;
        padding-top: 8vh;
        padding-bottom: 8vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        color: #3b277c;
        line-height: 1.3;
        font-size: 1vw;
        position: relative;
        /* overflow: hidden; */
    }

    .texte_encart {
        font-weight: 600;
        font-size: 3.5vw;
        line-height: 1.3;
        width: 90%;
        text-align: center;
    }

    .btn_encart {
        background-color: #e71381;
        color: white;
        padding: 0.7vh 2vw;
        text-decoration: none;
        font-size: 2.5vw;
        width: fit-content;
        margin-bottom: 2vh;
    }

    .pdf_block {
        width: 100%;
        border-radius: 2px;
        padding: 2px;
    }

    .pdf_content a, .pdf_title strong {
        color: white;
        font-size: 2vw;
        line-height: 1.3;
        white-space: normal;
        word-break: break-word;
        display: inline-block;
        max-width: 90%;
    }

    .illustration_particulier_bot, .illustration_particulier_top{
        display: none;
    }

    
    .titre_page_fille{
        font-size: 4vw;
    }

    .sous-titre_page_fille{
        font-size: 2.5vw;
    }

    .description_page_fille{
        font-size: 3vw;
    }

    .container_projet_collectivites {
        width: 85%;
    }

    .btn_page_fille{
        font-size: 2.5vw;
    }

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

        .description_notre_equipe {
        margin-top: 2vh;
        margin-bottom: 2vh;
        font-size: 3vw;
    }

    .container_notre_equipe {
        width: 75%;
    }

    .global_equipe_anim {
        width: 100%;
        margin-left: 0;
        flex-direction: column;
        align-items: center;
    }

    .col_gauche_anim {
        width: 75%;
        color: #3b277c;
        line-height: 1.3;
        font-size: 3.5vw;
    }

    .container_equipe_animation {
        margin-top: 30px;
    }

    .col_droite_anim {
        width: 80%;
    }

    .equipe_grid {
        justify-content: center;
        margin-top: 3vh;
        gap: 10px;
    }

    .membre_infos {
        color: #3b277c;
        font-size: 3.5vw;
        line-height: 1.3;
        margin: 0;
        text-align: center;
        margin-top: 7px;
    }

    .membre_metier {
        margin: 0;
        font-size: 3vw;
        font-weight: 400;
    }

    .membre_carte {
        width: 30%;
        margin: 1vh 0.5vw;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .membre_photo {
        width: 75%;
        height: 100%;
        aspect-ratio: 1 / 1;
    }

    .pdf_fallback_message {
        color: white;
        background-color: #3a2281;
        padding: 0.7vh 2vw;
        font-size: 3vw;
    }

    .titre_instances {
        width: 75%;
        font-weight: 500;
        color: #3a2281;
        font-size: 5vw;
        margin-top: 0;
        margin-bottom: 0;
        position: relative;
        z-index: 1;
        text-align: center;
    }

    .date_conseil_administration {
        background-color: #2fb196;
        width: fit-content;
        padding: 0.5vh 2vw;
        color: white;
        text-transform: uppercase;
        font-weight: 400;
        font-size: 3vw;
        letter-spacing: 1px;
        margin-top: 0.7vh;
    }

    .container_nos_instances p {
        width: 77%;
        text-align: center;
        font-weight: 500;
        font-size: 3.5vw;
    }

    .container_conseil_administration h2,
    .container_conseil_administration h3,
    .role_conseiller {
        font-weight: 600;
        font-size: 4vw;
        color: #3a2281;
        width: fit-content;
        max-width: 100%;
        position: relative;
        margin-bottom: 0.7vh;
    }
    .container_conseil_administration h2 {
        font-size: 2.4vw;
    }

    .container_conseil_administration h2::before,
    .container_conseil_administration h3::before,
    .role_conseiller::before {
        content: '';
        position: absolute;
        bottom: -0.2vh;
        left: 0%;
        width: 13vw;
        height: 0.4em;
        background-color: #59ae97;
        z-index: -1;
        opacity: 0.7;
    }

    .container_conseil_administration ul li {
        color: #3a2281;
        font-weight: 400;
        max-width: 100%;
        font-size: 3.5vw;
    }

    .container_conseil_administration ul li strong {
        /* display: block; */
        font-weight: 600;
        font-size: 3.5vw;
    }

    .container_conseil_administration {
        align-items: start;
        width: 70%;
        margin-top: 5vh;
    }

    .container_blocs_blanc .texte_surligne{
        font-size: 5vw;
    }

    ul li::marker {
        color: #2eb196;
        font-size: 2.5vw;
    }

    .container_page_contact {
        flex-direction: column-reverse;
        align-items: center;
        margin-top: 7vh;
    }

    .col_droite_contact {
        width: 75%;
    }

    .titre_prep_entretien,
    .col_droite_contact h2 {
        font-size: 5vw;
        line-height: 1.3;
    }
    .col_droite_contact h2 strong {
        line-height: 1.3;
    }

    .desc_prep_entretien,
    .col_droite_contact p {
        color: #3b277c;
        font-size: 3vw;
        width: 100%;
        margin-top: 1vh;
    }

    .sous_titre_entretien {
        font-size: 3.5vw;
        font-weight: 600;
        color: #3a2281;
        margin-top: 2vh;
        margin-bottom: 2vh;
        width: 100%;
        position: relative;
        z-index: 1;
    }

    .col_droite_contact ul li {
        color: #3a2281;
        font-weight: 400;
        max-width: 100%;
        font-size: 3vw;
        margin-bottom: 0.5vh;
    }

    .second_titre_prep_entretien {
        font-weight: 500;
        color: #3b277c;
        line-height: 1.3;
        font-size: 5vw;
        margin-top: 5vh;
        position: relative;
    }

    .second_desc_prep_entretien {
        color: #3b277c;
        font-size: 4vw;
        width: 100%;
    }

    .container_venir_contact {
        margin-top: 5vh;
    }

    .titre_venir_contact {
        font-size: 3vw;
        text-align: center;
    }

    .desc_venir_contact {
        width: 90%;
        font-size: 3vw;
    }

    .container_venir_contact img {
        width: 15%;
        height: auto;
        margin-top: -45px;
    }

    .col_gauche_contact {
        width: 75%;
        margin-top: 70px;
    }

    .col_gauche_contact .informations_contact .pre_footer_infos_container{
        margin-top: 0;
    }

    .informations_contact img {
        width: 25%;
        height: auto;
        margin-top: -40px;
    }

    .description_adresse {
        position: relative;
        font-size: 3.5vw;
        font-weight: 400;
        line-height: 1.3;
        margin-top: 5px;
        color: #3a2281;
    }

    .numero_contact {
        font-size: 3.5vw;
    }

    .mail_contact {
        font-size: 3.5vw;
    }

    .container_bon_savoir_contact {
        background-color: #59ae97;
        width: 100%;
        margin-top: 70px;
        padding-bottom: 20px;
    }

    .container_bon_savoir_contact img {
        width: 25%;
        height: auto;
        margin-top: -40px;
        z-index: 10;
    }

    .titre_bon_savoir_contact,
    .info_bon_savoir h2 {
        font-size: 4vw;
        margin-bottom: 0;
        line-height: 1.2;
        position: relative;
        width: fit-content;
    }

    .titre_bon_savoir_contact::after,
    .info_bon_savoir h2::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 0.4em;
        background-color: white;
        z-index: 0;
        opacity: 0.5;
    }

    .info_bon_savoir h3,
    .second_titre_bon_savoir_contact {
        font-size: 3.5vw;
        width: 100%;
        line-height: 1.2;
        font-weight: 600;
    }

    .info_bon_savoir p,
    .desc_bon_savoir_contact {
        font-size: 3.5vw;
        width: 100%;
        line-height: 1.2;
    }

    .informations_contact {
        width: 100%;
    }

    .titre_infos {
        font-size: 4.2vw;
    }

    .container_centre_info {
        margin-top: 100px;
    }

    .bloc_centre_info {
        width: 75%;
    }

    .groupement_bloc_centre_info {
        flex-direction: column;
        width: 75%;
        justify-content: space-between;
        align-items: center;
    }

    .groupement_bloc_centre_info .bloc_centre_info {
        width: 100%;
        height: auto;
        min-height: auto;
    }

    .illustration_pouceup{
        display: none;
    }

    .container_bloc_infos {
        display: flex;
        justify-content: center;
        flex-direction: row;
        align-items: center;
        position: relative;
        z-index: 2;
        padding-top: 2vh;
        padding-bottom: 2vh;
    }

    .texte_info {
        color: white;
        font-size: 3.4vw;
        line-height: 1.3;
        width: 100%;
        margin-top: 2vh;
        margin-bottom: 0;
    }

    .page-header-title {
        text-align: center;
        font-weight: 300;
        font-size: 5vw;
        text-transform: uppercase;
    }

    .bloc_infos_texte {
        margin-left: 5%;
        width: 50%;
    }

    .bloc_infos_image {
        width: 35%;
    }

    .container_plaquette_centre_info{
        padding-top: 2vh;
    }

    .bloc_centre_info img {
        width: 12%;
        top: -25px;
        transform: translateX(0);
        left: 45%;
        display: none;
    }

    .illustration_centre_info_top{
        width: 40% !important;
        top: -90px !important;
        transform: translateX(0px) !important;
        left: 30% !important;
    }




        
    .titre_categorie{
        width: 80%;
        font-size: 5.8vw;
        line-height: 1.3;
        margin-left: 0;
        letter-spacing: 0;
        margin-top: 40px;
    }

    .overlay_mobile_menu{
        position: absolute;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background-color: black;
        opacity: 0.8;
        z-index: 20;
    }

    .menu_close {
        position: absolute;
        top: 10px;
        right: 15px;
        font-size: 24px;
        cursor: pointer;
        z-index: 1001;
    }

    .container_mobile_menu{
        width: 92%;
        display: flex;
        justify-content: center;
        margin-left: 8%;
        align-items: start;
        flex-direction: column;
    }

    #mobile-menu{
        display: flex;
        position: absolute;
        left: 0;
        top: 0;
        width: 100vw;
        height: 100vh;
        background: #f0f3f5;
        z-index: 20;
    }

    #mobile-menu a {
        display: block;
    }

    #menu-menu_mobile{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: start;
        margin-left: 10%;
        width: 80%;
    }

    .header_menu_categorie > li > a{
        position: relative;
        text-decoration: none;
        color: #2f286d;
        font-size: 5vw;
        font-weight: 500;
    }

    .header_menu_categorie > li > a:hover{
        color:#e91f80;
    }

    .menu-item.has-children > a:hover::after, .menu-item.has-children > a:hover::before {
        background-color: transparent;
    }

    .menu-item.has-children > a:hover::before{
        transform: translate(-100%,-50%) rotate(137deg);
    }

    .header_menu_mobile{
        display: flex;
        width: 100%;
        margin-bottom: 10vh;
    }

    .header_menu_categorie li {
        /* margin-right: 1vw; */
        padding: 1vh 1vw;
        margin-top: 0.5vh;
        margin-bottom: 0.5vh;
        position: relative;
        line-height: 1.2;
        font-size: 5.5vw;
    }

    .menu-item.has-children:hover > .submenu{
        width: 100%;
    }

    .submenu li{
        padding: 0vh 0vw;
        margin-left: 0;
        width: 100%;
        /* height: auto; */
        display: block;
        white-space: normal;
        word-wrap: break-word;
        /* text-wrap: auto; */
        /* display: inline-block; */
        line-height: 0.7;
        margin-top: 25px;
        margin-bottom: 0;
        font-size: 4vw;
    }
    .submenu .submenu > .menu-item::before {
        display: none;
    }

    .menu-item > .submenu {
        display: none;
        position: initial;
        background: #f0f3f5;
        box-shadow: none;
        padding: 0;
        margin: 0;
        top: 100%;
        left: 0;
        border-radius: 8px;
        list-style: none;
        white-space: nowrap;
        margin-left: 2%;
    }

    #menu-menu_mobile li li a {
        text-decoration: none;
        color: black;
        font-size: 3.5vw;
        line-height: 0.3;
        margin: 0;
        padding: 0;
    }

    .menu-item.sous_menu {
        position: static;
        width: 91%;
    }

    .header_menu_categorie > li > a::before {
        width: 3vw;
        height: 3vw;
        background: transparent;
        border-top: solid 0.5vw #e91f80;
        border-right: solid 0.5vw #e91f80;
        left: -3%;
        top: 50%;
        transform: translate(-100%,-50%) rotate(45deg);
        transition: transform .15s ease-in-out;
    }

    .header_menu_categorie > li > a::after {
        display: none;
    }

    .header_menu_contact{
        display: none;
    }

    .inside_menu_contact{
        width: 70%;
        font-size: 4vw;
        border-radius: 0;
        color: #ed178a !important;
        border: solid 1px #ed178a;
        background-color: #f0f3f5;
        display: block;
        padding: 1vh 1vw;
        text-align: center;
        cursor: pointer;
        text-decoration: none;
        margin-left: 7%;
    }

    .mobile_rechercher{
        display: flex;
        flex-direction: row;
        width: 80%;
        height: auto;
        justify-content: center;
        align-items: center;
        margin-top: 2vh;
        background-color: #e91f80;
        color: white;
        padding: 1vh 1vw;
        text-decoration: none;
    }

    .barre_recherche{
        display: none;
        width: auto;
        height: auto;
        padding: 0;
    }

    .barre_recherche img{
        width: 4.5vw;
    }



    .illustration_titre, .illustration_titre img{
        height: auto;
        width: 65%;
        bottom: -5px;
        position: relative;
        left: 20%;
        margin-bottom: 0;
    }



    .illustration_titre_nous_contacter img,  .illustration_titre_nous_contacter{
        height: auto;
        width: 65%;
        bottom: 0;
        position: relative;
        left: 20%;
        margin-bottom: 0;
    }

    .container_adhesion_titre img{
        max-width: 40%;
        height: auto;
    }

    .texte_competence_collectivites h2,
    .adhesion_titre {
        color: white;
        font-size: 4vw;
        margin-top: 3vh;
        font-weight: 500;
        width: fit-content;
        position: relative;
    }

    .adhesion_liste {
        color: white;
        font-size: 3.3vw;
        line-height: 1.3;
        margin-top: 15px;
        margin-bottom: 25px;
        width: 95%;
    }

    .adhesion_liste li{
        margin-top: 1vh;
        margin-bottom: 1vh;
    }

    .text_projet::after{
        height: 10vh;
    }
    
    .menu-icon {
        width: 70%;
        height: 1%;
        background-color: #000;
        border-radius: 2px;
    }

    .logo_header {
        width: auto;
        z-index: 20;
        min-width: auto;
    }

    .logo_header.shrink {
        width: auto;
        margin-top: 0;
    }

    .header_icon_menu {
        width: 10%;
    }


    .header_home, .header {
        position: fixed; /* CHANGÉ de absolute à fixed */
        top: 0;
        left: 0;
        width: 100%;
        z-index: 10;
        height: 8vh;
        min-height: 75px;
        transition: transform 0.3s ease, opacity 0.3s ease;
    }

    .header_home.header_hidden {
        transform: translateY(-100%);
        opacity: 0;
        pointer-events: none;
    }

    

    .mobile_header_menu{
        display:none;
    }

    .header_logo_cercle {
        width: 20.78vw;
        height: 20.78vw;
    }
    
    .home_slider{
        margin-top: 11vh;
    }

    .header_menu_categorie{
        display: block;
    }

    .container_mobile_menu .logo_header {
        position: relative;
        bottom: 0;
        right: 0;
        height: auto;
        width: 72%;
        height: auto;
        margin-left: 7%;
    }

    .header_menu a {
        display: none;
    }

    .header_menu{
        display: none;
    }

    .slide{
        flex-direction: column-reverse;
    }

    .slide img {
        width: 100vw;
        height: 46vh;
        min-height: auto;
    }

    .container_page_fille_categorie {
        width: 90%;
        margin-top: 7vh;
    }

    .current_number {
        top: 46vh;
        right: 0;
        bottom: auto;
        left: auto;
        font-size: 5.24vw;
        width: 13.3vw;
        height: 13.3vw;
        padding: 1.78vw;
        border-radius: 50%;
    }


    .text_slider{
        height: 320px;
        min-height: auto;
        padding-bottom: 80px;
        margin: 0;
        width: 100%;
        min-width: auto;
        padding-top: 80px;
        align-items: center;
        margin-bottom: 5%;
        justify-content: start;
    }

    .slider_enseignant {
        margin-top: 0vh;
    }

    .text_slider_enseignant{
        height: 30vh;
    }

    .conteneur_slider{
        margin-bottom: 0;
    }

    .home_slider::after{
        height: 5%;
        z-index: 2;
    }

    .titre_slide {
        font-size: 5vw;
        line-height: 1.3;
        margin-bottom: 0vw;
        padding-left: 0;
        padding-right: 0;
        width: 75%;
    }

    .titre_slide::before{
        display: none;
        left: 12%;
        width: 1vw;
    }

    .text_slider p, .text_slider_enseignant p {
        font-size: 4vw;
        line-height: 1.3;
        padding-left: 0;
        padding-right: 0;
        width: 75%;
    }

    .slider_controls{
        display: none;
    }

    .slider_a_propos_btn {
        font-size: 4vw;
        width: 65%;
        height: 4vh;
        margin-left: 0;
        text-align: center;
        align-content: center;
        padding: 0;
    }

    .recherche_choix_categories{
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 7%;
    }

    .titre_vert {
        width: 70%;
        height: 5.3vw;
        font-size: 5vw;
        font-weight: 500;
        padding: 0.8vh 1.5vw;
    }

    .description_recherche_rapide {
        font-size: 6.5vw;
        font-weight: 300;
        color: white;
        text-align: left;
        margin-top: 6%;
        margin-left: 0%;
        width: 80%;
    }

    .choix_categories, .btn_reponse_projet{
        width: 75%;
        height: auto;
        font-size: 4vw;
        line-height: 1.3;
        font-weight: 500;
        margin-top: 2vh;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 1vh;
        padding: 10px 3vw;
    }

    .recherche_rapide{
        height: auto;
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .texte_fleche::before, .texte_fleche_2::before{
        display:none;
    }

    .contact_titre_titre {
        font-size: 4.5vw;
        width: fit-content;
        padding: 1vh 3vw;
    }

    .description_categories {
        font-size: 5vw;
        font-weight: 400;
        line-height: 1.3;
        margin-bottom: 0;
    }

    .home_categories {
        height: auto;
        align-items: center;
        padding-bottom: 5vh;
        padding-top: 5vh;
    }

    .texte_fleche {
        position: relative;
        display: flex;
        justify-content: start;
        flex-direction: column;
        align-items: center;
        width: 70%;
        height: auto;
        margin-bottom: 5vh;
        margin-top: 5%;
        margin-left: 0;
        text-align: center;
    }

    .home_categories::after {
        display: none;
    }

    .home_categories::before{
        background: url(../images/Topo_demi.png) right center;
    }

    .btn_front_top{
        display: none;
    }

    .cartes_categories a {
        margin-bottom: 25px !important;
        width: 65%;
    }

    .bloc_texte_carte p {
        font-size: 5vw;
        color: #3a2281;
        font-weight: 500;
        width: 60%;
        line-height: 1.3;
        text-transform: uppercase;
    }

    .description_categories::after {
        display: none;
    }

    .pre_footer_contact {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-top: 20px;
        width: 100%;
    }

    .pre_footer_informations_home {
        width: 100%;
        height: auto;
        margin-top: -100px;
        align-items: center;
    }

    .pre_footer_contact img{
        z-index: 2;
    }

    .pre_footer_informations_home p {
        line-height: 1.3;
        font-size: 4.4vw;
        padding-left: 5vw;
    }

    .pre_footer_contact_btn_home {
        width: 48%;
        height: 5.3vw;
        font-size: 4vw;
        max-width: none;
        text-align: center;
        align-content: center;
        margin-bottom: 10%;
        margin-left: 0;
    }

    .pre_footer_informations_home p:first-child {
        margin-top: 140px;
        width: 75%;
        text-align: center;
        font-size:4.5vw;
    }

    .pre_footer_informations_home p:nth-of-type(2){
        padding-top: 1vh;
        width: 75%;
        text-align: center;
    }

    .pre_footer_contact img{
        width: 65%;
        height: auto;
        top: 0;
    }

    .pre_footer_infos_container img{
        display: none;
    }

    .footer {
        position: relative;
    }

    .footer_menu {
        flex-direction: column;
    }

    .footer_left {
        flex-direction: column;
        font-size: 4vw
    }

    .footer_middle{
        font-size: 3.5vw;
        position: relative;
    }

    .footer_middle::after{
        content: "";
        position: absolute;
        bottom: -2.5vh;
        left: 0;
        width: 100%;
        height: 10%;
        background-color: white;
    }

    .logo_reseaux_footer {
        width: 2em;
        height: auto;
        margin-bottom: 2vh;
        margin-top: 0;
        margin-left: 1em;
        margin-right: 1em;
    }

    .footer_right {
        font-size: 2.77vw;
        margin-top: 6vh;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .footer_right a img {
        width: 100%;
        height: auto;
    }

    .footer_right a {
        margin-left: 0;
        margin-top: 0.5vh;
        width: 40%;
    }

    .texte_fleche_2 {
        width: 70vw;
        min-height: auto;
        height: 100%;
        margin-left: 10vw;
        margin-top: 5vh;
    }

    .contact_titre_texte {
        font-size: 4vw;
        font-weight: 400;
        line-height: 1.3;
        margin-bottom: 0;
    }

    .contact_titre_texte::after{
        display: none;
    }

    .container_btn_pre_footer{
        margin-top: 5vh;
        margin-left: 10vw;
    }

    .mobile{
        display: flex;
    }

    .desk{
        display: none;
    }

    .contact_titre {
        height: auto;
    }

    .btn_prefooter {
        font-size: 4vw;
        width: 76.8vw;
        margin-bottom: 2.7vh;
        padding: 1.2vh 0.7vw;
    }

    .btn_prefooter:first-child{
        border: solid 1px white;
        color: white;
        background-color: #e90080;
    }

    .categorie_mobile{
        display: flex;
        justify-content: center;
        text-decoration: none;
        border: solid 1px #e90080;
        color: #e90080;
        font-size: 4.44vw;
        padding: 10px;
        width: 76.8vw;
        text-align: center;
        margin-bottom: 2vh;
    }

    .btn_mobile_categories{
        display: flex;
        flex-direction: column;
        margin-left: 10%;
        z-index: 5;
    }

    .home_categories_2::before, .home_categories_2{
        display: none;
    }

    .popup{
        padding-top: 0px;
        padding-bottom: 0px;
        height: 100%;
    }

    .reponses_projets{
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .titre_cat_mobile{
        background-color: white;
        color: #e90080;
        padding: 5px 10px;
        font-size: 6vw;
        width: 70%;
        margin-bottom: 3vh;
    }

    #popup-cat-professionnel, #popup-cat-particulier, #popup-cat-enseignant{
        position: fixed;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }


    .description_carte_overlay{
        font-size: 7.4vw;
        margin-bottom: 5vh;
    }

    
    .btn_mobile_decouvrir{
        font-size: 4.4vw;
        text-decoration: none;
        background-color: #e90080;
        color: white;
        padding: 20px;
        width: 70%;
        text-align: center;
        z-index: 10;
    }

    .home_categories .popup::before{
        display: none;
    }

    .home_categories .popup{
        background-color: #181919;
        height: 100vh;
    }

    .footer{
        padding-top: 0vh;
        padding-bottom: 2vh;
    }

    /* PAGE PERSONNE */
    .categorie_hero{
        flex-direction: column;
        height: auto;
        margin-top: 11vh;
    }

    .image_categorie {
        width: 100%;
        height: auto;
    }

    .description_categorie {
        font-size: 4vw;
        width: 80%;
        line-height: 1.3;
        margin-bottom: 10vh;
        margin-left: 0;
        letter-spacing : 0;
    }

    .description_bloc_categorie {
        width: 100%;
        height: auto;
        align-items: center;
        margin-top: 0;
    }

    .description_bloc_categorie::before{
        background: url(../images/Topo_demi.png) right center;
    }

    .description_categorie::before {
        display: none;
        bottom: 4vh;
        top: auto;
    }

    .textes_conseil {
        flex-direction: column;
    }

    .conseil {
        margin-right: 5vw;
        margin-bottom: 3vh;
    }

    .conseils_categorie {
        height: auto;
        margin-top: 3vh;
    }

    .titre_conseil {
        margin-bottom: 3vh;
        font-size: 7.11vw;
        line-height: 7.9vw;
    }

    .sous_titre_conseil, .sous_texte_conseil {
        font-size: 6.2vw;
        line-height: 7.4vw;
        margin-bottom: 1vw;
    }

    .sous_titre_conseil {
        font-weight: bold;
    }

    .sous_texte_conseil{
        font-weight: 400;
    }

    .fleche_projet{
        display: none;
        position: initial;
        transform: translateY(-50%);
        width: 12vw;
        height: 12vw;
    }

    .grid_mobile{
        display: grid;
        position: relative;
        grid-template-columns: repeat(2, 40vw);
        grid-auto-rows: 35vh;
        grid-column-gap: 5vw;
        grid-row-gap: 2vh;
        margin-top: 10vh;
        padding-bottom: 5vh;
    }

    
    .grid_mobile::before{
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        left: -50vw;
        width: 150vw;
        height: 16vh;
        background-color: #f7f8f8;
        z-index: 1;
    }

    .grid_mobile::after{
        content: "";
        position: absolute;
        bottom: 0;
        right: 0;
        left: -24vw;
        width: 150vw;
        height: 100%;
        background: 
            url('../images/Topo.png') no-repeat left center / cover,
            rgb(224, 227, 229, 0.9);
        opacity: 0.1;

        z-index: 0;
    }

    .projet img {
        width: 40vw;
        height: 16vh;
    }

    .grid{
        display: none;
    }

    .feed_insta_titre{
        width: 81vw;
        height: 5vh;
        font-size: 4vw;
        text-align: center;
        align-content: center;
        position: relative;
        z-index: 5;
        padding: 0;
    }

    .image_feed_insta_btn, .fiche_image_container, .feed_image {
        width: 100%;
        height: auto;
        flex-direction: column;
        text-decoration: none;
    }

    .image_feed_insta_btn.hidden {
        display: none !important;
    }

    .container_feed {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 75%;
    }

    .titre_projet {
        font-size: 7.1vw;
        line-height: 8.5vw;
        margin-bottom: 5vh;
    }

    .btn_voir_plus_feed {
        font-size: 4.4vw;
        text-decoration: none;
    }

    .pre_footer_informations{
        width: 100%;
        padding-bottom: 4vh;
        margin-top: -100px;
    }

    .pre_footer_infos_container {
        width: auto;
        margin-left: 0;
        margin-bottom: 0;
        margin-top: 105px;
        padding: 0;
    }
    
    .titre_footer, .description_footer{
        font-size: 4vw;
        line-height: 1.3;
    }

    .numero_footer{
        font-size: 4.5vw;
        line-height: 1.3;
    }

    .pre_footer_prepa_rdv_btn, .pre_footer_contact_btn{
        font-size: 4vw;
        width: 75vw;
        height: 7vw;
    }

    .container_btn_footer{
        width: auto;
    }

    .fiche_overlay {
        display: flex;
        flex-direction: column;
        justify-content: center;
        /* margin-left: 3vw; */
        padding-left: 3vw;
        background-color: white;
        width: auto;
        height: 150px;
        margin-top: 0;
    }

    .fiche_titre{
        font-size: 4.5vw;
        line-height: 1.3;
        font-weight: 600;
        text-decoration: none;
        color: #3a2281;
        margin-top: 1vh;
        margin-bottom: 1vh;
        width: 100%;
    }

    .sous-categorie-feed{
        width: fit-content;
        height: 4.6vh;
        font-size: 3.4vw;
        line-height: 4.1vw;
        background-color: #2eb196;
        color: #3a2281;
        /* text-align: center; */
        padding-left: 2vw;
        padding-right: 2vh;
        align-content: center;
        transform: translateY(-98%);
    }

    .projet_ville{
        color: #e91f80;
        font-size: 4vw;
        line-height: 3vh;
        font-weight: 400;
    }

    .projet_concepteur{
        color: #3a2281;
        font-size: 4.8vw;
        line-height: 2.5vh;
        font-weight: 400;
    }
    
    .sous_titre_projet{
        font-size: 2vw;
        margin-left: 1vw;
    }

    .text_projet {
        position: relative;
        width: 70%;
        margin-left: 5vw;
        margin-top: 2vh;
        font-size: 4.3vw;
        line-height: 1.3;
        font-weight: 500;
    }

    .text_projet::after {
        top: 0vh;
        left: -3vw;
    }

    .grid_mobile .projet:nth-child(odd) {
        transform: translateY(-5vh); /* Décalage vertical */
    }

    .grid_mobile .hidden{
        display: none;
    }

    .projet{
        position: relative;
    }

    .decouvrir_projet{
        right: 4vw;
        bottom: 1vh;
        font-size: 2.5vw;
        color: #3a2281;
    }

    .decouvrir_projet::after{
        top: -0.1vh;
        right: -1.3vw;
        height: 1vh;
        width: 0.2vw;
        background-color: #3a2281;
    }

    .decouvrir_projet::before{
        top: 0.6vh;
        right: -1.3vw;
        height: 1vh;
        width: 0.2vw;
        background-color: #3a2281;
    }


    .voir-plus{
        display: flex;
        font-size: 4.44vw;
        color: #3a2281;
        width: 100vw;
        text-align: center;
        align-content: center;
        justify-content: center;
        background-color: #fcfcfc;
        height: 5vh;
    }

    .projet_header_container h1 {
        margin-top: 0;
        font-size: 6vw;
        line-height: 1.3;
        margin-left: 10vw;
        width: auto;
        text-align: center;
    }

    .projet_header_container_fille h1{
        margin-top: 0;
        font-size: 6vw;
        line-height: 1.3;
        margin-left: 0;
        width: auto;
        text-align: center;
    }

    .sous_titre_page_fille {
        font-size: 4vw;
        line-height: 1.3;
        font-weight: 400;
        margin-bottom: 1.5vh;
    }

    .description_header_page_fille {
        width: 90%;
        text-align: center;
        font-size: 4vw;
        font-weight: 300;
        line-height: 1.3;
    }

    .projet_header_description{
        width: 90%;
        text-align: left;
        font-size: 4vw;
        font-weight: 300;
        line-height: 1.3;
        margin-left: 10vw;
    }

    .conseils_caue_titre, .categories-bar, .category-text{
        margin-left: 10vw;
    }

    .conseils_caue_titre {
        font-size: 6vw;
        line-height: 1.3;
        width: 90%;
        font-weight: bold;
        margin-bottom: 10px;
        text-align: center;
        margin-left: 0;
    }

    .conseils_caue_titre::before{
        display: none;
    }
    
    .conseils_CAUE {
        display: block;
        height: auto;
        background-color: #f0f3f5;
        padding-left: 15px;
        padding-right: 15px;
    }

    .conseils_caue_sous_titres {
        font-size: 4.5vw;
        line-height: 1.3;
        color: #3a2281;
        font-weight: 400;
    }

    .conseils_caue_liste {
        font-size: 3.8vw;
        line-height: 1.3;
        font-weight: 300;
        margin-bottom: 30px;
        width: 90%;
    }

    .conseils_caue_container {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .projet_header_container{
        height: auto;
        align-items: start;
        flex-direction: column-reverse;
        justify-content: center;
        padding-bottom: 0;
        margin-top: 11vh;
        padding-top: 5vh;
        min-height: 400px;
        position: relative;
        overflow: hidden;
    }

    .projet_header_container_fille{
        height: auto;
        align-items: start;
        flex-direction: column-reverse;
        justify-content: center;
        padding-bottom: 0;
        margin-top: 11vh;
        padding-top: 5vh;
        min-height: 400px;
        position: relative;
        overflow: hidden;
    }

    .textes_titre {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        width: 90%;
        position: relative;
    }

    .textes_titre::before {
        content: "";
        position: absolute;
        bottom: -3vh;
        left: 10vw;
        width: 20%;
        height: 13px;
        background-color: white;
        opacity: 1;
        z-index: 2;
    }

    .fiches_conseils_container {
        width: 100%;
    }

    .header_fiche_conseil {
        margin-left: 5vw;
        margin-bottom: 3vh;
    }

    .logo_fiche_conseil {
        margin-right: 4vw;
        width: 15vw;
    }

    .conseils_caue_mobile {
        display: block;
        margin-left: 0;
        color: #4c3175;
        background-color: #f0f3f5;
        padding-top: 5vh;
        padding-bottom: 5vh;
    }

    .container_curieux h2 {
        font-weight: 500;
        font-size: 4vw;
    }

    .container_curieux p {
        font-size: 3.3vw;
        line-height: 1.3;
        margin-top: 1.5vh;
    }

    .col_gauche_texte {
        width: 75%;
        margin-left: 0;
        margin-right: 0;
        font-weight: 500;
        font-size: 3.2vw;
    }

        .col_droite_texte {
        width: 75%;
        margin-left: 0;
        margin-right: 0;
        margin-top: 1.7vh;
        font-weight: 500;
        font-size: 3.2vw;
    }


    
    .categories-bar {
        display: flex;
        justify-content: flex-start;
        gap: 2vw;
        border-bottom: 1px solid black;
        overflow-x: auto;
        scrollbar-width: none;
        align-items: flex-start;
        margin-bottom: 3vh;
    }
    
    .category {
        padding: 10px 20px;
        cursor: pointer;
        font-weight: 500;
        color: #4c3175;
        font-size: 4.9vw;
        line-height: 2.7vh;
    }
    
    .category.active {
        font-weight: bold;
        border-bottom: 3px solid #e91f80;
        border-radius: 0;
    }
    
    .category-text {
        font-size: 4.9vw;
        font-weight: 400;
        margin-top: 20px;
        text-align: left;
        line-height: 1.3;
        margin-right: 2vw;
    }

    .category-text br {
        margin-bottom: 2vh;
    }

    .projet_header_container .fleche_projet{
        display: none;
    }

    .container_fiches_conseils{
        flex-direction: column;
    }

    .fiches_conseils_container h2, .faq_title, .fiches_pratiques {
        font-size: 7vw;
        line-height: 1.3;
    }

    .titre_fiche_conseil, .desc_fiche_conseil, .faq_header ,.faq_reponse, .faq_titre, .fiche_pratique_titre, .fiche_pratique {
        font-size: 4.9vw;
        line-height: 1.3;
        width: 100%;
    }

    .img_fiche_conseil{
        display: none;
    }

    .desc_fiche_conseil,.titre_fiche_conseil{
        margin-left: 0;
        width: 90%;
    }

    .txt_fiche_conseil{
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .faq_header{
        width: 95%;
        padding-left: 5%;
        padding-right: 0;
    }

    .faq_reponse{
        padding-left: 0;
        padding-right: 0;
    }

    .fiche_conseil {
        width: 100%;
        hyphens: auto;
    }

    .fiche_conseil_btn{
        font-size: 4vw;
        line-height: 1.3;
        width: 30%;
        text-align: center;
        padding-bottom: 20px;
    }
    
    .container_fiches_conseils{
        align-items: end;
    }

    .fiche_conseil_btn::after{
        font-size: 3.6vw;
        margin-left: 0.44vw;
    }

    .faq_title{
        width: fit-content;
        margin-left: 15vw;
    }

    .faq_title::before {
        content: "";
        position: absolute;
        background-color: #2eb196;
        height: 35%;
        width: 120%;
        bottom: 0;
        left: -1vw;
        z-index: -1;
    }

    .faq_container {
        margin: 2vh auto;
        max-width: none;
        width: 90%;
        padding-bottom: 4vh;
        padding-top: 2vh;
    }

    .faq_item {
        border : none;
        border-bottom: 1px solid #000;
    }

    .fiches_pratiques{
        margin-left: 0vw;
        width: fit-content;
    }

    .fiches_pratiques::before {
        content: "";
        position: absolute;
        background-color: #2eb196;
        height: 35%;
        width: 105%;
        bottom: 0;
        left: -1vw;
        z-index: -1;
    }

    .fiche_pratique_container_global {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .container_fiches_pratiques {
        display: grid;
        grid-template-columns: repeat(2, 40vw);
        grid-template-rows: auto;
        margin-left: 0;
        width: auto;
    }

    .fiche_pratique_logo {
        width: 10vw;
    }

    .fiche_pratique_titre{
        width: 75%;
        text-align: center;
    }

    .projet_categorie::before {
        content: "";
        position: absolute;
        top: 6vh;
        left: -2vw;
        width: 45%;
        height: 15%;
        background-color: #2eb196;
        opacity: 0.7;
        z-index: 0;
        margin-left: 10px;
    }

    .titre_conseil::before{
        content: "";
        position: absolute;
        top: 6vh;
        left: -2vw;
        width: 63%;
        height: 15%;
        background-color: #2eb196;
        opacity: 0.7;
        z-index: 0;
        margin-left: 10px;
    }

    .menu-overlay{
        display: none;
        position: absolute;
        right: 0;
        top: -1vh;
        width: 85vw;
        height: 101vh;
        background-color: #f0f3f5;
    z-index: 21;
    }

    .menu-content{
        display: block;
        margin-left: 0vw;
        width: 100%;
    }

    .menu-close-btn::before{
        content: "";
        position: absolute;
        top: 2vh;
        right: 10vw;
        width: 0.5vw;
        height: 3vh;
        background-color: #e91f80;
        z-index: 5;
        transform: rotate(45deg);
    }

    .menu-close-btn::after{
        content: "";
        position: absolute;
        top: 2vh;
        right: 10vw;
        width: 0.5vw;
        height: 3vh;
        background-color: #e91f80;
        z-index: 5;
        transform: rotate(135deg);
    }

    .menu-items{
        margin-top: 20vh;
    }

    .menu-link{
        font-size: 6.2vw;
        line-height: 1.3;
        padding-left: 10vw;
        text-decoration: none;
        color: black;
        text-transform: uppercase;
        list-style: none;
        margin-bottom: 3vh;
    }

    .menu-link::before{
        content: "";
        width: 0.5vw;
        height: 3vh;
    }

    .menu-action-btn{
        color: #e91f80;
        border: 1px solid #e91f80;
        padding: 0vw 0vh;
        display: block;
        width: 65vw;
        height: 6.20vh;
        text-align: center;
        align-content: center;
        font-size: 4.4vw;
        line-height: 1.3;
        margin-left: 10vw;
        margin-top: 10vh;
        text-decoration: none;
    }

    .menu-action-btn p{
        margin: 0;
    }

    .header_num_call{
        display: flex;
        text-decoration: none;
        color: #e91f80;
        justify-content: center;
        align-items: center;
    }

    .sous-menu-link{
        display: block;
        text-decoration: none;
        color: black;
    }

    .sous-menu-link a, .submenu{
        text-decoration: none;
        color: black;
        display: flex;
        width: 60%;
        margin-top: 2vh;
        margin-bottom: 1vh;
        text-transform: uppercase;
    }

    .submenu {
        display: none;
        padding-left: 10vw;
        list-style: none;
    }
    
    /* Afficher les sous-menus lorsqu'ils ont la classe 'show' */
    .submenu.show {
        display: block;
        margin-left: 15vw;
        font-size: 5.3vw;
        line-height: 1.3;
        text-decoration: none;
        color: black;
    }

    .menu-items ul {
        padding: 0;
        width: 90%;
    }

    .toggle-submenu.active {
        color: #e91f80;
    }

    .menu-group {
        margin-bottom: 3vh;
        position: relative;
    }
    
    /* Styles des lignes de flèche avant ouverture */
    .menu-group::before,
    .menu-group::after {
        content: "";
        position: absolute;
        background-color: black;
        width: 5%;
        height: 1px;
        top: 2vh;
        transition: transform 0.3s ease-in-out;
    }
    
    /* Positionnement précis des traits */
    .menu-group::before {
        left: 88%;
        transform: rotate(38deg);
    }
    
    .menu-group::after {
        left: 92%;
        transform: rotate(138deg);
    }
    
    /* Rotation des flèches lorsque le menu est ouvert */
    .menu-group.active::before {
        transform: rotate(-38deg);
    }
    
    .menu-group.active::after {
        transform: rotate(45deg);
    }
    

    .menu-items a {
        display: block;
        margin-bottom: 3vh;
    }

    .formulaire_content {
        background-color: white;
    }

    .formulaire_content::before{
        display: none;
    }

    .formulaire_header img{
        position: absolute;
        transform: translateX(-50%);
    }

    .titre_formulaire {
        margin-top: 8vh;
        margin-left: 5vw;
        font-size: 6.9vw;
        line-height: 1.3;
        font-weight: 300;
        text-align: left;
        width: 60%;
    }

    .formulaire_header{
        padding-top: 5vh;
        padding-bottom: 5vh;
        height: auto;
        align-items: flex-start;
    }

    .formulaire_header::before{
        content: ""; 
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url('../images/Topo.png') no-repeat center center;
        background-size: cover;
        opacity: 0.05; 
        z-index: 1;
    }

    .formulaire_bloc{
        width: 90vw;
    }



    .form_group_2 {
        flex-direction: column;
    }

    .infos_sections_formulaire {
        width: 100%;
        transform: translate(0);
    }


    .form_group {
        flex-direction: column;
    }

    .radio_group {
        flex-direction: column;
        width: 100%;
        margin-top: 2vh;
        font-size: 4.4vw;
        line-height: 1.3;
    }

    .sous_titre_formulaire {
        font-size: 4.4vw;
        line-height: 1.3;
        font-weight: 600;
        margin-right: 0;
        width: 80%;
    }

    .page-header{
        height: auto;
        align-items: center;
        padding-bottom: 2em;
        margin-top: 6vh;
        padding-top: 75px;
        min-height: 300px;
        flex-direction: column-reverse;
        justify-content: center;
    }

    .formulaire_section ul li{
        font-size: 4.4vw;
        line-height: 1.3;
    }

    .form_group input {
        font-size: 3.4vw;
        padding: 2vw;
    }

    .form_group textarea {
        font-size: 3.4vw;
        padding: 2vw;
    }

    .radio_telephone, .radio_mail {
        display: flex;
        flex-direction: row;
        width: 90%;
        align-items: center;
    }

    .formulaire_footer_left{
        display: none;
    }

    .submit_button {
        background-color: #e90080;
        color: white;
        border: 0px;
        padding: 20px;
        text-transform: uppercase;
        font-size: 4.4vw;
        line-height: 1.3;
        font-weight: 500;
        width: 90vw;
    }

    .formulaire_section ul li::marker {
        color: #3a2281;
        font-size: 5vw;
    }

    .slider_enseignant .conteneur_slider_enseignant .slide.active {
        flex-direction: column-reverse;
    }

    .current_number_enseignant {
        position: absolute;
        background-color: white;
        color: #e90080;
        top: 35vh;
        right: 10vw;
        bottom: auto;
        padding: 5vw 4vw;
        border-radius: 50%;
        font-weight: bold;
        font-size: 4.2vw;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        transform: translate(-50%, -50%);
        z-index: 5;
    }

    .entretien_container {
        margin: auto;
        max-width: 70%;
        font-family: Arial, sans-serif;
        padding-bottom: 4vh;
        padding-top: 2vh;
        color: #3b277c;
        font-size: 18px;
        font-weight: 400;
    }

    .sous_titre_RM {
        font-size: 4.5vw;
        line-height: 1.3;
        margin-top: 2vh;
        margin-bottom: 2vh;
        font-weight: 500;
    }

    .text_RM {
        font-size: 4vw;
        line-height: 1.3;
        margin-bottom: 4vh;
        font-weight: 400;
    }

    .text_RM ~ ul {
        font-size: 4vw;
        line-height: 1.6;
        margin-top: 3vh;
        margin-bottom: 3vh;
        font-weight: 400;
    }

    .container_bon_a_savoir img{
        padding-right: 2vw;
        width: 8vw;
    }

    .bloc_texte {
        background-color: #2eb196;
        padding: 1.5vh 2vw;
        color: white;
    }
    .categorie_slider_enseignant{
        top: 30vh;
        left: 0;
        width: 30vw;
        height: 5vh;
    }
    .categorie_titre {
        font-size: 3vw;
    }

    .cartes_categories {
        margin: 0;
        width: 100%;
        flex-direction: column;
    }

    .carte_categories {
        display: flex
    ;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        position: relative;
        z-index: 2;
        height: auto;
        width: 100%;
    }

    .carte_categories:hover .carte_base {
        display: block;
    }

    .carte_top {
        position: relative;
        width: auto;
        height: 100%;
        overflow: hidden;
    }

    .bloc_texte_carte {
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: white;
        width: 100%;
        height: auto;
        position: relative;
    }

    .card-overlay {
        display: none;
    }

    .carte_categories img {
        width: 100%;
        height: auto;
        margin-top: -50px;
        /* object-fit: contain; */
    }

    .grid_3x3_blocs {
        display: flex;
        width: 100%;
        flex-wrap: wrap;
        justify-content: space-evenly;
    }

    .bloc_fille_maquette {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background-color: #fbfaf9;
        margin: 0;
        text-align: center;
        width: 75%;
        height: auto;
        min-height: auto;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
        transition: transform 0.2s ease;
        text-decoration: none;
        padding-bottom: 30px;
        padding-top: 35px;
        margin-bottom: 30px;
        margin-right: 0;
    }

    .bloc_fille_maquette img {
        width: auto;
        height: auto;
        max-width: none;
        max-height: 100px;
        margin-bottom: 15px;
    }

    
    .bloc_fille_titre {
        font-weight: bold;
        color: #2f1d80;
        font-size: 3.5vw;
        margin-bottom: 0.5vh;
        width: 70%;
    }

    .bloc_fille_lien {
        color: #e3007d;
        font-weight: 500;
        font-size: 3vw;
        text-transform: uppercase;
        letter-spacing: normal;
        position: relative;
    }

        .fiche_archi_titre {
        width: 75%;
        font-weight: 500;
        color: #3a2281;
        font-size: 3.7vw;
        margin-top: 8vh;
        position: relative;
        z-index: 1;
        text-align: center;
    }

    .fiche_archi_desc {
        text-align: center;
        color: #3b277c;
        line-height: 1.3;
        font-size: 3.2vw;
        width: 75%;
        margin-top: 2vh;
    }

    .picto_observatoire {
        position: absolute;
        bottom: -25px;
        right: 2vw;
        transform: translateX(-50%);
        width: 15%;
        height: auto;
    }

    .picto2_observatoire {
        position: absolute;
        bottom: -18%;
        left: 2vw;
        width: 15%;
        height: auto;
        z-index: 5;
    }

    .btn_acces_observatoire {
        background-color: #e71381;
        margin-top: 5vh;
        padding: 0.7vh 2.5vw;
    }

    .btn_acces_observatoire a {
        color: white;
        text-decoration: none;
        text-transform: uppercase;
        line-height: 1.3;
        font-size: 3vw;
    }

     .blocs_blanc {
        background-color: white;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        color: #3b277c;
        width: 75%;
        margin-top: 95px;
        font-size: 3vw;
        text-align: center;
        padding: 2vh 2vw;
    }

    .blocs_blanc p {
        width: 80%;
        line-height: 1.3;
        font-size: 3.7vw;
        margin-bottom: 2vh;
        text-align: center;
    }

    .blocs_blanc img {
        margin-top: -15px;
        width: 12%;
        position: absolute;
        top: 0;
        transform: translateY(-50%);
        left: 45%;
    }

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

    .global_blocs_rose{
        flex-direction: column;
        margin-top: 0;
        width: 90%;
        justify-content: space-evenly;
    }

    .blocs_rose img {
        margin-top: -17px;
        width: 10%;
    }

    .titre_blocs_rose {
        font-weight: 500;
        text-align: left;
        width: 75%;
        line-height: 1.3;
        font-size: 3.8vw;
        margin-bottom: 1vh;
        margin-top: 1vh;
        text-align: center;
    }

    .desc_blocs_rose {
        width: 75%;
        line-height: 1.3;
        font-size: 3.5vw;
        margin-bottom: 2vh;
        text-align: center;
    }

    .blocs_rose {
        flex-direction: column;
        width: 100%;
        margin-top: 60px;
    }

    .global_download img {
        width: 15%;
        margin-right: 5vw;
    }
    .global_download .pdf_icon img {
        width: 100%;
    }

    .desc_blocs_rose a,
    .btn_blocs_rose {
        background-color: white;
        color: #e6147e;
        padding: 0.7vh 2vw;
        margin-bottom: 2vh;
        font-size: 3vw;
        text-decoration: none;
    }

    .container_download {
        width: 100%;
        margin-left: 0;
        padding-right: 4%;
    }

    .page-header-intro {
        width: 90%;
        text-align: center;
        font-size: 2.5vw;
        font-weight: 300;
        line-height: 1.3;
    }

    .container_section {
        width: 75%;
        margin-bottom: 5vh;
    }
    
    .bloc_gris_texte .container_section {
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .titre_fiche_section {
        width: 100%;
        font-weight: 500;
        color: #3a2281;
        font-size: 4vw;
        margin-top: 8vh;
        position: relative;
        z-index: 1;
        text-transform: uppercase;
    }

    .container_infos_section {
        flex-direction: column;
    }

    .container_droite_section {
        width: 100%;
        flex-direction: column;
        justify-content: center;
    }

    .informations_fiche {
        color: #3b277c;
        line-height: 1.3;
        font-size: 3.3vw;
        width: 100%;
        margin-top: 1vh;
        margin-bottom: 2vh;
    }

    .btn_diaporama img, .btn_diaporama_animation img {
        height: 65%;
        width: auto;
        margin-right: 1vw;
        margin-left: 2vw;
    }

    .btn_diaporama, .btn_diaporama_animation {
        height: 5vh;
        display: flex;
        flex-direction: row;
        justify-content: start;
        align-items: center;
        color: #e5007d;
        font-weight: 500;
        line-height: 1.3;
        font-size: 3vw;
        text-decoration: underline;
        cursor: pointer;
    }

    .btn_diaporama_animation{
        justify-content: center;
    }

    .pdf_global_section img{
        width: 7%;
        padding: 10px;
    }

    .pdf_global_section a{
        color: white;
        width: 85%;
        font-size: 2.5vw;
        padding: 10px 0;
    }

    .fiche_archi_precision_logo {
        text-align: center;
        color: #3b277c;
        line-height: 1.3;
        font-size: 3.2vw;
        width: 75%;
        margin-top: 5vh;
        font-weight: 600;
    }

    .grille_rapports {
        grid-template-columns: 60vw;
        gap: 3vh;
        margin-top: 5vh;
    }

    .rapport_card {
        flex-direction: column;
        justify-content: flex-end;
        align-items: center;
        position: relative;
        width: 100%;
        min-width: 0;
        /* min-width: 390px; */
        height: auto;
        min-height: 150px;
        margin: 0 1vw;
        margin-bottom: 2vh;
    }

    .rapport_actions {
        width: 12%;
        height: auto;
        padding-bottom: 1.5vh;
    }

    .fond_illustration_titre{
        display: none;
    }

    .bandeau_rapport_rapport {
        position: absolute;
        top: 2vh;
        left: -1vw;
        z-index: 2;
        background-color: #e6147e;
        color: white;
        padding: 1vh 0.8vw;
        text-transform: capitalize;
        font-weight: 400;
        text-transform: uppercase;
        font-size: 3vw;
        line-height: 1.1;
        width: 70%;
        clip-path: polygon(0 0, 93% 0, 100% 100%, 0% 100%);
    }

    .picto_affiche_sensi:nth-child(3){
        display: none;
    }

    .voir_plus_link, .voir_moins_link {
        text-decoration: none;
        position: relative;
        font-size: 3.3vw;
    }

    details summary {
        list-style: none;
        display: flex;
        align-items: center;
        font-size: 2.5vw;
    }

    .section_fiches_thematiques img, .section_fiches_exemples img, .section_fiches_conseils img {
        width: 5vw;
        height: auto;
        margin-right: 2vw;
        margin-left: 1vw;
    }

    .illustration-section img {
        position: absolute;
        top: -25px;
        max-width: 13vw;
        max-height: 15vh;
    }

    .titre_recherche_av {
        margin-top: 0vh;
        font-size: 2vw;
        width: 100%;
        font-weight: 600;
        text-align: center;
    }

    .global_blocs_blanc{
        flex-direction: column;
        align-items: center;
        margin-top: 0;
        width: 90%;
     } 

    .PDF_section {
        position: relative;
        z-index: 5;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .bloc_centre_info img, .icone_validation img, .illustration_check_observatoire {
        width: 10%;
    }

    .bloc-page-fille {
        min-height: 260px;
    }

    .download_section, .adhesion_section {
        margin-top: 80px;
        margin-bottom: 50px;
    }

    .container_gauche_section {
        margin-right: 2.5vw;
        width: 100%;
        display: flex;
        flex-direction: row;
    }

    .container_gauche_section img {
        pointer-events: none;
        width: calc(30% - 5px);
        margin-right: 5%;
    }

    .vignettes_container {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin-top: 0;
        width: auto;
        height: 100%;
    }

    .vignette_item {
        width: calc(50% - 5px);
        height: 100%;
        justify-content: center;
        align-items: center;
        display: flex;
    }

    .vignette_item img {
        width: 100%;
        height: auto;
        display: block;
        object-fit: cover;
    }

    .images_ligne_container {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: auto;
        min-height: 100px;
        margin-top: 3vh;
        margin-bottom: 2vh;
    }

    .img_meme_hauteur {
        height: 100%;
        max-width: 60%;
        width: auto;
        object-fit: cover;
        pointer-events: none;
        margin-bottom: 2%;
    }

    /* MODIFS FICHES 2025-07-24 */
    .page_fiche-content {
        font-size: 3.2vw;
        max-width: 100%;
    }
    .fiche_archi_indication_fleche {
        font-size: 2.3vw;
    }
    /* MODIFS FICHES 2025-07-24 */



    /* Template affiches sensibilisation */
    .affiche-sensibilisation-content {
        font-size: 2.47vw;
        padding-top: 2em;
        max-width: 75%;
    }
    .affiche-sensibilisation-content .post-content {
        max-width: 75%;
        margin-bottom: 5em;
    }
    .pdf_content a,
    .pdf_title strong,
    .pdf_link {
        font-size: 2.4vw;
    }
    /* Template affiches sensibilisation */

    .observatoire-content {
        font-size: 2.7vw;
        width: 75%;
    }
}

@media (max-width: 768px) {
    .product-catalogue-container.loaded .product-catalogue-pdfreader-button {
        font-size: 2rem;
    }



    /* Template affiches sensibilisation */
    .container_bloc_infos {
        flex-flow: column;
        grid-gap: 50px;
    }
    /* Template affiches sensibilisation */

    /* Page default */
    .page_default-content {
        width: 100%;
        padding: 0 15px;
        box-sizing: border-box;
    }
    .page_default-content .global_texte_footer {
        width: 100%;
    }
    /* Page default */
}

@media (max-width: 520px){
    .grid_mobile {
        grid-template-columns: repeat(1, 60vw);
        grid-auto-rows: 35vh;
    }

    .fiche_overlay {
        height: 10vh;
    }

    .fiche_titre {
        margin-bottom: 0;
    }

    .header_icon_menu {
        width: 15%;
    }

    .page-header{
        height: auto;
        align-items: center;
        padding-bottom: 0;
        margin-top: 6vh;
        padding-top: 75px;
        min-height: 300px;
        flex-direction: column-reverse;
        justify-content: end;
    }

    .projet_header_container {
        height: auto;
        align-items: start;
        flex-direction: column-reverse;
        justify-content: end;
        padding-bottom: 0;
        margin-top: 11vh;
        padding-top: 5vh;
        min-height: 300px;
        position: relative;
        overflow: visible; /* A confirmer */
    }

    .projet_header_container_fille{
        height: auto;
        align-items: start;
        flex-direction: column-reverse;
        justify-content: center;
        padding-bottom: 0;
        margin-top: 11vh;
        padding-top: 5vh;
        min-height: 300px;
        position: relative;
        overflow: visible; /* A confirmer */
    }

    .grid_mobile .projet{
        transform: translateY(-5vh);
    }

    .projet img {
        width: 60vw;
        height: 16vh;
    }

    .sous_titre_projet {
        font-size: 3vw;
    }

    .text_projet {
        font-size: 5.3vw;
        margin-left: 8vw;
    }

    .decouvrir_projet {
        right: 5vw;
        bottom: 1vh;
        font-size: 3.5vw;
        color: #3a2281;
    }

    .decouvrir_projet::after {
        top: -0.3vh;
        right: -2vw;
        height: 1vh;
        width: 0.2vw;
        background-color: #3a2281;
    }

    .decouvrir_projet::before {
        top: 0.4vh;
        right: -2vw;
        height: 1vh;
        width: 0.2vw;
        background-color: #3a2281;
    }

    .description_categories {
        font-size: 5vw;
        font-weight: 400;
        line-height: 1.3;
        margin-bottom: 0;
    }

    .pre_footer{
        margin-top: 2vh;
        padding: 0;
    }

    .header_right{
        display: none;
    }

    .logo_header {
        width: auto;
        min-width: auto;
        height: 100%;
        position: relative;
        left: 0%;
        top: 0;
        z-index: 20;
        aspect-ratio: 208 / 100;
    }

    /*.logo_header.shrink {
        width: 35%;
        margin-top: auto;
    }*/


    .description_categorie{
        font-size: 5vw;
        margin-left: 0;
        line-height: 1.3;
        width: 80%;
        letter-spacing: 0;
        margin-bottom: 40px;
    }

    .space_collectivite{
        margin-bottom: 5vh;
    }

    .competence_caue_collectivites{
        font-size: 5vw;
        width: 81%;
        margin-top: 20%;
        margin-left: 3%;
    }

    .container_adhesion_titre img {
        max-width: 30%;
        margin-top: -10%;
        position: absolute;
        right: 2%;
        top: -45px;
    }

    .collectivite_liste li{
        margin-bottom: 10px;
    }

    .container_projet_collectivites{
        width: 95%;
    }

    .texte_surligne,
    .equipe-col-gauche h2 {
        font-size: 7vw;
        margin-top: 0vh;
    }

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

    .titre_page_fille{
        font-size: 4vw;
    }

    .sous-titre_page_fille{
        font-size: 2.5vw;
    }

    .description_page_fille{
        font-size: 3vw;
    }

    .btn_page_fille{
        font-size: 2.5vw;
    }

    .icone_validation img{
        top: -3vh;
    }

    .text_slider{
        height: 30vh;
        min-height: auto;
        padding-bottom: 50px;
        margin: 0;
        width: 100%;
        padding-top: 50px;
        align-items: center;
        margin-bottom: 5%;
        justify-content: start;
    }

    .bloc_gris_texte{
        padding-top: 4vh;
        padding-bottom: 4vh;
        background-color: #f4f2ef;
        width: 100%;
        padding-top: 8vh;
        padding-bottom: 8vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        color: #3b277c;
        line-height: 1.3;
        font-size: 1vw;
        position: relative;
        /* overflow: hidden;*/
    }

    .col_gauche_texte {
        width: 75%;
        margin-left: 0;
        margin-right: 0;
        font-weight: 500;
        font-size: 3.2vw;
    }

    .col_droite_texte{
        width: 75%;
        margin-left: 0;
        margin-right: 0;
        margin-top: 1.7vh;
        font-weight: 500;
        font-size: 3.2vw;
    }

    .container_collectivite_maitre_ouvrage{
        width: 80%;
    }

    .container_collectivite_maitre_ouvrage p{
        font-size: 3.3vw;
        line-height: 1.3;
        width: 100%;
    }

    .container_texte_maitre_ouvrage{
        flex-direction: column;
    }

    .container_texte_maitre_ouvrage{
        width: 100%;
        font-size: 3.3vw;
        line-height: 1.3;
        text-align: center;
    }

    .container_texte_maitre_ouvrage p:first-child::before{
        display: none;
    }

    .container_collectivite_maitre_ouvrage img {
        margin-top: 0vh;
        width: 10vw;
        position: relative;
        top: 0;
    }

    .projet_collectivites{
        margin-bottom: 7vh;
    }

    .header_container {
        display: flex;
        flex-direction: row;
        /* margin-right: 10vw; */
        justify-content: space-between;
        width: 90%;
    }

    .titre_bloc_centre_info {
        color: #e61381;
        margin: 0;
        padding: 1vh 1vw;
        font-size: 3.5vw;
        text-transform: uppercase;
        text-align: center;
        font-weight: 500;
    }

    .titre_bloc_pedagogie{
        color: #e61381;
        margin: 0;
        padding: 1vh 1vw;
        font-size: 3.5vw;
        text-transform: uppercase;
        text-align: center;
        font-weight: 500;
    }

    .bloc_petit_info_curieux .titre_bloc_centre_info{
        font-size: 3.5vw;
        font-weight: 500;
    }

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

    .desc_bloc_centre_info {
        color: #3b277c;
        width: 77%;
        margin-right: 0;
        margin-top: 5px;
        font-size: 3vw;
        line-height: 1.3;
    }

    .centre_info_titre {
        width: 75%;
        font-size: 4vw;
        text-align: center;
        margin-top: 0;
    }

    .sous_titre_info_particulier {
        font-size: 3.5vw;
    }

    .double_bloc_particulier {
        width: 80%;
        flex-direction: column;
    }

    .colonne_gauche_particulier p {
        width: 80%;
        text-align: center;
        margin-top: 5%;
        margin-bottom: 0;
        font-size: 3vw;
        line-height: 1.3;
    }

    .separation_trait::before{
        display: none;
    }

    .global_aff_sensiblisation_particulier {
        padding-top: 4vh;
        padding-bottom: 5vh;
    }

    .container_aff_sensibilisation_particulier {
        width: 90%;
        grid-template-columns: 1fr;
    }

    .fiche-sensibilisation {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        background-color: white;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .fiche-right h3 {
        font-weight: 800;
        font-size: 3.5vw;
    }

    .fiche-right p {
        font-size: 2.5vw;
        width: 90%;
    }

    .fiche-left a {
        position: absolute;
        bottom: -1vh;
        right: 2vw;
        height: auto;
        width: 7vw;
    }

    .sous-titre {
        color: #e61381;
        font-size: 2.5vw;
        line-height: 1.3;
    }

    .illustration_particulier_top {
        position: absolute;
        top: -35px;
        right: 0;
        width: 18%;
        height: auto;
        z-index: 5;
    }

    .illustration_particulier_bot {
        position: absolute;
        bottom: 1.5%;
        left: 3%;
        width: 10%;
        height: auto;
        z-index: 5;
    }

    .btn_svr_plus {
        font-size: 3.5vw;
        margin-top: 4vh;
    }

    .bandeau_rapport {
        font-size: 2.5vw;
        line-height: 1.3;
        width: fit-content;
        top: -90vw;
        padding-right: 20px;
        left: 11%;
    }

    .texte_encart {
        font-weight: 600;
        font-size: 3.5vw;
        line-height: 1.3;
        width: 90%;
        text-align: center;
    }

    .btn_encart {
        background-color: #e71381;
        color: white;
        padding: 0.7vh 2vw;
        text-decoration: none;
        font-size: 3vw;
        width: fit-content;
        margin-bottom: 2vh;
    }

    .PDF_section {
        position: relative;
        z-index: 5;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .pdf_block {
        width: 80%;
        border-radius: 2px;
        padding: 2px;
    }

    .pdf_content a, .pdf_title strong {
        color: white;
        font-size: 2vw;
        line-height: 1.3;
        white-space: normal;
        word-break: break-word;
        display: inline-block;
        max-width: 90%;
    }
    
    .col_gauche_encart_flyer {
        position: relative;
        width: 45%;
    }

    .container_curieux {
        width: 75%;
        text-align: center;
    }

    .container_curieux h2 {
        font-weight: 500;
        font-size: 4vw;
    }

    .container_curieux p {
        font-size: 3.3vw;
        line-height: 1.3;
        margin-top: 1.5vh;
    }

    .illustration_curieux {
        position: absolute;
        bottom: 0;
        right: 5vw;
        transform: translateY(50%);
        width: 12%;
        height: auto;
    }

    .container_infos_curieux {
        width: 90%;
        margin-top: 15vh;
    }

    .bloc_info_curieux {
        display: flex;
        flex-direction: column;
        justify-content: start;
        align-items: center;
        padding: 50px 0;
    }

    .illustration_bloc_curieux {
        margin-top: -97px;
    }

    .container_petit_bloc_infos_curieux {
        display: flex;
        flex-direction: column;
        margin-top: 0;
        margin-bottom: 8vh;
    }

    .bloc_petit_info_curieux {
        margin-left: 0.3vw;
        margin-right: 0.3vw;
        padding: 5vh 0;
        display: flex;
        flex-direction: column;
        justify-content: start;
        align-items: center;
        margin-top: 70px;
    }

    .desc_strong_bloc_centre_info {
        font-size: 3vw;
    }

    .bloc_petit_info_curieux .desc_bloc_centre_info {
        font-size: 3vw;
        text-align: center;
        width: 90%;
    }

    .curieux_logo_observatoire {
        height: auto;
        width: 50%;
    }

    .colonne_gauche_bloc_curieux p{
        font-size: 2.9vw;
    }

    .textes_titre {
        width: 100%;
    }

    .textes_titre::before {
        content: "";
        position: absolute;
        bottom: -3vh;
        left: 10vw;
        width: 20%;
        height: 5px;
        background-color: white;
        opacity: 1;
        z-index: 2;
    }

    .projet_header_container::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url(../images/Topo.png) no-repeat center center;
        background-size: cover;
        opacity: 0.05;
        z-index: 1;
    }

    .projet_header_container_fille::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url(../images/Topo.png) no-repeat center center;
        background-size: cover;
        opacity: 0.05;
        z-index: 1;
    }

    .bloc_info_particulier {
        width: 75%;
        margin-top: 40px;
        margin-bottom: 0px;
    }

    .bloc_info_particulier:last-child{
        margin-bottom: 40px;
        margin-top: 10px;
    }

    .container_encart_flyer {
        width: 90%;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .col_droite_encart_flyer {
        margin-left: 0;
        width: 75%;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .illustration_encart{
        width: 20%;
    }

    .illustration_encart img {
        width: 100%;
        height: 100%;
    }

    .col_gauche_encart_flyer {
        width: 60%;
    }

    .container_guide_paysages {
        margin-top: 5vh;
    }

    .container_blocs_rose {
        margin-top: 3vh;
    }

    .global_blocs_rose{
        flex-direction: column;
        margin-top: 0;
        width: 90%;
        justify-content: space-evenly;
    }

     .global_blocs_blanc{
        flex-direction: column;
        align-items: center;
        margin-top: 0;
        width: 90%;
     } 

     .blocs_blanc {
        background-color: white;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        color: #3b277c;
        width: 75%;
        margin-top: 60px;   
        font-size: 3vw;
        text-align: center;
        padding: 2vh 2vw;
    }

    .blocs_blanc p {
        width: 80%;
        line-height: 1.3;
        font-size: 3.7vw;
        margin-bottom: 2vh;
        text-align: center;
    }

     .blocs_blanc img {
        /*margin-top: -35px;*/
        width: 15%;
        aspect-ratio: 131 / 138;
        margin-bottom: 10px;    
     }

    .blocs_rose img{
        margin-top: -17px;
        width: 10%;
    }

    .blocs_rose {
        flex-direction: column;
        width: 100%;
        margin-top: 7vh;
    }

    .titre_blocs_rose {
        font-weight: 500;
        text-align: left;
        width: 75%;
        line-height: 1.3;
        font-size: 3.8vw;
        margin-bottom: 1vh;
        margin-top: 1vh;
        text-align: center;
    }

    .desc_blocs_rose {
        width: 75%;
        line-height: 1.3;
        font-size: 3.5vw;
        margin-bottom: 2vh;
        text-align: center;
    }

    .global_download img {
        width: 15%;
        margin-right: 5vw;
    }

    .pdf_fallback_message {
        color: white;
        background-color: #3a2281;
        padding: 0.7vh 2vw;
        font-size: 3vw;
    }

    .titre_instances {
        width: 75%;
        font-weight: 500;
        color: #3a2281;
        font-size: 5vw;
        margin-top: 0;
        margin-bottom: 0;
        position: relative;
        z-index: 1;
        text-align: center;
    }

    .date_conseil_administration {
        background-color: #2fb196;
        width: fit-content;
        padding: 0.5vh 2vw;
        color: white;
        text-transform: uppercase;
        font-weight: 400;
        font-size: 3vw;
        letter-spacing: 1px;
        margin-top: 0.7vh;
    }

    .container_nos_instances p {
        width: 77%;
        text-align: center;
        font-weight: 500;
        font-size: 3.5vw;
    }

    .container_conseil_administration ul li {
        color: #3a2281;
        font-weight: 400;
        max-width: 100%;
        font-size: 3.5vw;
    }

    .container_conseil_administration ul li strong {
        /* display: block; */
        font-weight: 600;
        font-size: 3.5vw;
    }

    .container_conseil_administration {
        align-items: start;
        width: 70%;
        margin-top: 5vh;
    }

    .container_blocs_blanc .texte_surligne{
        font-size: 5vw;
    }

    ul li::marker {
        color: #2eb196;
        font-size: 2.5vw;
    }


    .container_adhesion_titre {
        margin-top: 0;
    }

    .adhesion_liste {
        color: white;
        font-size: 3.3vw;
        line-height: 1.3;
        margin-top: 15px;
        margin-bottom: 25px;
        width: 95%;
    }

    .adhesion_liste li{
        margin-top: 1vh;
        margin-bottom: 1vh;
    }

    .description_notre_equipe {
        margin-top: 2vh;
        margin-bottom: 2vh;
        font-size: 3vw;
    }

    .container_notre_equipe {
        width: 75%;
    }

    .global_equipe_anim {
        width: 100%;
        margin-left: 0;
        flex-direction: column;
        align-items: center;
    }

    .col_gauche_anim {
        width: 75%;
        color: #3b277c;
        line-height: 1.3;
        font-size: 3.5vw;
    }

    .container_equipe_animation {
        margin-top: 30px;
    }

    .col_droite_anim {
        width: 100%;
    }

    .equipe_grid {
        justify-content: center;
        margin-top: 3vh;
        gap: 10px;
    }

    .membre_infos {
        color: #3b277c;
        font-size: 3.5vw;
        line-height: 1.3;
        margin: 0;
        text-align: center;
        margin-top: 7px;
    }

    .membre_metier {
        margin: 0;
        font-size: 3vw;
        font-weight: 400;
    }

    .bandeau_rapport_rapport {
        position: absolute;
        top: 2vh;
        left: -1vw;
        z-index: 2;
        background-color: #e6147e;
        color: white;
        padding: 1vh 0.8vw;
        text-transform: capitalize;
        font-weight: 400;
        text-transform: uppercase;
        font-size: 3vw;
        line-height: 1.1;
        width: 70%;
        clip-path: polygon(0 0, 93% 0, 100% 100%, 0% 100%);
    }

    .grille_rapports {
        grid-template-columns: 60vw;
        gap: 3vh;
        margin-top: 5vh;
    }

    .rapport_card {
        flex-direction: column;
        justify-content: flex-end;
        align-items: center;
        position: relative;
        width: 100%;
        min-width: 0;
        /* min-width: 390px; */
        height: auto;
        min-height: 150px;
        margin: 0 1vw;
        margin-bottom: 2vh;
    }

    .rapport_actions {
        width: 12%;
        height: auto;
        padding-bottom: 1.5vh;
    }

    .fond_illustration_titre{
        display: none;
    }


    .container_centre_info {
        margin-top: 50px;
    }

    .bloc_centre_info {
        width: 75%;
    }

    .groupement_bloc_centre_info {
        flex-direction: column;
        width: 75%;
        justify-content: space-between;
        align-items: center;
    }

    .groupement_bloc_centre_info .bloc_centre_info {
        width: 100%;
        height: auto;
        min-height: auto;
    }

    .illustration_pouceup{
        display: none;
    }

    .texte_info {
        color: white;
        font-size: 3.4vw;
        line-height: 1.3;
        width: 100%;
        margin-top: 2vh;
        margin-bottom: 0;
    }

    .page-header-title {
        text-align: left;
        font-weight: 300;
        font-size: 5vw;
        text-transform: uppercase;
    }

    .bloc_infos_texte {
        margin-left: 5%;
        width: 50%;
    }

    .bloc_infos_image {
        width: 35%;
    }

    .container_plaquette_centre_info{
        padding-top: 2vh;
    }

    .bloc_centre_info img {
        width: 12%;
        top: -25px;
        transform: translateX(0);
        left: 45%;
        display: block;
    }

    .illustration_centre_info_top{
        display: none !important;
        width: 40% !important;
        top: -90px !important;
        transform: translateX(0px) !important;
        left: 30% !important;
        
    }

    .logo_observatoire_container,
    .page-header-title.image {
        width: 75%;
    }

    .fiche_archi_titre {
        width: 75%;
        font-weight: 500;
        color: #3a2281;
        font-size: 3.7vw;
        margin-top: 8vh;
        position: relative;
        z-index: 1;
        text-align: center;
    }

    .fiche_archi_desc {
        text-align: center;
        color: #3b277c;
        line-height: 1.3;
        font-size: 3.2vw;
        width: 75%;
        margin-top: 2vh;
    }

    .picto_observatoire {
        position: absolute;
        bottom: -20px;
        right: 2vw;
        transform: translateX(-50%);
        width: 25vw;
        height: auto;
    }

    .picto2_observatoire {
        position: absolute;
        bottom: -100px;
        left: 2vw;
        width: 25vw;
        height: auto;
        z-index: 5;
    }

    .btn_acces_observatoire {
        background-color: #e71381;
        margin-top: 5vh;
        padding: 0.7vh 2.5vw;
    }

    .btn_acces_observatoire a {
        color: white;
        text-decoration: none;
        text-transform: uppercase;
        line-height: 1.3;
        font-size: 3vw;
    }

    .page-header-content-container {
        display: flex;
        flex-direction: column;
        align-items: start;
        justify-content: center;
        width: 85%;
        position: relative;
    }

    .page-header-content-container::before{
        content: "";
        position: absolute;
        bottom: -3vh;
        left: 0;
        width: 20%;
        height: 5px;
        background-color: white;
        opacity: 1;
        z-index: 2;
    }

    .page-header-intro {
        width: 100%;
        text-align: left;
        font-size: 4vw;
        font-weight: 300;
        line-height: 1.3;
    }

    .illustration-section img {
        position: absolute;
        top: -25px;
        max-width: 13vw;
        max-height: 15vh;
    }

    .page_default-content {
        width: 100%;
    }

    .titre_fiche_section {
        width: 100%;
        font-weight: 500;
        color: #3a2281;
        font-size: 4vw;
        margin-top: 8vh;
        position: relative;
        z-index: 1;
        text-transform: uppercase;
    }

    .container_droite_section {
        width: 100%;
        flex-direction: column;
        justify-content: center;
    }

    .informations_fiche {
        color: #3b277c;
        line-height: 1.3;
        font-size: 3.3vw;
        width: 100%;
        margin-top: 1vh;
        margin-bottom: 2vh;
    }

    .pdf_global_section a {
        color: white;
        width: 85%;
        font-size: 3.5vw;
    }

    .pdf_global_section {
        display: flex
    ;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        background-color: #3b277c;
        color: white;
        border-radius: 10px;
        margin-bottom: 1vh;
        padding-bottom: 0.7vh;
        padding-top: 0.7vh;
    }

    .pdf_global_section img {
        width: 17px;
        padding: 10px;
    }

    .btn_diaporama img, .btn_diaporama_animation img{
        height: 65%;
        width: auto;
        margin-right: 1vw;
        margin-left: 2vw;
    }

    .btn_diaporama, .btn_diaporama_animation {
        height: 5vh;
        display: flex;
        flex-direction: row;
        justify-content: start;
        align-items: center;
        color: #e5007d;
        font-weight: 500;
        line-height: 1.3;
        font-size: 3vw;
        text-decoration: underline;
        cursor: pointer;
    }

    .btn_diaporama_animation{
        justify-content: center;
    }

    .fiche_archi_precision_logo {
        text-align: center;
        color: #3b277c;
        line-height: 1.3;
        font-size: 3.2vw;
        width: 75%;
        margin-top: 5vh;
        font-weight: 600;
    }

    .voir_plus_link, .voir_moins_link {
        text-decoration: none;
        position: relative;
        font-size: 3.3vw;
    }

    .picto_affiche_sensi:nth-child(1) {
        top: 0;
        right: 5vw;
        transform: translateY(-50%);
        z-index: 5;
        width: 15%;
    }

    .picto_affiche_sensi:nth-child(2) {
        left: 5vw;
        top: 50%;
        width: 12%;
    }

    .picto_affiche_sensi:nth-child(3) {
        bottom: 1%;
        right: 0;
        width: 40%;
        height: auto;
        transform: translateX(0);
        /* overflow: hidden; */
    }

    .centre_info_titre strong {
        font-size: 3vw;
        font-weight: 600;
    }

    .fiche_archi_indication_fleche{
        width: 90%;
    }

    .container_fiche_theme{
        text-align: center;
    }

    .section_fiches_thematiques img, .section_fiches_exemples img, .section_fiches_conseils img {
        width: 5vw;
        height: auto;
        margin-right: 2vw;
        margin-left: 1vw;
    }

    details summary {
        list-style: none;
        display: flex
    ;
        align-items: center;
        font-size: 4vw;
    }

    details ul li a {
        color: #3b277c;
        font-size: 3.2vw;
    }

    .grid_3x3_blocs {
        display: flex
    ;
        width: 100%;
        flex-wrap: wrap;
        justify-content: space-evenly;
    }

    .bloc_fille_maquette {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background-color: #fbfaf9;
        margin: 0;
        text-align: center;
        width: 75%;
        height: auto;
        min-height: auto;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
        transition: transform 0.2s ease;
        text-decoration: none;
        padding-bottom: 20px;
        padding-top: 15px;
        margin-bottom: 20px;
        margin-right: 0;
    }

    .bloc_fille_maquette img {
        width: auto;
        height: auto;
        max-width: none;
        max-height: 100px;
        margin-bottom: 15px;
    }

    .bloc_fille_titre {
        font-weight: bold;
        color: #2f1d80;
        font-size: 3.5vw;
        margin-bottom: 0.5vh;
        width: 70%;
    }

    .bloc_fille_lien {
        color: #e3007d;
        font-weight: 500;
        font-size: 3vw;
        text-transform: uppercase;
        letter-spacing: normal;
        position: relative;
    }

    .container_page_contact {
        flex-direction: column-reverse;
        align-items: center;
        margin-top: 7vh;
    }

    .col_droite_contact {
        width: 75%;
    }

    .titre_prep_entretien {
        font-size: 5vw;
    }

    .desc_prep_entretien {
        color: #3b277c;
        font-size: 3vw;
        width: 100%;
        margin-top: 1vh;
    }

    .sous_titre_entretien {
        font-size: 3.5vw;
        font-weight: 600;
        color: #3a2281;
        margin-top: 2vh;
        margin-bottom: 2vh;
        width: 100%;
        position: relative;
        z-index: 1;
    }

    .col_droite_contact ul li {
        color: #3a2281;
        font-weight: 400;
        max-width: 100%;
        font-size: 3vw;
        margin-bottom: 0.5vh;
    }

    .second_titre_prep_entretien {
        font-weight: 500;
        color: #3b277c;
        line-height: 1.3;
        font-size: 5vw;
        margin-top: 5vh;
        position: relative;
    }

    .second_desc_prep_entretien {
        color: #3b277c;
        font-size: 4vw;
        width: 100%;
    }

    .container_venir_contact {
        margin-top: 5vh;
    }

    .titre_venir_contact {
        font-size: 3vw;
        text-align: center;
    }

    .desc_venir_contact {
        width: 90%;
        font-size: 3vw;
    }

    .container_venir_contact img {
        width: 15%;
        height: auto;
        margin-top: -20px;
    }

    .col_gauche_contact {
        width: 75%;
        margin-top: 70px;
    }

    .col_gauche_contact .informations_contact .pre_footer_infos_container{
        margin-top: 0;
    }

    .informations_contact img {
        width: 25%;
        height: auto;
        margin-top: -40px;
    }

    .description_adresse {
        position: relative;
        font-size: 3.5vw;
        font-weight: 400;
        line-height: 1.3;
        margin-top: 5px;
        color: #3a2281;
    }

    .numero_contact {
        font-size: 3.5vw;
    }

    .mail_contact {
        font-size: 3.5vw;
    }

    .container_bon_savoir_contact {
        background-color: #59ae97;
        width: 100%;
        margin-top: 70px;
        padding-bottom: 20px;
    }

    .container_bon_savoir_contact img {
        width: 25%;
        height: auto;
        margin-top: -40px;
        z-index: 10;
    }

    .titre_bon_savoir_contact {
        font-size: 4vw;
        margin-bottom: 0;
        line-height: 1.2;
        position: relative;
        width: fit-content;
    }

    .titre_bon_savoir_contact::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 0.4em;
        background-color: white;
        z-index: 0;
        opacity: 0.5;
    }

    .informations_contact {
        width: 100%;
    }

    .titre_infos {
        font-size: 4.2vw;
    }

    .titre_recherche_av {
        margin-top: 0vh;
        font-size: 5vw;
        width: 100%;
        font-weight: 600;
        text-align: center;
    }

    .container_recherche_av_header {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        z-index: 5;
        width: 75%;
    }

    .illustration_recherche_av_header {
        width: 20%;
    }

    .formulaire_recherche_avancee form input {
        font-size: 4VW;
    }

    .container_reponses_recherche_av {
        width: 85%;
    }

    .nombre_resultat_recherche {
        font-size: 4vw;
    }

    .fiche_conseil {
        width: 100%;
    }  

   .title_projet_particulier {
        font-size: 5vw;
    }

    .membre_carte {
        width: 35%;
        margin: 1vh 0.5vw;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .membre_photo {
        width: 75%;
        height: 100%;
        aspect-ratio: 1 / 1;
    }

    .container_page_fille_categorie {
        width: 90%;
        margin-top: 7vh;
    }

    .prev, .next {
        position: absolute;
        z-index: 9;
        top: 20%;
        background: none;
        border: none;
        height: 15%;
        width: 10%;
    }

    .global_download {
        width: 90%;
    }

    .prev_next_container {
        margin-top: 2vh;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }
    
    .diapo_prev{
        left: 0;
        width: 15%;
    }

    .diapo_next{
        right: 0;
        width: 15%;
    }

    .diaporama_content {
        max-width: 100%;
        max-height: 100%;
    }

    .fond_illustration_mobile{
        display: block;
        width: auto;
        max-width: 120px;
        max-height: 120px;
        height: auto;
        position: relative;
        margin-top: 40px;
        margin-bottom: 20px;
        left: 20%;
    }

    .fond_illustration_mobile img{
        width: 100%;
        height: 100%;
        max-width: 120px;
        max-height: 120px;
    }

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

}