/* --- bloc-carrousel-avis-clients.css --- */

.slider-carousel-avis .slick-slide a {display: block; margin: auto;}
.slider-carousel-avis .slick-slide a:focus-visible {outline: none !important;}
.slider-carousel-avis .bloc-carrousel { border: 2px solid white;padding: 2rem;margin: 2rem;font-size: 1.5rem; height: inherit; border-radius: 1rem; background-color: white; color: var(--couleur-principale);}
.slider-carousel-avis .bloc-carrousel .entete-avis i {color: #FFD700;}
.slider-carousel-avis .bloc-carrousel .entete-avis {color: var(--couleur-principale);}
.slider-carousel-avis .bloc-carrousel .texte-avis {color: var(--couleur-principale);}
.slider-carousel-avis .bloc-carrousel .date-avis {color: var(--couleur-principale);}
.slider-carousel-avis .bloc-carrousel .auteur-avis {color: var(--couleur-principale); margin: 0 !important;padding: 0;}
.slider-carousel-avis .bloc-carrousel .entete-avis {display: flex;justify-content: space-between; column-gap: 1rem; align-items: center; margin-bottom: 2rem;}
.slider-carousel-avis .bloc-carrousel .entete-avis .note { display: flex; gap: 0.2rem; }
.slider-carousel-avis .bloc-carrousel .date-avis {font-size: 1.1rem; margin-left: auto;}
.slider-carousel-avis .bloc-carrousel .texte-avis { margin-bottom: 2rem; overflow: auto; display: -webkit-box; -webkit-line-clamp: 3;  line-clamp: 3;  -webkit-box-orient: vertical;}


.bloc-carrousel-actus .slick-prev, .bloc-carrousel-actus .slick-next {top: auto;}
.section-carrousel-avis .slick-next:before, .section-carrousel-avis .slick-prev:before {display: none;}

.section-carrousel-avis .slick-prev, .section-carrousel-avis .slick-next {opacity: 1; font-size: 2rem; background-color: transparent; color: white; border: none; position: absolute; z-index: 10;}

.section-carrousel-avis .slick-prev i, .section-carrousel-avis .slick-next i {color: white;}
.section-carrousel-avis .slick-prev:hover, .section-carrousel-avis .slick-next:hover {opacity: 0.7; background-color: transparent; color: white; transform: translateY(-50%) scale(1.1);}
.section-carrousel-avis .slick-prev:hover i, .section-carrousel-avis .slick-next:hover i {color: white;}

.titre-carrousel-avis {text-align: center; margin-bottom: 2rem; color: white;}
.container-carrousel-avis {position: relative; display: flex; align-items: center; justify-content: center; width: 100%;}

.section-carrousel-avis {position: relative;}
/*.section-carrousel-avis {width: 100%; justify-content: space-between; align-items: center;overflow: hidden; margin-top: 4rem; position: relative; column-gap: 4rem;}*/

.carrousel-avis .slick-track {display: flex; width: 100%;}
.carrousel-avis {padding: 0 2rem;}
.carrousel-avis .slick-slide h3, .carrousel-avis .slick-slide p {color: #fff;}
.carrousel-avis .slick-slide h3 {margin: 2.5rem 2rem 1rem; font-size: 1.8rem;}
.carrousel-avis .slick-slide p {font-size: 1.4rem; margin: 1rem 2rem 0; overflow: hidden;  display: -webkit-box;  -webkit-line-clamp: 4; line-clamp: 4;  -webkit-box-orient: vertical;}
.carrousel-avis p.read-more {text-decoration: underline; opacity: .8; transition: inherit; margin-top: auto !important;}
.carrousel-avis .vignette-bg:hover p.read-more {opacity: 1;}
.section-carrousel-avis .bloc-fleche-avis a:not(.slick-arrow):not(.btn-underline) {border: 2px solid var(--couleur-fond-light); border-radius: 2.5rem; padding: .8rem 1.5rem; font-weight: 400; width: 100%; text-align: center;}
.section-carrousel-avis .bloc-fleche-avis a:not(.slick-arrow):not(.btn-underline):hover {box-shadow: inset 35em 0 0 0 var(--couleur-principale); color: #fff; }
.section-carrousel-avis .bloc-fleche-avis .slick-arrow {margin: 2rem 1.5rem; display: flex; justify-content: center; align-items: center; width: max-content; aspect-ratio: 1 / 1;}
.section-carrousel-avis .bloc-fleche-avis .fleches {justify-content: space-between;}

.section-carrousel-avis .bloc-fleche-avis h2 {text-align: center !important;}



@media (min-width: 768px) {
    .slider-carousel-avis {width: 100%;}
    .slider-carousel-avis .bloc-carrousel .texte-avis {margin-bottom: 2rem;}
    .section-carrousel-avis .bloc-fleche-avis {margin: 0 2rem; flex-direction: column; width: 100%; display: block;}
    .carrousel-avis .bloc-fleche-avis .fleches {justify-content:flex-end;}
    .section-carrousel-avis .bloc-fleche-avis a:not(.slick-arrow):not(.btn-underline) {width: max-content;}
    .section-carrousel-avis .bloc-fleche-avis .container-fleche {display: flex; justify-content: center; gap: 2rem;}
    .section-carrousel-avis .bloc-fleche-avis h2{text-align: right !important;}
    .section-carrousel-avis h2 {font-size: 2.5rem !important;}
}


@media (min-width: 1000px) {
    .carrousel-avis .slick-slide p {margin: 1rem 4rem;}
    .carrousel-avis .slick-slide h3 {margin: 2.5rem 4rem 1rem;}
    .carrousel-avis .bloc-fleche-avis {padding-right: 4rem; padding-left: 2rem; align-items: flex-end;}
    .section-carrousel-avis .bloc-fleche-avis {margin: 0; flex: 0 0 auto; width: 40%;}
    .carrousel-avis .bloc-fleche-avis * {text-align: right;}
    .section-carrousel-avis h2 {font-size: 3rem !important;}
}



@media (min-width: 1200px) {
    .carrousel-avis {padding: 0;}
}


@media (min-width: 1700px) {
    .slider-carousel-avis .bloc-carrousel .texte-avis {max-width: 35rem;}
}


/* --- bloc-entete-accueil.css --- */

.container-bloc-entete-accueil {display: flex; flex-direction: column; margin-bottom: 5rem;}
.container-bloc-entete-accueil .entete-colonne-gauche {display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 4rem 1rem 0;}
.container-bloc-entete-accueil .entete-colonne-droite {display: flex; align-items: center; justify-content: center; order: -1;}
.container-bloc-entete-accueil .image-presentation-entete-accueil {width: 100%; height: 50vh; display: flex; align-items: center; justify-content: center;}
.container-bloc-entete-accueil .image-presentation-entete-accueil img {width: 100%; height: 100%; object-fit: cover; }
.container-bloc-entete-accueil .titre-entete-accueil * {font-family: "Lato", sans-serif; text-align: center;}
.container-bloc-entete-accueil .logo-entete-accueil {margin: 0 auto; display: none; height: 15rem;}
.container-bloc-entete-accueil .logo-entete-accueil h1 {font-size: 2.5rem;}
.container-bloc-entete-accueil .logo-entete-accueil img {height: 100%;}
.container-bloc-entete-accueil .titre-entete-accueil h1 {font-weight: 300; font-size: 2.6rem;}

@media (min-width: 768px) {
    .container-bloc-entete-accueil .titre-entete-accueil h1 {font-size: 3rem; }

}

@media (min-width: 1024px) {
    .container-bloc-entete-accueil {flex-direction: row; min-height: 60vh;}
    .container-bloc-entete-accueil .entete-colonne-gauche {align-items: flex-start; flex: 0 0 35%; padding: 0 4rem;}
    .container-bloc-entete-accueil .entete-colonne-droite {flex: 1; order: initial;}
    .container-bloc-entete-accueil .image-presentation-entete-accueil {height: 100%;}
    .container-bloc-entete-accueil .logo-entete-accueil {display: block; margin-bottom: 2rem;}

}

@media (min-width: 1400px) {
    .container-bloc-entete-accueil {margin-bottom: 10rem; min-height: 80vh;}
    .container-bloc-entete-accueil .entete-colonne-gauche {padding: 0 7rem;}
    .container-bloc-entete-accueil .logo-entete-accueil {display: block; margin-bottom: 6rem; height: 20rem;}
}

@media (min-width: 1800px) {
    .container-bloc-entete-accueil .entete-colonne-gauche{flex: 0 0 30%;}
    .container-bloc-entete-accueil .entete-colonne-gauche {padding: 0 8rem;}
    .container-bloc-entete-accueil .logo-entete-accueil {margin-bottom: 8rem;}
}

/* --- bloc-entete-logement.css --- */

.container-bloc-entete-logement {display: flex; flex-direction: column; row-gap: 4rem; overflow: hidden;}
.container-bloc-entete-logement .colonne-gauche {display: flex; flex-direction: column; padding: 0 2rem;}
.container-bloc-entete-logement .colonne-droite{display: flex; align-items: center; justify-content: center;}
.container-bloc-entete-logement .contenu-texte *{color: white;}
.container-bloc-entete-logement .btn-cta {background-color: var(--couleur-principale-light); margin-top: 2rem;}
.container-bloc-entete-logement .btn-cta:hover{box-shadow: inset 25em 0 0 0 var(--couleur-secondaire);}
.container-bloc-entete-logement .btn-cta i {animation: mouvement-vertical-fleche 2s infinite ease-in-out;color: white;}
.container-bloc-entete-logement .image {width: 100%;}
.container-bloc-entete-logement .image img {width: 100%; height: 100%; object-fit: cover;}
.container-bloc-entete-logement h1 {margin-bottom: 1.5rem;}

@keyframes mouvement-vertical-fleche {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(5px); }
}

@media (min-width: 768px) {
  .container-bloc-entete-logement {flex-direction: row; column-gap: 4rem; align-items: center;}
  .container-bloc-entete-logement .colonne-gauche {flex: 0 0 60%; padding: 0 0 0 4rem;}
  .container-bloc-entete-logement .colonne-droite {flex: 0 0 40%;}
  .container-bloc-entete-logement .image {height: 100%;}

}

@media (min-width: 1400px) {
  .container-bloc-entete-logement {column-gap: 8rem;}
  .container-bloc-entete-logement .colonne-gauche {max-width: calc(1180px / 2 + 4rem); margin-left: auto;}
  .container-bloc-entete-logement .colonne-droite, .container-bloc-entete-logement .colonne-gauche{flex: 0 0 50%;}

}


/* --- bloc-gamme-services.css --- */

.container-bloc-gamme-services{padding: 2rem 1rem;}
.container-bloc-gamme-services .gamme-services-container{display: flex; flex-direction: column; gap: 2rem;}
.container-bloc-gamme-services .gamme-service-item{width: 100%; display: flex; flex-direction: column; opacity: 0; transform: translateY(30px); transition: all 0.6s ease;}
.container-bloc-gamme-services .gamme-service-item.animate-in{opacity: 1; transform: translateY(0);}
.container-bloc-gamme-services .image-service{width: 100%;}
.container-bloc-gamme-services .image-service img{width: 100%; height: 250px; object-fit: cover;}
.container-bloc-gamme-services .contenu-service {width: 100%; background-color: white; padding: 2rem; justify-content: center;display: flex; flex-direction: column;}
.container-bloc-gamme-services .contenu-service *{color: var(--couleur-principale); margin: 0;}
.container-bloc-gamme-services .contenu-service h3 { margin-bottom: 3rem; line-height: 1;}
.container-bloc-gamme-services .contenu-service h3 .txt-abhaya{color:var(--couleur-principale-light);}
.container-bloc-gamme-services .contenu-service ul {margin-left: 1.5rem;}
.container-bloc-gamme-services .contenu-service ul li {margin-bottom: 1rem;}

@media (min-width: 768px) {
.container-bloc-gamme-services{padding: 2rem;}
.container-bloc-gamme-services .gamme-services-container{gap: 3rem;}
.container-bloc-gamme-services .gamme-service-item{flex-direction: row; align-items: stretch;}
.container-bloc-gamme-services .image-service{flex: 0 0 50%;}
.container-bloc-gamme-services .image-service img{height: 100%;}
.container-bloc-gamme-services .contenu-service{flex: 0 0 50%; padding: 8rem 5rem 8rem 7rem;}
}

@media (min-width: 1400px) {
.container-bloc-gamme-services .contenu-service h3 {font-size: 4rem;}
}

/* --- bloc-liste-logements.css --- */
/* CSS du bloc liste logements - Mobile First */
.container-bloc-liste-logements {padding: 2rem 0;}
.container-bloc-liste-logements .slider-logements{width: 100%;}
.container-bloc-liste-logements .logement-item {background-color: white; overflow: hidden;  transition: transform 0.3s ease;text-align: center; text-decoration: none; box-shadow: var(--box-shadow);}
.container-bloc-liste-logements .logement-image{width: 100%; height: 250px; overflow: hidden;}
.container-bloc-liste-logements .logement-image img{width: 100%; height: 100%; object-fit: cover;}
.container-bloc-liste-logements .logement-contenu{padding: 2rem;}
.container-bloc-liste-logements .logement-titre {color: var(--couleur-principale);font-family: "Abhaya Libre", serif;font-weight: bold;font-size: 2.8rem;margin-top: 0;margin-bottom: 0.5rem;}
.container-bloc-liste-logements .logement-titre + p {color: var(--couleur-principale); margin-top: .5rem; margin-bottom: 2rem; }
.container-bloc-liste-logements .btn-cta {margin: auto; transition: all 230ms ease-in-out;}


@media (min-width: 768px) {
.container-bloc-liste-logements{padding: 2rem;}
.container-bloc-liste-logements .slider-logements{display: grid; grid-template-columns: 1fr 1fr; gap: 2rem;}
.container-bloc-liste-logements .logement-image{height: 300px;}
.container-bloc-liste-logements .logement-item:hover{transform: translateY(-5px); background-color: var(--couleur-secondaire); box-shadow: var(--box-shadow-hover);}
.container-bloc-liste-logements .logement-item:hover .logement-titre, .container-bloc-liste-logements .logement-item:hover p {color: #fff;}
.container-bloc-liste-logements .logement-item:hover .btn-cta {background-color: var(--couleur-principale);}
}

@media (min-width: 1024px) {
.container-bloc-liste-logements{padding: 3rem;}
.container-bloc-liste-logements .slider-logements{gap: 3rem;}
.container-bloc-liste-logements .logement-image{height: 350px;}


}


/* --- bloc-pourquoi-choisir.css --- */

.container-bloc-pourquoi-choisir{padding: 2rem 1rem;}
.container-bloc-pourquoi-choisir .titre-bloc{text-align: center; margin-bottom: 2rem;}
.container-bloc-pourquoi-choisir .container-image-contenu{display: flex; flex-direction: column; gap: 2rem;}
.container-bloc-pourquoi-choisir .image-bloc{display: none;}
.container-bloc-pourquoi-choisir .slick-slider-colonnes{width: 100%;}

.container-bloc-pourquoi-choisir .contenu-colonne-1, .container-bloc-pourquoi-choisir .contenu-colonne-2, .container-bloc-pourquoi-choisir .contenu-colonne-3 {background-color: white; padding: 2rem; text-align: center; width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%;}

.container-bloc-pourquoi-choisir .container-colonne {padding: 1rem; border: 0.5rem solid white; display: flex; align-items: center; justify-content: center; }
.container-bloc-pourquoi-choisir .container-colonne * {color: var(--couleur-principale);}
.container-bloc-pourquoi-choisir .container-colonne h3 {font-size: 2rem; font-weight: 300;}
.container-bloc-pourquoi-choisir .container-colonne h3 strong {font-weight: 600;}

.container-bloc-pourquoi-choisir .slick-slider-colonnes .slick-track {display: flex;}
.container-bloc-pourquoi-choisir .slick-slider-colonnes .slick-track .container-colonne {height: inherit;}
.container-bloc-pourquoi-choisir .slick-slider-colonnes .slick-slide {padding: 1rem;}
.container-bloc-pourquoi-choisir .slick-slider-colonnes .slick-dots {bottom: -4rem;}


@media (min-width: 900px) {
    .container-bloc-pourquoi-choisir{padding: 2rem;}
    .container-bloc-pourquoi-choisir .container-image-contenu{flex-direction: row; gap: 2rem; align-items: stretch;}
    .container-bloc-pourquoi-choisir .image-bloc {display: block; margin-right: 2rem;}
    .container-bloc-pourquoi-choisir .image-bloc img {width: 10rem; height: 100%;}
    .container-bloc-pourquoi-choisir .slick-slider-colonnes {display: flex; column-gap: 1.5rem; align-items: stretch;}
    .container-bloc-pourquoi-choisir .slick-slider-colonnes .slick-slide{padding: 0;}
    .container-bloc-pourquoi-choisir .container-colonne {flex: 1; }
}


@media (min-width: 1024px) {
    .container-bloc-pourquoi-choisir{padding: 3rem;}
    .container-bloc-pourquoi-choisir .container-image-contenu{gap: 2rem;}
    .container-bloc-pourquoi-choisir .image-bloc img {width: 15rem;}
    .container-bloc-pourquoi-choisir .contenu-colonne-1, .container-bloc-pourquoi-choisir .contenu-colonne-2, .container-bloc-pourquoi-choisir .contenu-colonne-3 {text-align: left;}

}


@media (min-width: 1400px) {
    .container-bloc-pourquoi-choisir .slick-slider-colonnes{ column-gap: 3.5rem;}
    .container-bloc-pourquoi-choisir .image-bloc {flex: 0 0 25%; margin-right: 0;}
    .container-bloc-pourquoi-choisir .slick-slider-colonnes {flex: 0 0 75%;}
    .container-bloc-pourquoi-choisir .image-bloc img {width: 18rem; margin: auto;}
    .container-bloc-pourquoi-choisir .contenu-colonne-1,.container-bloc-pourquoi-choisir .contenu-colonne-2,.container-bloc-pourquoi-choisir .contenu-colonne-3 {padding: 6rem 3rem;}
    .container-bloc-pourquoi-choisir .container-colonne h3 {font-size: 2.2rem;}
}

/* --- bloc-tableau-tarifs.css --- */
/* CSS du bloc tableau tarifs */
.container-bloc-tableau-tarifs {padding: 2rem 1rem; position: relative; z-index: 1; overflow-x: scroll;}
.container-bloc-tableau-tarifs .tableau-tarifs{width: 100%;}
.container-bloc-tableau-tarifs .caption-tableau{color: white; font-size: 2rem; font-weight: bold; margin-bottom: 2rem; text-align: center;}
.container-bloc-tableau-tarifs .header-tableau{background-color: var(--couleur-principale);}
.container-bloc-tableau-tarifs .ligne-header{color: white;}
.container-bloc-tableau-tarifs .cellule-header{color: white; padding: 1rem; font-weight: bold; text-align: center;}
.container-bloc-tableau-tarifs .cellule-header:nth-child(2),.container-bloc-tableau-tarifs .cellule-header:nth-child(3),.container-bloc-tableau-tarifs .cellule-header:nth-child(4) {background-color: var(--couleur-secondaire); font-size: 1.5rem; padding: .8rem 1rem; border-radius: var(--border-radius); white-space: nowrap; margin: 0 0.5rem;    border: 2px solid var(--couleur-principale);}
.container-bloc-tableau-tarifs .body-tableau{background-color: transparent;}
.container-bloc-tableau-tarifs .ligne-body{color: white;}
.container-bloc-tableau-tarifs .ligne-body:nth-child(odd){background-color: var(--couleur-principale-light); border: 0.5rem solid var(--couleur-principale-light);}
.container-bloc-tableau-tarifs .tableau-tarifs{border-spacing: 0 0.5rem;}
.container-bloc-tableau-tarifs .cellule-body{color: white; padding: 0.5rem; text-align: center; }
.container-bloc-tableau-tarifs .cellule-body:nth-child(1),.container-bloc-tableau-tarifs .cellule-header:nth-child(1){text-align: left;}
.container-bloc-tableau-tarifs .cellule-body.checkmark{position: relative; font-size: 0;}
.container-bloc-tableau-tarifs .cellule-body.checkmark::before{content: "\f00c"; font-family: "Font Awesome 5 Free"; font-weight: 900; display: inline-flex; align-items: center; justify-content: center; width: 2.5rem; height: 2.5rem; background-color: white; color: var(--couleur-principale); border-radius: 50%; font-size: 1.2rem;}



@media (min-width: 1024px) {
    .container-bloc-tableau-tarifs {overflow-x: auto;}
}

@media (min-width: 1400px) {
    .container-bloc-tableau-tarifs {max-width: 90rem; margin-left: auto; margin-right: auto;}
    .container-bloc-tableau-tarifs .tableau-tarifs {font-size: 1.7rem;}
    .container-bloc-tableau-tarifs .cellule-header:nth-child(2),.container-bloc-tableau-tarifs .cellule-header:nth-child(3),.container-bloc-tableau-tarifs .cellule-header:nth-child(4) {font-size: 1.6rem;}
}

/* --- bloc-trois-colonnes-img-texte.css --- */

/* CSS de base - Mobile First */
.container-bloc-trois-colonnes-img-texte {display: flex; gap: 1.5rem; flex-wrap: wrap;}
.container-bloc-trois-colonnes-img-texte .colonne-1,.container-bloc-trois-colonnes-img-texte .colonne-2,.container-bloc-trois-colonnes-img-texte .colonne-3 {width: 100%; overflow: hidden;}
.container-bloc-trois-colonnes-img-texte .colonne-1,.container-bloc-trois-colonnes-img-texte .colonne-2 {max-height: 30rem;}
.container-bloc-trois-colonnes-img-texte .colonne-3 {background-color: white; padding: 3rem 1.5rem; display: flex; justify-content: center; flex-direction: column;}
.container-bloc-trois-colonnes-img-texte .colonne-2 {order: 1;}
.container-bloc-trois-colonnes-img-texte .colonne-1 a,.container-bloc-trois-colonnes-img-texte .colonne-2 a{display: block; width: 100%; height: 100%;}
.container-bloc-trois-colonnes-img-texte .colonne-1 img,.container-bloc-trois-colonnes-img-texte .colonne-2 img{width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease;}
.container-bloc-trois-colonnes-img-texte .colonne-1:hover img,.container-bloc-trois-colonnes-img-texte .colonne-2:hover img{transform: scale(1.05);}
.container-bloc-trois-colonnes-img-texte .colonne-3 * {color: var(--couleur-principale);}
.container-bloc-trois-colonnes-img-texte .colonne-3 h3 {margin-bottom: 1.5rem; margin-top: 0;}
.container-bloc-trois-colonnes-img-texte h2 {margin-top: 0;}
.container-bloc-trois-colonnes-img-texte ul li {margin-bottom: 1rem;}


@media (min-width: 768px) {
    .container-bloc-trois-colonnes-img-texte{ gap: 1rem;}
    .container-bloc-trois-colonnes-img-texte .colonne-1, .container-bloc-trois-colonnes-img-texte .colonne-2 {flex: 1; max-height: 100%;}
    .container-bloc-trois-colonnes-img-texte h2 {font-size: 2.5rem;}
    .container-bloc-trois-colonnes-img-texte .colonne-3 {flex: 2; padding: 3rem;}


}

@media (min-width: 1024px) {
    .container-bloc-trois-colonnes-img-texte .colonne-3 {padding: 4rem;}
    .container-bloc-trois-colonnes-img-texte .colonne-2 {order: initial;}
}

@media (min-width: 1400px) {
    .container-bloc-trois-colonnes-img-texte .colonne-1,.container-bloc-trois-colonnes-img-texte .colonne-2 {aspect-ratio: 1;}
    .container-bloc-trois-colonnes-img-texte {gap: 3rem;}
    .container-bloc-trois-colonnes-img-texte .colonne-1,.container-bloc-trois-colonnes-img-texte .colonne-2,.container-bloc-trois-colonnes-img-texte .colonne-3{flex: 0 0 calc(33.333% - 2rem);}
    .container-bloc-trois-colonnes-img-texte .colonne-3{padding: 5rem;}

}


/* --- bloc-vignettes-services.css --- */


.container-bloc-vignettes-services .vignette-item{width: 100%;margin: 0 auto;}
.container-bloc-vignettes-services .vignette-link{display: block; text-decoration: none; transition: transform 0.3s ease;}
.container-bloc-vignettes-services .image-container {position: relative; overflow: hidden; height: 20rem; }
.container-bloc-vignettes-services .image-container img {width: 100%; height: 100%; object-fit: cover; object-position: center bottom; transition: transform 0.3s ease;}
.container-bloc-vignettes-services .titre-overlay-vignette {position: absolute; bottom: calc(100% - .1rem); left: 0; right: 0;}
.container-bloc-vignettes-services .titre-overlay-vignette * {color: white; font-size: 3rem; margin: 0; line-height: 1.5rem; text-align: center;}
.container-bloc-vignettes-services .titre-overlay-vignette p .txt-abhaya {font-size: 120%;}

.container-bloc-vignettes-services .texte-vignette {background-color: var(--couleur-principale-light); color: white; padding: 3rem; text-align: center; transition: background-color 0.3s ease; position: relative;}
.container-bloc-vignettes-services .texte-vignette>p {margin: 0; font-size: 2rem;}
.container-bloc-vignettes-services .vignette-link:hover{transform: scale(1.05);}
.container-bloc-vignettes-services .vignette-link:hover .image-container img{transform: scale(1.1);}
.container-bloc-vignettes-services .vignette-link:hover .texte-vignette{background-color: var(--couleur-secondaire);}


@media (min-width: 768px) {
    .container-bloc-vignettes-services .image-container {height: 30rem;}
    .container-bloc-vignettes-services .image-container img {width: 100%; height: 30rem; object-fit: cover; object-position: center bottom; transition: transform 0.3s ease;}
}


@media (min-width: 1024px) {
    .container-bloc-vignettes-services .titre-overlay-vignette * {font-size: 5rem; line-height: 2.7rem;}
    .section-nos-services-accueil {margin-bottom: 20rem;}
    .section-nos-services-accueil::before{content: ''; position: absolute; top: 50%; left: 0; right: 0; height: 2px; background-color: white; transform: translateY(-50%); z-index: 0;}
    .section-nos-services-accueil::after {content: ''; background-image:  url(/wp-content/uploads/2025/10/logo-trame.svg); background-size: contain; background-repeat: no-repeat; background-position: right -25rem center; position: absolute; top: 50%; transform: translateY(-50%); width: 100%; height: calc(100% + 10rem); z-index: 0;}

}



@media (min-width: 1400px) {
    .section-nos-services-accueil.section-margin {margin-bottom: 20rem;}
    .section-nos-services-accueil::after {background-position: right -20rem center; height: calc(100% + 15rem);}

}

@media (min-width: 1800px) {
    .section-nos-services-accueil.section-margin {margin-bottom: 25rem;}
    .section-nos-services-accueil::after {background-position: right -20rem center; height: calc(100% + 25rem);}

}

/* --- bloc-vignettes-tarifs.css --- */

.container-bloc-vignettes-tarifs{padding: 2rem 1rem;}
.container-bloc-vignettes-tarifs .slick-slider-tarifs{width: 100%;}
.container-bloc-vignettes-tarifs .slick-slider-tarifs .slick-slide{padding: 0 0.5rem;}
.container-bloc-vignettes-tarifs .tarif-item{background-color: white; padding: 0;  width: 100%; display: flex; flex-direction: column; height: 100%;  overflow: hidden;}
.container-bloc-vignettes-tarifs .container-tarif {display: flex; align-items: center; justify-content: center; min-height: 100%; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;}
.container-bloc-vignettes-tarifs .image-tarif{width: 100%;}
.container-bloc-vignettes-tarifs .image-tarif img{width: 100%; height: 200px; object-fit: cover;}
.container-bloc-vignettes-tarifs .bloc-contenu-tarif {padding: 2rem; display: flex; flex-direction: column; gap: 1rem;}
.container-bloc-vignettes-tarifs .titre-tarif {padding-bottom: 1rem;border-bottom:1px solid var(--couleur-principale-light);margin-bottom: 1rem;}
.container-bloc-vignettes-tarifs .titre-tarif * {font-size: 3rem;  color: var(--couleur-principale);margin: 0; }
.container-bloc-vignettes-tarifs .titre-tarif h3 {font-weight: 300;}
.container-bloc-vignettes-tarifs .titre-tarif .txt-abhaya{color: var(--couleur-principale-light); font-weight: 600; font-size: 120%;}
.container-bloc-vignettes-tarifs .nom-tarif {font-size: 1.4rem; font-weight: 700; color: var(--couleur-principale); margin: 0;font-style: italic;font-size: 2.8rem;}
.container-bloc-vignettes-tarifs .prix-tarif{ margin: auto auto 0; color:white;background-color: var(--couleur-principale);padding: 1rem 2rem;border-radius: var(--border-radius); }
.container-bloc-vignettes-tarifs .texte-tarif p {color: var(--couleur-principale); margin-bottom: 1rem; margin-top: 0; font-weight: 300;}
.container-bloc-vignettes-tarifs .container-texte-detail{display: flex;margin-top: 5rem;flex-direction: column; gap: 2rem;}
.container-bloc-vignettes-tarifs .container-texte-detail *{color:white;text-align: center;margin: auto;font-size: 2rem;}
.container-bloc-vignettes-tarifs .container-texte-detail i{font-size: 3rem; animation: mouvement-vertical 2s infinite ease-in-out;}

@keyframes mouvement-vertical {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(10px); }
}

@media (min-width: 768px) {
.container-bloc-vignettes-tarifs{padding: 2rem;}
.container-bloc-vignettes-tarifs .slick-slider-tarifs{display: flex; gap: 1rem; align-items: stretch;}
.container-bloc-vignettes-tarifs .slick-slider-tarifs .slick-slide{padding: 0;}
.container-bloc-vignettes-tarifs .container-tarif{flex: 1; min-height: 300px;}
.container-bloc-vignettes-tarifs .bloc-contenu-tarif {height: inherit;}
}

@media (min-width: 1024px) {
.container-bloc-vignettes-tarifs{padding: 3rem;}
.container-bloc-vignettes-tarifs .slick-slider-tarifs{gap: 2rem;}
.container-bloc-vignettes-tarifs .container-tarif{min-height: 400px;}
.container-bloc-vignettes-tarifs .image-tarif img{height: 250px;}
.container-bloc-vignettes-tarifs .bloc-contenu-tarif {padding: 3rem 3rem 2rem;}
}