@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Akshar:wght@300..700&display=swap");
/* ==========================================================================
   MIXINS TYPO RESPONSIVE — Basés sur la font 'Akshar'
   Plage fluide : mobile (320px) → desktop large (1920px)
   ========================================================================== */
/* ==========================================================================
   MIXINS TYPO RESPONSIVE — Sans font-weight
   Plage fluide : mobile (320px) → desktop large (1920px)
   ========================================================================== */
/* Mixin pour un titre moyen-grand (≈26px → 40px) */
/* Mixin pour un grand titre (≈ 35px à 45px) */
/* ==========================================================================
   📱 Ajustements optionnels selon les breakpoints
   (tu peux les laisser ou les supprimer si tu préfères tout en clamp)
   ========================================================================== */
*,
::after,
::before {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  overflow-x: hidden;
  position: relative;
  overflow-x: hidden !important;
}
body strong {
  font-weight: 500;
}
body .cookie_ban {
  position: fixed;
  bottom: 3vh;
  left: 50%;
  transform: translateX(-50%);
  width: 60%;
  z-index: 9999;
  height: 25vh;
  background-color: #BFD1D9;
  border-radius: 55px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  opacity: 0;
  pointer-events: none;
  transform: translateX(-50%) translateY(20px);
  transition: opacity 250ms ease, transform 250ms ease;
}
body .cookie_ban .left_ban {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 70%;
  height: auto;
  padding: 0 2vw;
}
body .cookie_ban .left_ban p.titre {
  color: #2a3a40;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  font-weight: 600;
}
body .cookie_ban .left_ban p.txt {
  color: #2a3a40;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  margin-top: 2vh;
}
body .cookie_ban .right_ban {
  width: 30%;
  height: 80%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 2vw;
}
body .cookie_ban .right_ban button {
  border-radius: 50px;
  width: 100%;
  height: 5vh;
  border: none;
  background-color: #2a3a40;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
  line-height: 1.3 !important;
  color: #BFD1D9;
}
body .cookie_ban .right_ban button:nth-child(2) {
  margin-top: 1vh;
}
body .cookie_ban .right_ban a {
  width: 100%;
  height: 5vh;
  margin-top: 2vh;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #2a3a40;
  border: 3px solid #2a3a40;
  border-radius: 50px;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
  line-height: 1.3 !important;
}
body .cookie_ban.is-open {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(-50%) translateY(0);
}

/* =========================================================
   RESPONSIVE — Cookie banner
   ========================================================= */
/* 📱 Smartphone portrait */
@media (max-width: 480px) {
  body .cookie_ban {
    bottom: 2vh;
    width: 92%;
    height: auto;
    border-radius: 28px;
    padding: 16px;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }
  body .cookie_ban .left_ban {
    width: 100%;
    padding: 0;
  }
  body .cookie_ban .left_ban p.titre {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
    text-align: center;
  }
  body .cookie_ban .left_ban p.txt {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
    line-height: 1.3 !important;
    margin-top: 1vh;
    text-align: center;
  }
  body .cookie_ban .right_ban {
    width: 100%;
    height: auto;
    padding: 0;
    flex-direction: column;
    gap: 10px;
  }
  body .cookie_ban .right_ban button,
  body .cookie_ban .right_ban a {
    height: 44px;
    border-radius: 999px;
  }
  body .cookie_ban .right_ban a {
    margin-top: 0;
  }
}
/* 📱 Smartphone paysage (souvent peu de hauteur) */
@media (max-width: 900px) and (orientation: landscape) {
  body .cookie_ban {
    bottom: 2vh;
    width: 92%;
    height: auto;
    border-radius: 28px;
    padding: 14px 16px;
    /* on garde en ligne pour gagner en hauteur */
    flex-direction: row;
    align-items: center;
  }
  body .cookie_ban .left_ban {
    width: 68%;
    padding: 0 1vw;
  }
  body .cookie_ban .left_ban p.titre {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
    line-height: 1.3 !important;
    font-weight: 600;
  }
  body .cookie_ban .left_ban p.txt {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(0.625rem, 0.3vw + 0.5rem, 0.8125rem);
    line-height: 1.4 !important;
    opacity: 0.75 !important;
    margin-top: 0.6vh;
  }
  body .cookie_ban .right_ban {
    width: 32%;
    height: auto;
    padding: 0 1vw;
  }
  body .cookie_ban .right_ban button,
  body .cookie_ban .right_ban a {
    height: 36px;
  }
  body .cookie_ban .right_ban a {
    margin-top: 1vh;
  }
}
/* 🧾 Tablette portrait + paysage */
@media (min-width: 481px) and (max-width: 1024px) {
  body .cookie_ban {
    bottom: 2vh;
    width: 80%;
    height: auto;
    border-radius: 40px;
    padding: 16px 18px;
  }
  body .cookie_ban .left_ban {
    width: 65%;
    padding: 0 1.5vw;
  }
  body .cookie_ban .left_ban p.titre {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
  }
  body .cookie_ban .left_ban p.txt {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
    line-height: 1.3 !important;
    margin-top: 1vh;
  }
  body .cookie_ban .right_ban {
    width: 35%;
    height: auto;
    padding: 0 1.5vw;
  }
  body .cookie_ban .right_ban button,
  body .cookie_ban .right_ban a {
    height: 42px;
  }
  body .cookie_ban .right_ban a {
    margin-top: 1.2vh;
  }
}
body,
html {
  background-color: #4c6c73;
  scroll-behavior: smooth;
  max-width: 100%;
  overflow-x: hidden;
}

.maintenance {
  width: 100vw;
  height: 100dvh;
  position: relative;
  background-color: #2a3a40;
  overflow: hidden;
  z-index: 0;
}
.maintenance img.imgtel {
  display: none;
}
.maintenance img {
  width: 100%;
  height: 55vh;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -2;
}
.maintenance .header {
  width: 30%;
  height: 14vh;
  position: relative;
}
.maintenance .header a {
  width: auto;
  height: auto;
}
.maintenance .header img {
  height: 100%;
  width: 30%;
  -o-object-fit: contain;
     object-fit: contain;
  position: absolute;
  left: 10%;
  top: 0;
}
.maintenance .center {
  width: 100%;
  height: 80%;
  z-index: 5;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1600px) {
  .maintenance .center {
    max-width: 1440px;
  }
}
.maintenance .center .top {
  width: 100%;
  height: 30vh;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.maintenance .center .top p.error {
  color: red;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
}
.maintenance .center .top .img {
  cursor: pointer;
  width: 15%;
  height: 12vh;
  position: relative;
}
.maintenance .center .top .img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.maintenance .center .top p.titre {
  color: #ffffff;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(2.8125rem, 3vw + 1rem, 4.0625rem);
  line-height: 1.1 !important;
  font-weight: 300;
}
.maintenance .center .top p.txt {
  color: #ffffff;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(30px, 3.5vw + 10px, 45px);
  line-height: 1.25 !important;
  font-weight: 300;
}
.maintenance .center .bottom {
  width: 100%;
  height: 40%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}
.maintenance .center .bottom .info {
  height: 45%;
  width: 100%;
}
.maintenance .center .bottom .info p {
  font-weight: 300;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
  line-height: 1.3 !important;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.maintenance .center .bottom .reseaux {
  height: 30%;
  width: 60%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.maintenance .center .bottom .reseaux .rsx {
  width: 32%;
  height: 100%;
  display: flex;
  align-items: center;
}
.maintenance .center .bottom .reseaux .rsx .img {
  height: 100%;
  aspect-ratio: 1/1;
  -o-object-fit: contain;
     object-fit: contain;
  position: relative;
  cursor: pointer;
}
.maintenance .center .bottom .reseaux .rsx .img img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 200%;
  height: 200%;
  -o-object-fit: cover;
     object-fit: cover;
}
.maintenance .center .bottom .reseaux .rsx p {
  color: white;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  font-weight: 300;
  margin-left: 1vw;
}

/* Smartphones en portrait */
@media only screen and (max-width: 600px) {
  /* Styles pour les smartphones en portrait */
  .maintenance img.imgpc {
    display: none;
  }
  .maintenance img.imgtel {
    display: flex;
    width: 100%;
    height: 40%;
    transform: translateY(-4vh);
  }
  .maintenance .header {
    width: 100%;
    height: 20vh;
  }
  .maintenance .header img {
    left: 50%;
    transform: translateX(-50%);
  }
  .maintenance .center {
    height: 73% !important;
  }
  .maintenance .center .top {
    text-align: center;
  }
  .maintenance .center .top .img {
    width: 30%;
  }
  .maintenance .center .top p.titre {
    font-weight: 400;
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
    line-height: 1.3 !important;
  }
  .maintenance .center .top p.txt {
    font-weight: 200;
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
    transform: scale(0.9);
  }
  .maintenance .center .bottom {
    text-align: center;
  }
  .maintenance .center .bottom p {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
  }
  .maintenance .center .bottom .reseaux .rsx .img {
    height: 80%;
  }
  .maintenance .center .bottom .reseaux .rsx p {
    display: none;
  }
}
.home_public {
  width: 100vw;
  height: auto;
  position: relative;
}
.home_public .accueil {
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  backface-visibility: hidden;
  transform: translateZ(0);
  box-sizing: border-box;
}
.home_public .accueil .center {
  height: auto;
  width: 75%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1600px) {
  .home_public .accueil .center {
    max-width: 1440px;
  }
}
.home_public .accueil .center .hover {
  position: absolute;
  width: 100%;
  height: 100vh;
  background: radial-gradient(circle, rgba(42, 58, 64, 0) 0%, rgb(42, 58, 64) 100%), linear-gradient(0deg, rgb(42, 58, 64) 0%, rgba(42, 58, 64, 0) 100%);
  left: 0;
  top: 0;
}
.home_public .accueil .center img {
  width: 60%;
  height: auto;
}
.home_public .accueil .center .infos {
  width: 70%;
  height: auto;
  display: flex;
  flex-direction: column;
  transform: translateY(10vh);
}
.home_public .accueil .center .infos p {
  margin-top: 2vh;
  color: #ffffff;
  width: 100% !important;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
  line-height: 1.3 !important;
}
.home_public .accueil .center .infos .button_accueil {
  width: 60%;
  height: auto;
  margin-top: 2vh;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.home_public .accueil .center .infos .button_accueil a {
  text-decoration: none;
  height: 6vh;
  background-color: transparent;
  border-radius: 30px;
  padding: 3%;
  position: relative;
  cursor: pointer;
}
.home_public .accueil .center .infos .button_accueil a:nth-child(1) {
  border: 4px solid white;
  color: #ffffff;
  width: 60%;
  white-space: nowrap;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.home_public .accueil .center .infos .button_accueil a:nth-child(2) {
  background-color: #ffffff;
  color: #2a3a40;
  width: 38%;
  white-space: nowrap;
  border: none;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.home_public .accueil .fond_img_carou {
  width: 100vw;
  height: 100vh;
  position: absolute;
  left: 0;
  top: 0;
  backface-visibility: hidden;
  transform: translateZ(0);
  box-sizing: border-box;
}
.home_public .accueil .fond_img_carou img {
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: center;
}
.home_public .about {
  width: 100%;
  height: 100vh;
  background-color: #2a3a40;
  backface-visibility: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  backface-visibility: hidden;
  transform: translateZ(0);
  box-sizing: border-box;
}
.home_public .about .center {
  width: 80%;
  height: 85%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1600px) {
  .home_public .about .center {
    max-width: 1440px;
  }
}
.home_public .about .center p.titre_smartphone {
  display: none;
}
.home_public .about .center .left {
  width: 48%;
  height: 85%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.home_public .about .center .left p.titre {
  color: white;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(2.8125rem, 3vw + 1rem, 4.0625rem);
  line-height: 1.1 !important;
}
.home_public .about .center .left .txt {
  background-color: #4c6c73;
  width: 90%;
  height: auto;
  border-radius: 25px;
  padding: 5%;
  margin-top: 2vh;
  text-align: justify;
}
.home_public .about .center .left .txt p {
  color: white;
  font-weight: 300;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
}
.home_public .about .center .left .txt a {
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 3vh;
  height: 5vh;
  color: white;
  width: 50%;
  border: none;
  border-radius: 30px;
  background-color: #2a3a40;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
}
.home_public .about .center .right {
  width: 48%;
  height: 85%;
  transform-origin: center;
  transform: scale(0.9) rotate(-45deg);
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}
.home_public .about .center .right .smartimg {
  display: none;
}
.home_public .about .center .right .top {
  width: auto;
  height: 50%;
  display: flex;
  align-items: flex-end;
  justify-content: space-around;
  transform: translateX(-3vw);
}
.home_public .about .center .right .top .img1 {
  width: 11vw;
  height: 11vw;
  background-color: white;
  border-radius: 15px;
  margin-bottom: 1.5vh;
  margin-right: 1.5vw;
  overflow: hidden;
}
.home_public .about .center .right .top .img1 img {
  width: 100%;
  height: 100%;
  transform-origin: center;
  transform: rotate(45deg) scale(1.4);
  -o-object-fit: cover;
     object-fit: cover;
}
.home_public .about .center .right .top .img2 {
  width: 17vw;
  height: 17vw;
  background-color: white;
  border-radius: 15px;
  margin-bottom: 1.5vh;
  overflow: hidden;
}
.home_public .about .center .right .top .img2 img {
  width: 100%;
  height: 100%;
  transform-origin: center;
  transform: rotate(45deg) scale(1.4);
  -o-object-fit: cover;
     object-fit: cover;
}
.home_public .about .center .right .bottom {
  width: auto;
  height: 50%;
  display: flex;
  align-items: flex-start;
  justify-content: space-around;
  transform: translateX(3vw);
}
.home_public .about .center .right .bottom .img2 {
  width: 11vw;
  height: 11vw;
  background-color: white;
  border-radius: 15px;
  margin-top: 1.5vh;
  overflow: hidden;
}
.home_public .about .center .right .bottom .img2 img {
  width: 100%;
  height: 100%;
  transform-origin: center;
  transform: rotate(45deg) scale(1.4);
  -o-object-fit: cover;
     object-fit: cover;
}
.home_public .about .center .right .bottom .img1 {
  width: 17vw;
  height: 17vw;
  background-color: white;
  border-radius: 15px;
  margin-top: 1.5vh;
  margin-right: 1.5vw;
  overflow: hidden;
}
.home_public .about .center .right .bottom .img1 img {
  width: 100%;
  height: 100%;
  transform-origin: center;
  transform: rotate(45deg) scale(1.4);
  -o-object-fit: cover;
     object-fit: cover;
}
.home_public .speservices {
  width: 100%;
  height: 200vh;
  background-color: #2a3a40;
  position: relative;
  backface-visibility: hidden;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  backface-visibility: hidden;
  transform: translateZ(0);
  box-sizing: border-box;
}
.home_public .speservices .hovervague {
  position: absolute;
  pointer-events: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.home_public .speservices .hovervague img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.home_public .speservices .specialisations_tab {
  display: none;
}
.home_public .speservices .specialisations {
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
.home_public .speservices .specialisations .center {
  width: 80%;
  height: 85%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1600px) {
  .home_public .speservices .specialisations .center {
    max-width: 1440px;
  }
}
.home_public .speservices .specialisations .center p.titre {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(2.8125rem, 3vw + 1rem, 4.0625rem);
  line-height: 1.1 !important;
}
.home_public .speservices .specialisations .center p.titre {
  color: white;
}
.home_public .speservices .specialisations .center .categorie {
  width: 100%;
  height: 70%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.home_public .speservices .specialisations .center .categorie .cat {
  width: 32%;
  aspect-ratio: 1/1.3;
  position: relative;
}
.home_public .speservices .specialisations .center .categorie .cat:nth-child(2) {
  transform: translateY(-5vh);
}
.home_public .speservices .specialisations .center .categorie .cat img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.home_public .speservices .specialisations .center .categorie .cat .text {
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 80%;
  height: auto;
}
.home_public .speservices .specialisations .center .categorie .cat .text p.titre {
  font-size: 1.5vw;
  font-family: "Akshar", sans-serif;
  font-weight: 400;
  margin-top: 3vh;
  margin-bottom: 1vh;
}
.home_public .speservices .specialisations .center .categorie .cat .text p.txt {
  font-size: 1.1vw;
  font-family: "Akshar", sans-serif;
  font-weight: 300;
  color: white;
}
.home_public .speservices .specialisations .center .categorie .cat a {
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 10%);
  width: clamp(50px, 15vw, 70px);
  /* Largeur entre 50px et 70px selon la largeur de l'écran */
  height: clamp(50px, 15vw, 70px);
  /* Hauteur entre 50px et 70px selon la largeur de l'écran */
  background-color: #2A3A40;
  border-radius: 50%;
  border: none;
  color: white;
  font-size: 3vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
.home_public .speservices .specialisations .center .categorie .cat:nth-child(2) {
  aspect-ratio: 1/1.2;
}
.home_public .speservices .specialisations .center .categorie .cat:nth-child(2) .text {
  top: 55%;
}
.home_public .speservices .specialisations .center .categorie .cat:nth-child(2) .text p.titre {
  margin-top: 1vh;
}
.home_public .speservices .specialisations .center .categorie .cat:nth-child(3) .text p {
  color: #2a3a40;
}
.home_public .speservices .specialisations .center .categorie .cat:nth-child(3) .text p.titre {
  margin-top: 1vh;
}
.home_public .speservices .services {
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.home_public .speservices .services p.titre {
  color: white;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(2.8125rem, 3vw + 1rem, 4.0625rem);
  line-height: 1.1 !important;
  margin-bottom: 2vh;
}
.home_public .speservices .services .contain_services {
  height: 75%;
  width: 85%;
  margin-top: 3vh;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1600px) {
  .home_public .speservices .services .contain_services {
    max-width: 1440px;
  }
}
.home_public .speservices .services .contain_services {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}
.home_public .speservices .services .contain_services .titre p {
  font-weight: 600;
}
.home_public .speservices .services .contain_services {
  /* ========== AROUND SERVICE (LINK) ========== */
}
.home_public .speservices .services .contain_services a {
  display: block;
  width: 18.5vw;
  height: 100%;
  margin-right: 1.5vw;
  text-decoration: none;
  color: inherit;
}
.home_public .speservices .services .contain_services .servicehaut {
  width: 70%;
  height: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.home_public .speservices .services .contain_services .servicehaut a {
  /* même taille que l’ancien .service */
  width: 18.5vw;
  height: 100%;
  margin-right: 1.5vw;
}
.home_public .speservices .services .contain_services .servicehaut .service {
  width: 100%;
  height: 100%;
  border-radius: 50px;
  overflow: hidden;
  position: relative;
}
.home_public .speservices .services .contain_services .servicehaut .service .titre {
  width: 75%;
  height: 5vh;
  border-radius: 25px;
  z-index: 500000;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 2vh;
  background-color: #95b8bf;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
}
.home_public .speservices .services .contain_services .servicehaut .service .titre p {
  color: #2a3a40;
}
.home_public .speservices .services .contain_services .servicehaut .service .bottom {
  width: 90%;
  height: 5vh;
  border-radius: 35px;
  z-index: 500000;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 2vh;
  background-color: #95b8bf;
  padding: 5%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.home_public .speservices .services .contain_services .servicehaut .service .bottom p {
  color: #2a3a40;
  white-space: nowrap;
  font-weight: 500;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
  line-height: 1.3 !important;
}
.home_public .speservices .services .contain_services .servicehaut .service img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.home_public .speservices .services .contain_services .servicehaut .service:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #2a3a40;
  opacity: 0.2;
}
.home_public .speservices .services .contain_services .servicebas {
  width: 100%;
  height: 50%;
  margin-top: 3vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
.home_public .speservices .services .contain_services .servicebas a {
  width: 18.5vw;
  height: 100%;
  margin-right: 1.5vw;
}
.home_public .speservices .services .contain_services .servicebas .service {
  width: 100%;
  height: 100%;
  border-radius: 50px;
  overflow: hidden;
  position: relative;
}
.home_public .speservices .services .contain_services .servicebas .service .titre {
  width: 75%;
  height: 5vh;
  border-radius: 25px;
  z-index: 500000;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 2vh;
  background-color: #4c6c73;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.home_public .speservices .services .contain_services .servicebas .service .titre p {
  color: #ffffff;
  font-weight: 500;
}
.home_public .speservices .services .contain_services .servicebas .service .bottom {
  width: 90%;
  height: 5vh;
  border-radius: 25px;
  z-index: 500000;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 2vh;
  background-color: #4c6c73;
  display: flex;
  justify-content: center;
  align-items: center;
}
.home_public .speservices .services .contain_services .servicebas .service .bottom p {
  white-space: nowrap;
  font-weight: 500;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
  line-height: 1.3 !important;
}
.home_public .speservices .services .contain_services .servicebas .service img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.home_public .speservices .services .contain_services .servicebas .service:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #2a3a40;
  opacity: 0.2;
}
.home_public .speservices .services .contain_services .servicebas .service:nth-child(1) .bottom p, .home_public .speservices .services .contain_services .servicebas .service:nth-child(2) .bottom p {
  color: #ffffff;
}
.home_public .speservices .services .contain_services .servicebas .service:nth-child(3) .titre,
.home_public .speservices .services .contain_services .servicebas .service:nth-child(3) .bottom, .home_public .speservices .services .contain_services .servicebas .service:nth-child(4) .titre,
.home_public .speservices .services .contain_services .servicebas .service:nth-child(4) .bottom {
  background-color: #BFD1D9;
}
.home_public .speservices .services .contain_services .servicebas .service:nth-child(3) .titre p,
.home_public .speservices .services .contain_services .servicebas .service:nth-child(3) .bottom p, .home_public .speservices .services .contain_services .servicebas .service:nth-child(4) .titre p,
.home_public .speservices .services .contain_services .servicebas .service:nth-child(4) .bottom p {
  color: #2a3a40;
}
.home_public .speservices .services .contain_services .servicesm {
  display: none;
}
.home_public .about2 {
  width: 100%;
  height: 100vh;
  background-color: #2a3a40;
  backface-visibility: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  backface-visibility: hidden;
  transform: translateZ(0);
  box-sizing: border-box;
}
.home_public .about2 p.titresm {
  display: none;
}
.home_public .about2 p.soustitresm {
  display: none;
}
.home_public .about2 .hoversm {
  display: none;
}
.home_public .about2 .txtinfosm {
  display: none;
}
.home_public .about2 .txtinfosm button {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 7vh;
}
.home_public .about2 .txtinfosm button a {
  text-decoration: none;
  border: none;
  background-color: #bfd1d9;
  border-radius: 25px;
  height: 5vh;
  padding: 2%;
  color: #2a3a40;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.home_public .about2 .center {
  width: 75%;
  height: 80%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1600px) {
  .home_public .about2 .center {
    max-width: 1440px;
  }
}
.home_public .about2 .center .imgerg {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 32%;
  height: 70%;
  z-index: 99999;
}
.home_public .about2 .center .imgerg img {
  border-radius: 30px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.home_public .about2 .center .txtinfo {
  width: 70%;
  height: 100%;
  background-color: #4c6c73;
  justify-content: flex-start;
  padding-left: 10%;
  padding-right: 10%;
  padding-top: 5%;
  padding-bottom: 10%;
  border-radius: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.home_public .about2 .center .txtinfo p.titre {
  color: #ffffff;
  margin-bottom: 3vh;
  text-align: center;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(2.8125rem, 3vw + 1rem, 4.0625rem);
  line-height: 1.1 !important;
  margin-top: 7vh;
}
.home_public .about2 .center .txtinfo p.txt {
  color: #ffffff;
  text-align: justify;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
  line-height: 1.3 !important;
  margin-top: 3vh;
}
.home_public .about2 .center .txtinfo p.txt .span {
  font-weight: 600 !important;
}
.home_public .about2 .center .txtinfo .bouton {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 7vh;
}
.home_public .about2 .center .txtinfo .bouton a {
  text-decoration: none;
  border: none;
  background-color: #bfd1d9;
  border-radius: 25px;
  height: 5vh;
  padding: 2%;
  color: #4c6c73;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.home_public .brochures {
  width: 100vw;
  height: 100vh;
  background-color: #2a3a40;
  display: flex;
  justify-content: center;
  align-items: center;
}
.home_public .brochures .center {
  width: 80%;
  height: 90%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1600px) {
  .home_public .brochures .center {
    max-width: 1440px;
  }
}
.home_public .brochures .center {
  position: relative;
}
.home_public .brochures .center .menu_broch {
  width: 100%;
  height: 80vh;
  position: absolute;
  right: 0;
  top: 13vh;
  background: linear-gradient(to bottom, #2a3a40 0%, rgba(42, 58, 64, 0) 100%);
  z-index: 10;
  opacity: 0;
  pointer-events: none;
  transform: translateY(25px) scale(0.98);
  filter: blur(4px);
  transition: opacity 0.6s ease, transform 0.6s ease, filter 0.6s ease;
}
.home_public .brochures .center .menu_broch ul {
  height: auto;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.home_public .brochures .center .menu_broch ul li {
  list-style-type: none;
  margin-top: 4vh;
  white-space: nowrap;
}
.home_public .brochures .center .menu_broch ul li a {
  border-radius: 50px;
  color: #fff;
  text-decoration: none;
  border: 4px solid #fff;
  text-transform: uppercase;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 15vw;
  height: 5vh;
}
.home_public .brochures .center .menu_broch ul li a.ret {
  width: 20vw;
  position: relative;
}
.home_public .brochures .center .menu_broch ul li a.ret:before {
  content: "INAMI";
  position: absolute;
  top: -3.3vh;
  right: 0;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
  line-height: 1.3 !important;
}
.home_public .brochures .center .menu_broch.show {
  opacity: 1;
  pointer-events: all;
  transform: translateY(0) scale(1);
  filter: blur(0);
}
.home_public .brochures .center .top {
  width: 100%;
  height: 20%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.home_public .brochures .center .top p.titre {
  color: white;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(2.8125rem, 3vw + 1rem, 4.0625rem);
  line-height: 1.1 !important;
  z-index: 12;
}
.home_public .brochures .center .top .btn {
  width: 3.5vw;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-color: #4c6c73;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  z-index: 12;
}
.home_public .brochures .center .top .btn .dot {
  width: 0.5vw;
  aspect-ratio: 1/1;
  background-color: white;
  border-radius: 50%;
  margin-right: 0.4vw;
  z-index: 10000;
}
.home_public .brochures .center .top .btn .dot:nth-child(3) {
  margin-right: 0;
}
.home_public .brochures .center .bottom {
  width: 100%;
  height: 80%;
  display: flex;
  align-items: center;
}
.home_public .brochures .center .bottom .broch {
  width: 28%;
  aspect-ratio: 1/1.75;
  margin-right: 2vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  position: relative;
  transition: 0.5s ease-in-out;
}
.home_public .brochures .center .bottom .broch .img {
  overflow: hidden;
  width: 100%;
  height: 45%;
  position: absolute;
  border-radius: 58px;
  top: 0;
  left: 0;
}
.home_public .brochures .center .bottom .broch .img img {
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: right;
     object-position: right;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: 1s ease-in-out;
  transform: scaleX(-1);
}
.home_public .brochures .center .bottom .broch .svg {
  width: 100%;
  position: relative;
  height: 80%;
  cursor: pointer;
}
.home_public .brochures .center .bottom .broch .svg svg {
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  z-index: 2;
}
.home_public .brochures .center .bottom .broch .svg .center {
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  height: auto;
  z-index: 5;
  text-align: left;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border: none;
}
.home_public .brochures .center .bottom .broch .svg .center p.titre {
  color: #2a3a40;
  font-weight: 500;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
}
.home_public .brochures .center .bottom .broch .svg .center p.titre1 {
  color: #fff !important;
}
.home_public .brochures .center .bottom .broch .svg .center p.txt {
  color: #ffffff;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
  line-height: 1.3 !important;
}
.home_public .brochures .center .bottom .broch .svg .center p.txt span {
  color: #ffffff;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
}
.home_public .brochures .center .bottom .broch .svg .center p.petitext {
  color: #2a3a40;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(0.625rem, 0.3vw + 0.5rem, 0.8125rem);
  line-height: 1.4 !important;
  opacity: 0.75 !important;
}
.home_public .brochures .center .bottom .broch .button {
  width: 100%;
  height: 15%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.home_public .brochures .center .bottom .broch .button a {
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 9vw;
  height: 5vh;
  color: #2a3a40;
  background-color: #ffffff;
  border-radius: 25px;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
}
.home_public .brochures .center .bottom .broch:nth-child(2) .broch .img img {
  -o-object-fit: contain;
     object-fit: contain;
}

/* Smartphones en portrait */
@media only screen and (max-width: 1024px) {
  /* Styles pour les smartphones en portrait */
  .home_public .accueil {
    position: relative;
  }
  .home_public .accueil .center {
    height: 100vh;
    width: 80%;
    justify-content: center;
    align-items: center;
    margin-top: 6vh;
  }
  .home_public .accueil .center .infos {
    height: auto;
    width: 80%;
    justify-content: space-between;
    width: 100%;
    align-items: flex-start;
    transform: translateY(0);
  }
  .home_public .accueil .center .infos img {
    width: 55%;
  }
  .home_public .accueil .center .infos p {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.625rem, 2.8vw + 0.5rem, 2.5rem);
    line-height: 1.25 !important;
    text-align: left;
    font-weight: 200 !important;
  }
  .home_public .accueil .center .infos .button_accueil {
    width: 60%;
    height: 5vh;
  }
  .home_public .accueil .center .infos .button_accueil button {
    width: 30%;
  }
  .home_public .accueil .center .infos .button_accueil button:nth-child(1) {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
    line-height: 1.3 !important;
  }
  .home_public .accueil .center .infos .button_accueil button:nth-child(2) {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
    line-height: 1.3 !important;
  }
  .home_public .accueil .chevron_bottom {
    position: absolute;
    width: 80px;
    height: 80px;
    bottom: 2lvh;
    left: 50%;
    transform: translateX(-50%) scale(0.8);
    z-index: 5;
  }
  .home_public .accueil .chevron_bottom lord-icon {
    position: absolute;
    top: 35%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.6);
  }
  .home_public .accueil .chevron_bottom lord-icon:nth-child(2) {
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .home_public .about {
    height: auto !important;
  }
  .home_public .about .center {
    width: 100%;
    height: 85%;
    flex-direction: column;
    justify-content: space-around;
    margin-top: 10%;
  }
  .home_public .about .center p.titre_smartphone {
    display: flex;
    color: white;
    text-align: center;
    height: 10%;
    transform: translateY(5vh);
    font-weight: 400 !important;
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(2.8125rem, 3vw + 1rem, 4.0625rem);
    line-height: 1.1 !important;
    margin-bottom: 2vh;
  }
  .home_public .about .center .left {
    order: 2;
    margin-top: 13vh;
    height: 60%;
    width: 85%;
  }
  .home_public .about .center .left .txt {
    width: 100% !important;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .home_public .about .center .left .txt p {
    width: 100%;
    font-weight: 200;
  }
  .home_public .about .center .left p.titre {
    display: none;
  }
  .home_public .about .center .right {
    transform: rotate(0);
    flex-direction: row;
    width: 100%;
    height: 25vh;
    justify-content: space-between;
    transform: translateY(13vh);
    position: relative;
  }
  .home_public .about .center .right .smartimg {
    display: flex;
    width: 14vw;
    height: 14vw;
    position: absolute;
    top: 10%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    border-radius: 15px;
    overflow: hidden;
    z-index: 50000;
  }
  .home_public .about .center .right .smartimg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    transform: rotate(-45deg) scale(1.4);
    z-index: 500000;
  }
  .home_public .about .center .right .top {
    width: 40%;
    height: 100%;
    transform-origin: bottom right;
    transform: translateX(-8vw) rotate(45deg);
  }
  .home_public .about .center .right .top .img1 {
    margin: 0;
    width: 15vw;
    height: 15vw;
    transform: translateY(3vh);
  }
  .home_public .about .center .right .top .img1 img {
    transform: rotate(-45deg) translate(0) scale(1.4);
  }
  .home_public .about .center .right .top .img2 {
    margin: 0;
    width: 20vw;
    height: 20vw;
  }
  .home_public .about .center .right .top .img2 img {
    transform: rotate(-45deg) translate(0) scale(1.4);
  }
  .home_public .about .center .right .bottom {
    width: 40%;
    height: 100%;
    align-items: flex-end;
    transform-origin: bottom left;
    transform: translateX(8vw) rotate(-45deg);
  }
  .home_public .about .center .right .bottom .img1 {
    margin: 0;
    width: 20vw;
    height: 20vw;
  }
  .home_public .about .center .right .bottom .img1 img {
    transform: rotate(45deg) translate(0) scale(1.4);
  }
  .home_public .about .center .right .bottom .img2 {
    margin: 0;
    width: 15vw;
    height: 15vw;
    transform: translateY(3vh);
  }
  .home_public .about .center .right .bottom .img2 img {
    transform: rotate(45deg) translate(0) scale(1.4);
  }
  .home_public .speservices {
    height: auto;
    padding-top: 5vh;
  }
  .home_public .speservices .hovervague {
    display: none;
  }
  .home_public .speservices .specialisations {
    display: none;
  }
  .home_public .speservices .specialisations_tab {
    display: flex;
    width: 100%;
    height: 100vh;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .home_public .speservices .specialisations_tab .center {
    width: 90%;
    height: 90%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .home_public .speservices .specialisations_tab .center p.titre {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(30px, 3.5vw + 10px, 45px);
    line-height: 1.25 !important;
    color: white;
  }
  .home_public .speservices .specialisations_tab .center .categorie {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .home_public .speservices .specialisations_tab .center .categorie .cat {
    width: 49%;
    height: 50%;
    position: relative;
    transform: translateY(5vh);
  }
  .home_public .speservices .specialisations_tab .center .categorie .cat img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .home_public .speservices .specialisations_tab .center .categorie .cat .text {
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    height: 50%;
    text-align: center;
  }
  .home_public .speservices .specialisations_tab .center .categorie .cat .text p.titre {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
    line-height: 1.3 !important;
    color: #fff;
    font-weight: 600 !important;
  }
  .home_public .speservices .specialisations_tab .center .categorie .cat .text p.txt {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
    color: #fff;
    margin-top: 1vh;
  }
  .home_public .speservices .specialisations_tab .center .categorie .cat a {
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 10%);
    width: clamp(50px, 15vw, 70px);
    /* Largeur entre 50px et 70px selon la largeur de l'écran */
    height: clamp(50px, 15vw, 70px);
    /* Hauteur entre 50px et 70px selon la largeur de l'écran */
    background-color: #2A3A40;
    border-radius: 50%;
    border: none;
    color: white;
    font-size: 5vw;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .home_public .speservices .specialisations_tab .center .categorie .contain_cat {
    width: 100%;
    height: 50%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transform: translateY(-12vh);
  }
  .home_public .speservices .specialisations_tab .center .categorie .contain_cat .cat {
    width: 47.5%;
    height: 100%;
    position: relative;
  }
  .home_public .speservices .specialisations_tab .center .categorie .contain_cat .cat img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .home_public .speservices .specialisations_tab .center .categorie .contain_cat .cat .text {
    position: absolute;
    top: 65%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    height: 50%;
    text-align: center;
  }
  .home_public .speservices .specialisations_tab .center .categorie .contain_cat .cat .text p.titre {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
    line-height: 1.3 !important;
    color: #fff;
    font-weight: 600 !important;
    color: #2a3a40;
  }
  .home_public .speservices .specialisations_tab .center .categorie .contain_cat .cat .text p.txt {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
    color: #fff;
    margin-top: 1vh;
    color: #2a3a40;
  }
  .home_public .speservices .specialisations_tab .center .categorie .contain_cat .cat .button {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 10%);
    width: clamp(50px, 15vw, 70px);
    /* Largeur entre 50px et 70px selon la largeur de l'écran */
    height: clamp(50px, 15vw, 70px);
    /* Hauteur entre 50px et 70px selon la largeur de l'écran */
    background-color: #2A3A40;
    border-radius: 50%;
    border: none;
    color: white;
    font-size: 5vw;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .home_public .speservices .services {
    height: auto;
    padding-top: 5vh;
  }
  .home_public .speservices .services p.titre {
    margin-bottom: 5vh;
  }
  .home_public .speservices .services .contain_services {
    width: 80%;
    height: auto;
  }
  .home_public .speservices .services .contain_services .servicehaut {
    width: 100%;
    height: auto;
    order: 4;
    display: flex;
    justify-content: space-between;
  }
  .home_public .speservices .services .contain_services .servicehaut a {
    width: 47%;
    height: 28vh;
    margin-top: 2vh;
  }
  .home_public .speservices .services .contain_services .servicehaut a .service {
    width: 100%;
    height: 100%;
    border-radius: 30px;
  }
  .home_public .speservices .services .contain_services .servicehaut a .service .titre {
    height: 5vh;
    width: 90%;
  }
  .home_public .speservices .services .contain_services .servicehaut a .service .titre p {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
    text-align: center;
  }
  .home_public .speservices .services .contain_services .servicehaut a .service .bottom {
    width: 90% !important;
    padding: 5% !important;
    height: 6vh;
    border-radius: 15px;
  }
  .home_public .speservices .services .contain_services .servicehaut a .service .bottom p {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
    text-align: center;
    white-space: wrap;
    font-weight: 400 !important;
  }
  .home_public .speservices .services .contain_services .servicehaut a:nth-child(2) .service img {
    -o-object-position: bottom;
       object-position: bottom;
  }
  .home_public .speservices .services .contain_services .servicehaut .servicepc {
    display: none;
  }
  .home_public .speservices .services .contain_services .servicebas {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 31%;
    flex-wrap: wrap;
    order: 3;
  }
  .home_public .speservices .services .contain_services .servicebas a {
    width: 47%;
    height: 28vh;
    margin-top: 2vh;
  }
  .home_public .speservices .services .contain_services .servicebas a .service {
    width: 100%;
    height: 100%;
    border-radius: 30px;
  }
  .home_public .speservices .services .contain_services .servicebas a .service .titre {
    height: 5vh;
    width: 90%;
  }
  .home_public .speservices .services .contain_services .servicebas a .service .titre p {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
    text-align: center;
  }
  .home_public .speservices .services .contain_services .servicebas a .service .bottom {
    width: 90% !important;
    padding: 5% !important;
    height: 6vh;
    border-radius: 15px;
  }
  .home_public .speservices .services .contain_services .servicebas a .service .bottom p {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
    text-align: center;
    white-space: wrap;
    font-weight: 400 !important;
  }
  .home_public .speservices .services .contain_services .servicesm {
    width: 52%;
    height: 30vh;
    order: 4;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 5vh;
    margin-top: 2vh !important;
  }
  .home_public .speservices .services .contain_services .servicesm a {
    width: 100%;
    height: 100%;
  }
  .home_public .speservices .services .contain_services .servicesm a .service {
    height: 100%;
    width: 100%;
  }
  .home_public .speservices .services .contain_services .servicesm a .service .titre {
    width: 90%;
    height: 5vh;
    border-radius: 25px;
    z-index: 500000;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 1vh;
    background-color: #95b8bf;
    font-weight: 200 !important;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .home_public .speservices .services .contain_services .servicesm a .service .titre p {
    text-align: center;
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
    color: #2a3a40 !important;
    color: white;
    font-weight: 400 !important;
  }
  .home_public .speservices .services .contain_services .servicesm a .service .bottom {
    width: 90% !important;
    padding: 5% !important;
    height: 6vh;
    border-radius: 15px !important;
    background-color: #95b8bf;
    border-radius: 25px;
    z-index: 500000;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 1vh;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .home_public .speservices .services .contain_services .servicesm a .service .bottom p {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
    color: #2a3a40;
    text-align: center;
  }
  .home_public .speservices .services .contain_services .servicesm a .service img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .home_public .speservices .services .contain_services .servicesm a .service:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #2a3a40;
    opacity: 0.2;
  }
  .home_public .about2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 5vh;
    height: auto;
  }
  .home_public .about2 p.titresm {
    display: flex;
    font-size: 30px !important;
    color: white;
    text-align: center;
    height: auto;
    font-weight: 400;
    text-align: center;
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(2.8125rem, 3vw + 1rem, 4.0625rem);
    line-height: 1.1 !important;
  }
  .home_public .about2 p.soustitresm {
    display: flex;
    color: white;
    margin-top: 5vh;
    height: auto;
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
  }
  .home_public .about2 .center {
    margin-top: 5vh;
    width: 80%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }
  .home_public .about2 .center .imgerg {
    width: auto;
    height: auto;
    width: 70%;
    height: 70%;
    inset: 0;
    position: relative;
    transform: translate(0);
  }
  .home_public .about2 .center .imgerg:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    border-radius: 25px;
    background: rgb(42, 58, 64);
    background: linear-gradient(180deg, rgba(42, 58, 64, 0) 50%, rgb(42, 58, 64) 100%);
    z-index: 99999;
  }
  .home_public .about2 .center .txtinfo {
    display: none;
  }
  .home_public .about2 .center .txtinfosm {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
    line-height: 1.3 !important;
    color: white;
    text-align: justify;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    margin-top: 2vh;
  }
  .home_public .about2 .center .txtinfosm button {
    width: 30%;
    border-radius: 25px;
    border: none;
    background-color: #bfd1d9;
    margin-top: 6vh;
    height: 5vh;
    padding: 1%;
    margin-bottom: 8vh;
  }
  .home_public .about2 .center .txtinfosm button p {
    color: #2a3a40;
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
    line-height: 1.3 !important;
    font-weight: 100;
  }
  .home_public .brochures {
    width: 100%;
    height: auto;
  }
  .home_public .brochures .center {
    width: 85%;
    height: auto;
    position: relative;
  }
  .home_public .brochures .center .menu_broch {
    width: 100%;
    height: 70vh;
    left: 50%;
    right: auto;
    top: 12vh;
    transform: translate(-50%, 25px) scale(0.98);
    display: flex;
    justify-content: center;
  }
  .home_public .brochures .center .menu_broch ul {
    width: 100%;
    align-items: center;
  }
  .home_public .brochures .center .menu_broch ul li {
    width: 100%;
    display: flex;
    justify-content: center;
  }
  .home_public .brochures .center .menu_broch ul li a {
    width: 70vw;
    text-align: center;
  }
  .home_public .brochures .center .menu_broch ul li a.ret {
    width: 70vw;
  }
  .home_public .brochures .center .menu_broch.show {
    transform: translate(-50%, 0) scale(1);
  }
  .home_public .brochures .center .top {
    display: flex;
    flex-direction: column;
    height: auto;
    align-items: center;
    justify-content: space-between;
  }
  .home_public .brochures .center .top p.titre {
    font-weight: 400;
    text-align: center;
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(30px, 3.5vw + 10px, 45px);
    line-height: 1.25 !important;
  }
  .home_public .brochures .center .top .btn {
    width: 6vw;
    margin-top: 3vh;
  }
  .home_public .brochures .center .top .btn .dot {
    width: 0.8vw;
  }
  .home_public .brochures .center .bottom {
    width: 100%;
    height: auto;
    justify-content: flex-start;
    margin-top: 5vh;
  }
  .home_public .brochures .center .bottom .broch {
    width: 100%;
    height: auto;
    aspect-ratio: 1/3;
    margin-top: 3vh;
    justify-content: flex-start;
  }
  .home_public .brochures .center .bottom .broch .img {
    width: 100%;
    height: 30%;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 58px;
  }
  .home_public .brochures .center .bottom .broch .img img {
    border-radius: 55px;
  }
  .home_public .brochures .center .bottom .broch .svg {
    height: 45vh;
  }
  .home_public .brochures .center .bottom .broch .svg .center {
    top: 55%;
    height: auto;
  }
  .home_public .brochures .center .bottom .broch .svg .center p.titre {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
    line-height: 1.3 !important;
  }
  .home_public .brochures .center .bottom .broch .svg .center p.txt {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
  }
  .home_public .brochures .center .bottom .broch .button a {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
    line-height: 1.3 !important;
    height: 4vh;
    width: 90%;
    background-color: #95b8bf;
    color: #2a3a40;
  }
}
@media only screen and (max-width: 600px) {
  .home_public .accueil {
    position: relative;
  }
  .home_public .accueil .fond_img img {
    transform: scaleX(-1);
  }
  .home_public .accueil .center {
    height: 100vh;
    width: 90%;
    justify-content: center;
    margin-top: 6vh;
  }
  .home_public .accueil .center .hover {
    background-image: linear-gradient(to right, rgb(42, 58, 64) 0%, rgba(42, 58, 64, 0.1) 100%), linear-gradient(to top, rgb(42, 58, 64) 0%, rgba(42, 58, 64, 0) 30%);
  }
  .home_public .accueil .center .infos {
    height: auto;
    justify-content: space-between;
    width: 100%;
    height: 40vh;
    align-items: center;
    transform: translateY(-7vh);
  }
  .home_public .accueil .center .infos img {
    display: flex !important;
    width: 38%;
    transform: translateY(-5vh);
  }
  .home_public .accueil .center .infos p {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
    font-weight: 400 !important;
    width: 80% !important;
    height: 50% !important;
    margin-top: 2vh;
    text-align: center !important;
  }
  .home_public .accueil .center .infos .button_accueil {
    width: 60%;
    flex-direction: column;
    height: 25%;
    margin-top: 8vh;
  }
  .home_public .accueil .center .infos .button_accueil a {
    width: 95% !important;
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
    margin-bottom: 2vh;
    padding: 5%;
    height: 5vh;
  }
  .home_public .about .center p.titre_smartphone {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(30px, 3.5vw + 10px, 45px);
    line-height: 1.25 !important;
  }
  .home_public .about .center .left .txt {
    margin-top: 0;
  }
  .home_public .about .center .right {
    transform: translateY(4vh);
    width: 140%;
  }
  .home_public .about .center .right .smartimg {
    top: 35%;
    width: 17vw;
    height: 17vw;
    transform: translate(-50%, -50%) rotate(45deg);
  }
  .home_public .about .center .right .top {
    width: 38%;
    transform: translateX(-5vw) rotate(45deg);
  }
  .home_public .about .center .right .top .img1 {
    margin: 0;
    width: 15vw;
    height: 15vw;
    transform: translateY(1vh);
  }
  .home_public .about .center .right .top .img2 {
    margin: 0;
    width: 26vw;
    height: 26vw;
  }
  .home_public .about .center .right .bottom {
    width: 38%;
    transform: translateX(5vw) rotate(-45deg);
  }
  .home_public .about .center .right .bottom .img1 {
    margin: 0;
    width: 26vw;
    height: 26vw;
  }
  .home_public .about .center .right .bottom .img2 {
    margin: 0;
    width: 15vw;
    height: 15vw;
    transform: translateY(1vh);
  }
  .home_public .speservices .specialisations {
    width: 100%;
    height: auto;
    display: flex;
  }
  .home_public .speservices .specialisations .center {
    width: 80%;
    flex-direction: column;
    justify-content: flex-start;
  }
  .home_public .speservices .specialisations .center p.titre {
    text-align: center;
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(30px, 3.5vw + 10px, 45px);
    line-height: 1.25 !important;
  }
  .home_public .speservices .specialisations .center .categorie {
    flex-direction: column;
  }
  .home_public .speservices .specialisations .center .categorie .cat {
    width: 100%;
    margin-bottom: 8vh !important;
  }
  .home_public .speservices .specialisations .center .categorie .cat .text p.titre {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
    font-weight: 600;
  }
  .home_public .speservices .specialisations .center .categorie .cat .text p.txt {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
  }
  .home_public .speservices .specialisations .center .categorie .cat:nth-child(1) {
    margin-top: 5vh;
  }
  .home_public .speservices .specialisations .center .categorie .cat:nth-child(2) {
    transform: translateY(0) !important;
  }
  .home_public .speservices .specialisations .center .categorie .cat a {
    font-size: 8vw !important;
  }
  .home_public .speservices .specialisations_tab {
    display: none;
  }
  .home_public .speservices .services p.titre {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(30px, 3.5vw + 10px, 45px);
    line-height: 1.25 !important;
  }
  .home_public .speservices .services .contain_services {
    width: 90%;
  }
  .home_public .speservices .services .contain_services .services p.titre {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(30px, 3.5vw + 10px, 45px);
    line-height: 1.25 !important;
  }
  .home_public .speservices .services .contain_services .services .contain_services {
    width: 90%;
  }
  .home_public .speservices .services .contain_services .services .contain_services .service {
    height: 30vh !important;
  }
  .home_public .speservices .services .contain_services .services .contain_services .service .bottom {
    height: auto !important;
    border-radius: 15px !important;
  }
  .home_public .speservices .services .contain_services .services .contain_services .service .bottom p {
    text-align: center;
    white-space: normal !important;
  }
  .home_public .about2 .center .txtinfosm {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
  }
  .home_public .about2 .center .txtinfosm button {
    width: 57%;
  }
  .home_public .about2 .center .txtinfosm button p {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
  }
  .home_public .brochures .center {
    width: 80%;
  }
  .home_public .brochures .center .top .btn {
    width: 8vw;
  }
  .home_public .brochures .center .top .btn .dot {
    width: 1.5vw;
  }
  .home_public .brochures .center .menu_broch {
    width: 100%;
    height: 60vh;
    left: 50%;
    right: auto;
    top: 14vh;
    transform: translate(-50%, 25px) scale(0.98);
  }
  .home_public .brochures .center .menu_broch ul {
    align-items: center;
  }
  .home_public .brochures .center .menu_broch ul li {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 3vh;
  }
  .home_public .brochures .center .menu_broch ul li a {
    width: 80vw;
    height: 6vh;
    text-align: center;
  }
  .home_public .brochures .center .menu_broch.show {
    transform: translate(-50%, 0) scale(1);
  }
  .home_public .brochures .center .bottom {
    flex-direction: column;
  }
  .home_public .brochures .center .bottom .broch {
    width: 100%;
    margin-top: 0;
    height: 65vh;
  }
  .home_public .brochures .center .bottom .broch .img {
    height: 40%;
  }
  .home_public .brochures .center .bottom .broch .img img {
    border-radius: 15px;
  }
  .home_public .brochures .center .bottom .broch .svg {
    height: 100%;
  }
  .home_public .brochures .center .bottom .broch .svg .center p.titre {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
  }
  .home_public .brochures .center .bottom .broch .svg .center p.txt {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
    line-height: 1.3 !important;
  }
  .home_public .brochures .center .bottom .broch .button a {
    width: 40%;
  }
}
.amenagement {
  width: 100vw;
  height: auto;
  position: relative;
}
.amenagement .accueil {
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  backface-visibility: hidden;
  transform: translateZ(0);
  box-sizing: border-box;
}
.amenagement .accueil .center {
  height: auto;
  width: 75%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1600px) {
  .amenagement .accueil .center {
    max-width: 1440px;
  }
}
.amenagement .accueil .center .hover {
  position: absolute;
  width: 100%;
  height: 100vh;
  background: radial-gradient(circle, rgba(42, 58, 64, 0) 0%, rgb(42, 58, 64) 100%), linear-gradient(0deg, rgb(42, 58, 64) 0%, rgba(42, 58, 64, 0) 100%);
  left: 0;
  top: 0;
}
.amenagement .accueil .center img {
  width: 60%;
  height: auto;
}
.amenagement .accueil .center .infos {
  width: 85%;
  height: auto;
  display: flex;
  flex-direction: column;
  position: relative;
  padding: 5%;
}
.amenagement .accueil .center .infos img.smart-img {
  display: none;
}
.amenagement .accueil .center .infos p.titre {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(3rem, 5vw + 1rem, 5rem);
  line-height: 1.1 !important;
  z-index: 2;
}
.amenagement .accueil .center .infos p {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
  line-height: 1.3 !important;
  margin-top: 2vh;
  color: #ffffff;
  width: 100% !important;
  z-index: 2;
}
.amenagement .accueil .center .infos .button_accueil {
  display: flex;
  width: 60%;
  height: auto;
  margin-top: 2vh;
  z-index: 2;
}
.amenagement .accueil .center .infos .button_accueil a {
  text-decoration: none;
  height: 6vh;
  background-color: transparent;
  border-radius: 30px;
  padding: 3%;
  position: relative;
  cursor: pointer;
}
.amenagement .accueil .center .infos .button_accueil a:nth-child(1) {
  border: 4px solid white;
  color: #ffffff;
  width: 30%;
  white-space: nowrap;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 1vw;
}
.amenagement .accueil .center .infos .button_accueil a:nth-child(2) {
  background-color: #ffffff;
  color: #2a3a40;
  width: 40%;
  white-space: nowrap;
  border: none;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.amenagement .accueil .center .infos::before {
  z-index: 0;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 10px;
  background-color: black;
  opacity: 0.15;
}
.amenagement .accueil .fond_img {
  width: 100vw;
  height: 100vh;
  position: absolute;
  left: 0;
  top: 0;
  backface-visibility: hidden;
  transform: translateZ(0);
  box-sizing: border-box;
}
.amenagement .accueil .fond_img img {
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: center;
}
.amenagement .choix {
  width: 100%;
  height: 100vh;
  background-color: #2a3a40;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 10vh;
}
.amenagement .choix .center {
  width: 80%;
  height: 90%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1600px) {
  .amenagement .choix .center {
    max-width: 1440px;
  }
}
.amenagement .choix .center {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}
.amenagement .choix .center .top {
  width: 100%;
  height: 35%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  align-items: flex-start;
}
.amenagement .choix .center .top p.titre {
  width: 75%;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(2.8125rem, 3vw + 1rem, 4.0625rem);
  line-height: 1.1 !important;
  color: #ffffff;
}
.amenagement .choix .center .bottom {
  width: 100%;
  height: 65%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.amenagement .choix .center .bottom .left {
  height: 100%;
  width: 45%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.amenagement .choix .center .bottom .left .center {
  padding-left: 2vw;
  height: 100%;
  width: 100%;
  background-color: #4c6c73;
  border-radius: 45px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  display: none;
}
.amenagement .choix .center .bottom .left .center .deuxieme {
  transform-origin: top;
  transform: scale(0.8);
}
.amenagement .choix .center .bottom .left .center p {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  color: white;
  width: 80%;
}
.amenagement .choix .center .bottom .left .center p.titre {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
  line-height: 1.3 !important;
  font-weight: 500;
  margin-bottom: 1vh;
}
.amenagement .choix .center .bottom .left .center p.txt {
  font-weight: 200;
  width: 95%;
}
.amenagement .choix .center .bottom .left .center ul {
  margin: 2vh;
}
.amenagement .choix .center .bottom .left .center li {
  margin-left: 2vw;
  font-weight: 200;
  color: #fff;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
}
.amenagement .choix .center .bottom .left .center.active {
  display: flex;
}
.amenagement .choix .center .bottom .right {
  height: 95%;
  width: 55%;
  display: flex;
  flex-direction: column;
  transform-origin: right;
  transform: scale(0.9);
}
.amenagement .choix .center .bottom .right .topicone {
  width: 100%;
  height: 50%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.amenagement .choix .center .bottom .right .topicone .img {
  width: 33.3%;
  height: 100%;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  cursor: pointer;
}
.amenagement .choix .center .bottom .right .topicone .img img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 60%;
  height: 35%;
  transform: translateY(4vh);
}
.amenagement .choix .center .bottom .right .topicone .img .hover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50px;
  background: linear-gradient(0deg, rgb(76, 108, 115) 0%, rgba(76, 108, 115, 0) 0);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.amenagement .choix .center .bottom .right .topicone .img .hover.active {
  background: linear-gradient(0deg, rgb(76, 108, 115) 0%, rgba(76, 108, 115, 0) 100%);
  transform: scale(1.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  border-radius: 45px;
  /* Optionnel, pour un effet plus doux */
}
.amenagement .choix .center .bottom .right .topicone .img p {
  color: white;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
  line-height: 1.3 !important;
  width: 90%;
  height: 20%;
  text-align: center;
  position: absolute;
  bottom: 50px;
  transform: scale(0.8);
}
.amenagement .choix .center .bottom .right .bottomicone {
  width: 100%;
  height: 50%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.amenagement .choix .center .bottom .right .bottomicone .img {
  width: 33.3%;
  height: 100%;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  cursor: pointer;
}
.amenagement .choix .center .bottom .right .bottomicone .img img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 60%;
  height: 35%;
  transform: translateY(4vh);
}
.amenagement .choix .center .bottom .right .bottomicone .img .hover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgb(76, 108, 115) 0%, rgba(76, 108, 115, 0) 0);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.amenagement .choix .center .bottom .right .bottomicone .img .hover.active {
  background: linear-gradient(0deg, rgb(76, 108, 115) 0%, rgba(76, 108, 115, 0) 100%);
  transform: scale(1.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  border-radius: 45px;
  /* Optionnel, pour un effet plus doux */
}
.amenagement .choix .center .bottom .right .bottomicone .img p {
  color: white;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
  line-height: 1.3 !important;
  width: 90%;
  height: 20%;
  text-align: center;
  position: absolute;
  bottom: 50px;
  transform: scale(0.8);
}
.amenagement .pec {
  position: relative;
  width: 100vw;
  height: 100vh;
  overflow: visible;
  padding-top: 25vh;
  background-color: #2a3a40;
  z-index: 5000;
}
.amenagement .pec p.titre {
  color: #fff;
  position: absolute;
  width: 30%;
  left: 15%;
  top: 5vh;
  z-index: 50000;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(2.8125rem, 3vw + 1rem, 4.0625rem);
  line-height: 1.1 !important;
}
.amenagement .pec {
  /* Plans (montagnes + route) */
}
.amenagement .pec .plan {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: bottom center;
     object-position: bottom center;
  pointer-events: none;
  will-change: transform;
}
.amenagement .pec .plan.plan4 {
  z-index: 1;
}
.amenagement .pec .plan.plan3 {
  z-index: 2;
}
.amenagement .pec .plan.plan2 {
  z-index: 3;
}
.amenagement .pec .plan.plan1 {
  z-index: 4;
}
.amenagement .pec .pec-step {
  position: absolute;
  z-index: 20;
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  transform: translateY(-40px);
}
.amenagement .pec .pec-step .dot {
  width: 14px;
  height: 14px;
  background: #fff;
  border-radius: 50%;
  margin-top: 5px;
  transform: translateY(-20px);
}
.amenagement .pec .pec-step .line {
  width: 2px;
  height: 100px;
  background: white;
  margin-bottom: 5px;
}
.amenagement .pec .pec-step .card {
  width: 340px;
  padding: 20px;
  border-radius: 12px;
  color: white;
  text-align: left;
  position: relative;
}
.amenagement .pec .pec-step .card .absolute {
  width: auto;
  position: absolute;
  display: flex;
  align-items: center;
  left: 0;
  top: 0;
  transform: translateY(-95%);
  z-index: 5;
}
.amenagement .pec .pec-step .card .absolute h3 {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(3rem, 5vw + 1rem, 5rem);
  line-height: 1.1 !important;
  font-weight: 400 !important;
  margin: 0;
}
.amenagement .pec .pec-step .card .absolute .title {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
  line-height: 1.3 !important;
  margin: 5px 0 10px 1vw;
}
.amenagement .pec .pec-step .card .text {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  line-height: 1.4;
  text-align: justify;
  font-weight: 100;
}
.amenagement .pec .pec-step .card:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  background: #2A3A40;
  opacity: 0.7;
  z-index: -500000;
  border-radius: 20px;
}
.amenagement .pec .pec-step {
  /* ✅ positions */
}
.amenagement .pec .pec-step.s1 {
  left: 5%;
  top: 42%;
}
.amenagement .pec .pec-step.s2 {
  left: 29%;
  top: 38%;
}
.amenagement .pec .pec-step.s3 {
  left: 53%;
  top: 35%;
}
.amenagement .pec .pec-step.s4 {
  left: 76%;
  top: 30%;
}
.amenagement .tarifother {
  height: 200vh;
  position: relative;
  overflow: visible;
  z-index: 60000;
  background-color: #2a3a40;
}
.amenagement .tarifother .hovervague {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 4000;
  pointer-events: none;
}
.amenagement .tarifother .hovervague img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.amenagement .tarifother .tarif {
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 60000;
}
.amenagement .tarifother .tarif .center {
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1600px) {
  .amenagement .tarifother .tarif .center {
    max-width: 1440px;
  }
}
.amenagement .tarifother .tarif .center {
  width: 80%;
  height: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.amenagement .tarifother .tarif .center p.titre {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(2.8125rem, 3vw + 1rem, 4.0625rem);
  line-height: 1.1 !important;
  color: #ffffff;
}
.amenagement .tarifother .tarif .center a {
  display: flex;
  justify-content: center;
}
.amenagement .tarifother .tarif .center a p.lien {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  text-decoration: underline;
  color: white;
  margin-top: 1vh;
  cursor: pointer;
}
.amenagement .tarifother .tarif .center a p.lien span {
  text-decoration: underline;
}
.amenagement .tarifother .tarif .center .choix2 {
  width: 80%;
  height: 60%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 7vh;
}
.amenagement .tarifother .tarif .center .choix2 .cat {
  width: 32%;
  height: 100%;
  background-color: #2a3a40;
  border-radius: 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  justify-content: space-around !important;
}
.amenagement .tarifother .tarif .center .choix2 .cat p.titre {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  background-color: #4c6c73;
  width: 60%;
  height: 5vh;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  font-weight: 300;
  height: 7%;
}
.amenagement .tarifother .tarif .center .choix2 .cat p:nth-child(2) {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(30px, 3.5vw + 10px, 45px);
  line-height: 1.25 !important;
  color: #ffffff;
  transform: scale(0.95);
  height: 10%;
}
.amenagement .tarifother .tarif .center .choix2 .cat p:nth-child(3) {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  color: #ffffff;
  text-align: center;
  height: 10%;
}
.amenagement .tarifother .tarif .center .choix2 .cat p:nth-child(4) {
  width: 85%;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
  line-height: 1.3 !important;
  color: #ffffff;
  text-align: center;
  transform: scale(1.1);
  height: 20%;
}
.amenagement .tarifother .tarif .center .choix2 .cat p:nth-child(5) {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  color: #ffffff;
  text-align: center;
  height: 15%;
  width: 85%;
  font-weight: 100;
}
.amenagement .tarifother .tarif .center .choix2 .cat a {
  width: 60%;
  height: 5vh;
  border-radius: 50px;
  text-decoration: none;
}
.amenagement .tarifother .tarif .center .choix2 .cat p.button {
  width: 100%;
  height: 100%;
  border-radius: 50px;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  background-color: #95b8bf;
  color: #2a3a40;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
}
.amenagement .tarifother .tarif .center p.infos {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
  line-height: 1.3 !important;
  color: white;
  text-align: center;
  font-weight: 300;
  margin-top: 5vh;
  width: 70%;
}
.amenagement .tarifother .other {
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
.amenagement .tarifother .other .center {
  width: 60%;
  height: 75%;
  z-index: 600000;
}
.amenagement .tarifother .other .center p.titre {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(2.8125rem, 3vw + 1rem, 4.0625rem);
  line-height: 1.1 !important;
  color: white;
  height: 10%;
}
.amenagement .tarifother .other .center p.txt {
  height: 10%;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
  line-height: 1.3 !important;
  color: white;
  margin-top: 1vh;
  text-align: justify;
}
.amenagement .tarifother .other .center .service {
  margin-top: 5%;
  width: 100%;
  height: 65%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.amenagement .tarifother .other .center .service a {
  text-decoration: none;
  width: 32%;
  height: 100%;
}
.amenagement .tarifother .other .center .service .serv {
  width: 100%;
  height: 100%;
  border-radius: 50px;
  background-color: #4c6c73;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}
.amenagement .tarifother .other .center .service .serv .img {
  width: 100%;
  height: 65%;
  border-radius: 50px;
  overflow: hidden;
  position: relative;
}
.amenagement .tarifother .other .center .service .serv .img p.titre {
  width: 60%;
  background-color: #fff;
  color: #2a3a40;
  height: 5vh;
  position: absolute;
  top: 5vh;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
  line-height: 1.3 !important;
  text-align: center;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.amenagement .tarifother .other .center .service .serv .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.amenagement .tarifother .other .center .service .serv .infobulle {
  width: 100%;
  height: 30%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
}
.amenagement .tarifother .other .center .service .serv .infobulle p {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
}
.amenagement .tarifother .other .center .service .serv .infobulle button {
  width: 60%;
  height: 5vh;
  background-color: #fff;
  border: none;
  border-radius: 50px;
  color: #2a3a40;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  font-weight: 500;
}
.amenagement .tarifother .other .center .service .servdiff .img p.titre {
  background-color: #729ca6;
  color: #fff;
}
.amenagement .tarifother .other .center .service .servdiff .infobulle button {
  color: #2a3a40;
  background-color: #95b8bf;
}
.amenagement .question {
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: flex-end;
  position: relative;
  align-items: center;
  background-color: #2a3a40;
}
.amenagement .question p.titresmart {
  display: none;
}
.amenagement .question .img1 {
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  width: auto;
  height: 100%;
}
.amenagement .question .hoverimg {
  width: 50%;
  height: 50%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: linear-gradient(to top, rgb(42, 58, 64) 0%, rgb(42, 58, 64) 15%, rgba(42, 58, 64, 0) 100%);
  z-index: 50000;
}
.amenagement .question .overask {
  width: 50%;
  height: 70%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.amenagement .question .overask .center {
  width: 70%;
  height: 50%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}
.amenagement .question .overask .center p.titre {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(2.8125rem, 3vw + 1rem, 4.0625rem);
  line-height: 1.1 !important;
  color: white;
  text-align: center;
  width: 80%;
}
.amenagement .question .overask .center a {
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  width: 35%;
  height: 5vh;
  border: 5px solid #ffffff;
  border-radius: 25px;
  background-color: transparent;
  color: #ffffff;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
}
.amenagement .question .overask .center a:nth-child(2) {
  background-color: #ffffff;
  border: 0;
  color: #2a3a40;
  transform: translateY(2vh);
}

/* Smartphones en portrait */
@media only screen and (max-width: 1024px) {
  /* Styles pour les smartphones en portrait */
  .amenagement .accueil {
    position: relative;
  }
  .amenagement .accueil .center {
    height: 100vh;
    width: 80%;
    justify-content: center;
    align-items: center;
    margin-top: 6vh;
  }
  .amenagement .accueil .center .infos {
    height: auto;
    width: 80%;
    justify-content: space-between;
    width: 100%;
    align-items: flex-start;
    transform: translateY(0);
    position: relative;
    padding: 0;
  }
  .amenagement .accueil .center .infos p {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.625rem, 2.8vw + 0.5rem, 2.5rem);
    line-height: 1.25 !important;
    font-weight: 100;
  }
  .amenagement .accueil .center .infos p.titre {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(3rem, 5vw + 1rem, 5rem);
    line-height: 1.1 !important;
  }
  .amenagement .accueil .center .infos img {
    display: flex !important;
    width: 38%;
    position: absolute;
    top: -25vh;
    left: 50%;
    transform: translateX(-50%);
  }
  .amenagement .accueil .center .infos .button_accueil {
    width: 60%;
    height: 5vh;
    margin-top: 5vh;
  }
  .amenagement .accueil .center .infos .button_accueil button {
    width: 30%;
  }
  .amenagement .accueil .center .infos .button_accueil button:nth-child(1) {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
    line-height: 1.3 !important;
  }
  .amenagement .accueil .center .infos .button_accueil button:nth-child(2) {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
    line-height: 1.3 !important;
  }
  .amenagement .accueil .center .infos::before {
    display: none;
  }
  .amenagement .accueil .chevron_bottom {
    position: absolute;
    width: 80px;
    height: 80px;
    bottom: 2lvh;
    left: 50%;
    transform: translateX(-50%) scale(0.8);
    z-index: 5;
  }
  .amenagement .accueil .chevron_bottom lord-icon {
    position: absolute;
    top: 35%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.6);
  }
  .amenagement .accueil .chevron_bottom lord-icon:nth-child(2) {
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .amenagement .choix {
    height: auto;
  }
  .amenagement .choix .center {
    width: 80%;
    height: auto;
  }
  .amenagement .choix .center .top {
    width: 100%;
  }
  .amenagement .choix .center .top p.titre {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(3rem, 5vw + 1rem, 5rem);
    line-height: 1.1 !important;
    width: 100%;
    text-align: center;
  }
  .amenagement .choix .center .bottom {
    width: 100%;
    flex-direction: column;
    height: 75%;
    align-items: center;
  }
  .amenagement .choix .center .bottom .left,
  .amenagement .choix .center .bottom .left2 {
    height: 70%;
    order: 2;
    width: 100% !important;
  }
  .amenagement .choix .center .bottom .left .center,
  .amenagement .choix .center .bottom .left2 .center {
    width: 100%;
    border-radius: 20px;
    height: 40vh;
    margin-top: 5vh;
    padding: 3vw 5vh;
  }
  .amenagement .choix .center .bottom .left .center p,
  .amenagement .choix .center .bottom .left .center li,
  .amenagement .choix .center .bottom .left2 .center p,
  .amenagement .choix .center .bottom .left2 .center li {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
    line-height: 1.3 !important;
  }
  .amenagement .choix .center .bottom .right,
  .amenagement .choix .center .bottom .right2 {
    order: 1;
    width: 100% !important;
    height: 35vh;
    transform: scale(1);
    margin-top: 5vh;
  }
  .amenagement .choix .center .bottom .right .topicone .img .hover,
  .amenagement .choix .center .bottom .right .bottomicone .img .hover,
  .amenagement .choix .center .bottom .right2 .topicone .img .hover,
  .amenagement .choix .center .bottom .right2 .bottomicone .img .hover {
    border-radius: 20px !important;
    transform: translateY(1vh) !important;
  }
  .amenagement .choix .center .bottom .right .topicone .img p.titre,
  .amenagement .choix .center .bottom .right .bottomicone .img p.titre,
  .amenagement .choix .center .bottom .right2 .topicone .img p.titre,
  .amenagement .choix .center .bottom .right2 .bottomicone .img p.titre {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
    font-weight: 100;
    transform: translateY(2vh);
  }
  .amenagement .pec {
    padding-top: 0;
    height: auto;
    position: relative;
    padding-bottom: 5vh;
  }
  .amenagement .pec .barre {
    width: 3px;
    height: 75%;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    left: 10%;
    z-index: 50000;
  }
  .amenagement .pec .plan {
    width: 100%;
    height: 40% !important;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: bottom;
       object-position: bottom;
    position: absolute;
    margin-top: auto;
    transform-origin: bottom;
    transform: scaleY(1.5);
  }
  .amenagement .pec p.titre {
    width: 90%;
    left: 5%;
    text-align: center;
    top: 5vh;
    height: 15vh;
    position: relative;
    margin-bottom: 13vh;
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(3rem, 5vw + 1rem, 5rem);
    line-height: 1.1 !important;
    padding-top: 2vh;
  }
  .amenagement .pec p.titre span {
    top: 125px;
  }
  .amenagement .pec .pec-step {
    position: relative;
    transform: none;
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 80%;
    margin: 3vh auto 80px auto;
  }
  .amenagement .pec .pec-step .card {
    width: 77%;
    padding: 18px;
    border-radius: 14px;
    background-color: #2a3a40;
    text-align: left;
    order: 3;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.25);
  }
  .amenagement .pec .pec-step .card .absolute h3 {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(3rem, 5vw + 1rem, 5rem);
    line-height: 1.1 !important;
    font-weight: 400;
    margin-right: 2vw;
  }
  .amenagement .pec .pec-step .card .absolute p.title {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
    line-height: 1.3 !important;
  }
  .amenagement .pec .pec-step .card p.text {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
    line-height: 1.3 !important;
    font-weight: 20 !important;
  }
  .amenagement .pec .pec-step .line {
    width: 14%;
    height: 4px;
    background: white;
    margin-left: 7px;
    transform-origin: center;
    order: 1;
    z-index: 500000;
    transform: translate(15px, 20%);
  }
  .amenagement .pec .pec-step .dot {
    width: 12px;
    height: 12px;
    background: #fff;
    border-radius: 50%;
    margin-left: 1px;
    order: 2;
    z-index: 500000;
    transform: translate(5px, -30%);
  }
  .amenagement .pec .pec-step.s1, .amenagement .pec .pec-step.s2, .amenagement .pec .pec-step.s3, .amenagement .pec .pec-step.s4 {
    left: unset;
    top: unset;
  }
  .amenagement .pec .pec-step.s1 {
    margin-top: 10vh;
  }
  .amenagement .pec {
    /* colonne timeline = ligne continue */
  }
  .amenagement .pec .pec-step:first-child .line {
    height: 80px;
  }
  .amenagement .pec {
    --timeline-top: 0px;
    --timeline-height: 100px;
  }
  .amenagement .pec::before {
    content: "";
    position: absolute;
    left: 12%;
    border-radius: 12px;
    top: var(--timeline-top);
    height: var(--timeline-height);
    width: 4px;
    background: #fff;
    z-index: 15;
  }
  .amenagement .tarifother {
    height: auto;
    padding-top: 5vh;
  }
  .amenagement .tarifother .hovervague {
    height: 100%;
  }
  .amenagement .tarifother .tarif {
    height: auto;
    padding-top: 2vh;
  }
  .amenagement .tarifother .tarif .center p.titre {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(3rem, 5vw + 1rem, 5rem);
    line-height: 1.1 !important;
    text-align: center;
    line-height: 35px;
  }
  .amenagement .tarifother .tarif .center p.lien {
    text-decoration: underline;
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
    line-height: 1.3 !important;
    margin-top: 3vh;
    width: 50%;
    text-align: center;
  }
  .amenagement .tarifother .tarif .center .choix2 {
    flex-direction: column !important;
    height: auto !important;
    margin-top: 4vh;
    width: 75%;
  }
  .amenagement .tarifother .tarif .center .choix2 .cat {
    height: 55vh;
    width: 100%;
    margin-top: 2vh;
    box-shadow: 6px -6px 15px rgba(0, 0, 0, 0.4);
  }
  .amenagement .tarifother .tarif .center .choix2 .cat p.titre {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
    font-weight: 400;
  }
  .amenagement .tarifother .tarif .center .choix2 .cat p:nth-child(2) {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(3rem, 5vw + 1rem, 5rem);
    line-height: 1.1 !important;
  }
  .amenagement .tarifother .tarif .center .choix2 .cat p:nth-child(3),
  .amenagement .tarifother .tarif .center .choix2 .cat p:nth-child(5) {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.625rem, 2.8vw + 0.5rem, 2.5rem);
    line-height: 1.25 !important;
  }
  .amenagement .tarifother .tarif .center .choix2 .cat p:nth-child(4) {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(30px, 3.5vw + 10px, 45px);
    line-height: 1.25 !important;
  }
  .amenagement .tarifother .tarif .center p.infos {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
    line-height: 1.3 !important;
    width: 100% !important;
    margin-bottom: 2vh;
    font-weight: 100;
  }
  .amenagement .tarifother .other {
    height: auto;
    padding-top: 6vh;
    padding-bottom: 4vh;
  }
  .amenagement .tarifother .other .center {
    width: 80% !important;
    height: auto;
  }
  .amenagement .tarifother .other .center p.titre {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(3rem, 5vw + 1rem, 5rem);
    line-height: 1.1 !important;
    text-align: center;
    line-height: 35px;
  }
  .amenagement .tarifother .other .center p.txt {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(30px, 3.5vw + 10px, 45px);
    line-height: 1.25 !important;
    text-align: center;
    margin-top: 2vh;
  }
  .amenagement .tarifother .other .center .service {
    flex-direction: column;
    height: auto;
    align-items: center;
  }
  .amenagement .tarifother .other .center .service a {
    width: 75%;
    height: 45vh;
    margin-top: 2vh;
  }
  .amenagement .tarifother .other .center .service a .serv .infobulle p.txt {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.625rem, 2.8vw + 0.5rem, 2.5rem);
    line-height: 1.25 !important;
    transform: translateY(-2vh);
  }
  .amenagement .tarifother .other .center .service a .serv .infobulle button {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
    line-height: 1.3 !important;
  }
  .amenagement .question {
    height: auto;
    flex-direction: column;
    justify-content: flex-start;
    padding-top: 5vh;
  }
  .amenagement .question p.titresmart {
    display: flex;
    color: #fff;
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(3rem, 5vw + 1rem, 5rem);
    line-height: 1.1 !important;
    width: 50%;
    text-align: center;
  }
  .amenagement .question picture {
    width: 100%;
    height: 35vh;
    position: relative;
    margin-top: 4vh;
  }
  .amenagement .question picture .img1 {
    position: relative;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .amenagement .question picture::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 35%;
    pointer-events: none;
    z-index: 2;
    background: linear-gradient(to bottom, #2a3a40 0%, rgba(42, 58, 64, 0) 100%);
  }
  .amenagement .question picture::after {
    content: "";
    position: absolute;
    bottom: 0 !important;
    left: 0;
    width: 100%;
    height: 35%;
    pointer-events: none;
    z-index: 2;
    background: linear-gradient(to top, #2a3a40 0%, rgba(42, 58, 64, 0) 100%);
  }
  .amenagement .question .hoverimg {
    display: none;
  }
  .amenagement .question .overask {
    height: auto;
    width: 100%;
  }
  .amenagement .question .overask p.titre {
    display: none;
  }
  .amenagement .question .overask .center {
    width: 40%;
    margin: 8vh 0;
    height: auto;
  }
  .amenagement .question .overask .center a {
    width: 100%;
    height: auto;
    height: 5vh;
  }
  .amenagement .question .overask .center a.btn1 {
    border: 3px solid #fff;
    margin-bottom: 3.5vh;
  }
}
@media only screen and (max-width: 600px) {
  /* Styles pour les smartphones en portrait */
  .amenagement .accueil {
    position: relative;
  }
  .amenagement .accueil .fond_img img {
    transform: scaleX(-1);
  }
  .amenagement .accueil .center {
    height: 100vh;
    width: 90%;
    justify-content: center;
    margin-top: 15vh;
  }
  .amenagement .accueil .center .hover {
    background-image: linear-gradient(to right, rgb(42, 58, 64) 0%, rgba(42, 58, 64, 0.1) 100%), linear-gradient(to top, rgb(42, 58, 64) 0%, rgba(42, 58, 64, 0) 30%);
  }
  .amenagement .accueil .center .infos {
    height: auto;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    transform: translateY(-7vh);
  }
  .amenagement .accueil .center .infos img {
    display: flex !important;
    width: 38%;
    transform: translate(-17vw, 15vh);
  }
  .amenagement .accueil .center .infos p.titre {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(30px, 3.5vw + 10px, 45px);
    line-height: 1.25 !important;
    font-weight: 400 !important;
    line-height: 30px;
    text-align: center;
  }
  .amenagement .accueil .center .infos p#texte1 {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
    text-align: center;
    font-weight: 400 !important;
    width: 70% !important;
    margin-top: 2vh;
  }
  .amenagement .accueil .center .infos .button_accueil {
    width: 60%;
    flex-direction: column;
    height: auto;
    margin-top: 5vh;
  }
  .amenagement .accueil .center .infos .button_accueil a {
    width: 90% !important;
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
    margin-bottom: 2vh;
    height: 5vh;
  }
  .amenagement .accueil .chevron_bottom {
    position: absolute;
    width: 80px;
    height: 80px;
    bottom: 2lvh;
    left: 50%;
    transform: translateX(-50%) scale(0.8);
    z-index: 5;
  }
  .amenagement .accueil .chevron_bottom lord-icon {
    position: absolute;
    top: 35%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.6);
  }
  .amenagement .accueil .chevron_bottom lord-icon:nth-child(2) {
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .amenagement .choix {
    height: 100vh;
  }
  .amenagement .choix .center {
    height: 100%;
    width: 80%;
    justify-content: flex-start;
  }
  .amenagement .choix .center .top {
    height: 15%;
  }
  .amenagement .choix .center .top p.titre {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(30px, 3.5vw + 10px, 45px);
    line-height: 1.25 !important;
    margin-bottom: 2vh;
  }
  .amenagement .choix .center .choixchoix {
    height: 5% !important;
    margin-top: 0;
  }
  .amenagement .choix .center .choixchoix .contain_choix .center .cx1 p {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
  }
  .amenagement .choix .center .choixchoix .contain_choix .center .cx2 p {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
  }
  .amenagement .choix .center .bottom {
    height: 80%;
    justify-content: flex-start;
    margin-top: 2vh;
  }
  .amenagement .choix .center .bottom .right,
  .amenagement .choix .center .bottom .right2 {
    height: 40%;
    margin-top: 0;
  }
  .amenagement .choix .center .bottom .right .topicone .img p.titre,
  .amenagement .choix .center .bottom .right .bottomicone .img p.titre,
  .amenagement .choix .center .bottom .right2 .topicone .img p.titre,
  .amenagement .choix .center .bottom .right2 .bottomicone .img p.titre {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
    line-height: 1.3 !important;
    transform: translateY(5vh);
  }
  .amenagement .choix .center .bottom .left,
  .amenagement .choix .center .bottom .left2 {
    height: 60%;
  }
  .amenagement .choix .center .bottom .left .center,
  .amenagement .choix .center .bottom .left2 .center {
    padding: 1vw 2vh;
  }
  .amenagement .choix .center .bottom .left .center p,
  .amenagement .choix .center .bottom .left .center li,
  .amenagement .choix .center .bottom .left2 .center p,
  .amenagement .choix .center .bottom .left2 .center li {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
  }
  .amenagement .choix .center .bottom .left .center li,
  .amenagement .choix .center .bottom .left2 .center li {
    margin-left: 2vw;
  }
  .amenagement .pec {
    padding-top: 0;
    height: auto;
    position: relative;
    padding-bottom: 5vh;
  }
  .amenagement .pec .barre {
    width: 3px;
    height: 75%;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    left: 10%;
    z-index: 50000;
  }
  .amenagement .pec .plan {
    width: 100%;
    height: 30% !important;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: bottom;
       object-position: bottom;
    position: absolute;
    margin-top: auto;
    transform-origin: bottom;
    transform: scaleY(1.5);
  }
  .amenagement .pec p.titre {
    width: 90%;
    left: 5%;
    text-align: center;
    top: 5vh;
    position: relative;
    margin-bottom: 13vh;
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(30px, 3.5vw + 10px, 45px);
    line-height: 1.25 !important;
    padding-top: 2vh;
  }
  .amenagement .pec .pec-step {
    position: relative;
    transform: none;
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 90%;
    margin: 0 auto 80px auto;
  }
  .amenagement .pec .pec-step .card {
    width: 77%;
    padding: 18px;
    border-radius: 14px;
    background-color: #2a3a40;
    text-align: left;
    order: 3;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.25);
  }
  .amenagement .pec .pec-step .card .absolute h3 {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(3rem, 5vw + 1rem, 5rem);
    line-height: 1.1 !important;
    font-weight: 400;
    margin-right: 2vw;
  }
  .amenagement .pec .pec-step .card .absolute p.title {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
    line-height: 1.3 !important;
  }
  .amenagement .pec .pec-step .card p.text {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
    font-weight: 20 !important;
  }
  .amenagement .pec .pec-step .line {
    width: 14%;
    height: 4px;
    background: white;
    margin-left: 7px;
    transform-origin: center;
    order: 1;
    z-index: 500000;
    transform: translate(15px, 20%);
  }
  .amenagement .pec .pec-step .dot {
    width: 12px;
    height: 12px;
    background: #fff;
    border-radius: 50%;
    margin-left: 1px;
    order: 2;
    z-index: 500000;
    transform: translate(5px, -30%);
  }
  .amenagement .pec .pec-step.s1, .amenagement .pec .pec-step.s2, .amenagement .pec .pec-step.s3, .amenagement .pec .pec-step.s4 {
    left: unset;
    top: unset;
  }
  .amenagement .pec {
    /* colonne timeline = ligne continue */
  }
  .amenagement .pec .pec-step:first-child .line {
    height: 80px;
  }
  .amenagement .pec {
    --timeline-top: 0px;
    --timeline-height: 100px;
  }
  .amenagement .pec::before {
    content: "";
    position: absolute;
    left: 10%;
    border-radius: 12px;
    top: var(--timeline-top);
    height: var(--timeline-height);
    width: 4px;
    background: #fff;
    z-index: 15;
  }
  .amenagement .tarifother .tarif .center p.titre {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(30px, 3.5vw + 10px, 45px);
    line-height: 1.25 !important;
  }
  .amenagement .tarifother .tarif .center .choix2 {
    width: 100%;
  }
  .amenagement .tarifother .tarif .center .choix2 .cat p:nth-child(2) {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(2.8125rem, 3vw + 1rem, 4.0625rem);
    line-height: 1.1 !important;
  }
  .amenagement .tarifother .tarif .center .choix2 .cat p:nth-child(3),
  .amenagement .tarifother .tarif .center .choix2 .cat p:nth-child(5) {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
  }
  .amenagement .tarifother .tarif .center .choix2 .cat p:nth-child(4) {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
    line-height: 1.3 !important;
  }
  .amenagement .tarifother .other .center p.titre {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(30px, 3.5vw + 10px, 45px);
    line-height: 1.25 !important;
  }
  .amenagement .tarifother .other .center .service a {
    width: 100%;
  }
  .amenagement .tarifother .other .center .service a .serv .infobulle p.txt {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
    line-height: 1.3 !important;
    transform: translateY(-2vh);
  }
  .amenagement .tarifother .other .center .service a .serv .infobulle button {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
    line-height: 1.3 !important;
  }
  .amenagement .question p.titresmart {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(30px, 3.5vw + 10px, 45px);
    line-height: 1.25 !important;
  }
}
.retouradomicile {
  width: 100vw;
  height: auto;
  position: relative;
}
.retouradomicile .accueil {
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  backface-visibility: hidden;
  transform: translateZ(0);
  box-sizing: border-box;
}
.retouradomicile .accueil .center {
  height: auto;
  width: 75%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1600px) {
  .retouradomicile .accueil .center {
    max-width: 1440px;
  }
}
.retouradomicile .accueil .center .hover {
  position: absolute;
  width: 100%;
  height: 100vh;
  background: radial-gradient(circle, rgba(42, 58, 64, 0) 0%, rgb(42, 58, 64) 100%), linear-gradient(0deg, rgb(42, 58, 64) 0%, rgba(42, 58, 64, 0) 100%);
  left: 0;
  top: 0;
}
.retouradomicile .accueil .center img {
  width: 40%;
  height: auto;
}
.retouradomicile .accueil .center .infos {
  width: 70%;
  height: auto;
  display: flex;
  flex-direction: column;
  transform: translateY(0vh);
}
.retouradomicile .accueil .center .infos img.smart-img {
  display: none;
}
.retouradomicile .accueil .center .infos p.titre {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(3rem, 5vw + 1rem, 5rem);
  line-height: 1.1 !important;
  font-weight: 400;
  line-height: 75px;
}
.retouradomicile .accueil .center .infos p {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
  line-height: 1.3 !important;
  margin-top: 2vh;
  color: #ffffff;
  width: 100% !important;
  font-weight: 200 strong;
  font-weight-font-weight: 300;
}
.retouradomicile .accueil .center .infos .button_accueil {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 40%;
  height: auto;
  margin-top: 2vh;
}
.retouradomicile .accueil .center .infos .button_accueil a {
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 6vh;
  background-color: transparent;
  border-radius: 30px;
  padding: 3%;
  position: relative;
  cursor: pointer;
}
.retouradomicile .accueil .center .infos .button_accueil a:nth-child(1) {
  border: 4px solid white;
  color: #ffffff;
  width: 39%;
  white-space: nowrap;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.retouradomicile .accueil .center .infos .button_accueil a:nth-child(2) {
  background-color: #ffffff;
  color: #2a3a40;
  width: 55%;
  white-space: nowrap;
  border: none;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.retouradomicile .accueil .fond_img {
  width: 100vw;
  height: 100vh;
  position: absolute;
  left: 0;
  top: 0;
  backface-visibility: hidden;
  transform: translateZ(0);
  box-sizing: border-box;
}
.retouradomicile .accueil .fond_img img {
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: center;
}
.retouradomicile .choix {
  width: 100%;
  height: 100vh;
  background-color: #2a3a40;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 10vh;
}
.retouradomicile .choix .center {
  width: 80%;
  height: 90%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1600px) {
  .retouradomicile .choix .center {
    max-width: 1440px;
  }
}
.retouradomicile .choix .center {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}
.retouradomicile .choix .center .top {
  width: 100%;
  height: 35%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  align-items: flex-start;
}
.retouradomicile .choix .center .top p.titre {
  width: 75%;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(2.8125rem, 3vw + 1rem, 4.0625rem);
  line-height: 1.1 !important;
  color: #ffffff;
}
.retouradomicile .choix .center .bottom {
  width: 100%;
  height: 65%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.retouradomicile .choix .center .bottom .left {
  height: 100%;
  width: 45%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.retouradomicile .choix .center .bottom .left .center {
  padding-left: 2vw;
  height: 100%;
  width: 100%;
  background-color: #4c6c73;
  border-radius: 45px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  display: none;
}
.retouradomicile .choix .center .bottom .left .center .img {
  width: 30%;
  height: 25%;
}
.retouradomicile .choix .center .bottom .left .center .deuxieme {
  transform-origin: top;
  transform: scale(0.8);
}
.retouradomicile .choix .center .bottom .left .center p {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  color: white;
  width: 80%;
}
.retouradomicile .choix .center .bottom .left .center p:nth-child(2) {
  margin-bottom: 2vh;
}
.retouradomicile .choix .center .bottom .left .center p.titre {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
  line-height: 1.3 !important;
  font-weight: 500;
  margin-bottom: 1vh;
}
.retouradomicile .choix .center .bottom .left .center p.txt {
  font-weight: 200;
  width: 95%;
}
.retouradomicile .choix .center .bottom .left .center.active {
  display: flex;
}
.retouradomicile .choix .center .bottom .right {
  height: 95%;
  width: 55%;
  display: flex;
  flex-direction: column;
  transform-origin: right;
  transform: scale(0.9);
}
.retouradomicile .choix .center .bottom .right .topicone {
  width: 100%;
  height: 50%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.retouradomicile .choix .center .bottom .right .topicone .img {
  width: 33.3%;
  height: 100%;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  cursor: pointer;
}
.retouradomicile .choix .center .bottom .right .topicone .img img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 60%;
  height: 35%;
  transform: translateY(4vh);
}
.retouradomicile .choix .center .bottom .right .topicone .img .hover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50px;
  background: linear-gradient(0deg, rgb(76, 108, 115) 0%, rgba(76, 108, 115, 0) 0);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.retouradomicile .choix .center .bottom .right .topicone .img .hover.active {
  background: linear-gradient(0deg, rgb(76, 108, 115) 0%, rgba(76, 108, 115, 0) 100%);
  transform: scale(1.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  border-radius: 45px;
  /* Optionnel, pour un effet plus doux */
}
.retouradomicile .choix .center .bottom .right .topicone .img p {
  color: white;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
  line-height: 1.3 !important;
  width: 90%;
  height: 20%;
  text-align: center;
  position: absolute;
  bottom: 50px;
  transform: scale(0.8);
}
.retouradomicile .choix .center .bottom .right .bottomicone {
  width: 100%;
  height: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.retouradomicile .choix .center .bottom .right .bottomicone .img {
  width: 33.3%;
  height: 100%;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  cursor: pointer;
}
.retouradomicile .choix .center .bottom .right .bottomicone .img img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 60%;
  height: 35%;
  transform: translateY(4vh);
}
.retouradomicile .choix .center .bottom .right .bottomicone .img .hover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgb(76, 108, 115) 0%, rgba(76, 108, 115, 0) 0);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.retouradomicile .choix .center .bottom .right .bottomicone .img .hover.active {
  background: linear-gradient(0deg, rgb(76, 108, 115) 0%, rgba(76, 108, 115, 0) 100%);
  transform: scale(1.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  border-radius: 45px;
  /* Optionnel, pour un effet plus doux */
}
.retouradomicile .choix .center .bottom .right .bottomicone .img p {
  color: white;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
  line-height: 1.3 !important;
  width: 90%;
  height: 20%;
  text-align: center;
  position: absolute;
  bottom: 50px;
  transform: scale(0.8);
}
.retouradomicile .choix .center .bottom .right .bottomicone .img:nth-child(1) {
  margin-right: 1vw;
}
.retouradomicile .pec {
  position: relative;
  width: 100vw;
  height: 100vh;
  overflow: visible;
  padding-top: 25vh;
  background-color: #2a3a40;
  z-index: 5000;
}
.retouradomicile .pec p.titre {
  color: #fff;
  position: absolute;
  width: 30%;
  left: 15%;
  top: 5vh;
  z-index: 50000;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(2.8125rem, 3vw + 1rem, 4.0625rem);
  line-height: 1.1 !important;
}
.retouradomicile .pec {
  /* Plans (montagnes + route) */
}
.retouradomicile .pec .plan {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: bottom center;
     object-position: bottom center;
  pointer-events: none;
  will-change: transform;
}
.retouradomicile .pec .plan.plan4 {
  z-index: 1;
}
.retouradomicile .pec .plan.plan3 {
  z-index: 2;
}
.retouradomicile .pec .plan.plan2 {
  z-index: 3;
}
.retouradomicile .pec .plan.plan1 {
  z-index: 4;
}
.retouradomicile .pec .pec-step {
  position: absolute;
  z-index: 20;
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  transform: translateY(-40px);
}
.retouradomicile .pec .pec-step .dot {
  width: 14px;
  height: 14px;
  background: #fff;
  border-radius: 50%;
  margin-top: 5px;
  transform: translateY(-20px);
}
.retouradomicile .pec .pec-step .line {
  width: 2px;
  height: 100px;
  background: white;
  margin-bottom: 5px;
}
.retouradomicile .pec .pec-step .card {
  width: 340px;
  padding: 20px;
  border-radius: 12px;
  color: white;
  text-align: left;
  position: relative;
}
.retouradomicile .pec .pec-step .card .absolute {
  width: auto;
  position: absolute;
  display: flex;
  align-items: center;
  left: 0;
  top: 0;
  transform: translateY(-95%);
  z-index: 5;
}
.retouradomicile .pec .pec-step .card .absolute h3 {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(3rem, 5vw + 1rem, 5rem);
  line-height: 1.1 !important;
  font-weight: 400 !important;
  margin: 0;
}
.retouradomicile .pec .pec-step .card .absolute .title {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
  line-height: 1.3 !important;
  margin: 5px 0 10px 1vw;
}
.retouradomicile .pec .pec-step .card .text {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  line-height: 1.4;
  text-align: justify;
  font-weight: 100;
}
.retouradomicile .pec .pec-step .card:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  background: #2A3A40;
  opacity: 0.7;
  z-index: -500000;
  border-radius: 20px;
}
.retouradomicile .pec .pec-step {
  /* ✅ positions */
}
.retouradomicile .pec .pec-step.s1 {
  left: 5%;
  top: 42%;
}
.retouradomicile .pec .pec-step.s2 {
  left: 29%;
  top: 38%;
}
.retouradomicile .pec .pec-step.s3 {
  left: 53%;
  top: 38%;
}
.retouradomicile .pec .pec-step.s4 {
  left: 76%;
  top: 30%;
}
.retouradomicile .tarifother {
  height: 200vh;
  position: relative;
  overflow: visible;
  z-index: 60000;
  background-color: #2a3a40;
}
.retouradomicile .tarifother .hovervague {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 4000;
  pointer-events: none;
}
.retouradomicile .tarifother .hovervague img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.retouradomicile .tarifother .tarif {
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 60000;
}
.retouradomicile .tarifother .tarif .center {
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1600px) {
  .retouradomicile .tarifother .tarif .center {
    max-width: 1440px;
  }
}
.retouradomicile .tarifother .tarif .center {
  width: 80%;
  height: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.retouradomicile .tarifother .tarif .center p.titre {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(2.8125rem, 3vw + 1rem, 4.0625rem);
  line-height: 1.1 !important;
  color: #ffffff;
}
.retouradomicile .tarifother .tarif .center a.lien {
  text-decoration: underline;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  color: white;
  margin-top: 1vh;
  cursor: pointer;
}
.retouradomicile .tarifother .tarif .center a.lien span {
  text-decoration: underline;
}
.retouradomicile .tarifother .tarif .center .choix2 {
  width: 100%;
  height: 60%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 7vh;
}
.retouradomicile .tarifother .tarif .center .choix2 .cat {
  width: 23.5%;
  height: 100%;
  background-color: #2a3a40;
  border-radius: 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  justify-content: space-around !important;
}
.retouradomicile .tarifother .tarif .center .choix2 .cat p.titre {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  background-color: #4c6c73;
  width: 60%;
  height: 5vh;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  font-weight: 300;
  height: 7%;
}
.retouradomicile .tarifother .tarif .center .choix2 .cat p:nth-child(2) {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(30px, 3.5vw + 10px, 45px);
  line-height: 1.25 !important;
  color: #ffffff;
  transform: scale(0.95);
  height: 10%;
}
.retouradomicile .tarifother .tarif .center .choix2 .cat p:nth-child(3) {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  color: #ffffff;
  text-align: center;
  height: 10%;
}
.retouradomicile .tarifother .tarif .center .choix2 .cat p:nth-child(4) {
  width: 85%;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
  line-height: 1.3 !important;
  color: #ffffff;
  text-align: center;
  transform: scale(1.1);
  height: 20%;
}
.retouradomicile .tarifother .tarif .center .choix2 .cat p:nth-child(5) {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  color: #ffffff;
  text-align: center;
  height: 15%;
  width: 85%;
  font-weight: 100;
}
.retouradomicile .tarifother .tarif .center .choix2 .cat a {
  width: 60%;
  height: 5vh;
  border-radius: 50px;
  text-decoration: none;
}
.retouradomicile .tarifother .tarif .center .choix2 .cat p.button {
  border-radius: 50px;
  width: 100%;
  height: 100%;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  background-color: #95b8bf;
  color: #2a3a40;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
}
.retouradomicile .tarifother .tarif .center p.infos {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
  line-height: 1.3 !important;
  color: white;
  text-align: center;
  font-weight: 300;
  margin-top: 5vh;
  width: 70%;
}
.retouradomicile .tarifother .other {
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
.retouradomicile .tarifother .other .center {
  width: 60%;
  height: 75%;
  z-index: 600000;
}
.retouradomicile .tarifother .other .center p.titre {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(2.8125rem, 3vw + 1rem, 4.0625rem);
  line-height: 1.1 !important;
  color: white;
  height: 10%;
}
.retouradomicile .tarifother .other .center p.txt {
  height: 10%;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(30px, 3.5vw + 10px, 45px);
  line-height: 1.25 !important;
  color: white;
  margin-top: 1vh;
  text-align: justify;
}
.retouradomicile .tarifother .other .center .service {
  margin-top: 5%;
  width: 100%;
  height: 65%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.retouradomicile .tarifother .other .center .service a {
  text-decoration: none;
  width: 32%;
  height: 100%;
}
.retouradomicile .tarifother .other .center .service .serv {
  width: 100%;
  height: 100%;
  border-radius: 50px;
  background-color: #4c6c73;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}
.retouradomicile .tarifother .other .center .service .serv .img {
  width: 100%;
  height: 65%;
  border-radius: 50px;
  overflow: hidden;
  position: relative;
}
.retouradomicile .tarifother .other .center .service .serv .img p.titre {
  width: 60%;
  background-color: #4c6c73;
  color: #fff;
  height: 5vh;
  position: absolute;
  top: 5vh;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
  line-height: 1.3 !important;
  text-align: center;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.retouradomicile .tarifother .other .center .service .serv .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.retouradomicile .tarifother .other .center .service .serv .infobulle {
  width: 100%;
  height: 30%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
}
.retouradomicile .tarifother .other .center .service .serv .infobulle p {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
}
.retouradomicile .tarifother .other .center .service .serv .infobulle button {
  width: 60%;
  height: 5vh;
  background-color: #95b8bf;
  border: none;
  border-radius: 50px;
  color: #2a3a40;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  font-weight: 500;
}
.retouradomicile .tarifother .other .center .service .serv:nth-child(2) p.titre {
  background-color: #4c6c73;
  color: #ffffff;
}
.retouradomicile .tarifother .other .center .service .serv:nth-child(2) button {
  background-color: #95b8bf;
}
.retouradomicile .tarifother .other .center .service .serv:nth-child(3) p.titre {
  background-color: #4c6c73;
  color: #ffffff;
}
.retouradomicile .tarifother .other .center .service .serv:nth-child(3) button {
  background-color: #95b8bf;
}
.retouradomicile .tarifother .other .center .service .servdiff .img p.titre {
  background-color: #fff;
  color: #2a3a40;
}
.retouradomicile .tarifother .other .center .service .servdiff .infobulle button {
  color: #2a3a40;
  background-color: #fff;
}
.retouradomicile .question {
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: flex-end;
  position: relative;
  align-items: center;
  background-color: #2a3a40;
}
.retouradomicile .question p.titresmart {
  display: none;
}
.retouradomicile .question .img1 {
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  width: auto;
  height: 100%;
}
.retouradomicile .question .hoverimg {
  width: 50%;
  height: 50%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: linear-gradient(to top, rgb(42, 58, 64) 0%, rgb(42, 58, 64) 15%, rgba(42, 58, 64, 0) 100%);
  z-index: 50000;
}
.retouradomicile .question .overask {
  width: 50%;
  height: 70%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.retouradomicile .question .overask .center {
  width: 70%;
  height: 50%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}
.retouradomicile .question .overask .center p.titre {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(2.8125rem, 3vw + 1rem, 4.0625rem);
  line-height: 1.1 !important;
  color: white;
  text-align: center;
  width: 80%;
}
.retouradomicile .question .overask .center a {
  width: 35%;
  height: 5vh;
  border: 5px solid #ffffff;
  border-radius: 25px;
  background-color: transparent;
  color: #ffffff;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
}
.retouradomicile .question .overask .center a:nth-child(2) {
  background-color: #ffffff;
  border: 0;
  color: #2a3a40;
  transform: translateY(2vh);
}

/* Smartphones en portrait */
@media only screen and (max-width: 1024px) {
  /* Styles pour les smartphones en portrait */
  .retouradomicile .accueil {
    position: relative;
  }
  .retouradomicile .accueil .center {
    height: 100vh;
    width: 80%;
    justify-content: center;
    align-items: center;
    margin-top: 6vh;
  }
  .retouradomicile .accueil .center .infos {
    height: auto;
    width: 80%;
    justify-content: space-between;
    width: 100%;
    align-items: flex-start;
    transform: translateY(0);
    position: relative;
    padding: 0;
  }
  .retouradomicile .accueil .center .infos p {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.625rem, 2.8vw + 0.5rem, 2.5rem);
    line-height: 1.25 !important;
    font-weight: 100;
  }
  .retouradomicile .accueil .center .infos p.titre {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(3rem, 5vw + 1rem, 5rem);
    line-height: 1.1 !important;
  }
  .retouradomicile .accueil .center .infos img {
    display: flex !important;
    width: 38%;
    position: absolute;
    top: -25vh;
    left: 50%;
    transform: translateX(-50%);
  }
  .retouradomicile .accueil .center .infos .button_accueil {
    width: 60%;
    height: 5vh;
    margin-top: 5vh;
  }
  .retouradomicile .accueil .center .infos .button_accueil a {
    width: 30%;
  }
  .retouradomicile .accueil .center .infos .button_accueil a:nth-child(1) {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
    line-height: 1.3 !important;
  }
  .retouradomicile .accueil .center .infos .button_accueil a:nth-child(2) {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
    line-height: 1.3 !important;
  }
  .retouradomicile .accueil .center .infos::before {
    display: none;
  }
  .retouradomicile .accueil .chevron_bottom {
    position: absolute;
    width: 80px;
    height: 80px;
    bottom: 2lvh;
    left: 50%;
    transform: translateX(-50%) scale(0.8);
    z-index: 5;
  }
  .retouradomicile .accueil .chevron_bottom lord-icon {
    position: absolute;
    top: 35%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.6);
  }
  .retouradomicile .accueil .chevron_bottom lord-icon:nth-child(2) {
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .retouradomicile .choix {
    height: auto;
  }
  .retouradomicile .choix .center {
    width: 80%;
    height: auto;
  }
  .retouradomicile .choix .center .top {
    width: 100%;
  }
  .retouradomicile .choix .center .top p.titre {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(3rem, 5vw + 1rem, 5rem);
    line-height: 1.1 !important;
    width: 100%;
    text-align: center;
  }
  .retouradomicile .choix .center .bottom {
    width: 100%;
    flex-direction: column;
    height: 75%;
    align-items: center;
  }
  .retouradomicile .choix .center .bottom .left,
  .retouradomicile .choix .center .bottom .left2 {
    height: 70%;
    order: 2;
    width: 100% !important;
  }
  .retouradomicile .choix .center .bottom .left .center,
  .retouradomicile .choix .center .bottom .left2 .center {
    width: 100%;
    border-radius: 20px;
    height: 40vh;
    margin-top: 5vh;
    padding: 3vw 5vh;
  }
  .retouradomicile .choix .center .bottom .left .center p,
  .retouradomicile .choix .center .bottom .left .center li,
  .retouradomicile .choix .center .bottom .left2 .center p,
  .retouradomicile .choix .center .bottom .left2 .center li {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
    line-height: 1.3 !important;
  }
  .retouradomicile .choix .center .bottom .right,
  .retouradomicile .choix .center .bottom .right2 {
    order: 1;
    width: 100% !important;
    height: 35vh;
    transform: scale(1);
    margin-top: 5vh;
  }
  .retouradomicile .choix .center .bottom .right .topicone .img .hover,
  .retouradomicile .choix .center .bottom .right .bottomicone .img .hover,
  .retouradomicile .choix .center .bottom .right2 .topicone .img .hover,
  .retouradomicile .choix .center .bottom .right2 .bottomicone .img .hover {
    border-radius: 20px !important;
    transform: translateY(1vh) !important;
  }
  .retouradomicile .choix .center .bottom .right .topicone .img p.titre,
  .retouradomicile .choix .center .bottom .right .bottomicone .img p.titre,
  .retouradomicile .choix .center .bottom .right2 .topicone .img p.titre,
  .retouradomicile .choix .center .bottom .right2 .bottomicone .img p.titre {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
    font-weight: 100;
    transform: translateY(2vh);
  }
  .retouradomicile .pec {
    padding-top: 0;
    height: auto;
    position: relative;
    padding-bottom: 5vh;
  }
  .retouradomicile .pec .barre {
    width: 3px;
    height: 75%;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    left: 10%;
    z-index: 50000;
  }
  .retouradomicile .pec .plan {
    width: 100%;
    height: 40% !important;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: bottom;
       object-position: bottom;
    position: absolute;
    margin-top: auto;
    transform-origin: bottom;
    transform: scaleY(1.5);
  }
  .retouradomicile .pec p.titre {
    width: 90%;
    left: 5%;
    text-align: center;
    top: 5vh;
    height: 15vh;
    position: relative;
    margin-bottom: 13vh;
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(3rem, 5vw + 1rem, 5rem);
    line-height: 1.1 !important;
    padding-top: 2vh;
  }
  .retouradomicile .pec p.titre span {
    top: 125px;
  }
  .retouradomicile .pec .pec-step {
    position: relative;
    transform: none;
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 80%;
    margin: 3vh auto 80px auto;
  }
  .retouradomicile .pec .pec-step .card {
    width: 77%;
    padding: 18px;
    border-radius: 14px;
    background-color: #2a3a40;
    text-align: left;
    order: 3;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.25);
  }
  .retouradomicile .pec .pec-step .card .absolute h3 {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(3rem, 5vw + 1rem, 5rem);
    line-height: 1.1 !important;
    font-weight: 400;
    margin-right: 2vw;
  }
  .retouradomicile .pec .pec-step .card .absolute p.title {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
    line-height: 1.3 !important;
  }
  .retouradomicile .pec .pec-step .card p.text {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
    line-height: 1.3 !important;
    font-weight: 20 !important;
  }
  .retouradomicile .pec .pec-step .line {
    width: 14%;
    height: 4px;
    background: white;
    margin-left: 7px;
    transform-origin: center;
    order: 1;
    z-index: 500000;
    transform: translate(15px, 20%);
  }
  .retouradomicile .pec .pec-step .dot {
    width: 12px;
    height: 12px;
    background: #fff;
    border-radius: 50%;
    margin-left: 1px;
    order: 2;
    z-index: 500000;
    transform: translate(5px, -30%);
  }
  .retouradomicile .pec .pec-step.s1, .retouradomicile .pec .pec-step.s2, .retouradomicile .pec .pec-step.s3, .retouradomicile .pec .pec-step.s4 {
    left: unset;
    top: unset;
  }
  .retouradomicile .pec .pec-step.s1 {
    margin-top: 10vh;
  }
  .retouradomicile .pec {
    /* colonne timeline = ligne continue */
  }
  .retouradomicile .pec .pec-step:first-child .line {
    height: 80px;
  }
  .retouradomicile .pec {
    --timeline-top: 0px;
    --timeline-height: 100px;
  }
  .retouradomicile .pec::before {
    content: "";
    position: absolute;
    left: 12%;
    border-radius: 12px;
    top: var(--timeline-top);
    height: var(--timeline-height);
    width: 4px;
    background: #fff;
    z-index: 15;
  }
  .retouradomicile .tarifother {
    height: auto;
    padding-top: 5vh;
  }
  .retouradomicile .tarifother .hovervague {
    height: 100%;
  }
  .retouradomicile .tarifother .tarif {
    height: auto;
    padding-top: 2vh;
  }
  .retouradomicile .tarifother .tarif .center p.titre {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(3rem, 5vw + 1rem, 5rem);
    line-height: 1.1 !important;
    text-align: center;
    line-height: 35px;
  }
  .retouradomicile .tarifother .tarif .center a.lien {
    text-decoration: underline;
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
    line-height: 1.3 !important;
    margin-top: 3vh;
    width: 50%;
    text-align: center;
  }
  .retouradomicile .tarifother .tarif .center .choix2 {
    flex-direction: column !important;
    height: auto !important;
    margin-top: 4vh;
    width: 75%;
  }
  .retouradomicile .tarifother .tarif .center .choix2 .cat {
    height: 55vh;
    width: 100%;
    margin-top: 2vh;
    box-shadow: 6px -6px 15px rgba(0, 0, 0, 0.4);
  }
  .retouradomicile .tarifother .tarif .center .choix2 .cat p.titre {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
    font-weight: 400;
  }
  .retouradomicile .tarifother .tarif .center .choix2 .cat p:nth-child(2) {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(3rem, 5vw + 1rem, 5rem);
    line-height: 1.1 !important;
  }
  .retouradomicile .tarifother .tarif .center .choix2 .cat p:nth-child(3),
  .retouradomicile .tarifother .tarif .center .choix2 .cat p:nth-child(5) {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.625rem, 2.8vw + 0.5rem, 2.5rem);
    line-height: 1.25 !important;
  }
  .retouradomicile .tarifother .tarif .center .choix2 .cat p:nth-child(4) {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(30px, 3.5vw + 10px, 45px);
    line-height: 1.25 !important;
  }
  .retouradomicile .tarifother .tarif .center p.infos {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
    line-height: 1.3 !important;
    width: 100% !important;
    margin-bottom: 2vh;
    font-weight: 100;
  }
  .retouradomicile .tarifother .other {
    height: auto;
    padding-top: 6vh;
    padding-bottom: 4vh;
  }
  .retouradomicile .tarifother .other .center {
    width: 80% !important;
    height: auto;
  }
  .retouradomicile .tarifother .other .center p.titre {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(3rem, 5vw + 1rem, 5rem);
    line-height: 1.1 !important;
    text-align: center;
    line-height: 35px;
  }
  .retouradomicile .tarifother .other .center p.txt {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(30px, 3.5vw + 10px, 45px);
    line-height: 1.25 !important;
    text-align: center;
    margin-top: 2vh;
  }
  .retouradomicile .tarifother .other .center .service {
    flex-direction: column;
    height: auto;
    align-items: center;
  }
  .retouradomicile .tarifother .other .center .service a {
    width: 75%;
    height: 45vh;
    margin-top: 2vh;
  }
  .retouradomicile .tarifother .other .center .service a .serv .infobulle p.txt {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.625rem, 2.8vw + 0.5rem, 2.5rem);
    line-height: 1.25 !important;
    transform: translateY(-2vh);
  }
  .retouradomicile .tarifother .other .center .service a .serv .infobulle button {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
    line-height: 1.3 !important;
  }
  .retouradomicile .question {
    height: auto;
    flex-direction: column;
    justify-content: flex-start;
    padding-top: 5vh;
  }
  .retouradomicile .question p.titresmart {
    display: flex;
    color: #fff;
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(3rem, 5vw + 1rem, 5rem);
    line-height: 1.1 !important;
    width: 50%;
    text-align: center;
  }
  .retouradomicile .question picture {
    width: 100%;
    height: 35vh;
    position: relative;
    margin-top: 4vh;
  }
  .retouradomicile .question picture .img1 {
    position: relative;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .retouradomicile .question picture::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 35%;
    pointer-events: none;
    z-index: 2;
    background: linear-gradient(to bottom, #2a3a40 0%, rgba(42, 58, 64, 0) 100%);
  }
  .retouradomicile .question picture::after {
    content: "";
    position: absolute;
    bottom: 0 !important;
    left: 0;
    width: 100%;
    height: 35%;
    pointer-events: none;
    z-index: 2;
    background: linear-gradient(to top, #2a3a40 0%, rgba(42, 58, 64, 0) 100%);
  }
  .retouradomicile .question .hoverimg {
    display: none;
  }
  .retouradomicile .question .overask {
    height: auto;
    width: 100%;
  }
  .retouradomicile .question .overask p.titre {
    display: none;
  }
  .retouradomicile .question .overask .center {
    width: 40%;
    margin: 8vh 0;
    height: auto;
  }
  .retouradomicile .question .overask .center a {
    width: 100%;
    height: auto;
    height: 5vh;
  }
  .retouradomicile .question .overask .center a.btn1 {
    border: 3px solid #fff;
    margin-bottom: 3.5vh;
  }
}
@media only screen and (max-width: 600px) {
  /* Styles pour les smartphones en portrait */
  .retouradomicile .accueil {
    position: relative;
  }
  .retouradomicile .accueil .fond_img img {
    transform: scaleX(-1);
  }
  .retouradomicile .accueil .center {
    height: 100vh;
    width: 90%;
    justify-content: center;
    margin-top: 13vh;
  }
  .retouradomicile .accueil .center .hover {
    background-image: linear-gradient(to right, rgb(42, 58, 64) 0%, rgba(42, 58, 64, 0.1) 100%), linear-gradient(to top, rgb(42, 58, 64) 0%, rgba(42, 58, 64, 0) 30%);
  }
  .retouradomicile .accueil .center .infos {
    height: auto;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    transform: translateY(-7vh);
  }
  .retouradomicile .accueil .center .infos img {
    display: flex !important;
    width: 38%;
    transform: translate(-17vw, 15vh);
  }
  .retouradomicile .accueil .center .infos p.titre {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(30px, 3.5vw + 10px, 45px);
    line-height: 1.25 !important;
    font-weight: 400 !important;
    line-height: 30px;
    text-align: center;
  }
  .retouradomicile .accueil .center .infos p#texte1 {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
    text-align: center;
    font-weight: 400 !important;
    width: 70% !important;
    margin-top: 2vh;
  }
  .retouradomicile .accueil .center .infos .button_accueil {
    width: 60%;
    flex-direction: column;
    height: auto;
    margin-top: 5vh;
  }
  .retouradomicile .accueil .center .infos .button_accueil a {
    width: 90% !important;
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
    margin-bottom: 2vh;
    height: 5vh;
  }
  .retouradomicile .accueil .chevron_bottom {
    position: absolute;
    width: 80px;
    height: 80px;
    bottom: 2lvh;
    left: 50%;
    transform: translateX(-50%) scale(0.8);
    z-index: 5;
  }
  .retouradomicile .accueil .chevron_bottom lord-icon {
    position: absolute;
    top: 35%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.6);
  }
  .retouradomicile .accueil .chevron_bottom lord-icon:nth-child(2) {
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .retouradomicile .choix {
    height: 100vh;
  }
  .retouradomicile .choix .center {
    height: 100%;
    width: 80%;
    justify-content: flex-start;
  }
  .retouradomicile .choix .center .top {
    height: 15%;
  }
  .retouradomicile .choix .center .top p.titre {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(30px, 3.5vw + 10px, 45px);
    line-height: 1.25 !important;
    margin-bottom: 2vh;
  }
  .retouradomicile .choix .center .choixchoix {
    height: 5% !important;
    margin-top: 0;
  }
  .retouradomicile .choix .center .choixchoix .contain_choix .center .cx1 p {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
  }
  .retouradomicile .choix .center .choixchoix .contain_choix .center .cx2 p {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
  }
  .retouradomicile .choix .center .bottom {
    height: 80%;
    justify-content: flex-start;
    margin-top: 2vh;
  }
  .retouradomicile .choix .center .bottom .right,
  .retouradomicile .choix .center .bottom .right2 {
    height: 40%;
    margin-top: 0;
  }
  .retouradomicile .choix .center .bottom .right .topicone .img p.titre,
  .retouradomicile .choix .center .bottom .right .bottomicone .img p.titre,
  .retouradomicile .choix .center .bottom .right2 .topicone .img p.titre,
  .retouradomicile .choix .center .bottom .right2 .bottomicone .img p.titre {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
    line-height: 1.3 !important;
    transform: translateY(5vh);
  }
  .retouradomicile .choix .center .bottom .left,
  .retouradomicile .choix .center .bottom .left2 {
    height: 60%;
  }
  .retouradomicile .choix .center .bottom .left .center,
  .retouradomicile .choix .center .bottom .left2 .center {
    padding: 1vw 2vh;
  }
  .retouradomicile .choix .center .bottom .left .center p,
  .retouradomicile .choix .center .bottom .left .center li,
  .retouradomicile .choix .center .bottom .left2 .center p,
  .retouradomicile .choix .center .bottom .left2 .center li {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
  }
  .retouradomicile .choix .center .bottom .left .center li,
  .retouradomicile .choix .center .bottom .left2 .center li {
    margin-left: 2vw;
  }
  .retouradomicile .pec {
    padding-top: 0;
    height: auto;
    position: relative;
    padding-bottom: 5vh;
  }
  .retouradomicile .pec .barre {
    width: 3px;
    height: 75%;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    left: 10%;
    z-index: 50000;
  }
  .retouradomicile .pec .plan {
    width: 100%;
    height: 30% !important;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: bottom;
       object-position: bottom;
    position: absolute;
    margin-top: auto;
    transform-origin: bottom;
    transform: scaleY(1.5);
  }
  .retouradomicile .pec p.titre {
    width: 90%;
    left: 5%;
    text-align: center;
    top: 5vh;
    position: relative;
    margin-bottom: 13vh;
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(30px, 3.5vw + 10px, 45px);
    line-height: 1.25 !important;
    padding-top: 2vh;
  }
  .retouradomicile .pec .pec-step {
    position: relative;
    transform: none;
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 90%;
    margin: 0 auto 80px auto;
  }
  .retouradomicile .pec .pec-step .card {
    width: 77%;
    padding: 18px;
    border-radius: 14px;
    background-color: #2a3a40;
    text-align: left;
    order: 3;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.25);
  }
  .retouradomicile .pec .pec-step .card .absolute h3 {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(3rem, 5vw + 1rem, 5rem);
    line-height: 1.1 !important;
    font-weight: 400;
    margin-right: 2vw;
  }
  .retouradomicile .pec .pec-step .card .absolute p.title {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
    line-height: 1.3 !important;
  }
  .retouradomicile .pec .pec-step .card p.text {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
    font-weight: 20 !important;
  }
  .retouradomicile .pec .pec-step .line {
    width: 14%;
    height: 4px;
    background: white;
    margin-left: 7px;
    transform-origin: center;
    order: 1;
    z-index: 500000;
    transform: translate(15px, 20%);
  }
  .retouradomicile .pec .pec-step .dot {
    width: 12px;
    height: 12px;
    background: #fff;
    border-radius: 50%;
    margin-left: 1px;
    order: 2;
    z-index: 500000;
    transform: translate(5px, -30%);
  }
  .retouradomicile .pec .pec-step.s1, .retouradomicile .pec .pec-step.s2, .retouradomicile .pec .pec-step.s3, .retouradomicile .pec .pec-step.s4 {
    left: unset;
    top: unset;
  }
  .retouradomicile .pec {
    /* colonne timeline = ligne continue */
  }
  .retouradomicile .pec .pec-step:first-child .line {
    height: 80px;
  }
  .retouradomicile .pec {
    --timeline-top: 0px;
    --timeline-height: 100px;
  }
  .retouradomicile .pec::before {
    content: "";
    position: absolute;
    left: 10%;
    border-radius: 12px;
    top: var(--timeline-top);
    height: var(--timeline-height);
    width: 4px;
    background: #fff;
    z-index: 15;
  }
  .retouradomicile .tarifother .tarif .center p.titre {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(30px, 3.5vw + 10px, 45px);
    line-height: 1.25 !important;
  }
  .retouradomicile .tarifother .tarif .center .choix2 {
    width: 100%;
  }
  .retouradomicile .tarifother .tarif .center .choix2 .cat p:nth-child(2) {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(2.8125rem, 3vw + 1rem, 4.0625rem);
    line-height: 1.1 !important;
  }
  .retouradomicile .tarifother .tarif .center .choix2 .cat p:nth-child(3),
  .retouradomicile .tarifother .tarif .center .choix2 .cat p:nth-child(5) {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
  }
  .retouradomicile .tarifother .tarif .center .choix2 .cat p:nth-child(4) {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
    line-height: 1.3 !important;
  }
  .retouradomicile .tarifother .other .center p.titre {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(30px, 3.5vw + 10px, 45px);
    line-height: 1.25 !important;
  }
  .retouradomicile .tarifother .other .center .service a {
    width: 100%;
  }
  .retouradomicile .tarifother .other .center .service a .serv .infobulle p.txt {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
    line-height: 1.3 !important;
    transform: translateY(-2vh);
  }
  .retouradomicile .tarifother .other .center .service a .serv .infobulle button {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
    line-height: 1.3 !important;
  }
  .retouradomicile .question p.titresmart {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(30px, 3.5vw + 10px, 45px);
    line-height: 1.25 !important;
  }
}
.anxiete {
  width: 100vw;
  height: auto;
  position: relative;
}
.anxiete .accueil {
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  backface-visibility: hidden;
  transform: translateZ(0);
  box-sizing: border-box;
}
.anxiete .accueil .center {
  height: auto;
  width: 75%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1600px) {
  .anxiete .accueil .center {
    max-width: 1440px;
  }
}
.anxiete .accueil .center .hover {
  position: absolute;
  width: 100%;
  height: 100vh;
  background: radial-gradient(circle, rgba(42, 58, 64, 0) 0%, rgb(42, 58, 64) 100%), linear-gradient(0deg, rgb(42, 58, 64) 0%, rgba(42, 58, 64, 0) 100%);
  left: 0;
  top: 0;
}
.anxiete .accueil .center img {
  width: 40%;
  height: auto;
}
.anxiete .accueil .center .infos {
  width: 70%;
  height: auto;
  display: flex;
  flex-direction: column;
  transform: translateY(0vh);
}
.anxiete .accueil .center .infos img.smart-img {
  display: none;
}
.anxiete .accueil .center .infos p.titre {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(3rem, 5vw + 1rem, 5rem);
  line-height: 1.1 !important;
  font-weight: 400;
  line-height: 75px;
}
.anxiete .accueil .center .infos p {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
  line-height: 1.3 !important;
  margin-top: 2vh;
  color: #ffffff;
  width: 100% !important;
}
.anxiete .accueil .center .infos .button_accueil {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 40%;
  height: auto;
  margin-top: 2vh;
}
.anxiete .accueil .center .infos .button_accueil a {
  text-decoration: none;
  height: 6vh;
  background-color: transparent;
  border-radius: 30px;
  padding: 3%;
  position: relative;
  cursor: pointer;
}
.anxiete .accueil .center .infos .button_accueil a:nth-child(1) {
  border: 4px solid white;
  color: #ffffff;
  width: 39%;
  white-space: nowrap;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.anxiete .accueil .center .infos .button_accueil a:nth-child(2) {
  background-color: #ffffff;
  color: #2a3a40;
  width: 55%;
  white-space: nowrap;
  border: none;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.anxiete .accueil .fond_img {
  width: 100vw;
  height: 100vh;
  position: absolute;
  left: 0;
  top: 0;
  backface-visibility: hidden;
  transform: translateZ(0);
  box-sizing: border-box;
}
.anxiete .accueil .fond_img img {
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: center;
}
.anxiete .choix {
  width: 100%;
  height: 100vh;
  background-color: #2a3a40;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 10vh;
}
.anxiete .choix .center {
  width: 80%;
  height: 90%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1600px) {
  .anxiete .choix .center {
    max-width: 1440px;
  }
}
.anxiete .choix .center {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}
.anxiete .choix .center .top {
  width: 100%;
  height: 35%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  align-items: flex-start;
}
.anxiete .choix .center .top p.titre {
  width: 75%;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(2.8125rem, 3vw + 1rem, 4.0625rem);
  line-height: 1.1 !important;
  color: #ffffff;
}
.anxiete .choix .center .bottom {
  width: 100%;
  height: 65%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.anxiete .choix .center .bottom .left {
  height: 100%;
  width: 45%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.anxiete .choix .center .bottom .left .center {
  padding-left: 2vw;
  height: 100%;
  height: 100%;
  background-color: #4c6c73;
  border-radius: 45px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  display: none;
}
.anxiete .choix .center .bottom .left .center .img {
  width: 30%;
  height: 25%;
}
.anxiete .choix .center .bottom .left .center .deuxieme {
  transform-origin: top;
  transform: scale(0.8);
}
.anxiete .choix .center .bottom .left .center p {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
  line-height: 1.3 !important;
  color: white;
  width: 80%;
}
.anxiete .choix .center .bottom .left .center p:nth-child(2) {
  margin-bottom: 2vh;
}
.anxiete .choix .center .bottom .left .center p.titre {
  width: 95%;
  font-weight: 500;
  margin-bottom: 1vh;
}
.anxiete .choix .center .bottom .left .center p.txt {
  font-weight: 200;
  width: 95%;
}
.anxiete .choix .center .bottom .left .center.active {
  display: flex;
}
.anxiete .choix .center .bottom .right {
  height: 95%;
  width: 55%;
  display: flex;
  flex-direction: column;
  transform-origin: right;
  transform: scale(0.9);
}
.anxiete .choix .center .bottom .right .topicone {
  width: 100%;
  height: 50%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.anxiete .choix .center .bottom .right .topicone .img {
  width: 33.3%;
  height: 100%;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  cursor: pointer;
}
.anxiete .choix .center .bottom .right .topicone .img img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 60%;
  height: 35%;
  transform: translateY(4vh);
}
.anxiete .choix .center .bottom .right .topicone .img .hover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50px;
  background: linear-gradient(0deg, rgb(76, 108, 115) 0%, rgba(76, 108, 115, 0) 0);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.anxiete .choix .center .bottom .right .topicone .img .hover.active {
  background: linear-gradient(0deg, rgb(76, 108, 115) 0%, rgba(76, 108, 115, 0) 100%);
  transform: scale(1.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  border-radius: 45px;
  /* Optionnel, pour un effet plus doux */
}
.anxiete .choix .center .bottom .right .topicone .img p {
  color: white;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
  line-height: 1.3 !important;
  width: 90%;
  height: 20%;
  text-align: center;
  position: absolute;
  bottom: 50px;
  transform: scale(0.8);
}
.anxiete .choix .center .bottom .right .bottomicone {
  width: 100%;
  height: 50%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.anxiete .choix .center .bottom .right .bottomicone .img {
  width: 33.3%;
  height: 100%;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  cursor: pointer;
}
.anxiete .choix .center .bottom .right .bottomicone .img img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 60%;
  height: 35%;
  transform: translateY(4vh);
}
.anxiete .choix .center .bottom .right .bottomicone .img .hover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgb(76, 108, 115) 0%, rgba(76, 108, 115, 0) 0);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.anxiete .choix .center .bottom .right .bottomicone .img .hover.active {
  background: linear-gradient(0deg, rgb(76, 108, 115) 0%, rgba(76, 108, 115, 0) 100%);
  transform: scale(1.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  border-radius: 45px;
  /* Optionnel, pour un effet plus doux */
}
.anxiete .choix .center .bottom .right .bottomicone .img p {
  color: white;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
  line-height: 1.3 !important;
  width: 90%;
  height: 20%;
  text-align: center;
  position: absolute;
  bottom: 50px;
  transform: scale(0.8);
}
.anxiete .choix {
  width: 100%;
  height: 100vh;
  background-color: #2a3a40;
  display: flex;
  justify-content: center;
  align-items: center;
}
.anxiete .choix .center {
  width: 80%;
  height: 90%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1600px) {
  .anxiete .choix .center {
    max-width: 1440px;
  }
}
.anxiete .choix .center {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}
.anxiete .choix .center .top {
  width: 100%;
  height: 20%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  align-items: flex-start;
}
.anxiete .choix .center .top p.titre {
  width: 50%;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(2.8125rem, 3vw + 1rem, 4.0625rem);
  line-height: 1.1 !important;
  color: #ffffff;
  line-height: 70px;
}
.anxiete .choix .center .choixchoix {
  width: 100%;
  height: 8%;
  display: flex;
  justify-content: flex-end;
}
.anxiete .choix .center .choixchoix .contain_choix {
  width: 50%;
  height: 100%;
  background-color: #95b8bf;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.anxiete .choix .center .choixchoix .contain_choix .center {
  width: 100%;
  height: 90%;
  transform-origin: center;
  transform: scale(0.98);
  border-radius: 50px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: nowrap;
}
.anxiete .choix .center .choixchoix .contain_choix .center .cx1,
.anxiete .choix .center .choixchoix .contain_choix .center .cx2 {
  width: 50%;
  height: 100%;
  border-radius: 50px;
  background-color: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.anxiete .choix .center .choixchoix .contain_choix .center .cx1 p,
.anxiete .choix .center .choixchoix .contain_choix .center .cx2 p {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
  line-height: 1.3 !important;
  color: #2a3a40;
}
.anxiete .choix .center .choixchoix .contain_choix .center .cx1.active {
  background-color: #2a3a40;
}
.anxiete .choix .center .choixchoix .contain_choix .center .cx1.active p {
  color: #95b8bf;
}
.anxiete .choix .center .choixchoix .contain_choix .center .cx2.active {
  background-color: #2a3a40;
}
.anxiete .choix .center .choixchoix .contain_choix .center .cx2.active p {
  color: #95b8bf;
}
.anxiete .choix .center .bottom {
  width: 100%;
  height: 65%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.anxiete .choix .center .bottom .left,
.anxiete .choix .center .bottom .left2 {
  height: 100%;
  width: 45%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.anxiete .choix .center .bottom .left .center,
.anxiete .choix .center .bottom .left2 .center {
  height: 100%;
  width: 100%;
  background-color: #4c6c73;
  border-radius: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
  display: none;
}
.anxiete .choix .center .bottom .left .center p,
.anxiete .choix .center .bottom .left2 .center p {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  color: white;
  width: 80%;
}
.anxiete .choix .center .bottom .left .center p:nth-child(2),
.anxiete .choix .center .bottom .left2 .center p:nth-child(2) {
  margin-bottom: 2vh;
}
.anxiete .choix .center .bottom .left .center li,
.anxiete .choix .center .bottom .left2 .center li {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  color: white;
  width: 80%;
}
.anxiete .choix .center .bottom .left .center p.titre,
.anxiete .choix .center .bottom .left2 .center p.titre {
  font-weight: 500;
  margin-bottom: 1vh;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
  line-height: 1.3 !important;
}
.anxiete .choix .center .bottom .left .center p.txt2,
.anxiete .choix .center .bottom .left2 .center p.txt2 {
  margin-top: 2vh;
  width: 90%;
}
.anxiete .choix .center .bottom .left .center:nth-child(3) p.txt,
.anxiete .choix .center .bottom .left2 .center:nth-child(3) p.txt {
  margin-top: 4vh;
}
.anxiete .choix .center .bottom .left .center:nth-child(4) p.txt,
.anxiete .choix .center .bottom .left2 .center:nth-child(4) p.txt {
  margin-top: 4vh;
}
.anxiete .choix .center .bottom .left .center:nth-child(5) p.txt,
.anxiete .choix .center .bottom .left2 .center:nth-child(5) p.txt {
  margin-top: 4vh;
}
.anxiete .choix .center .bottom .left .center:nth-child(6) p.txt,
.anxiete .choix .center .bottom .left2 .center:nth-child(6) p.txt {
  margin-top: 4vh;
}
.anxiete .choix .center .bottom .left .center.active,
.anxiete .choix .center .bottom .left2 .center.active {
  display: flex;
}
.anxiete .choix .center .bottom .left2 {
  display: none;
}
.anxiete .choix .center .bottom .right,
.anxiete .choix .center .bottom .right2 {
  height: 90%;
  width: 55%;
  display: flex;
  flex-direction: column;
  transform-origin: right;
  transform: scale(0.9);
}
.anxiete .choix .center .bottom .right .topicone,
.anxiete .choix .center .bottom .right2 .topicone {
  width: 100%;
  height: 50%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.anxiete .choix .center .bottom .right .topicone .img,
.anxiete .choix .center .bottom .right2 .topicone .img {
  width: 33.3%;
  height: 100%;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  cursor: pointer;
}
.anxiete .choix .center .bottom .right .topicone .img img,
.anxiete .choix .center .bottom .right2 .topicone .img img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 60%;
  height: 35%;
  transform: translateY(4vh);
}
.anxiete .choix .center .bottom .right .topicone .img .hover,
.anxiete .choix .center .bottom .right2 .topicone .img .hover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50px;
  background: linear-gradient(0deg, rgb(76, 108, 115) 0%, rgba(76, 108, 115, 0) 0);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.anxiete .choix .center .bottom .right .topicone .img .hover.active,
.anxiete .choix .center .bottom .right2 .topicone .img .hover.active {
  background: linear-gradient(0deg, rgb(76, 108, 115) 0%, rgba(76, 108, 115, 0) 100%);
  transform: scale(1.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  border-radius: 45px;
  /* Optionnel, pour un effet plus doux */
}
.anxiete .choix .center .bottom .right .topicone .img p,
.anxiete .choix .center .bottom .right2 .topicone .img p {
  color: white;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
  line-height: 1.3 !important;
  width: 100%;
  height: 20%;
  text-align: center;
  position: absolute;
  bottom: 10px;
  transform: scale(0.9);
}
.anxiete .choix .center .bottom .right .bottomicone,
.anxiete .choix .center .bottom .right2 .bottomicone {
  width: 100%;
  height: 50%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.anxiete .choix .center .bottom .right .bottomicone .img,
.anxiete .choix .center .bottom .right2 .bottomicone .img {
  width: 33.3%;
  height: 100%;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  cursor: pointer;
}
.anxiete .choix .center .bottom .right .bottomicone .img img,
.anxiete .choix .center .bottom .right2 .bottomicone .img img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 60%;
  height: 35%;
  transform: translateY(4vh);
}
.anxiete .choix .center .bottom .right .bottomicone .img .hover,
.anxiete .choix .center .bottom .right2 .bottomicone .img .hover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgb(76, 108, 115) 0%, rgba(76, 108, 115, 0) 0);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.anxiete .choix .center .bottom .right .bottomicone .img .hover.active,
.anxiete .choix .center .bottom .right2 .bottomicone .img .hover.active {
  background: linear-gradient(0deg, rgb(76, 108, 115) 0%, rgba(76, 108, 115, 0) 100%);
  transform: scale(1.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  border-radius: 45px;
  /* Optionnel, pour un effet plus doux */
}
.anxiete .choix .center .bottom .right .bottomicone .img p,
.anxiete .choix .center .bottom .right2 .bottomicone .img p {
  color: white;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
  line-height: 1.3 !important;
  width: 100%;
  height: 20%;
  text-align: center;
  position: absolute;
  bottom: 10px;
  transform: scale(0.9);
}
.anxiete .choix .center .bottom .right2 {
  display: none;
}
.anxiete .pec {
  position: relative;
  width: 100vw;
  height: 100vh;
  overflow: visible;
  padding-top: 25vh;
  background-color: #2a3a40;
  z-index: 5000;
}
.anxiete .pec p.titre {
  color: #fff;
  position: absolute;
  width: 45%;
  left: 15%;
  top: 5vh;
  z-index: 50000;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(2.8125rem, 3vw + 1rem, 4.0625rem);
  line-height: 1.1 !important;
}
.anxiete .pec p.titre span {
  position: absolute;
  right: 0;
  top: 80%;
  transform: translateY(-50%);
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
  line-height: 1.3 !important;
}
.anxiete .pec {
  /* Plans (montagnes + route) */
}
.anxiete .pec .plan {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: bottom center;
     object-position: bottom center;
  pointer-events: none;
  will-change: transform;
}
.anxiete .pec .plan.plan4 {
  z-index: 1;
}
.anxiete .pec .plan.plan3 {
  z-index: 2;
}
.anxiete .pec .plan.plan2 {
  z-index: 3;
}
.anxiete .pec .plan.plan1 {
  z-index: 4;
}
.anxiete .pec .pec-step {
  position: absolute;
  z-index: 20;
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  transform: translateY(-40px);
}
.anxiete .pec .pec-step .dot {
  width: 14px;
  height: 14px;
  background: #fff;
  border-radius: 50%;
  margin-top: 5px;
  transform: translateY(-20px);
}
.anxiete .pec .pec-step .line {
  width: 2px;
  height: 100px;
  background: white;
  margin-bottom: 5px;
}
.anxiete .pec .pec-step .card {
  width: 340px;
  padding: 20px;
  border-radius: 12px;
  color: white;
  text-align: left;
  position: relative;
}
.anxiete .pec .pec-step .card .absolute {
  width: auto;
  position: absolute;
  display: flex;
  align-items: center;
  left: 0;
  top: 0;
  transform: translateY(-95%);
  z-index: 5;
}
.anxiete .pec .pec-step .card .absolute h3 {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(3rem, 5vw + 1rem, 5rem);
  line-height: 1.1 !important;
  font-weight: 400 !important;
  margin: 0;
}
.anxiete .pec .pec-step .card .absolute .title {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
  line-height: 1.3 !important;
  margin: 5px 0 10px 1vw;
}
.anxiete .pec .pec-step .card .text {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  line-height: 1.4;
  text-align: justify;
  font-weight: 100;
}
.anxiete .pec .pec-step .card:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  background: #2A3A40;
  opacity: 0.7;
  z-index: -500000;
  border-radius: 20px;
}
.anxiete .pec .pec-step {
  /* ✅ positions */
}
.anxiete .pec .pec-step.s1 {
  left: 5%;
  top: 42%;
}
.anxiete .pec .pec-step.s2 {
  left: 29%;
  top: 34%;
}
.anxiete .pec .pec-step.s3 {
  left: 53%;
  top: 35%;
}
.anxiete .pec .pec-step.s4 {
  left: 76%;
  top: 34%;
}
.anxiete .tarifother {
  height: 200vh;
  position: relative;
  overflow: visible;
  z-index: 60000;
  background-color: #2a3a40;
}
.anxiete .tarifother .hovervague {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 4000;
  pointer-events: none;
}
.anxiete .tarifother .hovervague img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.anxiete .tarifother .tarif {
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 60000;
}
.anxiete .tarifother .tarif .center {
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1600px) {
  .anxiete .tarifother .tarif .center {
    max-width: 1440px;
  }
}
.anxiete .tarifother .tarif .center {
  width: 80%;
  height: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.anxiete .tarifother .tarif .center p.titre {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(2.8125rem, 3vw + 1rem, 4.0625rem);
  line-height: 1.1 !important;
  color: #ffffff;
}
.anxiete .tarifother .tarif .center a {
  text-decoration: none;
  display: flex;
  justify-content: center;
}
.anxiete .tarifother .tarif .center a p.lien {
  text-decoration: underline;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  color: white;
  margin-top: 1vh;
}
.anxiete .tarifother .tarif .center a p.lien span {
  text-decoration: underline;
}
.anxiete .tarifother .tarif .center .choix2 {
  width: 80%;
  height: 60%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 7vh;
}
.anxiete .tarifother .tarif .center .choix2 .cat {
  width: 32%;
  height: 100%;
  background-color: #2a3a40;
  border-radius: 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  justify-content: space-around !important;
}
.anxiete .tarifother .tarif .center .choix2 .cat p.titre {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  background-color: #4c6c73;
  width: 60%;
  height: 5vh;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  font-weight: 300;
  height: 7%;
}
.anxiete .tarifother .tarif .center .choix2 .cat p:nth-child(2) {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(30px, 3.5vw + 10px, 45px);
  line-height: 1.25 !important;
  color: #ffffff;
  transform: scale(0.95);
  height: 10%;
}
.anxiete .tarifother .tarif .center .choix2 .cat p:nth-child(3) {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  color: #ffffff;
  text-align: center;
  height: 10%;
}
.anxiete .tarifother .tarif .center .choix2 .cat p:nth-child(4) {
  width: 85%;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
  line-height: 1.3 !important;
  color: #ffffff;
  text-align: center;
  transform: scale(1.1);
  height: 10%;
}
.anxiete .tarifother .tarif .center .choix2 .cat p:nth-child(5) {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  color: #ffffff;
  text-align: center;
  height: 15%;
  width: 85%;
  font-weight: 100;
}
.anxiete .tarifother .tarif .center .choix2 .cat a {
  border-radius: 50px;
  width: 60%;
  height: 5vh;
}
.anxiete .tarifother .tarif .center .choix2 .cat p.button {
  border-radius: 50px;
  width: 100%;
  height: 100%;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  background-color: #95b8bf;
  color: #2a3a40;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
}
.anxiete .tarifother .tarif .center p.infos {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
  line-height: 1.3 !important;
  color: white;
  text-align: center;
  font-weight: 300;
  margin-top: 5vh;
  width: 70%;
}
.anxiete .tarifother .other {
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
.anxiete .tarifother .other .center {
  width: 60%;
  height: 75%;
  z-index: 600000;
}
.anxiete .tarifother .other .center p.titre {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(2.8125rem, 3vw + 1rem, 4.0625rem);
  line-height: 1.1 !important;
  color: white;
  height: 10%;
}
.anxiete .tarifother .other .center p.txt {
  height: 10%;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
  line-height: 1.3 !important;
  color: white;
  margin-top: 1vh;
  text-align: justify;
}
.anxiete .tarifother .other .center .service {
  margin-top: 5%;
  width: 100%;
  height: 65%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.anxiete .tarifother .other .center .service a {
  width: 32%;
  height: 100%;
  margin-right: 2vw;
  text-decoration: none;
}
.anxiete .tarifother .other .center .service a .serv {
  border-radius: 50px;
  background-color: #95b8bf;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.anxiete .tarifother .other .center .service a .serv .img {
  width: 100%;
  height: 65%;
  border-radius: 50px;
  overflow: hidden;
  position: relative;
}
.anxiete .tarifother .other .center .service a .serv .img p.titre {
  width: 60%;
  background-color: #95b8bf;
  color: #2a3a40;
  height: 5vh;
  position: absolute;
  top: 5vh;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
  line-height: 1.3 !important;
  text-align: center;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.anxiete .tarifother .other .center .service a .serv .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.anxiete .tarifother .other .center .service a .serv .img:nth-child(1) img {
  -o-object-position: bottom;
     object-position: bottom;
}
.anxiete .tarifother .other .center .service a .serv .infobulle {
  width: 100%;
  height: 30%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
}
.anxiete .tarifother .other .center .service a .serv .infobulle p {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  color: #2a3a40;
  font-weight: 600 !important;
}
.anxiete .tarifother .other .center .service a .serv .infobulle button {
  width: 60%;
  height: 5vh;
  background-color: #2a3a40;
  border: none;
  border-radius: 50px;
  color: #fff;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  font-weight: 500;
}
.anxiete .question {
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: flex-end;
  position: relative;
  align-items: center;
  background-color: #2a3a40;
}
.anxiete .question p.titresmart {
  display: none;
}
.anxiete .question .img1 {
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  width: auto;
  height: 100%;
}
.anxiete .question .hoverimg {
  width: 50%;
  height: 50%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: linear-gradient(to top, rgb(42, 58, 64) 0%, rgb(42, 58, 64) 15%, rgba(42, 58, 64, 0) 100%);
  z-index: 50000;
}
.anxiete .question .overask {
  width: 50%;
  height: 70%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.anxiete .question .overask .center {
  width: 70%;
  height: 50%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}
.anxiete .question .overask .center p.titre {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(2.8125rem, 3vw + 1rem, 4.0625rem);
  line-height: 1.1 !important;
  color: white;
  text-align: center;
  width: 80%;
}
.anxiete .question .overask .center a {
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 35%;
  height: 5vh;
  border: 5px solid #ffffff;
  border-radius: 25px;
  background-color: transparent;
  color: #ffffff;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
}
.anxiete .question .overask .center a:nth-child(2) {
  background-color: #ffffff;
  border: 0;
  color: #2a3a40;
  transform: translateY(2vh);
}

/* Tablette */
@media only screen and (max-width: 1024px) {
  /* Styles pour les smartphones en portrait */
  .anxiete {
    overflow-x: hidden;
  }
  .anxiete .accueil {
    position: relative;
  }
  .anxiete .accueil .center {
    height: 100vh;
    width: 80%;
    justify-content: center;
    align-items: center;
    margin-top: 6vh;
  }
  .anxiete .accueil .center .infos {
    height: auto;
    width: 80%;
    justify-content: space-between;
    width: 100%;
    align-items: flex-start;
    transform: translateY(0);
    position: relative;
  }
  .anxiete .accueil .center .infos p {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.625rem, 2.8vw + 0.5rem, 2.5rem);
    line-height: 1.25 !important;
    font-weight: 100;
  }
  .anxiete .accueil .center .infos p.titre {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(3rem, 5vw + 1rem, 5rem);
    line-height: 1.1 !important;
  }
  .anxiete .accueil .center .infos img {
    display: flex !important;
    width: 38%;
    position: absolute;
    top: -25vh;
    left: 50%;
    transform: translateX(-50%);
  }
  .anxiete .accueil .center .infos .button_accueil {
    width: 60%;
    height: 5vh;
    margin-top: 5vh;
  }
  .anxiete .accueil .center .infos .button_accueil a {
    width: 30%;
  }
  .anxiete .accueil .center .infos .button_accueil a:nth-child(1) {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
    line-height: 1.3 !important;
  }
  .anxiete .accueil .center .infos .button_accueil a:nth-child(2) {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
    line-height: 1.3 !important;
  }
  .anxiete .accueil .chevron_bottom {
    position: absolute;
    width: 80px;
    height: 80px;
    bottom: 2lvh;
    left: 50%;
    transform: translateX(-50%) scale(0.8);
    z-index: 5;
  }
  .anxiete .accueil .chevron_bottom lord-icon {
    position: absolute;
    top: 35%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.6);
  }
  .anxiete .accueil .chevron_bottom lord-icon:nth-child(2) {
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .anxiete .choix {
    height: auto;
  }
  .anxiete .choix .center {
    width: 80%;
    height: auto;
  }
  .anxiete .choix .center .top {
    width: 100%;
  }
  .anxiete .choix .center .top p.titre {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(3rem, 5vw + 1rem, 5rem);
    line-height: 1.1 !important;
    width: 100%;
    text-align: center;
  }
  .anxiete .choix .center .choixchoix {
    width: 100%;
    height: 7%;
    margin-top: 5vh;
    height: 8vh;
  }
  .anxiete .choix .center .choixchoix .contain_choix {
    width: 100%;
  }
  .anxiete .choix .center .bottom {
    width: 100%;
    flex-direction: column;
    height: 75%;
    align-items: center;
  }
  .anxiete .choix .center .bottom .left,
  .anxiete .choix .center .bottom .left2 {
    height: 70%;
    order: 2;
    width: 100% !important;
  }
  .anxiete .choix .center .bottom .left .center,
  .anxiete .choix .center .bottom .left2 .center {
    width: 100%;
    border-radius: 20px;
    height: 40vh;
    margin-top: 5vh;
  }
  .anxiete .choix .center .bottom .left .center p,
  .anxiete .choix .center .bottom .left .center li,
  .anxiete .choix .center .bottom .left2 .center p,
  .anxiete .choix .center .bottom .left2 .center li {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
    line-height: 1.3 !important;
  }
  .anxiete .choix .center .bottom .right,
  .anxiete .choix .center .bottom .right2 {
    order: 1;
    width: 100% !important;
    height: 35vh;
    transform: scale(1);
    margin-top: 5vh;
  }
  .anxiete .choix .center .bottom .right .topicone .img .hover,
  .anxiete .choix .center .bottom .right .bottomicone .img .hover,
  .anxiete .choix .center .bottom .right2 .topicone .img .hover,
  .anxiete .choix .center .bottom .right2 .bottomicone .img .hover {
    border-radius: 20px !important;
    transform: translateY(1vh) !important;
  }
  .anxiete .choix .center .bottom .right .topicone .img p.titre,
  .anxiete .choix .center .bottom .right .bottomicone .img p.titre,
  .anxiete .choix .center .bottom .right2 .topicone .img p.titre,
  .anxiete .choix .center .bottom .right2 .bottomicone .img p.titre {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
    font-weight: 100;
  }
  .anxiete .pec {
    padding-top: 0;
    height: auto;
    position: relative;
    padding-bottom: 5vh;
  }
  .anxiete .pec .barre {
    width: 3px;
    height: 75%;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    left: 10%;
    z-index: 50000;
  }
  .anxiete .pec .plan {
    width: 100%;
    height: 40% !important;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: bottom;
       object-position: bottom;
    position: absolute;
    margin-top: auto;
    transform-origin: bottom;
    transform: scaleY(1.5);
  }
  .anxiete .pec p.titre {
    width: 90%;
    left: 5%;
    text-align: center;
    top: 5vh;
    height: 15vh;
    position: relative;
    margin-bottom: 13vh;
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(3rem, 5vw + 1rem, 5rem);
    line-height: 1.1 !important;
    padding-top: 2vh;
  }
  .anxiete .pec p.titre span {
    top: 125px;
  }
  .anxiete .pec .pec-step {
    position: relative;
    transform: none;
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 80%;
    margin: 3vh auto 80px auto;
  }
  .anxiete .pec .pec-step .card {
    width: 77%;
    padding: 18px;
    border-radius: 14px;
    background-color: #2a3a40;
    text-align: left;
    order: 3;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.25);
  }
  .anxiete .pec .pec-step .card .absolute h3 {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(3rem, 5vw + 1rem, 5rem);
    line-height: 1.1 !important;
    font-weight: 400;
    margin-right: 2vw;
  }
  .anxiete .pec .pec-step .card .absolute p.title {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
    line-height: 1.3 !important;
  }
  .anxiete .pec .pec-step .card p.text {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
    line-height: 1.3 !important;
    font-weight: 20 !important;
  }
  .anxiete .pec .pec-step .line {
    width: 14%;
    height: 4px;
    background: white;
    margin-left: 7px;
    transform-origin: center;
    order: 1;
    z-index: 500000;
    transform: translate(15px, 20%);
  }
  .anxiete .pec .pec-step .dot {
    width: 12px;
    height: 12px;
    background: #fff;
    border-radius: 50%;
    margin-left: 1px;
    order: 2;
    z-index: 500000;
    transform: translate(5px, -30%);
  }
  .anxiete .pec .pec-step.s1, .anxiete .pec .pec-step.s2, .anxiete .pec .pec-step.s3, .anxiete .pec .pec-step.s4 {
    left: unset;
    top: unset;
  }
  .anxiete .pec .pec-step.s1 {
    margin-top: 10vh;
  }
  .anxiete .pec {
    /* colonne timeline = ligne continue */
  }
  .anxiete .pec .pec-step:first-child .line {
    height: 80px;
  }
  .anxiete .pec {
    --timeline-top: 0px;
    --timeline-height: 100px;
  }
  .anxiete .pec::before {
    content: "";
    position: absolute;
    left: 12%;
    border-radius: 12px;
    top: var(--timeline-top);
    height: var(--timeline-height);
    width: 4px;
    background: #fff;
    z-index: 15;
  }
  .anxiete .tarifother {
    height: auto;
    padding-top: 5vh;
  }
  .anxiete .tarifother .hovervague {
    height: 100%;
  }
  .anxiete .tarifother .tarif {
    height: auto;
    padding-top: 2vh;
  }
  .anxiete .tarifother .tarif .center p.titre {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(3rem, 5vw + 1rem, 5rem);
    line-height: 1.1 !important;
    text-align: center;
    line-height: 35px;
  }
  .anxiete .tarifother .tarif .center p.lien {
    text-decoration: underline;
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
    line-height: 1.3 !important;
    margin-top: 3vh;
    width: 50%;
    text-align: center;
  }
  .anxiete .tarifother .tarif .center .choix2 {
    flex-direction: column !important;
    height: auto !important;
    margin-top: 4vh;
    width: 75%;
  }
  .anxiete .tarifother .tarif .center .choix2 .cat {
    height: 55vh;
    width: 100%;
    margin-top: 2vh;
    box-shadow: 6px -6px 15px rgba(0, 0, 0, 0.4);
  }
  .anxiete .tarifother .tarif .center .choix2 .cat p.titre {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
    font-weight: 400;
  }
  .anxiete .tarifother .tarif .center .choix2 .cat p:nth-child(2) {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(3rem, 5vw + 1rem, 5rem);
    line-height: 1.1 !important;
  }
  .anxiete .tarifother .tarif .center .choix2 .cat p:nth-child(3),
  .anxiete .tarifother .tarif .center .choix2 .cat p:nth-child(5) {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.625rem, 2.8vw + 0.5rem, 2.5rem);
    line-height: 1.25 !important;
  }
  .anxiete .tarifother .tarif .center .choix2 .cat p:nth-child(4) {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(30px, 3.5vw + 10px, 45px);
    line-height: 1.25 !important;
  }
  .anxiete .tarifother .tarif .center p.infos {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
    line-height: 1.3 !important;
    width: 100% !important;
    margin-bottom: 2vh;
    font-weight: 100;
  }
  .anxiete .tarifother .other {
    height: auto;
    padding-top: 6vh;
    padding-bottom: 4vh;
  }
  .anxiete .tarifother .other .center {
    width: 80% !important;
    height: auto;
  }
  .anxiete .tarifother .other .center p.titre {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(3rem, 5vw + 1rem, 5rem);
    line-height: 1.1 !important;
    text-align: center;
    line-height: 35px;
  }
  .anxiete .tarifother .other .center p.txt {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(30px, 3.5vw + 10px, 45px);
    line-height: 1.25 !important;
    text-align: center;
    margin-top: 2vh;
  }
  .anxiete .tarifother .other .center .service {
    flex-direction: column;
    height: auto;
    align-items: center;
  }
  .anxiete .tarifother .other .center .service a {
    width: 75%;
    height: 45vh;
    margin-top: 2vh;
  }
  .anxiete .tarifother .other .center .service a .serv .infobulle p.txt {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.625rem, 2.8vw + 0.5rem, 2.5rem);
    line-height: 1.25 !important;
    transform: translateY(-2vh);
  }
  .anxiete .tarifother .other .center .service a .serv .infobulle button {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
    line-height: 1.3 !important;
  }
  .anxiete .question {
    height: auto;
    flex-direction: column;
    justify-content: flex-start;
    padding-top: 5vh;
  }
  .anxiete .question p.titresmart {
    display: flex;
    color: #fff;
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(3rem, 5vw + 1rem, 5rem);
    line-height: 1.1 !important;
    width: 50%;
    text-align: center;
  }
  .anxiete .question picture {
    width: 100%;
    height: 35vh;
    position: relative;
    margin-top: 4vh;
  }
  .anxiete .question picture .img1 {
    position: relative;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .anxiete .question picture::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 35%;
    pointer-events: none;
    z-index: 2;
    background: linear-gradient(to bottom, #2a3a40 0%, rgba(42, 58, 64, 0) 100%);
  }
  .anxiete .question picture::after {
    content: "";
    position: absolute;
    bottom: 0 !important;
    left: 0;
    width: 100%;
    height: 35%;
    pointer-events: none;
    z-index: 2;
    background: linear-gradient(to top, #2a3a40 0%, rgba(42, 58, 64, 0) 100%);
  }
  .anxiete .question .hoverimg {
    display: none;
  }
  .anxiete .question .overask {
    height: auto;
    width: 100%;
  }
  .anxiete .question .overask p.titre {
    display: none;
  }
  .anxiete .question .overask .center {
    width: 40%;
    margin: 8vh 0;
    height: auto;
  }
  .anxiete .question .overask .center a {
    width: 100%;
    height: auto;
    height: 5vh;
  }
  .anxiete .question .overask .center a.btn1 {
    border: 3px solid #fff;
    margin-bottom: 3.5vh;
  }
}
@media only screen and (max-width: 600px) {
  /* Styles pour les smartphones en portrait */
  .anxiete .accueil {
    position: relative;
  }
  .anxiete .accueil .fond_img img {
    transform: scaleX(-1);
  }
  .anxiete .accueil .center {
    height: 100vh;
    width: 90%;
    justify-content: center;
    margin-top: 15vh;
  }
  .anxiete .accueil .center .hover {
    background-image: linear-gradient(to right, rgb(42, 58, 64) 0%, rgba(42, 58, 64, 0.1) 100%), linear-gradient(to top, rgb(42, 58, 64) 0%, rgba(42, 58, 64, 0) 30%);
  }
  .anxiete .accueil .center .infos {
    height: auto;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    transform: translateY(-7vh);
  }
  .anxiete .accueil .center .infos img {
    display: flex !important;
    width: 38%;
    transform: translate(-17vw, 15vh);
  }
  .anxiete .accueil .center .infos p.titre {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(30px, 3.5vw + 10px, 45px);
    line-height: 1.25 !important;
    font-weight: 400 !important;
    line-height: 30px;
    text-align: center;
  }
  .anxiete .accueil .center .infos p#texte1 {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
    text-align: center;
    font-weight: 400 !important;
    width: 70% !important;
    margin-top: 2vh;
  }
  .anxiete .accueil .center .infos .button_accueil {
    width: 60%;
    flex-direction: column;
    height: auto;
    margin-top: 5vh;
  }
  .anxiete .accueil .center .infos .button_accueil a {
    width: 90% !important;
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
    margin-bottom: 2vh;
    height: 5vh;
  }
  .anxiete .accueil .chevron_bottom {
    position: absolute;
    width: 80px;
    height: 80px;
    bottom: 2lvh;
    left: 50%;
    transform: translateX(-50%) scale(0.8);
    z-index: 5;
  }
  .anxiete .accueil .chevron_bottom lord-icon {
    position: absolute;
    top: 35%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.6);
  }
  .anxiete .accueil .chevron_bottom lord-icon:nth-child(2) {
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .anxiete .choix {
    height: auto;
  }
  .anxiete .choix .center {
    height: 100%;
    width: 80%;
    justify-content: flex-start;
  }
  .anxiete .choix .center .top {
    height: 15vh;
  }
  .anxiete .choix .center .top p.titre {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(30px, 3.5vw + 10px, 45px);
    line-height: 1.25 !important;
    margin-bottom: 2vh;
  }
  .anxiete .choix .center .choixchoix {
    height: 5vh !important;
    margin-top: 0;
  }
  .anxiete .choix .center .choixchoix .contain_choix .center .cx1 p {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
  }
  .anxiete .choix .center .choixchoix .contain_choix .center .cx2 p {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
  }
  .anxiete .choix .center .bottom {
    height: 80vh;
    justify-content: flex-start;
    margin-top: 2vh;
  }
  .anxiete .choix .center .bottom .right,
  .anxiete .choix .center .bottom .right2 {
    height: 35%;
    margin-top: 0;
  }
  .anxiete .choix .center .bottom .right .topicone .img p.titre,
  .anxiete .choix .center .bottom .right .bottomicone .img p.titre,
  .anxiete .choix .center .bottom .right2 .topicone .img p.titre,
  .anxiete .choix .center .bottom .right2 .bottomicone .img p.titre {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
    line-height: 1.3 !important;
  }
  .anxiete .choix .center .bottom .left,
  .anxiete .choix .center .bottom .left2 {
    height: auto;
  }
  .anxiete .choix .center .bottom .left .center,
  .anxiete .choix .center .bottom .left2 .center {
    height: auto;
    padding: 5%;
  }
  .anxiete .choix .center .bottom .left .center p,
  .anxiete .choix .center .bottom .left .center li,
  .anxiete .choix .center .bottom .left2 .center p,
  .anxiete .choix .center .bottom .left2 .center li {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
  }
  .anxiete .choix .center .bottom .left .center li,
  .anxiete .choix .center .bottom .left2 .center li {
    margin-left: 2vw;
  }
  .anxiete .pec {
    padding-top: 0;
    height: auto;
    position: relative;
    padding-bottom: 5vh;
  }
  .anxiete .pec .barre {
    width: 3px;
    height: 75%;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    left: 10%;
    z-index: 50000;
  }
  .anxiete .pec .plan {
    width: 100%;
    height: 30% !important;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: bottom;
       object-position: bottom;
    position: absolute;
    margin-top: auto;
    transform-origin: bottom;
    transform: scaleY(1.5);
  }
  .anxiete .pec p.titre {
    width: 90%;
    left: 5%;
    text-align: center;
    top: 5vh;
    position: relative;
    margin-bottom: 13vh;
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(30px, 3.5vw + 10px, 45px);
    line-height: 1.25 !important;
    padding-top: 2vh;
  }
  .anxiete .pec .pec-step {
    position: relative;
    transform: none;
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 90%;
    margin: 0 auto 80px auto;
  }
  .anxiete .pec .pec-step .card {
    width: 77%;
    padding: 18px;
    border-radius: 14px;
    background-color: #2a3a40;
    text-align: left;
    order: 3;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.25);
  }
  .anxiete .pec .pec-step .card .absolute h3 {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(3rem, 5vw + 1rem, 5rem);
    line-height: 1.1 !important;
    font-weight: 400;
    margin-right: 2vw;
  }
  .anxiete .pec .pec-step .card .absolute p.title {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
    line-height: 1.3 !important;
  }
  .anxiete .pec .pec-step .card p.text {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
    font-weight: 20 !important;
  }
  .anxiete .pec .pec-step .line {
    width: 14%;
    height: 4px;
    background: white;
    margin-left: 7px;
    transform-origin: center;
    order: 1;
    z-index: 500000;
    transform: translate(15px, 20%);
  }
  .anxiete .pec .pec-step .dot {
    width: 12px;
    height: 12px;
    background: #fff;
    border-radius: 50%;
    margin-left: 1px;
    order: 2;
    z-index: 500000;
    transform: translate(5px, -30%);
  }
  .anxiete .pec .pec-step.s1, .anxiete .pec .pec-step.s2, .anxiete .pec .pec-step.s3, .anxiete .pec .pec-step.s4 {
    left: unset;
    top: unset;
  }
  .anxiete .pec {
    /* colonne timeline = ligne continue */
  }
  .anxiete .pec .pec-step:first-child .line {
    height: 80px;
  }
  .anxiete .pec {
    --timeline-top: 0px;
    --timeline-height: 100px;
  }
  .anxiete .pec::before {
    content: "";
    position: absolute;
    left: 10%;
    border-radius: 12px;
    top: var(--timeline-top);
    height: var(--timeline-height);
    width: 4px;
    background: #fff;
    z-index: 15;
  }
  .anxiete .tarifother .tarif .center p.titre {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(30px, 3.5vw + 10px, 45px);
    line-height: 1.25 !important;
  }
  .anxiete .tarifother .tarif .center .choix2 {
    width: 100%;
  }
  .anxiete .tarifother .tarif .center .choix2 .cat p:nth-child(2) {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(2.8125rem, 3vw + 1rem, 4.0625rem);
    line-height: 1.1 !important;
  }
  .anxiete .tarifother .tarif .center .choix2 .cat p:nth-child(3),
  .anxiete .tarifother .tarif .center .choix2 .cat p:nth-child(5) {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
  }
  .anxiete .tarifother .tarif .center .choix2 .cat p:nth-child(4) {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
    line-height: 1.3 !important;
  }
  .anxiete .tarifother .other .center p.titre {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(30px, 3.5vw + 10px, 45px);
    line-height: 1.25 !important;
  }
  .anxiete .tarifother .other .center .service a {
    width: 100%;
  }
  .anxiete .tarifother .other .center .service a .serv .infobulle p.txt {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
    line-height: 1.3 !important;
    transform: translateY(-2vh);
  }
  .anxiete .tarifother .other .center .service a .serv .infobulle button {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
    line-height: 1.3 !important;
  }
  .anxiete .question p.titresmart {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(30px, 3.5vw + 10px, 45px);
    line-height: 1.25 !important;
  }
}
.remboursement {
  width: 100%;
  height: auto;
  position: relative;
}
.remboursement .fondacceuil {
  width: 100%;
  height: 100vh;
  position: absolute;
  left: 0;
  top: 0;
}
.remboursement .fondacceuil .hover {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
  background: linear-gradient(to top, #2a3a40 0%, #2a3a40 20%, rgba(42, 58, 64, 0) 100%), linear-gradient(to right, #2a3a40 0%, rgba(42, 58, 64, 0) 100%);
}
.remboursement .fondacceuil picture {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.remboursement .fondacceuil img {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
}
.remboursement .first {
  z-index: 50000;
  height: 100vh;
  height: 100dvh;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1600px) {
  .remboursement .first {
    max-width: 1440px;
  }
}
.remboursement .first {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.remboursement .first h1 {
  text-decoration: underline;
  color: #ffffff;
  width: 70%;
  font-weight: 300;
  text-align: center;
  line-height: 70px;
  text-decoration-thickness: 3px;
  text-underline-offset: 8px;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(2.8125rem, 3vw + 1rem, 4.0625rem);
  line-height: 1.1 !important;
  z-index: 999;
}
.remboursement .first p.txt {
  color: #ffffff;
  margin-top: 2vh;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(30px, 3.5vw + 10px, 45px);
  line-height: 1.25 !important;
}
.remboursement .diff {
  width: 100%;
  height: 100vh;
  height: 100dvh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #2a3a40;
}
.remboursement .diff p.titre {
  color: #ffffff;
  margin-bottom: 6vh;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(2.8125rem, 3vw + 1rem, 4.0625rem);
  line-height: 1.1 !important;
}
.remboursement .diff .center {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  height: 65%;
}
.remboursement .diff .center p.stitre {
  color: #ffffff;
  font-family: "Akshar", sans-serif;
  font-size: clamp(1.875rem, 2.8vw + 0.8rem, 3.125rem);
  line-height: 1.2;
  font-weight: 700;
  transform: translateY(4vh);
}
.remboursement .diff .center p.txt {
  color: #ffffff;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
  line-height: 1.3 !important;
  text-align: center;
  font-weight: 50;
}
.remboursement .diff .center p.txt a {
  color: #fff;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
  line-height: 1.3 !important;
}
.remboursement .mut {
  width: 100%;
  height: 80vh;
  background-color: #2a3a40;
  display: flex;
  justify-content: center;
  align-items: center;
}
.remboursement .mut .choixmut {
  width: 85%;
  height: 85%;
  border-radius: 45px;
  background-color: #4c6c73;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}
.remboursement .mut .choixmut p.titresmartph {
  display: none;
}
.remboursement .mut .choixmut .top {
  height: 20%;
  width: 95%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.remboursement .mut .choixmut .top .question {
  width: 100%;
  height: 60%;
  border-radius: 50px;
  background-color: #2a3a40;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.remboursement .mut .choixmut .top .question .choix {
  width: 16%;
  height: 90%;
  border-radius: 50px;
  transform: scale(0.96);
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease;
  cursor: pointer;
}
.remboursement .mut .choixmut .top .question .choix p.txt {
  color: 1;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  color: #fff;
  font-weight: 200;
}
.remboursement .mut .choixmut .top .question .choix.active {
  background-color: #4c6c73;
}
.remboursement .mut .choixmut .bottom {
  height: 80%;
  width: 100%;
  position: relative;
}
.remboursement .mut .choixmut .bottom .mutu {
  width: 95%;
  height: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: opacity 0.4s ease;
  pointer-events: none;
}
.remboursement .mut .choixmut .bottom .mutu p {
  color: #fff;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
  line-height: 1.3 !important;
  font-weight: 100;
  margin-bottom: 3vh;
}
.remboursement .mut .choixmut .bottom .mutu p.info a {
  color: #fff;
  font-weight: 500;
  text-decoration: none;
}
.remboursement .mut .choixmut .bottom .mutu p.info::before {
  content: "• ";
  /* le petit point */
  color: #fff;
  /* couleur du point */
  font-weight: bold;
  margin-right: 5px;
  /* espace entre le point et le texte */
}
.remboursement .mut .choixmut .bottom .mutu.active {
  opacity: 1;
  pointer-events: all;
}
.remboursement .brochures {
  width: 100vw;
  height: 100vh;
  background-color: #2a3a40;
  display: flex;
  justify-content: center;
  align-items: center;
}
.remboursement .brochures .center {
  width: 80%;
  height: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1600px) {
  .remboursement .brochures .center {
    max-width: 1440px;
  }
}
.remboursement .brochures .center .bottom {
  width: 100%;
  height: 80%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.remboursement .brochures .center .bottom .broch {
  width: 405px;
  aspect-ratio: 1/1.75;
  margin-right: 2vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  position: relative;
  transition: 0.5s ease-in-out;
}
.remboursement .brochures .center .bottom .broch .img {
  overflow: hidden;
  width: 100%;
  height: 45%;
  position: absolute;
  border-radius: 58px;
  top: 0;
  left: 0;
}
.remboursement .brochures .center .bottom .broch .img img {
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: 1s ease-in-out;
}
.remboursement .brochures .center .bottom .broch .svg {
  width: 100%;
  position: relative;
  height: 80%;
  cursor: pointer;
}
.remboursement .brochures .center .bottom .broch .svg svg {
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  z-index: 2;
}
.remboursement .brochures .center .bottom .broch .svg .center {
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  height: auto;
  z-index: 5;
  text-align: left;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border: none;
}
.remboursement .brochures .center .bottom .broch .svg .center p.titre {
  color: #2a3a40;
  font-weight: 500;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
}
.remboursement .brochures .center .bottom .broch .svg .center p.txt {
  color: #ffffff;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
  line-height: 1.3 !important;
}
.remboursement .brochures .center .bottom .broch .svg .center p.txt span {
  color: #ffffff;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
}
.remboursement .brochures .center .bottom .broch .svg .center p.petitext {
  color: #2a3a40;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(0.625rem, 0.3vw + 0.5rem, 0.8125rem);
  line-height: 1.4 !important;
  opacity: 0.75 !important;
}
.remboursement .brochures .center .bottom .broch:hover img {
  transform: scale(1.1);
  transform-origin: center;
}
.remboursement .brochures .center .bottom .broch .button {
  width: 100%;
  height: 15%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.remboursement .brochures .center .bottom .broch .button button {
  border: none;
  width: 9vw;
  height: 5vh;
  background-color: #ffffff;
  border-radius: 25px;
}
.remboursement .brochures .center .bottom .broch:nth-child(2) {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  -moz-text-align-last: left;
       text-align-last: left;
}
.remboursement .brochures .center .bottom .broch:nth-child(2) .center {
  align-items: flex-start !important;
  margin-left: 1vw;
}
.remboursement .brochures .center .bottom .broch:nth-child(2) p {
  color: #fff;
  width: 90%;
}
.remboursement .brochures .center .bottom .broch:nth-child(2) p.titre {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(30px, 3.5vw + 10px, 45px);
  line-height: 1.25 !important;
}
.remboursement .brochures .center .bottom .broch:nth-child(2) p.stitre {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
  line-height: 1.3 !important;
  margin-top: 1vh;
}
.remboursement .brochures .center .bottom .broch:nth-child(2) p.txt {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  margin-top: 0.5vh;
}
.remboursement .brochures .center .bottom .broch:nth-child(2) a {
  width: 40%;
  height: 5vh;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  border-radius: 50px;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  color: #2a3a40;
  margin-top: 2vh;
}

@media only screen and (max-width: 1024px) {
  .remboursement .fondacceuil img {
    filter: brightness(0.5);
  }
  .remboursement .fondacceuil .hover {
    background: linear-gradient(to top, #2a3a40 0%, #2a3a40 20%, rgba(42, 58, 64, 0) 70%);
  }
  .remboursement .first {
    transform: translateY(-10vh);
  }
  .remboursement .first h1 {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(3rem, 5vw + 1rem, 5rem);
    line-height: 1.1 !important;
  }
  .remboursement .first p.txt {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.625rem, 2.8vw + 0.5rem, 2.5rem);
    line-height: 1.25 !important;
  }
  .remboursement .diff {
    height: auto;
  }
  .remboursement .diff p.titre {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(2.8125rem, 3vw + 1rem, 4.0625rem);
    line-height: 1.1 !important;
    text-align: center;
    margin-bottom: 0;
    width: 90%;
  }
  .remboursement .diff .center {
    height: auto !important;
    justify-content: flex-start;
    width: 90%;
  }
  .remboursement .diff .center p.stitre {
    text-align: justify;
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.625rem, 2.8vw + 0.5rem, 2.5rem);
    line-height: 1.25 !important;
  }
  .remboursement .diff .center p.txt {
    text-align: justify;
    margin-top: 7vh;
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
    line-height: 1.3 !important;
  }
  .remboursement .mut {
    height: auto;
    padding-top: 5vh;
  }
  .remboursement .mut .choixmut {
    width: 92%;
    height: auto;
    padding: 5%;
  }
  .remboursement .mut .choixmut p.titresmartph {
    display: flex;
    width: 60%;
    padding: 2%;
    border-radius: 50px;
    height: 7vh !important;
    color: #fff;
    position: relative;
    border: 4px solid #2a3a40;
    background-color: #4c6c73;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.625rem, 2.8vw + 0.5rem, 2.5rem);
    line-height: 1.25 !important;
  }
  .remboursement .mut .choixmut .top {
    padding-top: 5%;
    width: 70%;
    order: 2;
    height: auto;
    margin-top: 5vh;
  }
  .remboursement .mut .choixmut .top .question {
    flex-direction: column;
  }
  .remboursement .mut .choixmut .top .question .choix {
    width: 100%;
    margin-top: 1vh;
  }
  .remboursement .mut .choixmut .top .question .choix p.txt {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.625rem, 2.8vw + 0.5rem, 2.5rem);
    line-height: 1.25 !important;
  }
  .remboursement .mut .choixmut .top .question .choix.active {
    background-color: transparent;
  }
  .remboursement .mut .choixmut .top .question .choix.active p {
    color: #95b8bf;
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(30px, 3.5vw + 10px, 45px);
    line-height: 1.25 !important;
  }
  .remboursement .mut .choixmut .bottom {
    order: 1;
    height: 70vh;
  }
  .remboursement .mut .choixmut .bottom .mutu {
    margin-top: 5vh;
  }
  .remboursement .mut .choixmut .bottom .mutu p.intro {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.625rem, 2.8vw + 0.5rem, 2.5rem);
    line-height: 1.25 !important;
  }
  .remboursement .mut .choixmut .bottom .mutu p.info {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.625rem, 2.8vw + 0.5rem, 2.5rem);
    line-height: 1.25 !important;
    margin-left: 3vw;
  }
  .remboursement .brochures {
    height: auto !important;
  }
  .remboursement .brochures .center {
    height: auto !important;
  }
  .remboursement .brochures .center .bottom {
    flex-direction: column-reverse !important;
  }
  .remboursement .brochures .center .bottom .broch:nth-child(1) {
    width: 80%;
    border-radius: 25px;
  }
  .remboursement .brochures .center .bottom .broch:nth-child(1) img {
    border-radius: 99px;
  }
  .remboursement .brochures .center .bottom .broch:nth-child(1) .svg .center p.titre {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.625rem, 2.8vw + 0.5rem, 2.5rem);
    line-height: 1.25 !important;
  }
  .remboursement .brochures .center .bottom .broch:nth-child(1) .svg .center p.txt {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
    line-height: 1.3 !important;
  }
  .remboursement .brochures .center .bottom .broch:nth-child(1) .svg .center p.petitext {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
  }
  .remboursement .brochures .center .bottom .broch:nth-child(2) {
    width: 80% !important;
    height: 25vh !important;
  }
  .remboursement .brochures .center .bottom .broch:nth-child(2) .center {
    align-items: center !important;
  }
  .remboursement .brochures .center .bottom .broch:nth-child(2) .center .titre, .remboursement .brochures .center .bottom .broch:nth-child(2) .center .stitre, .remboursement .brochures .center .bottom .broch:nth-child(2) .center .txt, .remboursement .brochures .center .bottom .broch:nth-child(2) .center button {
    width: auto !important;
  }
}
@media only screen and (max-width: 600px) {
  .remboursement .first h1 {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(30px, 3.5vw + 10px, 45px);
    line-height: 1.25 !important;
  }
  .remboursement .first p.txt {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
    line-height: 1.3 !important;
  }
  .remboursement .diff p.titre {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(30px, 3.5vw + 10px, 45px);
    line-height: 1.25 !important;
  }
  .remboursement .diff .center p.stitre {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
    line-height: 1.3 !important;
  }
  .remboursement .diff .center p.txt {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
  }
  .remboursement .diff .center p.txt a {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
  }
  .remboursement .mut .choixmut p.titresmartph {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
    line-height: 1.3 !important;
  }
  .remboursement .mut .choixmut .top .question .choix p.txt {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
  }
  .remboursement .mut .choixmut .bottom {
    height: 65vh;
  }
  .remboursement .mut .choixmut .bottom .mutu p.intro {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
  }
  .remboursement .mut .choixmut .bottom .mutu p.info {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
  }
  .remboursement .brochures .center .bottom .broch .img {
    border-radius: 47px;
  }
  .remboursement .brochures .center .bottom .broch .img img {
    border-radius: 25px;
  }
  .remboursement .brochures .center .bottom .broch:nth-child(1) .svg .center p.titre {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
  }
  .remboursement .brochures .center .bottom .broch:nth-child(1) .svg .center p.txt {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
    line-height: 1.3 !important;
  }
  .remboursement .brochures .center .bottom .broch:nth-child(1) .svg .center p.petitext {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(0.625rem, 0.3vw + 0.5rem, 0.8125rem);
    line-height: 1.4 !important;
    opacity: 0.75 !important;
  }
  .remboursement .brochures .center .bottom .broch:nth-child(2) .center p.titre {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
    line-height: 1.3 !important;
  }
  .remboursement .brochures .center .bottom .broch:nth-child(2) .center p.stitre {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
  }
  .remboursement .brochures .center .bottom .broch:nth-child(2) .center p.txt {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
    line-height: 1.3 !important;
  }
  .remboursement .brochures .center .bottom .broch:nth-child(2) .center a {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
  }
}
.brochure_domicile .about .center .left ul,
.brochure_domicile .about .center .left li,
.brochure_sante_mentale .about .center .left ul,
.brochure_sante_mentale .about .center .left li {
  color: #fff;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
}
.brochure_domicile .about .center .left ul,
.brochure_sante_mentale .about .center .left ul {
  margin: 1vh 0 0 2vw;
}
.brochure_domicile .about .center .left li,
.brochure_sante_mentale .about .center .left li {
  margin-top: 2vh;
}
.brochure_domicile .brochure_ctn,
.brochure_sante_mentale .brochure_ctn {
  width: 100vw;
  height: 200vh;
  z-index: 99999;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 5vh;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1600px) {
  .brochure_domicile .brochure_ctn,
  .brochure_sante_mentale .brochure_ctn {
    max-width: 1440px;
  }
}
.brochure_domicile .brochure_ctn .first_brochure,
.brochure_domicile .brochure_ctn .second_brochure,
.brochure_sante_mentale .brochure_ctn .first_brochure,
.brochure_sante_mentale .brochure_ctn .second_brochure {
  width: 100%;
  height: 100vh;
  flex-wrap: wrap;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 1600px) {
  .brochure_domicile .brochure_ctn .first_brochure,
  .brochure_domicile .brochure_ctn .second_brochure,
  .brochure_sante_mentale .brochure_ctn .first_brochure,
  .brochure_sante_mentale .brochure_ctn .second_brochure {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
}
.brochure_domicile .brochure_ctn .first_brochure p.titre,
.brochure_domicile .brochure_ctn .second_brochure p.titre,
.brochure_sante_mentale .brochure_ctn .first_brochure p.titre,
.brochure_sante_mentale .brochure_ctn .second_brochure p.titre {
  color: #fff;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(3rem, 5vw + 1rem, 5rem);
  line-height: 1.1 !important;
  width: 100%;
  height: 11%;
}
.brochure_domicile .brochure_ctn .first_brochure p.txt,
.brochure_domicile .brochure_ctn .second_brochure p.txt,
.brochure_sante_mentale .brochure_ctn .first_brochure p.txt,
.brochure_sante_mentale .brochure_ctn .second_brochure p.txt {
  height: 8%;
  color: #fff;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
  line-height: 1.3 !important;
  width: 100%;
  font-weight: 400;
}
.brochure_domicile .brochure_ctn .first_brochure .broch,
.brochure_domicile .brochure_ctn .second_brochure .broch,
.brochure_sante_mentale .brochure_ctn .first_brochure .broch,
.brochure_sante_mentale .brochure_ctn .second_brochure .broch {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 70%;
  margin-top: 2vh;
}
.brochure_domicile .brochure_ctn .first_brochure .broch .brochure,
.brochure_domicile .brochure_ctn .second_brochure .broch .brochure,
.brochure_sante_mentale .brochure_ctn .first_brochure .broch .brochure,
.brochure_sante_mentale .brochure_ctn .second_brochure .broch .brochure {
  width: 30%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  align-items: center;
}
.brochure_domicile .brochure_ctn .first_brochure .broch .brochure img,
.brochure_domicile .brochure_ctn .second_brochure .broch .brochure img,
.brochure_sante_mentale .brochure_ctn .first_brochure .broch .brochure img,
.brochure_sante_mentale .brochure_ctn .second_brochure .broch .brochure img {
  width: 100%;
  height: 40%;
  border-radius: 20px;
  -o-object-fit: cover;
     object-fit: cover;
}
.brochure_domicile .brochure_ctn .first_brochure .broch .brochure p.titre,
.brochure_domicile .brochure_ctn .second_brochure .broch .brochure p.titre,
.brochure_sante_mentale .brochure_ctn .first_brochure .broch .brochure p.titre,
.brochure_sante_mentale .brochure_ctn .second_brochure .broch .brochure p.titre {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
  line-height: 1.3 !important;
  text-align: center;
  height: auto;
}
.brochure_domicile .brochure_ctn .first_brochure .broch .brochure p.txt,
.brochure_domicile .brochure_ctn .second_brochure .broch .brochure p.txt,
.brochure_sante_mentale .brochure_ctn .first_brochure .broch .brochure p.txt,
.brochure_sante_mentale .brochure_ctn .second_brochure .broch .brochure p.txt {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
  line-height: 1.3 !important;
  text-align: justify;
  font-weight: 100;
  height: auto;
}
.brochure_domicile .brochure_ctn .first_brochure .broch .brochure a,
.brochure_domicile .brochure_ctn .second_brochure .broch .brochure a,
.brochure_sante_mentale .brochure_ctn .first_brochure .broch .brochure a,
.brochure_sante_mentale .brochure_ctn .second_brochure .broch .brochure a {
  color: #2a3a40;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  border: none;
  width: 50%;
  height: 5vh;
  background-color: #FFF;
  border-radius: 50px;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
}
.brochure_domicile .brochure_ctn .second_brochure,
.brochure_sante_mentale .brochure_ctn .second_brochure {
  height: 80vh;
}
.brochure_domicile .brochure_ctn .second_brochure .broch,
.brochure_sante_mentale .brochure_ctn .second_brochure .broch {
  height: 100%;
  justify-content: center;
}
.brochure_domicile .brochure_ctn .second_brochure .broch .brochure:nth-child(2),
.brochure_sante_mentale .brochure_ctn .second_brochure .broch .brochure:nth-child(2) {
  margin-left: 4vw;
}

.brochure_sante_mentale .speservices .other .center .service .serv {
  background-color: #729ca6 !important;
}
.brochure_sante_mentale .speservices .other .center .service .serv p.titre {
  background-color: #729ca6 !important;
  color: #2A3A40 !important;
}
.brochure_sante_mentale .speservices .other .center .service .serv p.txt {
  width: 60%;
  text-align: center;
  color: #2A3A40 !important;
  font-weight: 400 !important;
}
.brochure_sante_mentale .speservices .other .center .service .serv button {
  background-color: #2a3a40 !important;
  color: #fff !important;
}

.brochure_amenagement,
.brochure_domicile {
  width: 100vw;
  height: auto;
  position: relative;
}
.brochure_amenagement .accueil,
.brochure_domicile .accueil {
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  backface-visibility: hidden;
  transform: translateZ(0);
  box-sizing: border-box;
}
.brochure_amenagement .accueil .center,
.brochure_domicile .accueil .center {
  z-index: 9999;
  height: auto;
  width: 80%;
  display: flex;
  flex-direction: column;
  align-items: flex-start !important;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1600px) {
  .brochure_amenagement .accueil .center,
  .brochure_domicile .accueil .center {
    max-width: 1440px;
  }
}
.brochure_amenagement .accueil .center .hover,
.brochure_domicile .accueil .center .hover {
  position: absolute;
  width: 100%;
  height: 100vh;
  background: radial-gradient(circle, rgba(42, 58, 64, 0) 0%, rgb(42, 58, 64) 100%), linear-gradient(0deg, rgb(42, 58, 64) 0%, rgba(42, 58, 64, 0) 100%);
  left: 0;
  top: 0;
}
.brochure_amenagement .accueil .center .infos,
.brochure_domicile .accueil .center .infos {
  width: 60%;
  height: auto;
  display: flex;
  flex-direction: column;
  transform: translateY(10vh);
}
.brochure_amenagement .accueil .center .infos img.smart-img,
.brochure_domicile .accueil .center .infos img.smart-img {
  display: none;
}
.brochure_amenagement .accueil .center .infos p,
.brochure_domicile .accueil .center .infos p {
  text-align: justify;
  margin-top: 1vh;
  color: #ffffff;
  width: 100% !important;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
  line-height: 1.3 !important;
}
.brochure_amenagement .accueil .center .infos p.titre,
.brochure_domicile .accueil .center .infos p.titre {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(3rem, 5vw + 1rem, 5rem);
  line-height: 1.1 !important;
  margin-bottom: 1vh;
  text-align: left;
}
.brochure_amenagement .accueil .center .infos .button_accueil,
.brochure_domicile .accueil .center .infos .button_accueil {
  width: 50%;
  height: auto;
  margin-top: 1vh;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.brochure_amenagement .accueil .center .infos .button_accueil a,
.brochure_domicile .accueil .center .infos .button_accueil a {
  text-decoration: none;
  height: 6vh;
  background-color: transparent;
  border-radius: 30px;
  padding: 3%;
  position: relative;
  cursor: pointer;
  margin-top: 4vh;
}
.brochure_amenagement .accueil .center .infos .button_accueil a:nth-child(1),
.brochure_domicile .accueil .center .infos .button_accueil a:nth-child(1) {
  border: 4px solid white;
  color: #ffffff;
  width: 45%;
  white-space: nowrap;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.brochure_amenagement .accueil .center .infos .button_accueil a:nth-child(2),
.brochure_domicile .accueil .center .infos .button_accueil a:nth-child(2) {
  background-color: #ffffff;
  color: #2a3a40;
  width: 52%;
  white-space: nowrap;
  border: none;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.brochure_amenagement .accueil .fond_img_carou,
.brochure_domicile .accueil .fond_img_carou {
  width: 100vw;
  height: 100vh;
  position: absolute;
  left: 0;
  top: 0;
  backface-visibility: hidden;
  transform: translateZ(0);
  box-sizing: border-box;
}
.brochure_amenagement .accueil .fond_img_carou img,
.brochure_domicile .accueil .fond_img_carou img {
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: center;
}
.brochure_amenagement .about,
.brochure_domicile .about {
  width: 100%;
  height: 100vh;
  background-color: #2a3a40;
  backface-visibility: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  backface-visibility: hidden;
  transform: translateZ(0);
  box-sizing: border-box;
}
.brochure_amenagement .about .center,
.brochure_domicile .about .center {
  width: 80%;
  height: 85%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1600px) {
  .brochure_amenagement .about .center,
  .brochure_domicile .about .center {
    max-width: 1440px;
  }
}
.brochure_amenagement .about .center p.titre_smartphone,
.brochure_domicile .about .center p.titre_smartphone {
  display: none;
}
.brochure_amenagement .about .center .left,
.brochure_domicile .about .center .left {
  width: 48%;
  height: 85%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.brochure_amenagement .about .center .left p.titre,
.brochure_domicile .about .center .left p.titre {
  color: white;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(2.8125rem, 3vw + 1rem, 4.0625rem);
  line-height: 1.1 !important;
  width: 120%;
}
.brochure_amenagement .about .center .left .txt,
.brochure_domicile .about .center .left .txt {
  background-color: #4c6c73;
  width: 100%;
  height: auto;
  border-radius: 25px;
  padding: 3%;
  margin-top: 2vh;
  text-align: justify;
}
.brochure_amenagement .about .center .left .txt p,
.brochure_domicile .about .center .left .txt p {
  color: white;
  font-weight: 300;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
  line-height: 1.3 !important;
}
.brochure_amenagement .about .center .left .txt a,
.brochure_domicile .about .center .left .txt a {
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  margin-top: 3vh;
  height: 5vh;
  background-color: #BFD1D9;
  color: #2a3a40;
  width: 50%;
  border: none;
  border-radius: 30px;
  cursor: pointer;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
}
.brochure_amenagement .about .center .right,
.brochure_domicile .about .center .right {
  width: 48%;
  height: 85%;
  transform-origin: center;
  transform: scale(0.9) rotate(-45deg);
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}
.brochure_amenagement .about .center .right .smartimg,
.brochure_domicile .about .center .right .smartimg {
  display: none;
}
.brochure_amenagement .about .center .right .top,
.brochure_domicile .about .center .right .top {
  width: auto;
  height: 50%;
  display: flex;
  align-items: flex-end;
  justify-content: space-around;
  transform: translateX(-3vw);
}
.brochure_amenagement .about .center .right .top .img1,
.brochure_domicile .about .center .right .top .img1 {
  width: 11vw;
  height: 11vw;
  background-color: white;
  border-radius: 15px;
  margin-bottom: 1.5vh;
  margin-right: 1.5vw;
  overflow: hidden;
}
.brochure_amenagement .about .center .right .top .img1 img,
.brochure_domicile .about .center .right .top .img1 img {
  width: 100%;
  height: 100%;
  transform-origin: center;
  transform: rotate(45deg) scale(1.4);
  -o-object-fit: cover;
     object-fit: cover;
}
.brochure_amenagement .about .center .right .top .img2,
.brochure_domicile .about .center .right .top .img2 {
  width: 17vw;
  height: 17vw;
  background-color: white;
  border-radius: 15px;
  margin-bottom: 1.5vh;
  overflow: hidden;
}
.brochure_amenagement .about .center .right .top .img2 img,
.brochure_domicile .about .center .right .top .img2 img {
  width: 100%;
  height: 100%;
  transform-origin: center;
  transform: rotate(45deg) scale(1.4);
  -o-object-fit: cover;
     object-fit: cover;
}
.brochure_amenagement .about .center .right .bottom,
.brochure_domicile .about .center .right .bottom {
  width: auto;
  height: 50%;
  display: flex;
  align-items: flex-start;
  justify-content: space-around;
  transform: translateX(3vw);
}
.brochure_amenagement .about .center .right .bottom .img2,
.brochure_domicile .about .center .right .bottom .img2 {
  width: 11vw;
  height: 11vw;
  background-color: white;
  border-radius: 15px;
  margin-top: 1.5vh;
  overflow: hidden;
}
.brochure_amenagement .about .center .right .bottom .img2 img,
.brochure_domicile .about .center .right .bottom .img2 img {
  width: 100%;
  height: 100%;
  transform-origin: center;
  transform: rotate(45deg) scale(1.4);
  -o-object-fit: cover;
     object-fit: cover;
}
.brochure_amenagement .about .center .right .bottom .img1,
.brochure_domicile .about .center .right .bottom .img1 {
  width: 17vw;
  height: 17vw;
  background-color: white;
  border-radius: 15px;
  margin-top: 1.5vh;
  margin-right: 1.5vw;
  overflow: hidden;
}
.brochure_amenagement .about .center .right .bottom .img1 img,
.brochure_domicile .about .center .right .bottom .img1 img {
  width: 100%;
  height: 100%;
  transform-origin: center;
  transform: rotate(45deg) scale(1.4);
  -o-object-fit: cover;
     object-fit: cover;
}
.brochure_amenagement .speservices,
.brochure_domicile .speservices {
  width: 100%;
  height: 250vh;
  background-color: #2a3a40;
  position: relative;
  overflow: visible;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  backface-visibility: hidden;
  transform: translateZ(0);
  box-sizing: border-box;
}
.brochure_amenagement .speservices .hovervague,
.brochure_domicile .speservices .hovervague {
  position: absolute;
  pointer-events: none;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}
.brochure_amenagement .speservices .hovervague img,
.brochure_domicile .speservices .hovervague img {
  z-index: 9998;
  width: 102%;
  height: 150%;
  -o-object-fit: cover;
     object-fit: cover;
}
.brochure_amenagement .speservices .brochure_ctn,
.brochure_domicile .speservices .brochure_ctn {
  width: 100vw;
  height: 200vh;
  z-index: 99999;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 5vh;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1600px) {
  .brochure_amenagement .speservices .brochure_ctn,
  .brochure_domicile .speservices .brochure_ctn {
    max-width: 1440px;
  }
}
.brochure_amenagement .speservices .brochure_ctn .first_brochure,
.brochure_amenagement .speservices .brochure_ctn .second_brochure,
.brochure_domicile .speservices .brochure_ctn .first_brochure,
.brochure_domicile .speservices .brochure_ctn .second_brochure {
  width: 100%;
  height: 100vh;
  flex-wrap: wrap;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 1600px) {
  .brochure_amenagement .speservices .brochure_ctn .first_brochure,
  .brochure_amenagement .speservices .brochure_ctn .second_brochure,
  .brochure_domicile .speservices .brochure_ctn .first_brochure,
  .brochure_domicile .speservices .brochure_ctn .second_brochure {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
}
.brochure_amenagement .speservices .brochure_ctn .first_brochure p.titre,
.brochure_amenagement .speservices .brochure_ctn .second_brochure p.titre,
.brochure_domicile .speservices .brochure_ctn .first_brochure p.titre,
.brochure_domicile .speservices .brochure_ctn .second_brochure p.titre {
  color: #fff;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(2.8125rem, 3vw + 1rem, 4.0625rem);
  line-height: 1.1 !important;
  width: 100%;
  height: 13%;
}
.brochure_amenagement .speservices .brochure_ctn .first_brochure p.txt,
.brochure_amenagement .speservices .brochure_ctn .second_brochure p.txt,
.brochure_domicile .speservices .brochure_ctn .first_brochure p.txt,
.brochure_domicile .speservices .brochure_ctn .second_brochure p.txt {
  height: 13%;
  color: #fff;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
  line-height: 1.3 !important;
  width: 100%;
  font-weight: 400;
}
.brochure_amenagement .speservices .brochure_ctn .first_brochure .broch,
.brochure_amenagement .speservices .brochure_ctn .second_brochure .broch,
.brochure_domicile .speservices .brochure_ctn .first_brochure .broch,
.brochure_domicile .speservices .brochure_ctn .second_brochure .broch {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 60%;
  margin-top: 2vh;
}
.brochure_amenagement .speservices .brochure_ctn .first_brochure .broch .brochure,
.brochure_amenagement .speservices .brochure_ctn .second_brochure .broch .brochure,
.brochure_domicile .speservices .brochure_ctn .first_brochure .broch .brochure,
.brochure_domicile .speservices .brochure_ctn .second_brochure .broch .brochure {
  width: 30%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  align-items: center;
}
.brochure_amenagement .speservices .brochure_ctn .first_brochure .broch .brochure img,
.brochure_amenagement .speservices .brochure_ctn .second_brochure .broch .brochure img,
.brochure_domicile .speservices .brochure_ctn .first_brochure .broch .brochure img,
.brochure_domicile .speservices .brochure_ctn .second_brochure .broch .brochure img {
  width: 100%;
  height: 50%;
  border-radius: 20px;
  -o-object-fit: cover;
     object-fit: cover;
}
.brochure_amenagement .speservices .brochure_ctn .first_brochure .broch .brochure p.titre,
.brochure_amenagement .speservices .brochure_ctn .second_brochure .broch .brochure p.titre,
.brochure_domicile .speservices .brochure_ctn .first_brochure .broch .brochure p.titre,
.brochure_domicile .speservices .brochure_ctn .second_brochure .broch .brochure p.titre {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
  line-height: 1.3 !important;
  text-align: center;
  height: auto;
}
.brochure_amenagement .speservices .brochure_ctn .first_brochure .broch .brochure p.txt,
.brochure_amenagement .speservices .brochure_ctn .second_brochure .broch .brochure p.txt,
.brochure_domicile .speservices .brochure_ctn .first_brochure .broch .brochure p.txt,
.brochure_domicile .speservices .brochure_ctn .second_brochure .broch .brochure p.txt {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
  line-height: 1.3 !important;
  text-align: justify;
  font-weight: 100;
  height: auto;
}
.brochure_amenagement .speservices .brochure_ctn .first_brochure .broch .brochure a,
.brochure_amenagement .speservices .brochure_ctn .second_brochure .broch .brochure a,
.brochure_domicile .speservices .brochure_ctn .first_brochure .broch .brochure a,
.brochure_domicile .speservices .brochure_ctn .second_brochure .broch .brochure a {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #2a3a40;
  text-decoration: none;
  border: none;
  width: 50%;
  height: 5vh;
  background-color: #FFF;
  border-radius: 50px;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
}
.brochure_amenagement .speservices .brochure_ctn .second_brochure,
.brochure_domicile .speservices .brochure_ctn .second_brochure {
  height: 65vh;
}
.brochure_amenagement .speservices .brochure_ctn .second_brochure .broch,
.brochure_domicile .speservices .brochure_ctn .second_brochure .broch {
  height: 100%;
}
.brochure_amenagement .speservices .second_brochure,
.brochure_domicile .speservices .second_brochure {
  justify-content: flex-start;
}
.brochure_amenagement .speservices .second_brochure .broch,
.brochure_domicile .speservices .second_brochure .broch {
  justify-content: center !important;
}
.brochure_amenagement .speservices .other,
.brochure_domicile .speservices .other {
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
.brochure_amenagement .speservices .other .center,
.brochure_domicile .speservices .other .center {
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1600px) {
  .brochure_amenagement .speservices .other .center,
  .brochure_domicile .speservices .other .center {
    max-width: 1440px;
  }
}
.brochure_amenagement .speservices .other .center,
.brochure_domicile .speservices .other .center {
  width: 80%;
  height: 80%;
  z-index: 600000;
}
.brochure_amenagement .speservices .other .center p.titre,
.brochure_domicile .speservices .other .center p.titre {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(2.8125rem, 3vw + 1rem, 4.0625rem);
  line-height: 1.1 !important;
  color: white;
  height: 10%;
}
.brochure_amenagement .speservices .other .center p.txt1,
.brochure_domicile .speservices .other .center p.txt1 {
  height: 10%;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
  line-height: 1.3 !important;
  color: white;
  margin-top: 1vh;
  text-align: justify;
  transform: translateY(2vh);
}
.brochure_amenagement .speservices .other .center p.txt,
.brochure_domicile .speservices .other .center p.txt {
  height: 10%;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
  line-height: 1.3 !important;
  color: white;
  text-align: justify;
}
.brochure_amenagement .speservices .other .center .service,
.brochure_domicile .speservices .other .center .service {
  margin-top: 5%;
  width: 100%;
  height: 85%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.brochure_amenagement .speservices .other .center .service a,
.brochure_domicile .speservices .other .center .service a {
  text-decoration: none;
  width: 20vw;
  height: 100%;
  margin-right: 2vw;
}
.brochure_amenagement .speservices .other .center .service .serv,
.brochure_domicile .speservices .other .center .service .serv {
  width: 100%;
  height: 100%;
  border-radius: 50px;
  background-color: #4c6c73;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}
.brochure_amenagement .speservices .other .center .service .serv .img,
.brochure_domicile .speservices .other .center .service .serv .img {
  width: 100%;
  height: 65%;
  border-radius: 50px;
  overflow: hidden;
  position: relative;
}
.brochure_amenagement .speservices .other .center .service .serv .img p.titre,
.brochure_domicile .speservices .other .center .service .serv .img p.titre {
  width: 60%;
  background-color: #fff;
  color: #2a3a40;
  height: 5vh;
  position: absolute;
  top: 5vh;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
  line-height: 1.3 !important;
  text-align: center;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.brochure_amenagement .speservices .other .center .service .serv .img img,
.brochure_domicile .speservices .other .center .service .serv .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.brochure_amenagement .speservices .other .center .service .serv .infobulle,
.brochure_domicile .speservices .other .center .service .serv .infobulle {
  width: 100%;
  height: 30%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
}
.brochure_amenagement .speservices .other .center .service .serv .infobulle p,
.brochure_domicile .speservices .other .center .service .serv .infobulle p {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
}
.brochure_amenagement .speservices .other .center .service .serv .infobulle button,
.brochure_domicile .speservices .other .center .service .serv .infobulle button {
  width: 60%;
  height: 5vh;
  background-color: #fff;
  border: none;
  border-radius: 50px;
  color: #2a3a40;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  font-weight: 500;
}
.brochure_amenagement .speservices .other .center .service .servdiff .img p.titre,
.brochure_domicile .speservices .other .center .service .servdiff .img p.titre {
  background-color: #4c6c73;
  color: #fff;
}
.brochure_amenagement .speservices .other .center .service .servdiff .infobulle button,
.brochure_domicile .speservices .other .center .service .servdiff .infobulle button {
  color: #2a3a40;
  background-color: #fff;
}
.brochure_amenagement .speservices .other2 .serv .img p.titre,
.brochure_domicile .speservices .other2 .serv .img p.titre {
  background-color: #4c6c73 !important;
  color: #fff !important;
}
.brochure_amenagement .speservices .other2 .serv .infobulle button,
.brochure_domicile .speservices .other2 .serv .infobulle button {
  color: #2a3a40 !important;
  background-color: #95b8bf !important;
}
.brochure_amenagement .speservices .other2 .servdiff .img p.titre,
.brochure_domicile .speservices .other2 .servdiff .img p.titre {
  background-color: #fff !important;
  color: #2a3a40 !important;
}
.brochure_amenagement .speservices .other2 .servdiff .infobulle button,
.brochure_domicile .speservices .other2 .servdiff .infobulle button {
  color: #2a3a40 !important;
  background-color: #fff !important;
}
.brochure_amenagement .space,
.brochure_domicile .space {
  width: 100%;
  height: 25vh;
  background-color: #2a3a40;
}
.brochure_amenagement .question,
.brochure_domicile .question {
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: flex-end;
  position: relative;
  align-items: center;
  background-color: #2a3a40;
  padding-top: 10vh;
}
.brochure_amenagement .question p.titresmart,
.brochure_domicile .question p.titresmart {
  display: none;
}
.brochure_amenagement .question .img1,
.brochure_domicile .question .img1 {
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  width: auto;
  height: 100%;
}
.brochure_amenagement .question .hoverimg,
.brochure_domicile .question .hoverimg {
  width: 50%;
  height: 50%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: linear-gradient(to top, rgb(42, 58, 64) 0%, rgb(42, 58, 64) 15%, rgba(42, 58, 64, 0) 100%);
  z-index: 50000;
}
.brochure_amenagement .question .overask,
.brochure_domicile .question .overask {
  width: 50%;
  height: 70%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.brochure_amenagement .question .overask .center,
.brochure_domicile .question .overask .center {
  width: 70%;
  height: 50%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}
.brochure_amenagement .question .overask .center p.titre,
.brochure_domicile .question .overask .center p.titre {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(2.8125rem, 3vw + 1rem, 4.0625rem);
  line-height: 1.1 !important;
  color: white;
  text-align: center;
  width: 80%;
}
.brochure_amenagement .question .overask .center a,
.brochure_domicile .question .overask .center a {
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 35%;
  height: 5vh;
  border: 5px solid #ffffff;
  border-radius: 25px;
  background-color: transparent;
  color: #ffffff;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
}
.brochure_amenagement .question .overask .center a:nth-child(2),
.brochure_domicile .question .overask .center a:nth-child(2) {
  background-color: #ffffff;
  border: 0;
  color: #2a3a40;
}

/* Smartphones en portrait */
@media only screen and (max-width: 1024px) {
  /* Styles pour les smartphones en portrait */
  .brochure_amenagement .accueil,
  .brochure_domicile .accueil {
    position: relative;
  }
  .brochure_amenagement .accueil .center,
  .brochure_domicile .accueil .center {
    height: 100vh;
    width: 80%;
    justify-content: center;
    align-items: center;
    margin-top: 6vh;
  }
  .brochure_amenagement .accueil .center .infos,
  .brochure_domicile .accueil .center .infos {
    height: auto;
    width: 80%;
    justify-content: space-between;
    width: 100%;
    align-items: flex-start;
    transform: translateY(0);
    position: relative;
    padding: 0;
  }
  .brochure_amenagement .accueil .center .infos p,
  .brochure_domicile .accueil .center .infos p {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.625rem, 2.8vw + 0.5rem, 2.5rem);
    line-height: 1.25 !important;
    font-weight: 100;
  }
  .brochure_amenagement .accueil .center .infos p.titre,
  .brochure_domicile .accueil .center .infos p.titre {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(3rem, 5vw + 1rem, 5rem);
    line-height: 1.1 !important;
  }
  .brochure_amenagement .accueil .center .infos img,
  .brochure_domicile .accueil .center .infos img {
    display: flex !important;
    width: 38%;
    position: absolute;
    top: -25vh;
    left: 50%;
    transform: translateX(-50%);
  }
  .brochure_amenagement .accueil .center .infos .button_accueil,
  .brochure_domicile .accueil .center .infos .button_accueil {
    width: 60%;
    height: 5vh;
    margin-top: 5vh;
  }
  .brochure_amenagement .accueil .center .infos .button_accueil a,
  .brochure_domicile .accueil .center .infos .button_accueil a {
    width: 30%;
  }
  .brochure_amenagement .accueil .center .infos .button_accueil a:nth-child(1),
  .brochure_domicile .accueil .center .infos .button_accueil a:nth-child(1) {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
    line-height: 1.3 !important;
  }
  .brochure_amenagement .accueil .center .infos .button_accueil a:nth-child(2),
  .brochure_domicile .accueil .center .infos .button_accueil a:nth-child(2) {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
    line-height: 1.3 !important;
  }
  .brochure_amenagement .accueil .center .infos::before,
  .brochure_domicile .accueil .center .infos::before {
    display: none;
  }
  .brochure_amenagement .accueil .chevron_bottom,
  .brochure_domicile .accueil .chevron_bottom {
    position: absolute;
    width: 80px;
    height: 80px;
    bottom: 2lvh;
    left: 50%;
    transform: translateX(-50%) scale(0.8);
    z-index: 5;
  }
  .brochure_amenagement .accueil .chevron_bottom lord-icon,
  .brochure_domicile .accueil .chevron_bottom lord-icon {
    position: absolute;
    top: 35%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.6);
  }
  .brochure_amenagement .accueil .chevron_bottom lord-icon:nth-child(2),
  .brochure_domicile .accueil .chevron_bottom lord-icon:nth-child(2) {
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .brochure_amenagement .about,
  .brochure_domicile .about {
    height: auto !important;
  }
  .brochure_amenagement .about .center,
  .brochure_domicile .about .center {
    width: 80%;
    height: 85%;
    flex-direction: column;
    justify-content: space-around;
    margin-top: 10%;
  }
  .brochure_amenagement .about .center p.titre_smartphone,
  .brochure_domicile .about .center p.titre_smartphone {
    display: flex;
    color: white;
    text-align: center;
    height: 10%;
    transform: translateY(5vh);
    font-weight: 400 !important;
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(2.8125rem, 3vw + 1rem, 4.0625rem);
    line-height: 1.1 !important;
    margin-bottom: 2vh;
  }
  .brochure_amenagement .about .center .left,
  .brochure_domicile .about .center .left {
    order: 2;
    margin-top: 13vh;
    height: 60%;
    width: 100%;
  }
  .brochure_amenagement .about .center .left .txt,
  .brochure_domicile .about .center .left .txt {
    width: 100% !important;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .brochure_amenagement .about .center .left .txt p,
  .brochure_domicile .about .center .left .txt p {
    width: 100%;
    font-weight: 200;
  }
  .brochure_amenagement .about .center .left p.titre,
  .brochure_domicile .about .center .left p.titre {
    display: none;
  }
  .brochure_amenagement .about .center .right,
  .brochure_domicile .about .center .right {
    transform: rotate(0);
    flex-direction: row;
    width: 100%;
    height: 25vh;
    justify-content: space-between;
    transform: translateY(9vh);
    position: relative;
  }
  .brochure_amenagement .about .center .right .smartimg,
  .brochure_domicile .about .center .right .smartimg {
    display: flex;
    width: 17vw;
    height: 17vw;
    position: absolute;
    top: 25%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    border-radius: 15px;
    overflow: hidden;
    z-index: 50000;
  }
  .brochure_amenagement .about .center .right .smartimg img,
  .brochure_domicile .about .center .right .smartimg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    transform: rotate(-45deg) scale(1.4);
    z-index: 500000;
  }
  .brochure_amenagement .about .center .right .top,
  .brochure_domicile .about .center .right .top {
    width: 50%;
    height: 100%;
    transform-origin: bottom right;
    transform: translateX(-23vw) rotate(45deg);
  }
  .brochure_amenagement .about .center .right .top .img1,
  .brochure_domicile .about .center .right .top .img1 {
    margin: 0;
    width: 15vw;
    height: 15vw;
    transform: translateY(3vh);
  }
  .brochure_amenagement .about .center .right .top .img1 img,
  .brochure_domicile .about .center .right .top .img1 img {
    transform: rotate(-45deg) translate(0) scale(1.4);
  }
  .brochure_amenagement .about .center .right .top .img2,
  .brochure_domicile .about .center .right .top .img2 {
    margin: 0;
    width: 20vw;
    height: 20vw;
  }
  .brochure_amenagement .about .center .right .top .img2 img,
  .brochure_domicile .about .center .right .top .img2 img {
    transform: rotate(-45deg) translate(0) scale(1.4);
  }
  .brochure_amenagement .about .center .right .bottom,
  .brochure_domicile .about .center .right .bottom {
    width: 50%;
    height: 100%;
    align-items: flex-end;
    transform-origin: bottom left;
    transform: translateX(23vw) rotate(-45deg);
  }
  .brochure_amenagement .about .center .right .bottom .img1,
  .brochure_domicile .about .center .right .bottom .img1 {
    margin: 0;
    width: 20vw;
    height: 20vw;
  }
  .brochure_amenagement .about .center .right .bottom .img1 img,
  .brochure_domicile .about .center .right .bottom .img1 img {
    transform: rotate(45deg) translate(0) scale(1.4);
  }
  .brochure_amenagement .about .center .right .bottom .img2,
  .brochure_domicile .about .center .right .bottom .img2 {
    margin: 0;
    width: 15vw;
    height: 15vw;
    transform: translateY(3vh);
  }
  .brochure_amenagement .about .center .right .bottom .img2 img,
  .brochure_domicile .about .center .right .bottom .img2 img {
    transform: rotate(45deg) translate(0) scale(1.4);
  }
  .brochure_amenagement .speservices,
  .brochure_domicile .speservices {
    height: auto;
    padding-top: 5vh;
  }
  .brochure_amenagement .speservices .brochure_ctn,
  .brochure_domicile .speservices .brochure_ctn {
    height: auto;
  }
  .brochure_amenagement .speservices .brochure_ctn .first_brochure,
  .brochure_amenagement .speservices .brochure_ctn .second_brochure,
  .brochure_domicile .speservices .brochure_ctn .first_brochure,
  .brochure_domicile .speservices .brochure_ctn .second_brochure {
    height: auto;
    width: 80%;
  }
  .brochure_amenagement .speservices .brochure_ctn .first_brochure p.titre,
  .brochure_amenagement .speservices .brochure_ctn .second_brochure p.titre,
  .brochure_domicile .speservices .brochure_ctn .first_brochure p.titre,
  .brochure_domicile .speservices .brochure_ctn .second_brochure p.titre {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(2.8125rem, 3vw + 1rem, 4.0625rem);
    line-height: 1.1 !important;
    text-align: center;
  }
  .brochure_amenagement .speservices .brochure_ctn .first_brochure p.txt,
  .brochure_amenagement .speservices .brochure_ctn .second_brochure p.txt,
  .brochure_domicile .speservices .brochure_ctn .first_brochure p.txt,
  .brochure_domicile .speservices .brochure_ctn .second_brochure p.txt {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.625rem, 2.8vw + 0.5rem, 2.5rem);
    line-height: 1.25 !important;
    text-align: center;
    margin-top: 2vh;
  }
  .brochure_amenagement .speservices .brochure_ctn .first_brochure .broch,
  .brochure_amenagement .speservices .brochure_ctn .second_brochure .broch,
  .brochure_domicile .speservices .brochure_ctn .first_brochure .broch,
  .brochure_domicile .speservices .brochure_ctn .second_brochure .broch {
    margin-top: 5vh;
    height: auto;
    flex-direction: column;
  }
  .brochure_amenagement .speservices .brochure_ctn .first_brochure .broch .brochure,
  .brochure_amenagement .speservices .brochure_ctn .second_brochure .broch .brochure,
  .brochure_domicile .speservices .brochure_ctn .first_brochure .broch .brochure,
  .brochure_domicile .speservices .brochure_ctn .second_brochure .broch .brochure {
    width: 100%;
    height: 53vh;
    margin-bottom: 5vh;
  }
  .brochure_amenagement .speservices .brochure_ctn .first_brochure .broch .brochure img,
  .brochure_amenagement .speservices .brochure_ctn .second_brochure .broch .brochure img,
  .brochure_domicile .speservices .brochure_ctn .first_brochure .broch .brochure img,
  .brochure_domicile .speservices .brochure_ctn .second_brochure .broch .brochure img {
    height: 60%;
  }
  .brochure_amenagement .speservices .brochure_ctn .first_brochure .broch .brochure p.titre,
  .brochure_amenagement .speservices .brochure_ctn .second_brochure .broch .brochure p.titre,
  .brochure_domicile .speservices .brochure_ctn .first_brochure .broch .brochure p.titre,
  .brochure_domicile .speservices .brochure_ctn .second_brochure .broch .brochure p.titre {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.625rem, 2.8vw + 0.5rem, 2.5rem);
    line-height: 1.25 !important;
  }
  .brochure_amenagement .speservices .brochure_ctn .first_brochure .broch .brochure p.txt,
  .brochure_amenagement .speservices .brochure_ctn .second_brochure .broch .brochure p.txt,
  .brochure_domicile .speservices .brochure_ctn .first_brochure .broch .brochure p.txt,
  .brochure_domicile .speservices .brochure_ctn .second_brochure .broch .brochure p.txt {
    margin-top: 0;
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
    line-height: 1.3 !important;
    text-align: center;
  }
  .brochure_amenagement .speservices .other,
  .brochure_domicile .speservices .other {
    height: auto;
    padding-top: 6vh;
    padding-bottom: 4vh;
  }
  .brochure_amenagement .speservices .other .center,
  .brochure_domicile .speservices .other .center {
    width: 80% !important;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .brochure_amenagement .speservices .other .center p.titre,
  .brochure_domicile .speservices .other .center p.titre {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(3rem, 5vw + 1rem, 5rem);
    line-height: 1.1 !important;
    text-align: center;
    line-height: 35px;
  }
  .brochure_amenagement .speservices .other .center p.txt1,
  .brochure_domicile .speservices .other .center p.txt1 {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.625rem, 2.8vw + 0.5rem, 2.5rem);
    line-height: 1.25 !important;
    text-align: center;
    margin-top: 2vh;
    width: auto;
  }
  .brochure_amenagement .speservices .other .center .service,
  .brochure_domicile .speservices .other .center .service {
    flex-direction: column;
    height: auto;
    align-items: center;
    width: 80%;
  }
  .brochure_amenagement .speservices .other .center .service a,
  .brochure_domicile .speservices .other .center .service a {
    width: 100%;
    height: 45vh;
    margin-top: 2vh;
  }
  .brochure_amenagement .speservices .other .center .service .serv,
  .brochure_domicile .speservices .other .center .service .serv {
    width: 100%;
    height: 100%;
  }
  .brochure_amenagement .speservices .other .center .service .serv .infobulle p.txt,
  .brochure_domicile .speservices .other .center .service .serv .infobulle p.txt {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.625rem, 2.8vw + 0.5rem, 2.5rem);
    line-height: 1.25 !important;
    transform: translateY(-2vh);
    width: auto;
    text-align: center;
  }
  .brochure_amenagement .speservices .other .center .service .serv .infobulle button,
  .brochure_domicile .speservices .other .center .service .serv .infobulle button {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
    line-height: 1.3 !important;
  }
  .brochure_amenagement .question,
  .brochure_domicile .question {
    height: auto;
    flex-direction: column;
    justify-content: flex-start;
    padding-top: 2vh;
  }
  .brochure_amenagement .question p.titresmart,
  .brochure_domicile .question p.titresmart {
    display: flex;
    color: #fff;
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(30px, 3.5vw + 10px, 45px);
    line-height: 1.25 !important;
    width: 50%;
    text-align: center;
  }
  .brochure_amenagement .question picture,
  .brochure_domicile .question picture {
    width: 100%;
    height: 35vh;
    position: relative;
    margin-top: 4vh;
  }
  .brochure_amenagement .question picture .img1,
  .brochure_domicile .question picture .img1 {
    position: relative;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .brochure_amenagement .question picture::before,
  .brochure_domicile .question picture::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 35%;
    pointer-events: none;
    z-index: 2;
    background: linear-gradient(to bottom, #2a3a40 0%, rgba(42, 58, 64, 0) 100%);
  }
  .brochure_amenagement .question picture::after,
  .brochure_domicile .question picture::after {
    content: "";
    position: absolute;
    bottom: 0 !important;
    left: 0;
    width: 100%;
    height: 35%;
    pointer-events: none;
    z-index: 2;
    background: linear-gradient(to top, #2a3a40 0%, rgba(42, 58, 64, 0) 100%);
  }
  .brochure_amenagement .question .hoverimg,
  .brochure_domicile .question .hoverimg {
    display: none;
  }
  .brochure_amenagement .question .overask,
  .brochure_domicile .question .overask {
    height: auto;
    width: 100%;
  }
  .brochure_amenagement .question .overask p.titre,
  .brochure_domicile .question .overask p.titre {
    display: none;
  }
  .brochure_amenagement .question .overask .center,
  .brochure_domicile .question .overask .center {
    width: 30%;
    margin: 8vh 0;
    height: auto;
  }
  .brochure_amenagement .question .overask .center a,
  .brochure_domicile .question .overask .center a {
    width: 100%;
    height: auto;
    height: 5vh;
    border-radius: 50px;
  }
  .brochure_amenagement .question .overask .center a.btn1,
  .brochure_domicile .question .overask .center a.btn1 {
    border: 3px solid #fff;
    margin-bottom: 1.5vh;
  }
}
@media only screen and (max-width: 600px) {
  /* Styles pour les smartphones en portrait */
  .brochure_amenagement .accueil,
  .brochure_domicile .accueil {
    position: relative;
  }
  .brochure_amenagement .accueil .fond_img img,
  .brochure_domicile .accueil .fond_img img {
    transform: scaleX(-1);
  }
  .brochure_amenagement .accueil .center,
  .brochure_domicile .accueil .center {
    height: 100vh;
    width: 90%;
    justify-content: center;
    margin-top: 15vh;
  }
  .brochure_amenagement .accueil .center .hover,
  .brochure_domicile .accueil .center .hover {
    background-image: linear-gradient(to right, rgb(42, 58, 64) 0%, rgba(42, 58, 64, 0.1) 100%), linear-gradient(to top, rgb(42, 58, 64) 0%, rgba(42, 58, 64, 0) 30%);
  }
  .brochure_amenagement .accueil .center .infos,
  .brochure_domicile .accueil .center .infos {
    height: auto;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    transform: translateY(-7vh);
  }
  .brochure_amenagement .accueil .center .infos img,
  .brochure_domicile .accueil .center .infos img {
    display: flex !important;
    width: 38%;
    transform: translate(-17vw, 15vh);
  }
  .brochure_amenagement .accueil .center .infos p.titre,
  .brochure_domicile .accueil .center .infos p.titre {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(30px, 3.5vw + 10px, 45px);
    line-height: 1.25 !important;
    font-weight: 400 !important;
    line-height: 30px;
    text-align: center;
  }
  .brochure_amenagement .accueil .center .infos p#texte1,
  .brochure_domicile .accueil .center .infos p#texte1 {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
    text-align: center;
    font-weight: 400 !important;
    width: 70% !important;
    margin-top: 2vh;
  }
  .brochure_amenagement .accueil .center .infos .button_accueil,
  .brochure_domicile .accueil .center .infos .button_accueil {
    width: 60%;
    flex-direction: column;
    height: auto;
    margin-top: 5vh;
  }
  .brochure_amenagement .accueil .center .infos .button_accueil a,
  .brochure_domicile .accueil .center .infos .button_accueil a {
    width: 90% !important;
    margin-bottom: 0;
    height: 5vh;
    margin-top: 1vh;
  }
  .brochure_amenagement .accueil .center .infos .button_accueil a:nth-child(1),
  .brochure_domicile .accueil .center .infos .button_accueil a:nth-child(1) {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
  }
  .brochure_amenagement .accueil .center .infos .button_accueil a:nth-child(2),
  .brochure_domicile .accueil .center .infos .button_accueil a:nth-child(2) {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
  }
  .brochure_amenagement .accueil .chevron_bottom,
  .brochure_domicile .accueil .chevron_bottom {
    position: absolute;
    width: 80px;
    height: 80px;
    bottom: 2lvh;
    left: 50%;
    transform: translateX(-50%) scale(0.8);
    z-index: 5;
  }
  .brochure_amenagement .accueil .chevron_bottom lord-icon,
  .brochure_domicile .accueil .chevron_bottom lord-icon {
    position: absolute;
    top: 35%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.6);
  }
  .brochure_amenagement .accueil .chevron_bottom lord-icon:nth-child(2),
  .brochure_domicile .accueil .chevron_bottom lord-icon:nth-child(2) {
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .brochure_amenagement .about .center p.titre_smartphone,
  .brochure_domicile .about .center p.titre_smartphone {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(30px, 3.5vw + 10px, 45px);
    line-height: 1.25 !important;
  }
  .brochure_amenagement .about .center .left .txt,
  .brochure_domicile .about .center .left .txt {
    margin-top: 0;
  }
  .brochure_amenagement .about .center .right,
  .brochure_domicile .about .center .right {
    transform: translateY(4vh);
    width: 140%;
  }
  .brochure_amenagement .about .center .right .smartimg,
  .brochure_domicile .about .center .right .smartimg {
    top: 35%;
    width: 17vw;
    height: 17vw;
    transform: translate(-50%, -50%) rotate(45deg);
  }
  .brochure_amenagement .about .center .right .top,
  .brochure_domicile .about .center .right .top {
    width: 42%;
    transform: translateX(-12vw) rotate(45deg);
  }
  .brochure_amenagement .about .center .right .top .img1,
  .brochure_domicile .about .center .right .top .img1 {
    margin: 0;
    width: 15vw;
    height: 15vw;
    transform: translateY(1vh);
  }
  .brochure_amenagement .about .center .right .top .img2,
  .brochure_domicile .about .center .right .top .img2 {
    margin: 0;
    width: 26vw;
    height: 26vw;
  }
  .brochure_amenagement .about .center .right .bottom,
  .brochure_domicile .about .center .right .bottom {
    width: 42%;
    transform: translateX(12vw) rotate(-45deg);
  }
  .brochure_amenagement .about .center .right .bottom .img1,
  .brochure_domicile .about .center .right .bottom .img1 {
    margin: 0;
    width: 26vw;
    height: 26vw;
  }
  .brochure_amenagement .about .center .right .bottom .img2,
  .brochure_domicile .about .center .right .bottom .img2 {
    margin: 0;
    width: 15vw;
    height: 15vw;
    transform: translateY(1vh);
  }
  .brochure_amenagement .speservices .brochure_ctn,
  .brochure_domicile .speservices .brochure_ctn {
    height: auto;
  }
  .brochure_amenagement .speservices .brochure_ctn .first_brochure, .brochure_amenagement .speservices .brochure_ctn .second_brochure,
  .brochure_domicile .speservices .brochure_ctn .first_brochure,
  .brochure_domicile .speservices .brochure_ctn .second_brochure {
    height: auto;
    width: 80%;
  }
  .brochure_amenagement .speservices .brochure_ctn .first_brochure p.titre, .brochure_amenagement .speservices .brochure_ctn .second_brochure p.titre,
  .brochure_domicile .speservices .brochure_ctn .first_brochure p.titre,
  .brochure_domicile .speservices .brochure_ctn .second_brochure p.titre {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(30px, 3.5vw + 10px, 45px);
    line-height: 1.25 !important;
    text-align: center;
  }
  .brochure_amenagement .speservices .brochure_ctn .first_brochure p.txt, .brochure_amenagement .speservices .brochure_ctn .second_brochure p.txt,
  .brochure_domicile .speservices .brochure_ctn .first_brochure p.txt,
  .brochure_domicile .speservices .brochure_ctn .second_brochure p.txt {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
    text-align: center;
  }
  .brochure_amenagement .speservices .brochure_ctn .first_brochure .broch, .brochure_amenagement .speservices .brochure_ctn .second_brochure .broch,
  .brochure_domicile .speservices .brochure_ctn .first_brochure .broch,
  .brochure_domicile .speservices .brochure_ctn .second_brochure .broch {
    margin-top: 5vh;
    height: auto;
    flex-direction: column;
  }
  .brochure_amenagement .speservices .brochure_ctn .first_brochure .broch .brochure, .brochure_amenagement .speservices .brochure_ctn .second_brochure .broch .brochure,
  .brochure_domicile .speservices .brochure_ctn .first_brochure .broch .brochure,
  .brochure_domicile .speservices .brochure_ctn .second_brochure .broch .brochure {
    width: 100%;
    height: 55vh;
    margin-bottom: 10vh;
  }
  .brochure_amenagement .speservices .brochure_ctn .first_brochure .broch .brochure img, .brochure_amenagement .speservices .brochure_ctn .second_brochure .broch .brochure img,
  .brochure_domicile .speservices .brochure_ctn .first_brochure .broch .brochure img,
  .brochure_domicile .speservices .brochure_ctn .second_brochure .broch .brochure img {
    height: 45%;
    margin-bottom: 2vh;
  }
  .brochure_amenagement .speservices .brochure_ctn .first_brochure .broch .brochure p.titre, .brochure_amenagement .speservices .brochure_ctn .second_brochure .broch .brochure p.titre,
  .brochure_domicile .speservices .brochure_ctn .first_brochure .broch .brochure p.titre,
  .brochure_domicile .speservices .brochure_ctn .second_brochure .broch .brochure p.titre {
    margin-bottom: 2vh;
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
    line-height: 1.3 !important;
  }
  .brochure_amenagement .speservices .brochure_ctn .first_brochure .broch .brochure p.txt, .brochure_amenagement .speservices .brochure_ctn .second_brochure .broch .brochure p.txt,
  .brochure_domicile .speservices .brochure_ctn .first_brochure .broch .brochure p.txt,
  .brochure_domicile .speservices .brochure_ctn .second_brochure .broch .brochure p.txt {
    text-align: justify;
  }
  .brochure_amenagement .speservices .brochure_ctn .first_brochure .broch .brochure button, .brochure_amenagement .speservices .brochure_ctn .second_brochure .broch .brochure button,
  .brochure_domicile .speservices .brochure_ctn .first_brochure .broch .brochure button,
  .brochure_domicile .speservices .brochure_ctn .second_brochure .broch .brochure button {
    margin-top: 3vh;
  }
  .brochure_amenagement .speservices .other .center p.titre,
  .brochure_domicile .speservices .other .center p.titre {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(30px, 3.5vw + 10px, 45px);
    line-height: 1.25 !important;
  }
  .brochure_amenagement .speservices .other .center .service,
  .brochure_domicile .speservices .other .center .service {
    width: 100%;
  }
  .brochure_amenagement .speservices .other .center .service .serv,
  .brochure_domicile .speservices .other .center .service .serv {
    width: 100%;
  }
  .brochure_amenagement .speservices .other .center .service .serv .infobulle p.txt,
  .brochure_domicile .speservices .other .center .service .serv .infobulle p.txt {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
    line-height: 1.3 !important;
    transform: translateY(-2vh);
  }
  .brochure_amenagement .speservices .other .center .service .serv .infobulle button,
  .brochure_domicile .speservices .other .center .service .serv .infobulle button {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
    line-height: 1.3 !important;
  }
  .brochure_amenagement .question p.titresmart,
  .brochure_domicile .question p.titresmart {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(30px, 3.5vw + 10px, 45px);
    line-height: 1.25 !important;
  }
  .brochure_amenagement .question .overask .center,
  .brochure_domicile .question .overask .center {
    width: 50%;
  }
}
.ateliers {
  width: 100vw;
  height: auto;
  position: relative;
}
.ateliers .accueil {
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  backface-visibility: hidden;
  transform: translateZ(0);
  box-sizing: border-box;
}
.ateliers .accueil .center {
  z-index: 9999;
  height: auto;
  width: 80%;
  display: flex;
  flex-direction: column;
  align-items: flex-start !important;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1600px) {
  .ateliers .accueil .center {
    max-width: 1440px;
  }
}
.ateliers .accueil .center .hover {
  position: absolute;
  width: 100%;
  height: 100vh;
  background: radial-gradient(circle, rgba(42, 58, 64, 0) 0%, rgb(42, 58, 64) 100%), linear-gradient(0deg, rgb(42, 58, 64) 0%, rgba(42, 58, 64, 0) 100%);
  left: 0;
  top: 0;
}
.ateliers .accueil .center .infos {
  width: 60%;
  height: auto;
  display: flex;
  flex-direction: column;
  transform: translateY(10vh);
}
.ateliers .accueil .center .infos img.smart-img {
  display: none;
}
.ateliers .accueil .center .infos p {
  text-align: justify;
  margin-top: 1vh;
  color: #ffffff;
  width: 100% !important;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
  line-height: 1.3 !important;
}
.ateliers .accueil .center .infos p.titre {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(3rem, 5vw + 1rem, 5rem);
  line-height: 1.1 !important;
  margin-bottom: 1vh;
  text-align: left;
}
.ateliers .accueil .center .infos .button_accueil {
  width: 50%;
  height: auto;
  margin-top: 1vh;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ateliers .accueil .center .infos .button_accueil a {
  text-decoration: none;
  height: 6vh;
  background-color: transparent;
  border-radius: 30px;
  padding: 3%;
  position: relative;
  cursor: pointer;
  margin-top: 4vh;
}
.ateliers .accueil .center .infos .button_accueil a:nth-child(1) {
  border: 4px solid white;
  color: #ffffff;
  width: 45%;
  white-space: nowrap;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ateliers .accueil .center .infos .button_accueil a:nth-child(2) {
  background-color: #ffffff;
  color: #2a3a40;
  width: 52%;
  white-space: nowrap;
  border: none;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ateliers .accueil .fond_img_carou {
  width: 100vw;
  height: 100vh;
  position: absolute;
  left: 0;
  top: 0;
  backface-visibility: hidden;
  transform: translateZ(0);
  box-sizing: border-box;
}
.ateliers .accueil .fond_img_carou img {
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: center;
}
.ateliers .about {
  width: 100%;
  height: 100vh;
  background-color: #2a3a40;
  backface-visibility: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  backface-visibility: hidden;
  transform: translateZ(0);
  box-sizing: border-box;
}
.ateliers .about .center {
  width: 80%;
  height: 85%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1600px) {
  .ateliers .about .center {
    max-width: 1440px;
  }
}
.ateliers .about .center p.titre_smartphone {
  display: none;
}
.ateliers .about .center .left {
  width: 48%;
  height: 85%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  order: 2;
}
.ateliers .about .center .left p.titre {
  color: white;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(2.8125rem, 3vw + 1rem, 4.0625rem);
  line-height: 1.1 !important;
  width: 80%;
  margin-bottom: 4vh;
}
.ateliers .about .center .left .txt {
  width: 100%;
  height: auto;
  margin-top: 2vh;
  text-align: justify;
}
.ateliers .about .center .left .txt p {
  color: white;
  font-weight: 300;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
  line-height: 1.3 !important;
}
.ateliers .about .center .right {
  width: 45%;
  height: 82%;
  transform-origin: center;
  transform: scale(0.9) rotate(-45deg);
  order: 1;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  overflow: visible;
}
.ateliers .about .center .right .smartimg {
  width: 9vw;
  height: 9vw;
  position: absolute;
  top: 45%;
  transform: translateY(-50%) rotate(45deg);
  right: -5vw;
  border-radius: 50%;
  overflow: hidden;
}
.ateliers .about .center .right .smartimg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.ateliers .about .center .right .top {
  width: auto;
  height: 50%;
  display: flex;
  align-items: flex-end;
  justify-content: space-around;
  transform: translateX(-3vw);
}
.ateliers .about .center .right .top .img1 {
  width: 16vw;
  height: 16vw;
  background-color: white;
  border-radius: 15px;
  margin-bottom: 1.5vh;
  margin-right: 1.5vw;
  overflow: hidden;
  border-radius: 50%;
}
.ateliers .about .center .right .top .img1 img {
  width: 100%;
  height: 100%;
  transform-origin: center;
  transform: rotate(45deg) scale(1.4);
  -o-object-fit: cover;
     object-fit: cover;
}
.ateliers .about .center .right .top .img2 {
  width: 17vw;
  height: 17vw;
  background-color: white;
  border-radius: 15px;
  margin-bottom: 1.5vh;
  overflow: hidden;
  border-radius: 50%;
}
.ateliers .about .center .right .top .img2 img {
  width: 100%;
  height: 100%;
  transform-origin: center;
  transform: rotate(45deg) scale(1.4);
  -o-object-fit: cover;
     object-fit: cover;
}
.ateliers .about .center .right .bottom {
  width: auto;
  height: 50%;
  display: flex;
  align-items: flex-start;
  justify-content: space-around;
  transform: translateX(3vw);
}
.ateliers .about .center .right .bottom .img2 {
  width: 17vw;
  height: 17vw;
  background-color: white;
  border-radius: 15px;
  margin-top: 1.5vh;
  overflow: hidden;
  border-radius: 50%;
}
.ateliers .about .center .right .bottom .img2 img {
  width: 100%;
  height: 100%;
  transform-origin: center;
  transform: rotate(45deg) scale(1.4);
  -o-object-fit: cover;
     object-fit: cover;
}
.ateliers .about .center .right .bottom .img1 {
  width: 10vw;
  height: 10vw;
  background-color: white;
  border-radius: 15px;
  margin-top: 1.5vh;
  margin-right: 1.5vw;
  overflow: hidden;
  border-radius: 50%;
}
.ateliers .about .center .right .bottom .img1 img {
  width: 100%;
  height: 100%;
  transform-origin: center;
  transform: rotate(45deg) scale(1.4);
  -o-object-fit: cover;
     object-fit: cover;
}
.ateliers .speservices {
  width: 100%;
  height: 210vh;
  background-color: #2a3a40;
  position: relative;
  overflow: visible;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  backface-visibility: hidden;
  transform: translateZ(0);
  box-sizing: border-box;
}
.ateliers .speservices .hovervague {
  position: absolute;
  pointer-events: none;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}
.ateliers .speservices .hovervague img {
  z-index: 9998;
  width: 102%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.ateliers .speservices .brochure_ctn {
  width: 100vw;
  height: 200vh;
  z-index: 99999;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 5vh;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1600px) {
  .ateliers .speservices .brochure_ctn {
    max-width: 1440px;
  }
}
.ateliers .speservices .brochure_ctn .first_brochure,
.ateliers .speservices .brochure_ctn .second_brochure {
  width: 100%;
  height: 100vh;
  flex-wrap: wrap;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 1600px) {
  .ateliers .speservices .brochure_ctn .first_brochure,
  .ateliers .speservices .brochure_ctn .second_brochure {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
}
.ateliers .speservices .brochure_ctn .first_brochure p.titre,
.ateliers .speservices .brochure_ctn .second_brochure p.titre {
  color: #fff;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(3rem, 5vw + 1rem, 5rem);
  line-height: 1.1 !important;
  width: 100%;
  height: 11%;
}
.ateliers .speservices .brochure_ctn .first_brochure p.txt,
.ateliers .speservices .brochure_ctn .second_brochure p.txt {
  height: 8%;
  color: #fff;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
  line-height: 1.3 !important;
  width: 100%;
  font-weight: 400;
}
.ateliers .speservices .brochure_ctn .first_brochure .broch,
.ateliers .speservices .brochure_ctn .second_brochure .broch {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 70%;
  margin-top: 2vh;
}
.ateliers .speservices .brochure_ctn .first_brochure .broch .brochure,
.ateliers .speservices .brochure_ctn .second_brochure .broch .brochure {
  width: 30%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  align-items: center;
}
.ateliers .speservices .brochure_ctn .first_brochure .broch .brochure img,
.ateliers .speservices .brochure_ctn .second_brochure .broch .brochure img {
  width: 100%;
  height: 40%;
  border-radius: 20px;
  -o-object-fit: cover;
     object-fit: cover;
}
.ateliers .speservices .brochure_ctn .first_brochure .broch .brochure p.titre,
.ateliers .speservices .brochure_ctn .second_brochure .broch .brochure p.titre {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
  line-height: 1.3 !important;
  text-align: center;
  height: auto;
}
.ateliers .speservices .brochure_ctn .first_brochure .broch .brochure p.txt,
.ateliers .speservices .brochure_ctn .second_brochure .broch .brochure p.txt {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
  line-height: 1.3 !important;
  text-align: justify;
  font-weight: 100;
  height: auto;
}
.ateliers .speservices .brochure_ctn .first_brochure .broch .brochure button,
.ateliers .speservices .brochure_ctn .second_brochure .broch .brochure button {
  border: none;
  width: 50%;
  height: 5vh;
  background-color: #FFF;
  border-radius: 50px;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
}
.ateliers .speservices .brochure_ctn .second_brochure {
  height: 80vh;
}
.ateliers .speservices .brochure_ctn .second_brochure .broch {
  height: 100%;
  justify-content: center;
}
.ateliers .speservices .brochure_ctn .second_brochure .broch .brochure:nth-child(2) {
  margin-left: 4vw;
}
.ateliers .speservices .second_brochure {
  justify-content: flex-start;
}
.ateliers .speservices .second_brochure .broch {
  justify-content: center !important;
}
.ateliers .question {
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: flex-end;
  position: relative;
  align-items: center;
  background-color: #2a3a40;
}
.ateliers .question p.titresmart {
  display: none;
}
.ateliers .question .img1 {
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  width: auto;
  height: 100%;
}
.ateliers .question .hoverimg {
  width: 50%;
  height: 50%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: linear-gradient(to top, rgb(42, 58, 64) 0%, rgb(42, 58, 64) 15%, rgba(42, 58, 64, 0) 100%);
  z-index: 50000;
}
.ateliers .question .overask {
  width: 50%;
  height: 70%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ateliers .question .overask .center {
  width: 70%;
  height: 50%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}
.ateliers .question .overask .center p.titre {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(2.8125rem, 3vw + 1rem, 4.0625rem);
  line-height: 1.1 !important;
  color: white;
  text-align: center;
  width: 80%;
}
.ateliers .question .overask .center a {
  text-decoration: none;
  width: 35%;
  height: 5vh;
  border: 5px solid #ffffff;
  border-radius: 25px;
  background-color: transparent;
  color: #ffffff;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ateliers .question .overask .center a:nth-child(2) {
  background-color: #ffffff;
  border: 0;
  color: #2a3a40;
  transform: translateY(2vh);
}

/* Smartphones en portrait */
@media only screen and (max-width: 1024px) {
  /* Styles pour les smartphones en portrait */
  .ateliers .accueil {
    position: relative;
  }
  .ateliers .accueil .center {
    height: 100vh;
    width: 80%;
    justify-content: center;
    align-items: center;
    margin-top: 6vh;
  }
  .ateliers .accueil .center .infos {
    height: auto;
    width: 80%;
    justify-content: space-between;
    width: 100%;
    align-items: flex-start;
    transform: translateY(0);
    position: relative;
    padding: 0;
  }
  .ateliers .accueil .center .infos p {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.625rem, 2.8vw + 0.5rem, 2.5rem);
    line-height: 1.25 !important;
    font-weight: 100;
  }
  .ateliers .accueil .center .infos p.titre {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(3rem, 5vw + 1rem, 5rem);
    line-height: 1.1 !important;
  }
  .ateliers .accueil .center .infos img {
    display: flex !important;
    width: 38%;
    position: absolute;
    top: -25vh;
    left: 50%;
    transform: translateX(-50%);
  }
  .ateliers .accueil .center .infos .button_accueil {
    width: 60%;
    height: 5vh;
    margin-top: 5vh;
  }
  .ateliers .accueil .center .infos .button_accueil a {
    width: 30%;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .ateliers .accueil .center .infos .button_accueil a:nth-child(1) {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
    line-height: 1.3 !important;
    border-radius: 50px;
  }
  .ateliers .accueil .center .infos .button_accueil a:nth-child(2) {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
    line-height: 1.3 !important;
    border-radius: 50px;
  }
  .ateliers .accueil .center .infos::before {
    display: none;
  }
  .ateliers .accueil .chevron_bottom {
    position: absolute;
    width: 80px;
    height: 80px;
    bottom: 2lvh;
    left: 50%;
    transform: translateX(-50%) scale(0.8);
    z-index: 5;
  }
  .ateliers .accueil .chevron_bottom lord-icon {
    position: absolute;
    top: 35%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.6);
  }
  .ateliers .accueil .chevron_bottom lord-icon:nth-child(2) {
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .ateliers .about {
    height: auto !important;
  }
  .ateliers .about .center {
    width: 80%;
    height: 80%;
    flex-direction: column;
    justify-content: space-around;
    margin-top: 10%;
  }
  .ateliers .about .center p.titre_smartphone {
    display: flex;
    color: white;
    text-align: center;
    width: 85%;
    height: 10%;
    transform: translateY(5vh);
    font-weight: 400 !important;
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(30px, 3.5vw + 10px, 45px);
    line-height: 1.25 !important;
  }
  .ateliers .about .center .left {
    order: 2;
    margin-top: 13vh;
    height: 60%;
    width: 100%;
  }
  .ateliers .about .center .left .txt {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
    width: 100% !important;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .ateliers .about .center .left .txt p {
    width: 100%;
    font-weight: 200;
  }
  .ateliers .about .center .left p.titre {
    display: none;
  }
  .ateliers .about .center .right {
    margin-top: 5vh;
    transform: scale(1.3) translateY(8vh) rotate(-45deg);
  }
  .ateliers .about .center .right .smartimg {
    display: none;
  }
  .ateliers .speservices {
    height: auto;
    padding-top: 5vh;
  }
  .ateliers .speservices .brochure_ctn {
    height: auto;
  }
  .ateliers .speservices .brochure_ctn .first_brochure, .ateliers .speservices .brochure_ctn .second_brochure {
    height: auto;
    width: 80%;
  }
  .ateliers .speservices .brochure_ctn .first_brochure p.titre, .ateliers .speservices .brochure_ctn .second_brochure p.titre {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(30px, 3.5vw + 10px, 45px);
    line-height: 1.25 !important;
    text-align: center;
  }
  .ateliers .speservices .brochure_ctn .first_brochure p.txt, .ateliers .speservices .brochure_ctn .second_brochure p.txt {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
    text-align: center;
  }
  .ateliers .speservices .brochure_ctn .first_brochure .broch, .ateliers .speservices .brochure_ctn .second_brochure .broch {
    margin-top: 5vh;
    height: auto;
    flex-direction: column;
  }
  .ateliers .speservices .brochure_ctn .first_brochure .broch .brochure, .ateliers .speservices .brochure_ctn .second_brochure .broch .brochure {
    width: 75%;
    height: 70vh;
    margin-bottom: 15vh;
  }
  .ateliers .speservices .brochure_ctn .first_brochure .broch .brochure img, .ateliers .speservices .brochure_ctn .second_brochure .broch .brochure img {
    height: 50%;
    margin-bottom: 2vh;
  }
  .ateliers .speservices .brochure_ctn .first_brochure .broch .brochure p.titre, .ateliers .speservices .brochure_ctn .second_brochure .broch .brochure p.titre {
    margin-bottom: 2vh;
  }
  .ateliers .speservices .brochure_ctn .first_brochure .broch .brochure button, .ateliers .speservices .brochure_ctn .second_brochure .broch .brochure button {
    margin-top: 3vh;
  }
  .ateliers .question {
    height: auto;
    flex-direction: column;
    justify-content: flex-start;
    padding-top: 2vh;
  }
  .ateliers .question p.titresmart {
    display: flex;
    color: #fff;
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(30px, 3.5vw + 10px, 45px);
    line-height: 1.25 !important;
    width: 50%;
    text-align: center;
  }
  .ateliers .question picture {
    width: 100%;
    height: 35vh;
    position: relative;
    margin-top: 4vh;
  }
  .ateliers .question picture .img1 {
    position: relative;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .ateliers .question picture::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 35%;
    pointer-events: none;
    z-index: 2;
    background: linear-gradient(to bottom, #2a3a40 0%, rgba(42, 58, 64, 0) 100%);
  }
  .ateliers .question picture::after {
    content: "";
    position: absolute;
    bottom: 0 !important;
    left: 0;
    width: 100%;
    height: 35%;
    pointer-events: none;
    z-index: 2;
    background: linear-gradient(to top, #2a3a40 0%, rgba(42, 58, 64, 0) 100%);
  }
  .ateliers .question .hoverimg {
    display: none;
  }
  .ateliers .question .overask {
    height: auto;
    width: 100%;
  }
  .ateliers .question .overask p.titre {
    display: none;
  }
  .ateliers .question .overask .center {
    width: 30%;
    margin: 8vh 0;
    height: auto;
  }
  .ateliers .question .overask .center a {
    text-decoration: none;
    width: 100%;
    height: auto;
    height: 5vh;
  }
  .ateliers .question .overask .center a.btn1 {
    border: 3px solid #fff;
    margin-bottom: 3vh;
    border-radius: 50px;
  }
}
@media only screen and (max-width: 600px) {
  /* Styles pour les smartphones en portrait */
  .ateliers .accueil {
    position: relative;
  }
  .ateliers .accueil .fond_img img {
    transform: scaleX(-1);
  }
  .ateliers .accueil .center {
    height: 100vh;
    width: 90%;
    justify-content: center;
    margin-top: 15vh;
  }
  .ateliers .accueil .center .hover {
    background-image: linear-gradient(to right, rgb(42, 58, 64) 0%, rgba(42, 58, 64, 0.1) 100%), linear-gradient(to top, rgb(42, 58, 64) 0%, rgba(42, 58, 64, 0) 30%);
  }
  .ateliers .accueil .center .infos {
    height: auto;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    transform: translateY(-7vh);
  }
  .ateliers .accueil .center .infos img {
    display: flex !important;
    width: 38%;
    transform: translate(-17vw, 15vh);
  }
  .ateliers .accueil .center .infos p.titre {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(30px, 3.5vw + 10px, 45px);
    line-height: 1.25 !important;
    font-weight: 400 !important;
    line-height: 30px;
    text-align: center;
  }
  .ateliers .accueil .center .infos p#texte1 {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
    text-align: center;
    font-weight: 400 !important;
    width: 70% !important;
    margin-top: 2vh;
  }
  .ateliers .accueil .center .infos .button_accueil {
    width: 60%;
    flex-direction: column;
    height: auto;
    margin-top: 5vh;
  }
  .ateliers .accueil .center .infos .button_accueil a {
    text-decoration: none;
    width: 90% !important;
    margin-bottom: 0;
    height: 5vh;
    margin-top: 1vh;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .ateliers .accueil .center .infos .button_accueil a:nth-child(1) {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
  }
  .ateliers .accueil .center .infos .button_accueil a:nth-child(2) {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
  }
  .ateliers .accueil .chevron_bottom {
    position: absolute;
    width: 80px;
    height: 80px;
    bottom: 2lvh;
    left: 50%;
    transform: translateX(-50%) scale(0.8);
    z-index: 5;
  }
  .ateliers .accueil .chevron_bottom lord-icon {
    position: absolute;
    top: 35%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.6);
  }
  .ateliers .accueil .chevron_bottom lord-icon:nth-child(2) {
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .ateliers .about {
    height: auto !important;
  }
  .ateliers .about .center {
    width: 100%;
    height: 80%;
    flex-direction: column;
    justify-content: space-around;
    margin-top: 10%;
  }
  .ateliers .about .center p.titre_smartphone {
    display: flex;
    color: white;
    text-align: center;
    width: 85%;
    height: 10%;
    transform: translateY(5vh);
    font-weight: 400 !important;
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(30px, 3.5vw + 10px, 45px);
    line-height: 1.25 !important;
  }
  .ateliers .about .center .left {
    order: 2;
    margin-top: 13vh;
    height: 60%;
    width: 85%;
  }
  .ateliers .about .center .left .txt {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
    width: 100% !important;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .ateliers .about .center .left .txt p {
    width: 100%;
    font-weight: 200;
  }
  .ateliers .about .center .left p.titre {
    display: none;
  }
  .ateliers .about .center .right {
    transform: scale(1.3) translateY(8vh) rotate(-45deg);
  }
  .ateliers .about .center .right .smartimg {
    display: none;
  }
  .ateliers .speservices {
    height: auto;
    padding-top: 5vh;
  }
  .ateliers .speservices .brochure_ctn {
    height: auto;
  }
  .ateliers .speservices .brochure_ctn .first_brochure, .ateliers .speservices .brochure_ctn .second_brochure {
    height: auto;
    width: 80%;
  }
  .ateliers .speservices .brochure_ctn .first_brochure p.titre, .ateliers .speservices .brochure_ctn .second_brochure p.titre {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(30px, 3.5vw + 10px, 45px);
    line-height: 1.25 !important;
    text-align: center;
  }
  .ateliers .speservices .brochure_ctn .first_brochure p.txt, .ateliers .speservices .brochure_ctn .second_brochure p.txt {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
    text-align: center;
  }
  .ateliers .speservices .brochure_ctn .first_brochure .broch, .ateliers .speservices .brochure_ctn .second_brochure .broch {
    margin-top: 5vh;
    height: auto;
    flex-direction: column;
  }
  .ateliers .speservices .brochure_ctn .first_brochure .broch .brochure, .ateliers .speservices .brochure_ctn .second_brochure .broch .brochure {
    width: 100%;
    height: 70vh;
    margin-bottom: 15vh;
  }
  .ateliers .speservices .brochure_ctn .first_brochure .broch .brochure img, .ateliers .speservices .brochure_ctn .second_brochure .broch .brochure img {
    height: 50%;
    margin-bottom: 2vh;
  }
  .ateliers .speservices .brochure_ctn .first_brochure .broch .brochure p.titre, .ateliers .speservices .brochure_ctn .second_brochure .broch .brochure p.titre {
    margin-bottom: 2vh;
  }
  .ateliers .speservices .brochure_ctn .first_brochure .broch .brochure button, .ateliers .speservices .brochure_ctn .second_brochure .broch .brochure button {
    margin-top: 3vh;
  }
  .ateliers .question {
    height: auto;
    flex-direction: column;
    justify-content: flex-start;
    padding-top: 2vh;
  }
  .ateliers .question p.titresmart {
    display: flex;
    color: #fff;
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(30px, 3.5vw + 10px, 45px);
    line-height: 1.25 !important;
    width: 50%;
    text-align: center;
  }
  .ateliers .question picture {
    width: 100%;
    height: 35vh;
    position: relative;
    margin-top: 4vh;
  }
  .ateliers .question picture .img1 {
    position: relative;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .ateliers .question picture::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 35%;
    pointer-events: none;
    z-index: 2;
    background: linear-gradient(to bottom, #2a3a40 0%, rgba(42, 58, 64, 0) 100%);
  }
  .ateliers .question picture::after {
    content: "";
    position: absolute;
    bottom: 0 !important;
    left: 0;
    width: 100%;
    height: 35%;
    pointer-events: none;
    z-index: 2;
    background: linear-gradient(to top, #2a3a40 0%, rgba(42, 58, 64, 0) 100%);
  }
  .ateliers .question .hoverimg {
    display: none;
  }
  .ateliers .question .overask {
    height: auto;
    width: 100%;
  }
  .ateliers .question .overask p.titre {
    display: none;
  }
  .ateliers .question .overask .center {
    width: 40%;
    margin: 8vh 0;
    height: auto;
  }
  .ateliers .question .overask .center a {
    text-decoration: none;
    width: 100%;
    height: auto;
    height: 5vh;
  }
  .ateliers .question .overask .center a.btn1 {
    border: 3px solid #fff;
    margin-bottom: 3vh;
  }
}
.modal-overlay {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  backdrop-filter: blur(8px);
  background: rgba(0, 0, 0, 0.35);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 5000;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.modal-overlay .modal-cgu {
  width: 70%;
  max-width: 1200px;
  height: 80vh;
  background: #e8f1f3;
  border-radius: 30px;
  padding: 45px 60px;
  display: flex;
  flex-direction: column;
  box-shadow: 0 8px 35px rgba(0, 0, 0, 0.25);
}
.modal-overlay .modal-cgu h2 {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
  line-height: 1.3 !important;
  font-weight: 700;
  margin-bottom: 25px;
  text-align: center;
}
.modal-overlay .modal-cgu .modal-scroll {
  flex: 1;
  overflow-y: auto;
  padding-right: 15px;
}
.modal-overlay .modal-cgu .modal-scroll p.section-title {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(30px, 3.5vw + 10px, 45px);
  line-height: 1.25 !important;
  font-weight: 700 !important;
  margin-top: 35px;
  margin-bottom: 12px;
  color: #000;
  opacity: 1;
}
.modal-overlay .modal-cgu .modal-scroll p.section-sub {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
  line-height: 1.3 !important;
  font-weight: 700 !important;
  margin-top: 25px;
  margin-bottom: 10px;
  color: #000;
  opacity: 1;
}
.modal-overlay .modal-cgu .modal-scroll p {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
  line-height: 1.3 !important;
  opacity: 0.9;
  margin-bottom: 20px;
  line-height: 1.55;
  color: #1e2e34;
}
.modal-overlay .modal-cgu .modal-scroll strong {
  font-weight: 700;
}
.modal-overlay .modal-cgu .modal-scroll::-webkit-scrollbar {
  width: 6px;
}
.modal-overlay .modal-cgu .modal-scroll::-webkit-scrollbar-thumb {
  background: #1e2e34;
  border-radius: 10px;
}
.modal-overlay .modal-cgu .modal-scroll .modal-buttons {
  margin-top: 40px;
  display: flex;
  justify-content: center;
  gap: 25px;
}
.modal-overlay .modal-cgu .modal-scroll .modal-buttons button {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
  line-height: 1.3 !important;
  padding: 14px 36px;
  border-radius: 30px;
  border: none;
  cursor: pointer;
  transition: 0.25s ease;
}
.modal-overlay .modal-cgu .modal-scroll .modal-buttons button:hover {
  transform: scale(1.05);
}
.modal-overlay .modal-cgu .modal-scroll .modal-buttons button.accept {
  background: #1d1d1d;
  color: #fff;
}
.modal-overlay .modal-cgu .modal-scroll .modal-buttons button.refuse {
  background: transparent;
  border: 2px solid #1d1d1d;
  color: #1d1d1d;
}
.modal-overlay.active {
  opacity: 1;
  pointer-events: auto;
}

.connexion {
  width: 100vw;
  height: 100dvh; /* ✅ iOS safe */
  overflow: hidden;
  background-color: #2a3a40;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: background-color 0.4s ease;
}
.connexion button {
  cursor: pointer;
}
.connexion .connexionco {
  width: 65%;
  height: 100%;
  border-radius: 0 80px 80px 0;
  background-color: #4c6c73;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: width 0.45s ease, background-color 0.35s ease, border-radius 0.45s ease;
}
.connexion .connexionco .center,
.connexion .connexionco .center2 {
  transition: opacity 0.35s ease, transform 0.35s ease;
  transform: translateY(0px);
}
.connexion .connexionco .center {
  width: 60%;
  height: 80%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.connexion .connexionco .center form {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}
.connexion .connexionco .center form p.titre {
  color: #fff;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(2.8125rem, 3vw + 1rem, 4.0625rem);
  line-height: 1.1 !important;
  margin-bottom: 5vh;
}
.connexion .connexionco .center form input {
  width: 100%;
  height: 8vh;
  border-radius: 50px;
  border: none;
  padding: 2vw;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
  line-height: 1.3 !important;
  font-weight: 100;
  color: #fff;
  background-color: #2a3a40;
  margin-bottom: 5vh;
}
.connexion .connexionco .center form input::-moz-placeholder {
  color: #fff;
}
.connexion .connexionco .center form input::placeholder {
  color: #fff;
}
.connexion .connexionco .center form .password_contain {
  width: 100%;
  height: 8vh;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  margin-bottom: 3vh;
}
.connexion .connexionco .center form .password_contain input {
  width: 100%;
  height: 100%;
  border-radius: 50px;
  border: none;
  padding: 2vw;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
  line-height: 1.3 !important;
  font-weight: 100;
  color: #fff;
  background-color: #2a3a40;
  margin-bottom: 0 !important;
}
.connexion .connexionco .center form .password_contain .oeil {
  height: 40%;
  aspect-ratio: 1/1;
  position: absolute;
  top: 50%;
  right: 1vw;
  transform: translate(-50%, -50%);
  cursor: pointer;
}
.connexion .connexionco .center form .password_contain .oeil svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  color: white;
}
.connexion .connexionco .center form p.error {
  color: red;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
}
.connexion .connexionco .center form a {
  text-decoration: none;
  color: #fff;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  margin-bottom: 5vh;
}
.connexion .connexionco .center form p#forgot-error {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  text-align: center;
}
.connexion .connexionco .center form button {
  width: 30%;
  height: 5vh;
  background-color: #fff;
  color: #4c6c73;
  border-radius: 50px;
  border: none;
  font-weight: 500 !important;
  margin-top: 5vh;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
}
.connexion .connexionco p.succes {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
}
.connexion .connexionco .center2 {
  display: none;
  opacity: 0;
}
.connexion .inscription {
  width: 35%;
  height: 100%;
  background-color: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: width 0.45s ease, background-color 0.35s ease, border-radius 0.45s ease;
}
.connexion .inscription .center,
.connexion .inscription .center2 {
  transition: opacity 0.35s ease, transform 0.35s ease;
  transform: translateY(0px);
}
.connexion .inscription .center {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 50%;
}
.connexion .inscription .center p.titre {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(30px, 3.5vw + 10px, 45px);
  line-height: 1.25 !important;
  color: #ffffff;
  width: 100%;
  text-align: center;
}
.connexion .inscription .center button {
  background-color: transparent;
  border: 3px solid #fff;
  border-radius: 50px;
  color: #fff;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  height: 5vh;
  width: 60%;
  margin-top: 2vh;
}
.connexion .inscription .center2 {
  display: none;
  opacity: 0;
}
.connexion {
  /* --------------------------------------------------------- */
  /* ÉTAT OUVERT (.open) */
  /* --------------------------------------------------------- */
}
.connexion.open {
  height: 100dvh;
  overflow: hidden;
}
.connexion.open .connexionco {
  width: 35%;
  border-radius: 0;
  background-color: #2a3a40;
}
.connexion.open .connexionco .center {
  display: none;
  opacity: 0;
  transform: translateY(6px);
}
.connexion.open .connexionco .center2 {
  display: flex;
  opacity: 1;
  transform: translateY(0px);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 50%;
}
.connexion.open .connexionco .center2 p.titre {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(30px, 3.5vw + 10px, 45px);
  line-height: 1.25 !important;
  color: #ffffff;
  width: 100%;
  text-align: center;
}
.connexion.open .connexionco .center2 button {
  background-color: transparent;
  border: 3px solid #fff;
  border-radius: 50px;
  color: #fff;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  height: 5vh;
  width: 60%;
  margin-top: 2vh;
}
.connexion.open .inscription {
  width: 65%;
  background-color: #4c6c73;
  border-radius: 80px 0 0 80px;
}
.connexion.open .inscription .center {
  display: none;
  opacity: 0;
  transform: translateY(6px);
}
.connexion.open .inscription .center2 {
  display: flex;
  opacity: 1;
  transform: translateY(0px);
  width: 60%;
  height: 80%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.connexion.open .inscription .center2 p.titre {
  color: #fff;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(2.8125rem, 3vw + 1rem, 4.0625rem);
  line-height: 1.1 !important;
  margin-bottom: 5vh;
}
.connexion.open .inscription .center2 form {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.connexion.open .inscription .center2 form .password_contain {
  width: 100%;
  height: 8vh;
  margin-bottom: 2vh;
  position: relative;
}
.connexion.open .inscription .center2 form .password_contain input {
  width: 100%;
  height: 100%;
  border-radius: 50px;
  border: none;
  padding: 2vw;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
  line-height: 1.3 !important;
  font-weight: 100;
  color: #fff;
  background-color: #2a3a40;
  margin-bottom: 0vh;
}
.connexion.open .inscription .center2 form .password_contain .oeil {
  height: 40%;
  aspect-ratio: 1/1;
  position: absolute;
  top: 50%;
  right: 1vw;
  transform: translate(-50%, -50%);
  cursor: pointer;
}
.connexion.open .inscription .center2 form .password_contain .oeil svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  color: white;
}
.connexion.open .inscription .center2 form input {
  width: 100%;
  height: 4vh;
  border-radius: 50px;
  border: none;
  padding: 2vw;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
  line-height: 1.3 !important;
  font-weight: 100;
  color: #fff;
  background-color: #2a3a40;
  margin-bottom: 2vh;
}
.connexion.open .inscription .center2 form input:nth-child(4) {
  margin-bottom: 5vh;
}
.connexion.open .inscription .center2 form input::-moz-placeholder {
  color: #fff;
}
.connexion.open .inscription .center2 form input::placeholder {
  color: #fff;
}
.connexion.open .inscription .center2 form .checkbox {
  width: 95%;
  display: flex;
  height: auto;
  justify-content: flex-start;
  align-items: center;
  margin-top: 1vh;
}
.connexion.open .inscription .center2 form .checkbox .checkboxcustom {
  width: 2vh;
  height: 2vh;
  border-radius: 50%;
  border: 2px solid #fff;
  background-color: transparent;
  position: relative;
  transition: all 0.25s ease;
}
.connexion.open .inscription .center2 form .checkbox .checkboxcustom.checked::after {
  content: "✕";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -48%);
  font-size: 1.4vh;
  color: #fff;
}
.connexion.open .inscription .center2 form .checkbox label {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
  line-height: 1.3 !important;
  color: #fff;
  width: 85%;
  margin-left: 2vw;
}
.connexion.open .inscription .center2 form button {
  width: 30%;
  height: 5vh;
  background-color: #fff;
  border: none;
  border-radius: 50px;
  color: #2a3a40;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  margin-top: 2vh;
}
.connexion.open .inscription .center2 form p.error2 {
  color: red;
  margin-top: 1vh;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
}

/* ========================================================= */
/* TABLET / MOBILE LARGE (<=1024px) */
/* ========================================================= */
@media screen and (max-width: 1024px) {
  .modal-overlay .modal-cgu {
    width: 85%;
    height: 85vh;
    padding: 40px 45px;
    border-radius: 26px;
  }
  .modal-overlay .modal-cgu h2 {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.625rem, 2.8vw + 0.5rem, 2.5rem);
    line-height: 1.25 !important;
    margin-bottom: 20px;
  }
  .modal-overlay .modal-cgu .modal-scroll p {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
    margin-bottom: 22px;
  }
  .modal-overlay .modal-cgu .modal-scroll .modal-buttons {
    margin-top: 40px;
  }
  .modal-overlay .modal-cgu .modal-scroll .modal-buttons button {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
    padding: 16px 40px;
  }
  .connexion {
    height: 100dvh;
    overflow: hidden;
    flex-direction: column;
    padding: 0;
    background-color: #2a3a40;
  }
  .connexion .connexionco {
    width: 100%;
    height: 70%; /* ✅ au lieu de 400vh */
    background-color: #4c6c73;
    border-radius: 0 0 70px 70px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .connexion .connexionco .center {
    width: 80%;
    max-width: 550px;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .connexion .connexionco .center form {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .connexion .connexionco .center form p.titre {
    text-align: center;
    margin-bottom: 4vh;
  }
  .connexion .connexionco .center form input {
    width: 100%;
    height: 6vh;
    margin-bottom: 2.5vh;
  }
  .connexion .connexionco .center form a {
    margin-bottom: 3vh;
  }
  .connexion .connexionco .center form button {
    width: 45%;
    height: 6vh;
    margin-top: 2vh;
  }
  .connexion .connexionco .center2 {
    display: none;
  }
  .connexion .inscription {
    width: 100%;
    height: 30%;
    background-color: #2a3a40;
    padding-top: 6vh;
    padding-bottom: 10vh;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .connexion .inscription .center {
    width: 80%;
    max-width: 550px;
    text-align: center;
  }
  .connexion .inscription .center p.titre {
    margin-bottom: 3vh;
  }
  .connexion .inscription .center button {
    width: 45%;
    height: 6vh;
  }
  .connexion .inscription .center2 {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .connexion.open {
    flex-direction: column-reverse;
    background-color: #2a3a40 !important;
    height: 100dvh;
    overflow: hidden;
  }
  .connexion.open .connexionco {
    width: 100%;
    height: 20%;
    padding: 2vh 0 5vh 0;
    background-color: #2a3a40;
    border-radius: 0;
    display: flex;
    justify-content: center;
    align-items: flex-start;
  }
  .connexion.open .connexionco .center {
    display: none;
  }
  .connexion.open .connexionco .center2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 85%;
    max-width: 450px;
  }
  .connexion.open .connexionco .center2 p.titre {
    margin-bottom: 1.5vh;
    text-align: center;
  }
  .connexion.open .connexionco .center2 button {
    width: 50%;
    height: 5.5vh;
  }
  .connexion.open .inscription {
    width: 100%;
    height: 80%;
    background-color: #4c6c73;
    border-radius: 0 0 60px 60px;
    padding: 4vh 0 4vh 0;
    display: flex;
    justify-content: center;
    /* ✅ clé iPhone : autorise le scroll dans ce bloc */
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  .connexion.open .inscription .center {
    display: none;
  }
  .connexion.open .inscription .center2 {
    display: flex;
    flex-direction: column;
    width: 85%;
    max-width: 450px;
    opacity: 1;
  }
  .connexion.open .inscription .center2 p.titre {
    margin-top: 0; /* ✅ au lieu de 25vh */
    margin-bottom: 2.5vh;
    text-align: center;
  }
  .connexion.open .inscription .center2 form {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .connexion.open .inscription .center2 form input {
    width: 100%;
    height: 4.5vh;
    margin-bottom: 1.8vh;
  }
  .connexion.open .inscription .center2 form .password_contain {
    width: 100%;
    height: 4.5vh;
  }
  .connexion.open .inscription .center2 form .password_contain input {
    width: 100%;
    height: 100%;
  }
  .connexion.open .inscription .center2 form .checkbox {
    margin-top: 1vh;
    transform: scale(0.85);
    margin-bottom: 1vh;
    width: 100%;
    display: flex;
    align-items: center;
  }
  .connexion.open .inscription .center2 form .checkbox .checkboxcustom {
    width: 2vh;
    height: 2vh;
    border-radius: 50%;
    border: 2px solid #fff;
    background-color: transparent;
    position: relative;
    transition: all 0.25s ease;
  }
  .connexion.open .inscription .center2 form .checkbox .checkboxcustom.checked::after {
    content: "✕";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -48%);
    font-size: 1.4vh;
    color: #fff;
  }
  .connexion.open .inscription .center2 form .checkbox label {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
    color: #fff;
    margin-left: 2vw;
    width: 85%;
    line-height: 1.3em;
  }
  .connexion.open .inscription .center2 form button {
    width: 45%;
    height: 5.5vh;
    margin-top: 2vh;
  }
}
/* ========================================================= */
/* MOBILE (<=600px) */
/* ========================================================= */
@media screen and (max-width: 600px) {
  .modal-overlay .modal-cgu {
    width: 90%;
    height: 90vh;
    border-radius: 25px 25px 0 0;
    padding: 35px 30px;
  }
  .modal-overlay .modal-cgu h2 {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
    text-align: center;
    margin-bottom: 18px;
  }
  .modal-overlay .modal-cgu .modal-scroll {
    padding-right: 5px;
  }
  .modal-overlay .modal-cgu .modal-scroll p {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
    margin-bottom: 20px;
    line-height: 1.45;
  }
  .modal-overlay .modal-cgu .modal-scroll .modal-buttons {
    flex-direction: column;
    gap: 18px;
    margin-top: 35px;
  }
  .modal-overlay .modal-cgu .modal-scroll .modal-buttons button {
    width: 100%;
    padding: 14px 0;
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
  }
  .connexion {
    flex-direction: column;
    width: 100%;
    height: 100dvh;
    overflow: hidden;
  }
  .connexion .connexionco {
    width: 100%;
    height: 60vh; /* ✅ au lieu de 400vh */
    border-radius: 0 0 55px 55px;
    padding: 0 20px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .connexion .connexionco .center {
    width: 90%;
    max-width: 420px;
  }
  .connexion .connexionco .center form {
    width: 100%;
  }
  .connexion .connexionco .center form p.titre {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(30px, 3.5vw + 10px, 45px);
    line-height: 1.25 !important;
    margin-bottom: 3vh;
    text-align: center;
  }
  .connexion .connexionco .center form input {
    width: 100%;
    height: 6vh;
    margin-bottom: 2vh;
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
    line-height: 1.3 !important;
  }
  .connexion .connexionco .center form .password_contain {
    width: 100%;
    height: 6vh;
    margin-bottom: 2vh;
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
    line-height: 1.3 !important;
  }
  .connexion .connexionco .center form .password_contain input {
    width: 100%;
    height: 6vh;
    margin-bottom: 0vh;
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
    line-height: 1.3 !important;
  }
  .connexion .connexionco .center form a {
    margin-bottom: 2vh;
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
    line-height: 1.3 !important;
  }
  .connexion .connexionco .center form button {
    width: 60%;
    height: 5.5vh;
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
    line-height: 1.3 !important;
  }
  .connexion .inscription {
    width: 100%;
    height: auto; /* ✅ au lieu de 50vh figé */
    padding-top: 5vh;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  .connexion .inscription .center {
    width: 90%;
    max-width: 420px;
    text-align: center;
  }
  .connexion .inscription .center p.titre {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
    margin-bottom: 2vh;
  }
  .connexion .inscription .center button {
    width: 60%;
    height: 5.5vh;
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
    line-height: 1.3 !important;
  }
  .connexion .inscription .center2 {
    display: none;
  }
  .connexion.open {
    flex-direction: column-reverse;
  }
  .connexion.open .connexionco {
    height: auto;
    padding-top: 2vh;
    height: 20%;
  }
  .connexion.open .connexionco .center2 {
    width: 90%;
    max-width: 420px;
    display: flex;
  }
  .connexion.open .connexionco .center2 p.titre {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
    margin-bottom: 1vh;
    text-align: center;
  }
  .connexion.open .connexionco .center2 button {
    width: 60%;
    height: 5vh;
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
    line-height: 1.3 !important;
  }
  .connexion.open .inscription {
    height: 80%; /* ✅ au lieu de 400vh */
    border-radius: 0 0 45px 45px;
    padding: 3vh 0;
    /* ✅ scroll si besoin */
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  .connexion.open .inscription .center2 {
    width: 90%;
    max-width: 420px;
  }
  .connexion.open .inscription .center2 p.titre {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
    margin-bottom: 2vh;
    margin-top: 0 !important; /* ✅ au cas où */
  }
  .connexion.open .inscription .center2 form {
    width: 100%;
  }
  .connexion.open .inscription .center2 form input {
    height: 4.2vh;
    margin-bottom: 1.5vh;
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
    line-height: 1.3 !important;
  }
  .connexion.open .inscription .center2 form .password_contain {
    height: 4.2vh;
    margin-bottom: 1.5vh;
  }
  .connexion.open .inscription .center2 form .password_contain input {
    width: 100%;
    height: 100%;
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
    line-height: 1.3 !important;
  }
  .connexion.open .inscription .center2 form .checkbox {
    transform: scale(0.8);
    margin-bottom: 1.2vh;
  }
  .connexion.open .inscription .center2 form .checkbox label {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
    line-height: 1.3 !important;
    line-height: 1.3;
  }
  .connexion.open .inscription .center2 form button {
    width: 55%;
    height: 5vh;
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
    line-height: 1.3 !important;
  }
}
body.email_pending {
  margin: 0;
  padding: 0;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #2a3a40; /* ton bleu foncé */
  font-family: Arial, sans-serif;
  color: white;
  text-align: center;
}
body.email_pending .box {
  max-width: 600px;
  padding: 40px;
}
body.email_pending .box h1 {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(30px, 3.5vw + 10px, 45px);
  line-height: 1.25 !important;
  margin-bottom: 20px;
}
body.email_pending .box p {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
  line-height: 1.3 !important;
  opacity: 0.9;
}

.forum_question {
  width: 100vw;
  height: auto;
  position: relative;
  background-color: #2a3a40;
}
.forum_question h1.titree {
  display: none;
}
.forum_question a.liensmart {
  display: none;
}
.forum_question .contain_forum {
  position: relative;
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url("../img/public&user/forum_question/fond_question.png");
  background-size: cover;
  /* 💥 L’équivalent de object-fit: cover */
  background-position: center;
  /* Centre l’image dans le conteneur */
  background-repeat: no-repeat;
}
.forum_question .contain_forum .center {
  width: 80%;
  height: 75%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1600px) {
  .forum_question .contain_forum .center {
    max-width: 1440px;
  }
}
.forum_question .contain_forum .center {
  margin: 0;
  transform: translate(0, 1vh);
}
.forum_question .contain_forum .center .nav {
  display: flex;
  width: 60%;
  height: 25%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.forum_question .contain_forum .center .nav button {
  width: 32%;
  height: 55%;
  border-radius: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.45);
  background-color: transparent;
  border: none;
  color: #fff;
  font-weight: 100;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  cursor: pointer;
}
.forum_question .contain_forum .center .nav button p {
  opacity: 0.7;
}
.forum_question .contain_forum .center .nav button p.title {
  margin-bottom: 1vh;
}
.forum_question .contain_forum .center .nav button.active {
  background-color: #729ca6;
  color: #fff;
}
.forum_question .contain_forum .center .nav button.active p {
  opacity: 1;
}
.forum_question .contain_forum .center p.grandp {
  height: 5%;
  width: 100%;
  color: #fff;
  display: flex;
  align-items: center;
  font-family: "Akshar", sans-serif;
  font-size: clamp(1.875rem, 2.8vw + 0.8rem, 3.125rem);
  line-height: 1.2;
}
.forum_question .contain_forum .center .categorie {
  height: 65%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.forum_question .contain_forum .center .categorie .group {
  width: 100%;
  height: 24%;
  display: flex;
  justify-content: space-between;
}
.forum_question .contain_forum .center .categorie .group .cat,
.forum_question .contain_forum .center .categorie .group .catvide {
  width: 32%;
  height: 100%;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.forum_question .contain_forum .center .categorie .group .cat img,
.forum_question .contain_forum .center .categorie .group .catvide img {
  width: 10%;
  height: auto;
}
.forum_question .contain_forum .center .categorie .group .cat p,
.forum_question .contain_forum .center .categorie .group .catvide p {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  font-weight: 500;
  color: #fff;
  margin-left: 1vw;
}
.forum_question .contain_forum .center .new_quest_smart {
  display: none !important;
}
.forum_question .contain_forum .new_quest {
  width: 25%;
  height: 25%;
  position: absolute;
  bottom: 4vh;
  right: 4vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: transparent !important;
}
.forum_question .contain_forum .new_quest p.tit {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
  line-height: 1.3 !important;
  color: #fff;
  font-weight: 100;
  text-align: center;
}
.forum_question .contain_forum .new_quest a {
  padding: 3%;
  margin-top: 2vh;
  background-color: #fff;
  border-radius: 30px;
  text-decoration: none;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
  line-height: 1.3 !important;
  font-weight: 100;
  color: #2a3a40;
}

@media only screen and (max-width: 600px) {
  .forum_question {
    padding-top: 5vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-image: none;
  }
  .forum_question p.titree {
    display: flex;
    color: #fff;
    text-align: center;
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(30px, 3.5vw + 10px, 45px);
    line-height: 1.25 !important;
  }
  .forum_question a.liensmart {
    display: flex !important;
    width: 100%;
    height: 10vh;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .forum_question a.liensmart img {
    width: 35%;
  }
  .forum_question .contain_forum {
    height: auto !important;
  }
  .forum_question .contain_forum .center {
    height: auto !important;
    align-items: center;
    transform: translate(0);
  }
  .forum_question .contain_forum .center .nav {
    height: auto !important;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    margin-top: 2vh;
    width: 80% !important;
  }
  .forum_question .contain_forum .center .nav button {
    width: 100%;
    height: 6vh;
    margin-top: 2vh;
  }
  .forum_question .contain_forum .center .grandp {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(30px, 3.5vw + 10px, 45px);
    line-height: 1.25 !important;
    text-align: center !important;
    margin-top: 4vh;
    width: 80% !important;
  }
  .forum_question .contain_forum .center .categorie {
    margin-top: 4vh;
    width: 80% !important;
  }
  .forum_question .contain_forum .center .categorie .group {
    height: auto;
    flex-direction: column;
  }
  .forum_question .contain_forum .center .categorie .group .cat {
    width: 100%;
    height: 5vh;
    margin-top: 3vh;
  }
  .forum_question .contain_forum .center .categorie .group .cat img {
    width: 13%;
  }
  .forum_question .contain_forum .center .categorie .group .cat p {
    margin-left: 5vw;
  }
  .forum_question .contain_forum .center .new_quest_smart {
    width: 100vw;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 40vh;
    margin-top: 4vh;
    background-image: url("../img/public&user/forum_question/new_question.png");
    background-size: cover;
    /* 💥 L’équivalent de object-fit: cover */
    background-position: center;
    /* Centre l’image dans le conteneur */
    background-repeat: no-repeat;
    padding-top: 10vh;
  }
  .forum_question .contain_forum .center .new_quest_smart p.tit {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(30px, 3.5vw + 10px, 45px);
    line-height: 1.25 !important;
    color: #fff;
    text-align: center;
  }
  .forum_question .contain_forum .center .new_quest_smart a {
    width: 40%;
    height: 5vh;
    text-decoration: none;
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
    color: #2a3a40;
    border-radius: 50px;
    background-color: #fff;
    margin-top: 5vh;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .forum_question .contain_forum .new_quest {
    display: none;
  }
}
.brochure_sante {
  width: 100vw;
  height: auto;
  position: relative;
}
.brochure_sante .accueil {
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  backface-visibility: hidden;
  transform: translateZ(0);
  box-sizing: border-box;
}
.brochure_sante .accueil .center {
  z-index: 9999;
  height: auto;
  width: 80%;
  display: flex;
  flex-direction: column;
  align-items: flex-start !important;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1600px) {
  .brochure_sante .accueil .center {
    max-width: 1440px;
  }
}
.brochure_sante .accueil .center .hover {
  position: absolute;
  width: 100%;
  height: 100vh;
  background: radial-gradient(circle, rgba(42, 58, 64, 0) 0%, rgb(42, 58, 64) 100%), linear-gradient(0deg, rgb(42, 58, 64) 0%, rgba(42, 58, 64, 0) 100%);
  left: 0;
  top: 0;
}
.brochure_sante .accueil .center .infos {
  width: 60%;
  height: auto;
  display: flex;
  flex-direction: column;
  transform: translateY(10vh);
}
.brochure_sante .accueil .center .infos img.smart-img {
  display: none;
}
.brochure_sante .accueil .center .infos p {
  text-align: justify;
  margin-top: 1vh;
  color: #ffffff;
  width: 100% !important;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
  line-height: 1.3 !important;
}
.brochure_sante .accueil .center .infos p.titre {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(3rem, 5vw + 1rem, 5rem);
  line-height: 1.1 !important;
  margin-bottom: 1vh;
  text-align: left;
}
.brochure_sante .accueil .center .infos .button_accueil {
  width: 50%;
  height: auto;
  margin-top: 1vh;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.brochure_sante .accueil .center .infos .button_accueil a {
  text-decoration: none;
  height: 6vh;
  background-color: transparent;
  border-radius: 30px;
  padding: 3%;
  position: relative;
  cursor: pointer;
  margin-top: 4vh;
}
.brochure_sante .accueil .center .infos .button_accueil a:nth-child(1) {
  border: 4px solid white;
  color: #ffffff;
  width: 45%;
  white-space: nowrap;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.brochure_sante .accueil .center .infos .button_accueil a:nth-child(2) {
  background-color: #ffffff;
  color: #2a3a40;
  width: 52%;
  white-space: nowrap;
  border: none;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.brochure_sante .accueil .fond_img_carou {
  width: 100vw;
  height: 100vh;
  position: absolute;
  left: 0;
  top: 0;
  backface-visibility: hidden;
  transform: translateZ(0);
  box-sizing: border-box;
}
.brochure_sante .accueil .fond_img_carou img {
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: center;
}
.brochure_sante .about {
  width: 100%;
  height: 100vh;
  background-color: #2a3a40;
  backface-visibility: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  backface-visibility: hidden;
  transform: translateZ(0);
  box-sizing: border-box;
}
.brochure_sante .about .center {
  width: 80%;
  height: 85%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1600px) {
  .brochure_sante .about .center {
    max-width: 1440px;
  }
}
.brochure_sante .about .center p.titre_smartphone {
  display: none;
}
.brochure_sante .about .center .left {
  width: 48%;
  height: 85%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.brochure_sante .about .center .left p.titre {
  color: white;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(2.8125rem, 3vw + 1rem, 4.0625rem);
  line-height: 1.1 !important;
  width: 120%;
}
.brochure_sante .about .center .left .txt {
  background-color: #4c6c73;
  width: 90%;
  height: auto;
  border-radius: 25px;
  padding: 5%;
  margin-top: 2vh;
  text-align: justify;
}
.brochure_sante .about .center .left .txt p {
  color: white;
  font-weight: 300;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
  line-height: 1.3 !important;
}
.brochure_sante .about .center .left .txt a {
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 3vh;
  height: 5vh;
  background-color: #BFD1D9;
  color: #2a3a40;
  width: 50%;
  border: none;
  border-radius: 30px;
  cursor: pointer;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
}
.brochure_sante .about .center .right {
  width: 48%;
  height: 85%;
  transform-origin: center;
  transform: scale(0.9) rotate(-45deg);
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}
.brochure_sante .about .center .right .smartimg {
  display: none;
}
.brochure_sante .about .center .right .top {
  width: auto;
  height: 50%;
  display: flex;
  align-items: flex-end;
  justify-content: space-around;
  transform: translateX(-3vw);
}
.brochure_sante .about .center .right .top .img1 {
  width: 11vw;
  height: 11vw;
  background-color: white;
  border-radius: 15px;
  margin-bottom: 1.5vh;
  margin-right: 1.5vw;
  overflow: hidden;
}
.brochure_sante .about .center .right .top .img1 img {
  width: 100%;
  height: 100%;
  transform-origin: center;
  transform: rotate(45deg) scale(1.4);
  -o-object-fit: cover;
     object-fit: cover;
}
.brochure_sante .about .center .right .top .img2 {
  width: 17vw;
  height: 17vw;
  background-color: white;
  border-radius: 15px;
  margin-bottom: 1.5vh;
  overflow: hidden;
}
.brochure_sante .about .center .right .top .img2 img {
  width: 100%;
  height: 100%;
  transform-origin: center;
  transform: rotate(45deg) scale(1.4);
  -o-object-fit: cover;
     object-fit: cover;
}
.brochure_sante .about .center .right .bottom {
  width: auto;
  height: 50%;
  display: flex;
  align-items: flex-start;
  justify-content: space-around;
  transform: translateX(3vw);
}
.brochure_sante .about .center .right .bottom .img2 {
  width: 11vw;
  height: 11vw;
  background-color: white;
  border-radius: 15px;
  margin-top: 1.5vh;
  overflow: hidden;
}
.brochure_sante .about .center .right .bottom .img2 img {
  width: 100%;
  height: 100%;
  transform-origin: center;
  transform: rotate(45deg) scale(1.4);
  -o-object-fit: cover;
     object-fit: cover;
}
.brochure_sante .about .center .right .bottom .img1 {
  width: 17vw;
  height: 17vw;
  background-color: white;
  border-radius: 15px;
  margin-top: 1.5vh;
  margin-right: 1.5vw;
  overflow: hidden;
}
.brochure_sante .about .center .right .bottom .img1 img {
  width: 100%;
  height: 100%;
  transform-origin: center;
  transform: rotate(45deg) scale(1.4);
  -o-object-fit: cover;
     object-fit: cover;
}
.brochure_sante .speservices {
  width: 100%;
  height: 250vh;
  background-color: #2a3a40;
  position: relative;
  overflow: visible;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  backface-visibility: hidden;
  transform: translateZ(0);
  box-sizing: border-box;
}
.brochure_sante .speservices .hovervague {
  position: absolute;
  pointer-events: none;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}
.brochure_sante .speservices .hovervague img {
  z-index: 9998;
  width: 102%;
  height: 150%;
  -o-object-fit: cover;
     object-fit: cover;
}
.brochure_sante .speservices .brochure_ctn {
  width: 100vw;
  height: 200vh;
  z-index: 99999;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 5vh;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1600px) {
  .brochure_sante .speservices .brochure_ctn {
    max-width: 1440px;
  }
}
.brochure_sante .speservices .brochure_ctn .first_brochure,
.brochure_sante .speservices .brochure_ctn .second_brochure {
  width: 100%;
  height: 100vh;
  flex-wrap: wrap;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 1600px) {
  .brochure_sante .speservices .brochure_ctn .first_brochure,
  .brochure_sante .speservices .brochure_ctn .second_brochure {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
}
.brochure_sante .speservices .brochure_ctn .first_brochure p.titre,
.brochure_sante .speservices .brochure_ctn .second_brochure p.titre {
  color: #fff;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(2.8125rem, 3vw + 1rem, 4.0625rem);
  line-height: 1.1 !important;
  width: 100%;
  height: 13%;
}
.brochure_sante .speservices .brochure_ctn .first_brochure p.txt,
.brochure_sante .speservices .brochure_ctn .second_brochure p.txt {
  height: 13%;
  color: #fff;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
  line-height: 1.3 !important;
  width: 100%;
  font-weight: 400;
}
.brochure_sante .speservices .brochure_ctn .first_brochure .broch,
.brochure_sante .speservices .brochure_ctn .second_brochure .broch {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 60%;
  margin-top: 2vh;
}
.brochure_sante .speservices .brochure_ctn .first_brochure .broch .brochure,
.brochure_sante .speservices .brochure_ctn .second_brochure .broch .brochure {
  width: 30%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  align-items: center;
}
.brochure_sante .speservices .brochure_ctn .first_brochure .broch .brochure img,
.brochure_sante .speservices .brochure_ctn .second_brochure .broch .brochure img {
  width: 100%;
  height: 50%;
  border-radius: 20px;
  -o-object-fit: cover;
     object-fit: cover;
}
.brochure_sante .speservices .brochure_ctn .first_brochure .broch .brochure p.titre,
.brochure_sante .speservices .brochure_ctn .second_brochure .broch .brochure p.titre {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
  line-height: 1.3 !important;
  text-align: center;
  height: auto;
}
.brochure_sante .speservices .brochure_ctn .first_brochure .broch .brochure p.txt,
.brochure_sante .speservices .brochure_ctn .second_brochure .broch .brochure p.txt {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
  line-height: 1.3 !important;
  text-align: justify;
  font-weight: 100;
  height: auto;
}
.brochure_sante .speservices .brochure_ctn .first_brochure .broch .brochure a,
.brochure_sante .speservices .brochure_ctn .second_brochure .broch .brochure a {
  color: #2a3a40;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  border: none;
  width: 50%;
  height: 5vh;
  background-color: #FFF;
  border-radius: 50px;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
}
.brochure_sante .speservices .brochure_ctn .second_brochure {
  height: 65vh;
}
.brochure_sante .speservices .brochure_ctn .second_brochure .broch {
  height: 100%;
}
.brochure_sante .speservices .brochure_ctn .second_brochure .broch .brochure:nth-child(1) {
  margin-right: 4vw;
}
.brochure_sante .speservices .second_brochure {
  justify-content: flex-start;
}
.brochure_sante .speservices .second_brochure .broch {
  justify-content: center !important;
}
.brochure_sante .speservices .other {
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
.brochure_sante .speservices .other .center {
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1600px) {
  .brochure_sante .speservices .other .center {
    max-width: 1440px;
  }
}
.brochure_sante .speservices .other .center {
  width: 80%;
  height: 80%;
  z-index: 600000;
}
.brochure_sante .speservices .other .center p.titre {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(2.8125rem, 3vw + 1rem, 4.0625rem);
  line-height: 1.1 !important;
  color: white;
  height: 10%;
}
.brochure_sante .speservices .other .center p.txt1 {
  height: 10%;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
  line-height: 1.3 !important;
  color: white;
  margin-top: 1vh;
  text-align: justify;
  transform: translateY(2vh);
}
.brochure_sante .speservices .other .center p.txt {
  height: 10%;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
  line-height: 1.3 !important;
  color: white;
  text-align: justify;
}
.brochure_sante .speservices .other .center .service {
  margin-top: 5%;
  width: 100%;
  height: 85%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.brochure_sante .speservices .other .center .service a {
  text-decoration: none;
  width: 20vw;
  height: 100%;
  margin-right: 2vw;
}
.brochure_sante .speservices .other .center .service .serv {
  width: 100%;
  height: 100%;
  border-radius: 50px;
  background-color: #95b8bf;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}
.brochure_sante .speservices .other .center .service .serv .img {
  width: 100%;
  height: 65%;
  border-radius: 50px;
  overflow: hidden;
  position: relative;
}
.brochure_sante .speservices .other .center .service .serv .img p.titre {
  width: 60%;
  background-color: #95b8bf;
  color: #2a3a40;
  height: 5vh;
  position: absolute;
  top: 5vh;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
  line-height: 1.3 !important;
  text-align: center;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.brochure_sante .speservices .other .center .service .serv .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.brochure_sante .speservices .other .center .service .serv .img:nth-child(2) img {
  -o-object-position: bottom !important;
     object-position: bottom !important;
}
.brochure_sante .speservices .other .center .service .serv .infobulle {
  width: 100%;
  height: 30%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
}
.brochure_sante .speservices .other .center .service .serv .infobulle p {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  color: #2a3a40;
  width: 65%;
  text-align: center;
}
.brochure_sante .speservices .other .center .service .serv .infobulle button {
  width: 60%;
  height: 5vh;
  background-color: #2a3a40;
  border: none;
  border-radius: 50px;
  color: #fff;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  font-weight: 500;
}
.brochure_sante .speservices .other .center .service .servdiff .img p.titre {
  background-color: #4c6c73;
  color: #fff;
}
.brochure_sante .speservices .other .center .service .servdiff .infobulle button {
  color: #2a3a40;
  background-color: #fff;
}
.brochure_sante .space {
  width: 100%;
  height: 25vh;
  background-color: #2a3a40;
}
.brochure_sante .question {
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: flex-end;
  position: relative;
  align-items: center;
  background-color: #2a3a40;
  padding-top: 10vh;
}
.brochure_sante .question p.titresmart {
  display: none;
}
.brochure_sante .question .img1 {
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  width: auto;
  height: 100%;
  transform-origin: left;
  transform: scale(0.9);
}
.brochure_sante .question .hoverimg {
  width: 50%;
  height: 50%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: linear-gradient(to top, rgb(42, 58, 64) 0%, rgb(42, 58, 64) 15%, rgba(42, 58, 64, 0) 100%);
  z-index: 50000;
}
.brochure_sante .question .overask {
  width: 50%;
  height: 70%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.brochure_sante .question .overask .center {
  width: 70%;
  height: 50%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}
.brochure_sante .question .overask .center p.titre {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(2.8125rem, 3vw + 1rem, 4.0625rem);
  line-height: 1.1 !important;
  color: white;
  text-align: center;
  width: 80%;
}
.brochure_sante .question .overask .center a {
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 35%;
  height: 5vh;
  border: 5px solid #ffffff;
  border-radius: 25px;
  background-color: transparent;
  color: #ffffff;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
}
.brochure_sante .question .overask .center a:nth-child(2) {
  background-color: #ffffff;
  border: 0;
  color: #2a3a40;
}

/* Smartphones en portrait */
@media only screen and (max-width: 1024px) {
  /* Styles pour les smartphones en portrait */
  .brochure_sante .accueil {
    position: relative;
  }
  .brochure_sante .accueil .center {
    height: 100vh;
    width: 80%;
    justify-content: center;
    align-items: center;
    margin-top: 6vh;
  }
  .brochure_sante .accueil .center .infos {
    height: auto;
    width: 80%;
    justify-content: space-between;
    width: 100%;
    align-items: flex-start;
    transform: translateY(0);
    position: relative;
    padding: 0;
  }
  .brochure_sante .accueil .center .infos p {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.625rem, 2.8vw + 0.5rem, 2.5rem);
    line-height: 1.25 !important;
    font-weight: 100;
  }
  .brochure_sante .accueil .center .infos p.titre {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(3rem, 5vw + 1rem, 5rem);
    line-height: 1.1 !important;
  }
  .brochure_sante .accueil .center .infos img {
    display: flex !important;
    width: 38%;
    position: absolute;
    top: -25vh;
    left: 50%;
    transform: translateX(-50%);
  }
  .brochure_sante .accueil .center .infos .button_accueil {
    width: 60%;
    height: 5vh;
    margin-top: 5vh;
  }
  .brochure_sante .accueil .center .infos .button_accueil a {
    width: 30%;
  }
  .brochure_sante .accueil .center .infos .button_accueil a:nth-child(1) {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
    line-height: 1.3 !important;
  }
  .brochure_sante .accueil .center .infos .button_accueil a:nth-child(2) {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
    line-height: 1.3 !important;
  }
  .brochure_sante .accueil .center .infos::before {
    display: none;
  }
  .brochure_sante .accueil .chevron_bottom {
    position: absolute;
    width: 80px;
    height: 80px;
    bottom: 2lvh;
    left: 50%;
    transform: translateX(-50%) scale(0.8);
    z-index: 5;
  }
  .brochure_sante .accueil .chevron_bottom lord-icon {
    position: absolute;
    top: 35%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.6);
  }
  .brochure_sante .accueil .chevron_bottom lord-icon:nth-child(2) {
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .brochure_sante .about {
    height: auto !important;
  }
  .brochure_sante .about .center {
    width: 80%;
    height: 85%;
    flex-direction: column;
    justify-content: space-around;
    margin-top: 10%;
  }
  .brochure_sante .about .center p.titre_smartphone {
    display: flex;
    color: white;
    text-align: center;
    height: 10%;
    transform: translateY(5vh);
    font-weight: 400 !important;
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(2.8125rem, 3vw + 1rem, 4.0625rem);
    line-height: 1.1 !important;
    margin-bottom: 2vh;
  }
  .brochure_sante .about .center .left {
    order: 2;
    margin-top: 13vh;
    height: 60%;
    width: 100%;
  }
  .brochure_sante .about .center .left .txt {
    width: 100% !important;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .brochure_sante .about .center .left .txt p {
    width: 100%;
    font-weight: 200;
  }
  .brochure_sante .about .center .left p.titre {
    display: none;
  }
  .brochure_sante .about .center .right {
    transform: rotate(0);
    flex-direction: row;
    width: 100%;
    height: 25vh;
    justify-content: space-between;
    transform: translateY(9vh);
    position: relative;
  }
  .brochure_sante .about .center .right .smartimg {
    display: flex;
    width: 17vw;
    height: 17vw;
    position: absolute;
    top: 25%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    border-radius: 15px;
    overflow: hidden;
    z-index: 50000;
  }
  .brochure_sante .about .center .right .smartimg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    transform: rotate(-45deg) scale(1.4);
    z-index: 500000;
  }
  .brochure_sante .about .center .right .top {
    width: 50%;
    height: 100%;
    transform-origin: bottom right;
    transform: translateX(-23vw) rotate(45deg);
  }
  .brochure_sante .about .center .right .top .img1 {
    margin: 0;
    width: 15vw;
    height: 15vw;
    transform: translateY(3vh);
  }
  .brochure_sante .about .center .right .top .img1 img {
    transform: rotate(-45deg) translate(0) scale(1.4);
  }
  .brochure_sante .about .center .right .top .img2 {
    margin: 0;
    width: 20vw;
    height: 20vw;
  }
  .brochure_sante .about .center .right .top .img2 img {
    transform: rotate(-45deg) translate(0) scale(1.4);
  }
  .brochure_sante .about .center .right .bottom {
    width: 50%;
    height: 100%;
    align-items: flex-end;
    transform-origin: bottom left;
    transform: translateX(23vw) rotate(-45deg);
  }
  .brochure_sante .about .center .right .bottom .img1 {
    margin: 0;
    width: 20vw;
    height: 20vw;
  }
  .brochure_sante .about .center .right .bottom .img1 img {
    transform: rotate(45deg) translate(0) scale(1.4);
  }
  .brochure_sante .about .center .right .bottom .img2 {
    margin: 0;
    width: 15vw;
    height: 15vw;
    transform: translateY(3vh);
  }
  .brochure_sante .about .center .right .bottom .img2 img {
    transform: rotate(45deg) translate(0) scale(1.4);
  }
  .brochure_sante .speservices {
    height: auto;
    padding-top: 5vh;
  }
  .brochure_sante .speservices .brochure_ctn {
    height: auto;
  }
  .brochure_sante .speservices .brochure_ctn .first_brochure,
  .brochure_sante .speservices .brochure_ctn .second_brochure {
    height: auto;
    width: 80%;
  }
  .brochure_sante .speservices .brochure_ctn .first_brochure p.titre,
  .brochure_sante .speservices .brochure_ctn .second_brochure p.titre {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(2.8125rem, 3vw + 1rem, 4.0625rem);
    line-height: 1.1 !important;
    text-align: center;
  }
  .brochure_sante .speservices .brochure_ctn .first_brochure p.txt,
  .brochure_sante .speservices .brochure_ctn .second_brochure p.txt {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.625rem, 2.8vw + 0.5rem, 2.5rem);
    line-height: 1.25 !important;
    text-align: center;
    margin-top: 2vh;
  }
  .brochure_sante .speservices .brochure_ctn .first_brochure .broch,
  .brochure_sante .speservices .brochure_ctn .second_brochure .broch {
    margin-top: 5vh;
    height: auto;
    flex-direction: column;
  }
  .brochure_sante .speservices .brochure_ctn .first_brochure .broch .brochure,
  .brochure_sante .speservices .brochure_ctn .second_brochure .broch .brochure {
    width: 100%;
    height: 53vh;
    margin-bottom: 5vh;
  }
  .brochure_sante .speservices .brochure_ctn .first_brochure .broch .brochure img,
  .brochure_sante .speservices .brochure_ctn .second_brochure .broch .brochure img {
    height: 60%;
  }
  .brochure_sante .speservices .brochure_ctn .first_brochure .broch .brochure p.titre,
  .brochure_sante .speservices .brochure_ctn .second_brochure .broch .brochure p.titre {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.625rem, 2.8vw + 0.5rem, 2.5rem);
    line-height: 1.25 !important;
  }
  .brochure_sante .speservices .brochure_ctn .first_brochure .broch .brochure p.txt,
  .brochure_sante .speservices .brochure_ctn .second_brochure .broch .brochure p.txt {
    margin-top: 0;
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
    line-height: 1.3 !important;
    text-align: center;
  }
  .brochure_sante .speservices .other {
    height: auto;
    padding-top: 6vh;
    padding-bottom: 4vh;
  }
  .brochure_sante .speservices .other .center {
    width: 80% !important;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .brochure_sante .speservices .other .center p.titre {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(3rem, 5vw + 1rem, 5rem);
    line-height: 1.1 !important;
    text-align: center;
    line-height: 35px;
  }
  .brochure_sante .speservices .other .center p.txt1 {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.625rem, 2.8vw + 0.5rem, 2.5rem);
    line-height: 1.25 !important;
    text-align: center;
    margin-top: 2vh;
    width: auto;
  }
  .brochure_sante .speservices .other .center .service {
    flex-direction: column;
    height: auto;
    align-items: center;
    width: 80%;
  }
  .brochure_sante .speservices .other .center .service a {
    width: 100%;
    height: 45vh;
    margin-top: 2vh;
  }
  .brochure_sante .speservices .other .center .service .serv {
    width: 100%;
    height: 100%;
  }
  .brochure_sante .speservices .other .center .service .serv .infobulle p.txt {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.625rem, 2.8vw + 0.5rem, 2.5rem);
    line-height: 1.25 !important;
    transform: translateY(-2vh);
    width: auto;
    text-align: center;
  }
  .brochure_sante .speservices .other .center .service .serv .infobulle button {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
    line-height: 1.3 !important;
  }
  .brochure_sante .question {
    height: auto;
    flex-direction: column;
    justify-content: flex-start;
    padding-top: 2vh;
  }
  .brochure_sante .question p.titresmart {
    display: flex;
    color: #fff;
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(30px, 3.5vw + 10px, 45px);
    line-height: 1.25 !important;
    width: 50%;
    text-align: center;
  }
  .brochure_sante .question picture {
    width: 100%;
    height: 35vh;
    position: relative;
    margin-top: 4vh;
  }
  .brochure_sante .question picture .img1 {
    position: relative;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .brochure_sante .question picture::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 35%;
    pointer-events: none;
    z-index: 2;
    background: linear-gradient(to bottom, #2a3a40 0%, rgba(42, 58, 64, 0) 100%);
  }
  .brochure_sante .question picture::after {
    content: "";
    position: absolute;
    bottom: 0 !important;
    left: 0;
    width: 100%;
    height: 35%;
    pointer-events: none;
    z-index: 2;
    background: linear-gradient(to top, #2a3a40 0%, rgba(42, 58, 64, 0) 100%);
  }
  .brochure_sante .question .hoverimg {
    display: none;
  }
  .brochure_sante .question .overask {
    height: auto;
    width: 100%;
  }
  .brochure_sante .question .overask p.titre {
    display: none;
  }
  .brochure_sante .question .overask .center {
    width: 30%;
    margin: 8vh 0;
    height: auto;
  }
  .brochure_sante .question .overask .center a {
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    height: 5vh;
    border-radius: 50px;
  }
  .brochure_sante .question .overask .center a.btn1 {
    border: 3px solid #fff;
    margin-bottom: 1.5vh;
  }
}
@media only screen and (max-width: 600px) {
  /* Styles pour les smartphones en portrait */
  .brochure_sante .accueil {
    position: relative;
  }
  .brochure_sante .accueil .fond_img img {
    transform: scaleX(-1);
  }
  .brochure_sante .accueil .center {
    height: 100vh;
    width: 90%;
    justify-content: center;
    margin-top: 15vh;
  }
  .brochure_sante .accueil .center .hover {
    background-image: linear-gradient(to right, rgb(42, 58, 64) 0%, rgba(42, 58, 64, 0.1) 100%), linear-gradient(to top, rgb(42, 58, 64) 0%, rgba(42, 58, 64, 0) 30%);
  }
  .brochure_sante .accueil .center .infos {
    height: auto;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    transform: translateY(-7vh);
  }
  .brochure_sante .accueil .center .infos img {
    display: flex !important;
    width: 38%;
    transform: translate(-17vw, 15vh);
  }
  .brochure_sante .accueil .center .infos p.titre {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(30px, 3.5vw + 10px, 45px);
    line-height: 1.25 !important;
    font-weight: 400 !important;
    line-height: 30px;
    text-align: center;
  }
  .brochure_sante .accueil .center .infos p#texte1 {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
    text-align: center;
    font-weight: 400 !important;
    width: 70% !important;
    margin-top: 2vh;
  }
  .brochure_sante .accueil .center .infos .button_accueil {
    width: 60%;
    flex-direction: column;
    height: auto;
    margin-top: 5vh;
  }
  .brochure_sante .accueil .center .infos .button_accueil a {
    width: 90% !important;
    margin-bottom: 0;
    height: 5vh;
    margin-top: 1vh;
  }
  .brochure_sante .accueil .center .infos .button_accueil a:nth-child(1) {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
  }
  .brochure_sante .accueil .center .infos .button_accueil a:nth-child(2) {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
  }
  .brochure_sante .accueil .chevron_bottom {
    position: absolute;
    width: 80px;
    height: 80px;
    bottom: 2lvh;
    left: 50%;
    transform: translateX(-50%) scale(0.8);
    z-index: 5;
  }
  .brochure_sante .accueil .chevron_bottom lord-icon {
    position: absolute;
    top: 35%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.6);
  }
  .brochure_sante .accueil .chevron_bottom lord-icon:nth-child(2) {
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .brochure_sante .about .center p.titre_smartphone {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(30px, 3.5vw + 10px, 45px);
    line-height: 1.25 !important;
  }
  .brochure_sante .about .center .left .txt {
    margin-top: 0;
  }
  .brochure_sante .about .center .right {
    transform: translateY(4vh);
    width: 140%;
  }
  .brochure_sante .about .center .right .smartimg {
    top: 35%;
    width: 17vw;
    height: 17vw;
    transform: translate(-50%, -50%) rotate(45deg);
  }
  .brochure_sante .about .center .right .top {
    width: 42%;
    transform: translateX(-12vw) rotate(45deg);
  }
  .brochure_sante .about .center .right .top .img1 {
    margin: 0;
    width: 15vw;
    height: 15vw;
    transform: translateY(1vh);
  }
  .brochure_sante .about .center .right .top .img2 {
    margin: 0;
    width: 26vw;
    height: 26vw;
  }
  .brochure_sante .about .center .right .bottom {
    width: 42%;
    transform: translateX(12vw) rotate(-45deg);
  }
  .brochure_sante .about .center .right .bottom .img1 {
    margin: 0;
    width: 26vw;
    height: 26vw;
  }
  .brochure_sante .about .center .right .bottom .img2 {
    margin: 0;
    width: 15vw;
    height: 15vw;
    transform: translateY(1vh);
  }
  .brochure_sante .speservices .brochure_ctn {
    height: auto;
  }
  .brochure_sante .speservices .brochure_ctn .first_brochure,
  .brochure_sante .speservices .brochure_ctn .second_brochure {
    height: auto;
    width: 80%;
  }
  .brochure_sante .speservices .brochure_ctn .first_brochure p.titre,
  .brochure_sante .speservices .brochure_ctn .second_brochure p.titre {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(30px, 3.5vw + 10px, 45px);
    line-height: 1.25 !important;
    text-align: center;
  }
  .brochure_sante .speservices .brochure_ctn .first_brochure p.txt,
  .brochure_sante .speservices .brochure_ctn .second_brochure p.txt {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
    text-align: center;
  }
  .brochure_sante .speservices .brochure_ctn .first_brochure .broch,
  .brochure_sante .speservices .brochure_ctn .second_brochure .broch {
    margin-top: 5vh;
    height: auto;
    flex-direction: column;
  }
  .brochure_sante .speservices .brochure_ctn .first_brochure .broch .brochure,
  .brochure_sante .speservices .brochure_ctn .second_brochure .broch .brochure {
    width: 100%;
    height: 55vh;
    margin-bottom: 10vh;
  }
  .brochure_sante .speservices .brochure_ctn .first_brochure .broch .brochure img,
  .brochure_sante .speservices .brochure_ctn .second_brochure .broch .brochure img {
    height: 45%;
    margin-bottom: 2vh;
  }
  .brochure_sante .speservices .brochure_ctn .first_brochure .broch .brochure p.titre,
  .brochure_sante .speservices .brochure_ctn .second_brochure .broch .brochure p.titre {
    margin-bottom: 2vh;
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
    line-height: 1.3 !important;
  }
  .brochure_sante .speservices .brochure_ctn .first_brochure .broch .brochure p.txt,
  .brochure_sante .speservices .brochure_ctn .second_brochure .broch .brochure p.txt {
    text-align: justify;
  }
  .brochure_sante .speservices .brochure_ctn .first_brochure .broch .brochure button,
  .brochure_sante .speservices .brochure_ctn .second_brochure .broch .brochure button {
    margin-top: 3vh;
  }
  .brochure_sante .speservices .other .center p.titre {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(30px, 3.5vw + 10px, 45px);
    line-height: 1.25 !important;
  }
  .brochure_sante .speservices .other .center .service {
    width: 100%;
  }
  .brochure_sante .speservices .other .center .service .serv {
    width: 100%;
  }
  .brochure_sante .speservices .other .center .service .serv .infobulle p.txt {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
    line-height: 1.3 !important;
    transform: translateY(-2vh);
  }
  .brochure_sante .speservices .other .center .service .serv .infobulle button {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
    line-height: 1.3 !important;
  }
  .brochure_sante .question p.titresmart {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(30px, 3.5vw + 10px, 45px);
    line-height: 1.25 !important;
  }
  .brochure_sante .question .overask .center {
    width: 50%;
  }
}
.pol_conf {
  width: 100%;
  min-height: 100vh;
  background-color: #2a3a40;
  display: flex;
  justify-content: center;
  padding: 60px 0;
}
.pol_conf__container {
  width: 85%;
  max-width: 1200px;
  margin-top: 20vh;
  margin-left: auto;
  margin-right: auto;
  border: 3px dotted #fff;
  background: linear-gradient(to bottom, #4c6c73 0%, rgba(76, 108, 115, 0.75) 30%, rgba(42, 58, 64, 0.85) 80%, #2a3a40 100%);
  border-radius: 25px;
  /* hauteur automatique + espace bas suffisant */
  height: auto;
  padding: 60px 60px 45vh;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.25);
  border: 1px solid rgba(255, 255, 255, 0.06);
}
.pol_conf__container h1 {
  font-family: "Akshar", sans-serif;
  font-size: clamp(1.875rem, 2.8vw + 0.8rem, 3.125rem);
  line-height: 1.2;
  color: #fff !important;
  margin-bottom: 40px;
  text-align: center;
}
.pol_conf {
  /* Zone du texte, centrée en largeur */
}
.pol_conf__content {
  width: 85%;
  margin: 0 auto;
  text-align: left;
  /* plus de scroll */
  max-height: none;
  overflow-y: visible;
}
.pol_conf__content h2 {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
  line-height: 1.3 !important;
  color: #fff !important;
  margin-top: 35px;
}
.pol_conf__content h3 {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  color: #fff !important;
  margin-top: 25px;
  font-weight: 600;
}
.pol_conf__content p {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  color: #fff !important;
  margin-top: 12px;
}
.pol_conf__content p a {
  color: #fff;
  text-decoration: underline;
}
.pol_conf__content li {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  color: #fff !important;
  margin-left: 25px;
  margin-top: 6px;
}
.pol_conf {
  /* Montagnes toujours dans le bloc */
}
.pol_conf img {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
  opacity: 0.85;
}
.pol_conf {
  /* TABLETTE */
}
@media (max-width: 992px) {
  .pol_conf__container {
    margin-top: 5vh;
    width: 90%;
    padding: 40px 35px 25vh;
  }
  .pol_conf__content {
    width: 90%;
  }
  .pol_conf h1 {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.625rem, 2.8vw + 0.5rem, 2.5rem);
    line-height: 1.25 !important;
  }
}
.pol_conf {
  /* MOBILE */
}
@media (max-width: 600px) {
  .pol_conf__container {
    width: 92%;
    padding: 30px 25px 25vh;
  }
  .pol_conf__content {
    width: 95%;
  }
  .pol_conf__mountains {
    opacity: 0.7;
  }
  .pol_conf h1 {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
  }
}

.questions {
  width: 100vw;
  height: auto;
  position: relative;
  background-color: #2a3a40;
}
.questions .bouton_smart {
  display: none;
}
.questions a.liensmart {
  display: none;
}
.questions .contain_forum {
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
.questions .contain_forum .center {
  width: 80%;
  height: 70%;
  margin-top: 5vh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  max-width: 1366px;
}
.questions .contain_forum .center p.title {
  color: #fff;
  font-family: "Akshar", sans-serif;
  font-size: clamp(1.875rem, 2.8vw + 0.8rem, 3.125rem);
  line-height: 1.2;
  height: 10%;
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: flex-start;
}
.questions .contain_forum .center .questions_rep {
  width: 100%;
  height: 70%;
  overflow-y: auto;
  padding-right: 10px;
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.3) transparent;
}
.questions .contain_forum .center .questions_rep::-webkit-scrollbar {
  width: 8px;
}
.questions .contain_forum .center .questions_rep::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 10px;
}
.questions .contain_forum .center .questions_rep::-webkit-scrollbar-track {
  background: transparent;
}
.questions .contain_forum .center .questions_rep .quest {
  width: 100%;
  border-radius: 30px;
  margin-top: 1vh;
  color: #fff;
  overflow: hidden;
  transition: all 0.3s ease;
  background-color: transparent;
}
.questions .contain_forum .center .questions_rep .quest:nth-child(odd) {
  background-color: #4c6c73;
}
.questions .contain_forum .center .questions_rep .quest:nth-child(odd) button {
  background-color: #fff;
  color: #2a3a40;
  border: none;
}
.questions .contain_forum .center .questions_rep .quest:nth-child(even) {
  background-color: transparent;
}
.questions .contain_forum .center .questions_rep .quest:nth-child(even) button {
  background-color: transparent;
  color: #fff;
  border: none;
}
.questions .contain_forum .center .questions_rep .quest .quest-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 6vh;
}
.questions .contain_forum .center .questions_rep .quest .quest-header p {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  color: #fff;
  flex: 1;
  margin-right: 2vw;
  margin-left: 1vw;
}
.questions .contain_forum .center .questions_rep .quest .quest-header button {
  width: 10%;
  height: 85%;
  border-radius: 30px;
  cursor: pointer;
  transition: background 0.3s, color 0.3s;
  flex-shrink: 0;
  margin-right: 0.3vw;
}
.questions .contain_forum .center .questions_rep .quest .reponse {
  width: 100%;
  margin-top: 1vh;
  padding: 1.5vh 2vw;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 0 0 20px 20px;
  color: #fff;
  font-size: 1rem;
  line-height: 1.4;
  opacity: 0;
  animation: fadeIn 0.3s ease forwards;
  pointer-events: auto;
}
.questions .contain_forum .center .questions_rep .quest .reponse p {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  font-weight: 100;
  color: #fff;
}
.questions .contain_forum .center .questions_rep .quest.open {
  background-color: rgba(255, 255, 255, 0.05);
  transition: background 0.3s ease;
}
.questions .contain_forum .center .bouton {
  width: 100%;
  height: 10%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.questions .contain_forum .center .bouton a {
  text-decoration: none;
  width: 15%;
  height: 55%;
  border-radius: 30px;
  background-color: #fff;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  color: #2a3a40;
  display: flex;
  justify-content: center;
  align-items: center;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* 📱 Version mobile */
@media only screen and (max-width: 600px) {
  .questions {
    padding-top: 5vh;
    position: relative;
    height: 100vh !important;
  }
  .questions a.liensmart {
    display: flex !important;
    width: 100%;
    height: 10vh;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .questions a.liensmart img {
    width: 35%;
  }
  .questions .contain_forum {
    align-items: flex-start !important;
    height: 85vh !important;
  }
  .questions .contain_forum .center {
    margin-top: 0 !important;
    padding-top: 5vh !important;
    height: 100% !important;
    align-items: center !important;
    justify-content: flex-start;
  }
  .questions .contain_forum .center p.title {
    height: 15% !important;
    transform: translateY(-20px);
  }
  .questions .contain_forum .center .questions_rep {
    height: 55% !important;
  }
  .questions .contain_forum .center .questions_rep .quest {
    height: 15vh !important;
    background-color: #4c6c73 !important;
    border-radius: 30px;
    margin-bottom: 5vh;
    overflow: visible;
    transition: all 0.4s ease;
    display: flex;
    flex-direction: column;
  }
  .questions .contain_forum .center .questions_rep .quest .quest-header {
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    padding-top: 1vh;
    width: 100%;
  }
  .questions .contain_forum .center .questions_rep .quest .quest-header p {
    text-align: center;
    width: 85%;
  }
  .questions .contain_forum .center .questions_rep .quest .quest-header button {
    height: 3.5vh;
    width: 60%;
    background-color: #fff !important;
    color: #2a3a40 !important;
    border: none !important;
    border-radius: 30px;
    transition: 0.3s ease;
    transform: translateY(50%);
  }
  .questions .contain_forum .center .questions_rep .quest {
    /* ✅ Réponse avec fond plus clair sans lighten() */
  }
  .questions .contain_forum .center .questions_rep .quest .reponse {
    width: 100%;
    background-color: rgba(255, 255, 255, 0.15);
    border-radius: 0 0 20px 20px;
    color: #fff;
    line-height: 1.4;
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: all 0.4s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 2vh;
  }
  .questions .contain_forum .center .questions_rep .quest .reponse p {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
    font-weight: 100;
    color: #fff;
    padding: 2vh 3vw;
    text-align: center;
  }
  .questions .contain_forum .center .questions_rep .quest .reponse button {
    margin-top: 2vh;
    width: 60%;
    height: 4vh;
    border-radius: 30px;
    background-color: #fff !important;
    color: #2a3a40 !important;
    border: none !important;
  }
  .questions .contain_forum .center .questions_rep .quest {
    /* ✅ Quand on ouvre → la question s’adapte à la réponse */
  }
  .questions .contain_forum .center .questions_rep .quest.open {
    height: auto !important;
  }
  .questions .contain_forum .center .questions_rep .quest.open .reponse {
    opacity: 1;
    max-height: 1000px;
    margin-top: 1vh;
  }
  .questions .contain_forum .center .questions_rep {
    /* ✅ Alterne les couleurs de boutons sur mobile */
  }
  .questions .contain_forum .center .questions_rep .quest:nth-child(odd) .quest-header button {
    background-color: #fff !important;
    color: #2a3a40 !important;
  }
  .questions .contain_forum .center .questions_rep .quest:nth-child(even) .quest-header button {
    background-color: #729ca6 !important;
    color: #fff !important;
  }
  .questions .contain_forum .center .bouton {
    display: none;
  }
  .questions .bouton_smart {
    position: absolute;
    width: 100vw;
    height: 25%;
    background-image: url("../img/public&user/forum_question/new_question.png");
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .questions .bouton_smart a {
    width: 30%;
    height: 5vh;
    background-color: #fff;
    color: #2a3a40;
    border-radius: 30px;
    text-decoration: none;
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translateY(7vh);
  }
}
.new_quest {
  width: 100vw;
  height: auto;
  position: relative;
  background-color: #2a3a40;
}
.new_quest a.liensmart {
  display: none;
}
.new_quest .contain_forum {
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
.new_quest .contain_forum .center {
  width: 80%;
  height: 70%;
  margin-top: 5vh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  max-width: 1000px;
}
.new_quest .contain_forum .center p.titre {
  height: 10vh;
  font-family: "Akshar", sans-serif;
  font-size: clamp(1.875rem, 2.8vw + 0.8rem, 3.125rem);
  line-height: 1.2;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.new_quest .contain_forum .center .form {
  width: 100%;
  height: 65%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.new_quest .contain_forum .center .form .typetheme {
  width: 100%;
  height: 16%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  position: relative;
  overflow: visible;
  z-index: 1;
}
.new_quest .contain_forum .center .form .typetheme p.input {
  width: 49%;
  height: 100%;
  border-radius: 50px;
  font-weight: 100;
  color: #fff;
  background-color: #4c6c73;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  cursor: pointer;
  transition: background 0.3s ease, transform 0.2s ease;
  position: relative;
  z-index: 1;
}
.new_quest .contain_forum .center .form .typetheme p.input:hover {
  background-color: rgba(255, 255, 255, 0.15);
  transform: scale(1.02);
}
.new_quest .contain_forum .center .form .typetheme p.input::after {
  content: "▾";
  position: absolute;
  right: 20px;
  font-size: 1.2em;
  color: #fff;
  transition: transform 0.3s ease;
}
.new_quest .contain_forum .center .form .typetheme p.input.open {
  z-index: 9999;
}
.new_quest .contain_forum .center .form .typetheme p.input.open::after {
  transform: rotate(180deg);
}
.new_quest .contain_forum .center .form .typetheme .dropdown {
  position: absolute;
  top: calc(100% + 5px);
  left: 0;
  width: 100%;
  background-color: #4c6c73;
  border-radius: 15px;
  z-index: 10000;
  display: none;
  flex-direction: column;
  max-height: 250px;
  overflow-y: auto;
  animation: fadeIn 0.25s ease-out forwards;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);
}
.new_quest .contain_forum .center .form .typetheme .dropdown.active {
  display: flex;
}
.new_quest .contain_forum .center .form .typetheme .dropdown .option {
  padding: 0.8em 1.2em;
  color: #fff;
  cursor: pointer;
  font-size: 0.95rem;
  transition: background 0.2s ease;
}
.new_quest .contain_forum .center .form .typetheme .dropdown .option:hover {
  background: rgba(255, 255, 255, 0.2);
}
.new_quest .contain_forum .center .form .typetheme .dropdown .option:not(:last-child) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.new_quest .contain_forum .center .form .infouser {
  width: 100%;
  height: 16%;
  display: flex;
  justify-content: space-between;
}
.new_quest .contain_forum .center .form .infouser input {
  width: 32%;
  height: 100%;
  border: 4px solid white;
  background-color: transparent;
  color: #fff;
  border-radius: 50px;
  padding-left: 1vw;
}
.new_quest .contain_forum .center .form .infouser input:placeholder {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  color: #fff;
  opacity: 1;
}
.new_quest .contain_forum .center .form textarea {
  width: 100%;
  height: 60%;
  border-radius: 40px;
  background-color: #4c6c73;
  border: none;
  resize: none;
  text-align: center;
  color: #fff;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  padding-top: 2.2em;
  box-sizing: border-box;
}
.new_quest .contain_forum .center .form textarea::-moz-placeholder {
  color: #fff;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  opacity: 1;
  text-align: center;
}
.new_quest .contain_forum .center .form textarea::placeholder {
  color: #fff;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  opacity: 1;
  text-align: center;
}
.new_quest .contain_forum .center .form textarea:focus {
  outline: none;
}
.new_quest .contain_forum .center p.error-statut {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
  line-height: 1.3 !important;
  color: red;
  width: 100%;
  text-align: center;
}
.new_quest .contain_forum .center .buttons {
  width: 100%;
  height: 10%;
  display: flex;
  justify-content: center;
}
.new_quest .contain_forum .center .buttons a {
  text-decoration: none;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  font-weight: 100;
  width: 15%;
  height: 5vh;
  border-radius: 30px;
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #2a3a40;
}
.new_quest .contain_forum .center .buttons a:nth-child(1) {
  margin-right: 1vw;
  background-color: transparent;
  border: 4px solid white;
  color: #fff;
}

/* 📱 Version mobile */
@media only screen and (max-width: 600px) {
  .new_quest {
    padding-top: 5vh;
    height: 100vh;
  }
  .new_quest a.liensmart {
    display: flex !important;
    width: 100%;
    height: 10vh;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .new_quest a.liensmart img {
    width: 35%;
  }
  .new_quest .contain_forum {
    align-items: flex-start;
    height: 85vh;
  }
  .new_quest .contain_forum .center {
    margin-top: 0;
    height: 100%;
    width: 85%;
    justify-content: flex-start;
  }
  .new_quest .contain_forum .center .titre {
    height: 20%;
    text-align: center;
  }
  .new_quest .contain_forum .center .form {
    height: auto;
  }
  .new_quest .contain_forum .center .form .typetheme,
  .new_quest .contain_forum .center .form .infouser {
    flex-direction: column;
    width: 100%;
    height: auto;
  }
  .new_quest .contain_forum .center .form .typetheme input,
  .new_quest .contain_forum .center .form .typetheme p.input,
  .new_quest .contain_forum .center .form .infouser input,
  .new_quest .contain_forum .center .form .infouser p.input {
    width: 100% !important;
    margin-top: 1vh;
    height: 6vh !important;
  }
  .new_quest .contain_forum .center .form .infouser {
    margin-top: 2vh;
  }
  .new_quest .contain_forum .center .form textarea {
    height: 20vh !important;
    margin-top: 5vh;
    border: 15px !important;
  }
  .new_quest .contain_forum .buttons {
    height: 15vh;
    align-items: center;
    transform: translateY(2vh);
  }
  .new_quest .contain_forum .buttons a {
    width: 30vw !important;
  }
}
#modal-callback {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.85);
  z-index: 999999999;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
#modal-callback.is-visible {
  opacity: 1;
  visibility: visible;
}
#modal-callback.is-visible .modal-card {
  transform: translateY(0) scale(1);
  opacity: 1;
}
#modal-callback .modal-card {
  background-color: #4c6c73;
  color: #bfd1d9;
  border-radius: 50px;
  width: 92%;
  max-width: 1100px;
  padding: 50px;
  position: relative;
  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.5);
  max-height: 92vh;
  overflow-y: auto;
  transform: translateY(30px) scale(0.95);
  opacity: 0;
  transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.1), opacity 0.3s ease;
}
#modal-callback .modal-card .close-modal {
  position: absolute;
  top: 20px;
  right: 30px;
  font-size: 2.8rem;
  cursor: pointer;
  transition: 0.3s;
}
@media (hover: hover) {
  #modal-callback .modal-card .close-modal:hover {
    transform: scale(1.1);
    color: #fff;
  }
}
#modal-callback .modal-card .header-modal {
  text-align: center;
  margin-bottom: 30px;
}
#modal-callback .modal-card .header-modal h2 {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1.625rem, 2.8vw + 0.5rem, 2.5rem);
  line-height: 1.25 !important;
  color: #fff;
  margin-bottom: 10px;
}
#modal-callback .modal-card .header-modal p {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
  line-height: 1.3 !important;
  opacity: 0.9;
}
#modal-callback .modal-card form {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#modal-callback .modal-card form .user-inputs {
  width: 100%;
  max-width: 600px;
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-bottom: 30px;
}
#modal-callback .modal-card form .user-inputs .input-group input {
  width: 100%;
  padding: 15px 25px;
  border-radius: 50px;
  border: none;
  background-color: rgba(42, 58, 64, 0.9);
  color: #fff;
  text-align: center;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  outline: none;
}
#modal-callback .modal-card form .user-inputs .input-group input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.4);
}
#modal-callback .modal-card form .user-inputs .input-group input::placeholder {
  color: rgba(255, 255, 255, 0.4);
}
#modal-callback .modal-card form p.subtitle {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
  line-height: 1.3 !important;
  margin-bottom: 20px;
  color: #fff;
}
#modal-callback .modal-card form .planning-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  width: 100%;
}
#modal-callback .modal-card form .planning-grid .day-column {
  position: relative;
}
#modal-callback .modal-card form .planning-grid .day-column .day-label {
  background: rgba(255, 255, 255, 0.1);
  padding: 15px;
  border-radius: 20px;
  text-align: center;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: background 0.3s, color 0.3s;
}
@media (hover: hover) {
  #modal-callback .modal-card form .planning-grid .day-column .day-label:hover {
    background: rgba(255, 255, 255, 0.2);
  }
}
#modal-callback .modal-card form .planning-grid .day-column .slots {
  position: relative;
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#modal-callback .modal-card form .planning-grid .day-column .slots .slot-item input[type=checkbox] {
  display: none;
}
#modal-callback .modal-card form .planning-grid .day-column .slots .slot-item label {
  display: block;
  padding: 12px;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 15px;
  cursor: pointer;
  text-align: center;
  transition: all 0.2s ease;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
  line-height: 1.3 !important;
  border: 1px solid rgba(255, 255, 255, 0.1);
  -webkit-tap-highlight-color: transparent;
}
#modal-callback .modal-card form .planning-grid .day-column .slots .slot-item {
  /* ✅ LE FIX VISUEL : Blanc seulement si coché */
}
#modal-callback .modal-card form .planning-grid .day-column .slots .slot-item input[type=checkbox]:checked + label {
  background: #fff !important;
  color: #4c6c73 !important;
  font-weight: bold;
  border-color: #fff;
}
#modal-callback .modal-card form .planning-grid .day-column .slots .guard-shield {
  position: absolute;
  inset: 0;
  z-index: 100;
  background: transparent;
  display: none;
}
#modal-callback .modal-card form .planning-grid .day-column.is-open .day-label {
  background: #2a3a40;
  color: #fff;
}
#modal-callback .modal-card form .planning-grid .day-column.is-open .slots .guard-shield {
  display: block;
}
#modal-callback .modal-card form .planning-grid .day-column.shield-off .slots .guard-shield {
  display: none !important;
}
#modal-callback .modal-card form .submit-zone {
  margin-top: 40px;
}
#modal-callback .modal-card form .submit-zone .btn-submit {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  background-color: #2a3a40;
  color: #fff;
  border: none;
  padding: 15px 50px;
  border-radius: 50px;
  cursor: pointer;
  transition: 0.3s;
}
#modal-callback .modal-card form .submit-zone .btn-submit:hover {
  background-color: #729ca6;
  transform: translateY(-3px);
}
#modal-callback .modal-card .success-content {
  text-align: center;
  padding: 50px 0;
}
#modal-callback .modal-card .success-content .icon-rocket {
  font-size: 60px;
  margin-bottom: 20px;
}
#modal-callback .modal-card .success-content h2 {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1.625rem, 2.8vw + 0.5rem, 2.5rem);
  line-height: 1.25 !important;
  color: #fff;
  margin-bottom: 15px;
}
#modal-callback .modal-card .success-content p {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
  line-height: 1.3 !important;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  #modal-callback .modal-card {
    padding: 40px 20px;
    border-radius: 30px;
  }
  #modal-callback .modal-card form .planning-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px;
  }
  #modal-callback .modal-card form .planning-grid .day-column .slots {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: all 0.4s ease;
  }
  #modal-callback .modal-card form .planning-grid .day-column.is-open .slots {
    max-height: 500px;
    opacity: 1;
    padding: 10px 0;
  }
}

header.smart {
  display: none !important;
}

header.pc {
  position: relative;
  width: 100%;
  padding-right: 2vw;
  height: 15vh;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  background: linear-gradient(to bottom, rgba(42, 58, 64, 0.9) 0%, rgba(42, 58, 64, 0.8) 50%, rgba(42, 58, 64, 0) 100%);
  z-index: 5000;
  justify-content: space-between;
}
header.pc .burger {
  display: none;
}
header.pc .logo {
  width: 15%;
  transition: 0.8s ease-in-out;
}
header.pc .logo a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
header.pc .logo a picture {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
header.pc .logo a picture img {
  width: 50%;
  -o-object-fit: contain;
     object-fit: contain;
}
header.pc .smart-nav {
  display: none;
}
header.pc nav {
  width: 85%;
  height: 100%;
}
header.pc nav ul {
  width: 95%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
header.pc nav ul li {
  list-style-type: none;
  position: relative;
}
header.pc nav ul li p.titree {
  display: none;
}
header.pc nav ul li a {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  color: white;
  text-decoration: none;
  transform: translateY(5vh);
}
header.pc nav ul li ul {
  position: absolute;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  left: 10px;
  top: 35px;
}
header.pc nav ul li ul li {
  white-space: nowrap;
  width: 100%;
  margin-top: 5px;
  transform: translateY(-15px);
  opacity: 0;
  pointer-events: none;
  transition: 0.5s ease-in-out;
}
header.pc nav ul li ul li a {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  width: 100%;
  text-decoration: none;
}
header.pc nav ul li ul li.active {
  opacity: 1;
  transform: translate(0);
  pointer-events: all;
}
header.pc nav ul li.rdvv {
  border: 4px solid #fff;
  border-radius: 50px;
  padding: 0.5% 1%;
}
header.pc nav a.active {
  color: #95b8bf;
}

/* ✅ VERSION MOBILE */
@media only screen and (max-width: 1024px) {
  header.pc {
    display: none !important;
  }
  header.smart {
    display: flex !important;
    width: 100vw;
    height: 80px;
    /* 🔹 seulement la hauteur du burger */
    position: fixed;
    top: 0;
    left: 0;
    z-index: 500000;
    flex-direction: column;
    justify-content: flex-start;
    transition: all 0.4s ease;
    backdrop-filter: blur(8px);
    /* 🔹 effet de flou */
    -webkit-backdrop-filter: blur(8px);
    /* Safari iOS */
    background: linear-gradient(to bottom, rgba(42, 58, 64, 0.9) 0%, rgba(42, 58, 64, 0) 100%);
    /* 🔹 dégradé */
    /* ✅ Quand menu ouvert */
  }
  header.smart.active {
    height: 100vh;
    height: 100dvh;
    background-color: #2a3a40;
    /* fond plein */
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
  header.smart {
    /* ❗ Désactive clics menu fermé */
  }
  header.smart nav.mobile-menu * {
    pointer-events: none;
  }
  header.smart {
    /* ✅ Active clics quand menu ouvert */
  }
  header.smart.active nav.mobile-menu * {
    pointer-events: auto;
  }
  header.smart .burger {
    width: 45px;
    height: 30px;
    position: absolute;
    z-index: 500000;
    top: 2vh;
    left: 2vh;
    cursor: pointer;
    transition: all 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
  }
  header.smart .burger .bar {
    width: 100%;
    height: 0.5vh;
    background-color: #729ca6;
    position: absolute;
    border-radius: 50px;
    transition: all 0.35s cubic-bezier(0.22, 0.61, 0.36, 1);
  }
  header.smart .burger .bar:nth-child(1) {
    top: 0;
    left: 0;
    transform-origin: center;
  }
  header.smart .burger .bar:nth-child(2) {
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    background-color: #fff;
  }
  header.smart .burger .bar:nth-child(3) {
    bottom: 0;
    left: 0;
    transform-origin: center;
  }
  header.smart {
    /* cacher tout sauf le burger */
  }
  header.smart .logo,
  header.smart nav.mobile-menu {
    opacity: 0;
    pointer-events: none;
    transform: translateY(10px);
    transition: 0.4s ease;
    background-color: transparent !important;
  }
  header.smart {
    /* afficher menu ouvert */
  }
  header.smart.active .logo, header.smart.active nav.mobile-menu {
    opacity: 1;
    pointer-events: all;
    transform: translateY(0);
    background-color: #2a3a40;
  }
  header.smart {
    /* ✅ burger animé */
  }
  header.smart.active .burger {
    width: 22px;
    height: 20px;
    top: 2vh;
    left: 2vh;
  }
  header.smart.active .burger .bar {
    background-color: #fff !important;
  }
  header.smart.active .burger .bar:nth-child(1), header.smart.active .burger .bar:nth-child(3) {
    top: 50%;
    transform: translateY(-50%);
  }
  header.smart.active .burger .bar:nth-child(2) {
    opacity: 0;
    transform: scaleX(0);
  }
  header.smart.active .burger .bar:nth-child(1) {
    animation: burgerTop 0.4s forwards 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
  }
  header.smart.active .burger .bar:nth-child(3) {
    animation: burgerBot 0.4s forwards 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
  }
  header.smart .logo {
    width: 100%;
    height: 20%;
  }
  header.smart .logo a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
  }
  header.smart .logo a img {
    width: 25%;
    -o-object-fit: contain;
       object-fit: contain;
  }
  header.smart nav.mobile-menu {
    display: flex;
    height: 80%;
    flex-direction: column;
    justify-content: space-around;
    transform: translateY(-35px) !important;
  }
  header.smart nav.mobile-menu p {
    color: #fff;
    text-align: center;
  }
  header.smart nav.mobile-menu .mobile-group {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  header.smart nav.mobile-menu .mobile-group .mobile-title {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(30px, 3.5vw + 10px, 45px);
    line-height: 1.25 !important;
    margin-bottom: 2vh;
  }
  header.smart nav.mobile-menu .mobile-group ul {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  header.smart nav.mobile-menu .mobile-group ul li {
    list-style-type: none;
    margin-bottom: 1vh;
    position: relative;
  }
  header.smart nav.mobile-menu .mobile-group ul li > a {
    border: 2px solid #fff;
    border-radius: 30px;
    padding: 5px 6vw;
    display: inline-block;
    width: 100%;
    text-align: center;
    color: #fff;
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
    line-height: 1.3 !important;
    text-decoration: none;
  }
  header.smart nav.mobile-menu .mobile-group ul .mobile-sub {
    margin-top: 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    text-align: center;
  }
  header.smart nav.mobile-menu .mobile-group ul .mobile-main {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    text-align: center;
  }
  header.smart nav.mobile-menu .mobile-group ul .mobile-dropdown.open > .mobile-sub {
    max-height: 90px;
  }
  header.smart nav.mobile-menu .mobile-group ul .mobile-dropdown.open > .mobile-sub li {
    margin-bottom: 0 !important;
    padding: 0;
  }
  header.smart nav.mobile-menu .mobile-group ul .mobile-dropdown.open > .mobile-sub li:first-child {
    margin-top: 1vh;
  }
  header.smart nav.mobile-menu .mobile-group ul .mobile-sub a {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
    color: #adadad;
    margin: 2px 0;
    line-height: 1.1;
  }
  header.smart nav.mobile-menu .mobile-group ul li.compte {
    margin-bottom: 0;
    padding: 0;
  }
  header.smart nav.mobile-menu .mobile-group ul li.compte a {
    border: none !important;
  }
  header.smart nav.mobile-menu .mobile-group ul li.compte.rdv a {
    background-color: #BFD1D9;
    color: #2a3a40;
  }
  header.smart nav.mobile-menu .mobile-group.comptes {
    transform: translateY(4vh);
  }
  header.smart.active {
    height: 100vh;
    height: 100dvh;
  }
}
header.smart nav.mobile-menu .mobile-group ul .mobile-sub a {
  border: none !important;
  padding: 0;
  margin: 0;
  text-align: center;
}

/* ✅ KEYFRAMES */
@keyframes burgerTop {
  to {
    transform: translateY(-50%) rotate(45deg);
  }
}
@keyframes burgerBot {
  to {
    transform: translateY(-50%) rotate(-45deg);
  }
}
@media only screen and (max-width: 600px) {
  header.smart {
    height: 60px;
  }
  header.smart .burger {
    width: 30px;
    height: 23px;
  }
}
#scrollTopBtn {
  position: fixed;
  right: 28px;
  bottom: 28px;
  width: 55px;
  height: 55px;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.25s ease;
  z-index: 999999;
}

/* SVG plein */
#scrollTopBtn svg {
  width: 100%;
  height: 100%;
  opacity: 0.95;
  /* 🌫️ Ombre douce premium */
  filter: drop-shadow(0 6px 14px rgba(0, 0, 0, 0.35));
}

/* BLEU PAR DÉFAUT */
#scrollTopBtn .bg {
  fill: #2A3A40;
  transition: fill 0.25s ease;
}

/* Flèche blanche */
#scrollTopBtn .arrow,
#scrollTopBtn .arrow-head {
  stroke: #ffffff;
  stroke-width: 6;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
}

/* Hover = zoom léger */
#scrollTopBtn:hover {
  transform: scale(1.12);
}

/* ✨ Animation rebond quand il apparaît */
#scrollTopBtn.show {
  animation: bounceIn 0.45s ease-out;
}

/* 💚 Vert pendant le clic */
#scrollTopBtn.clicked .bg {
  fill: #6CC5A4 !important;
}

@keyframes bounceIn {
  0% {
    transform: scale(0.7);
  }
  60% {
    transform: scale(1.12);
  }
  100% {
    transform: scale(1);
  }
}
footer {
  width: 100vw;
  height: 80vh;
  position: relative;
  overflow: hidden;
  z-index: 50000;
  display: flex;
  justify-content: center;
  align-items: center;
}
footer .fond {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background-color: #2a3a40;
}
footer .fond img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  transition: none;
}
footer .fond img:nth-child(1) {
  z-index: 9;
}
footer .fond img:nth-child(2) {
  z-index: 2;
}
footer .fond img:nth-child(3) {
  z-index: 1;
}
footer .infos {
  width: 80%;
  height: 100%;
  z-index: 50000;
  position: relative;
  transform: translateY(0);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
footer .infos nav {
  width: 28%;
  height: 35%;
  transform: translateY(20vh);
  display: flex;
  flex-direction: column;
  align-items: center;
}
footer .infos nav ul {
  width: 50%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
footer .infos nav ul li {
  list-style-type: none;
  margin-bottom: 1vh;
}
footer .infos nav ul li a {
  text-decoration: none;
  text-align: center;
  color: white;
  white-space: nowrap;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
}
footer .infos .contact {
  width: 35%;
  height: 40%;
  transform: translateY(20vh);
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}
footer .infos .contact p.titre {
  font-weight: 500;
  color: #ffffff;
  opacity: 0;
  transform: translateY(-5px);
  transition: 0.8s ease-in-out;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
  line-height: 1.3 !important;
}
footer .infos .contact .rdv {
  z-index: 9999;
  display: flex;
  align-items: center;
  width: 50%;
  height: 5vh;
  background-color: #ffffff;
  border-radius: 25px;
  padding: 3%;
  opacity: 0;
  transform: translateY(-5px);
  transition: 0.8s 0.3s ease-in-out;
}
footer .infos .contact .rdv a {
  text-decoration: none;
  font-weight: 500;
  font-size: 20px;
  color: #2a3a40;
  margin-left: 1vw;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  white-space: nowrap;
}
footer .infos .contact .mail {
  display: flex;
  align-items: center;
  width: auto;
  height: 5vh;
  background-color: #ffffff;
  border-radius: 25px;
  padding: 3%;
  opacity: 0;
  transform: translateY(-5px);
  transition: 0.8s 0.3s ease-in-out;
}
footer .infos .contact .mail .icone {
  width: 35px;
  height: 35px;
}
footer .infos .contact .mail a {
  text-decoration: none;
  font-weight: 500;
  font-size: 20px;
  color: #2a3a40;
  margin-left: 1vw;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
  line-height: 1.3 !important;
}
footer .infos .contact .phone {
  display: flex;
  align-items: center;
  width: auto;
  height: 5vh;
  background-color: #ffffff;
  border-radius: 25px;
  padding: 3%;
  opacity: 0;
  transform: translateY(-5px);
  transition: 0.8s 0.6s ease-in-out;
}
footer .infos .contact .phone .icone {
  width: 35px;
  height: 35px;
}
footer .infos .contact .phone a {
  text-decoration: none;
  font-weight: 500;
  font-size: 20px;
  color: #2a3a40;
  margin-left: 1vw;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
  line-height: 1.3 !important;
}
footer .infos .contact .reseaux {
  display: flex;
  align-items: center;
  width: 30%;
  height: 7vh;
  justify-content: space-between;
}
footer .infos .contact .reseaux a {
  width: 7vw;
  height: 7vw;
  border-radius: 50%;
}
footer .infos .contact .reseaux .rs {
  width: 100%;
  height: 100%;
  opacity: 0;
  background-color: transparent;
  transform: translateY(-5px);
  transition: 0.8s 1s ease-in-out;
  display: flex;
  justify-content: center;
  align-items: center;
}
footer .infos .contact .reseaux .rs img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  transform: scale(1.6);
}
footer .infos .contact .reseaux .rs:nth-child(2) {
  transition: 0.8s 1.3s ease-in-out;
}
footer .infos .contact .reseaux .rs:nth-child(3) {
  transition: 0.8s 1.6s ease-in-out;
}
footer .infos .copyright {
  width: 28%;
  height: 35%;
  transform: translateY(20vh);
  display: flex;
  justify-content: center;
}
footer .infos .copyright .center {
  width: 70%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
footer .infos .copyright .center a {
  text-decoration: none;
  color: white;
  white-space: nowrap;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
}
footer .infos .copyright .center a:nth-child(2) {
  margin-top: 1vh;
}
footer .infos .copyright .center a:nth-child(3) {
  margin-top: 1vh;
}

/* Smartphones en portrait */
@media only screen and (max-width: 1024px) {
  footer {
    width: 100%;
    height: auto;
    background-color: #2a3a40;
    padding: 8vh 0 4vh 0;
  }
  footer .fond {
    width: 100%;
    height: 22vh;
    z-index: 50000;
    top: 2vh;
  }
  footer .infos {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: auto;
    gap: 2vh;
  }
  footer .infos .contact {
    order: 1;
    width: 90%;
    height: auto;
    transform: none;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    gap: 2vh;
  }
  footer .infos .contact p.titre {
    margin-bottom: 2vh;
    opacity: 1;
    transform: none;
  }
  footer .infos .contact .rdv {
    width: auto;
  }
  footer .infos .contact .mail {
    display: flex;
    align-items: center;
    background-color: #ffffff;
    border-radius: 25px;
    padding: 3%;
    opacity: 1;
    transform: none;
  }
  footer .infos .contact .mail .icone {
    width: 35px;
    height: 35px;
  }
  footer .infos .contact .mail a {
    text-decoration: none;
    font-weight: 500;
    font-size: 20px;
    color: #2a3a40;
    margin-left: 3vw;
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
  }
  footer .infos .contact .phone {
    display: flex;
    align-items: center;
    background-color: #ffffff;
    border-radius: 25px;
    padding: 3%;
    opacity: 1;
    transform: none;
    padding-right: 2vw;
  }
  footer .infos .contact .phone .icone {
    width: 35px;
    height: 35px;
  }
  footer .infos .contact .phone a {
    text-decoration: none;
    font-weight: 500;
    font-size: 20px;
    color: #2a3a40;
    margin-left: 1vw;
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
  }
  footer .infos .contact .reseaux {
    display: flex;
    justify-content: space-between;
    gap: 5vw;
    width: 40%;
    height: 15vh;
    margin-top: 1vh;
  }
  footer .infos .contact .reseaux a {
    width: auto;
    height: auto;
  }
  footer .infos .contact .reseaux .rs {
    width: 15vw;
    height: 15vw;
    opacity: 1;
    transform: none;
  }
  footer .infos .contact .reseaux .rs img {
    -o-object-fit: cover;
       object-fit: cover;
  }
  footer .infos nav {
    order: 2;
    width: 100%;
    height: auto;
    transform: none;
    display: flex;
    justify-content: center;
    margin-top: 2vh;
  }
  footer .infos nav ul {
    width: 80%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  footer .infos nav ul li a {
    color: white;
    text-align: center;
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
  }
  footer .infos .copyright {
    order: 3;
    width: 100%;
    height: auto;
    transform: none;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1vh;
  }
  footer .infos .copyright .center {
    width: 80%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  footer .infos .copyright .center p {
    color: white;
    white-space: nowrap;
    text-align: center;
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
    line-height: 1.3 !important;
  }
}
.dashboard_owner {
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-color: #2a3a40;
  padding-top: 13vh;
}
.dashboard_owner .center {
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1600px) {
  .dashboard_owner .center {
    max-width: 1440px;
  }
}
.dashboard_owner .center {
  width: 90%;
  height: 65%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.dashboard_owner .center .left_side {
  width: 20%;
  height: 100%;
}
.dashboard_owner .center .right_side {
  width: 78%;
  height: 100%;
  border: 2px dotted white;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 35px;
  position: relative;
}
.dashboard_owner .center .right_side img {
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 70%;
  -o-object-fit: contain;
     object-fit: contain;
}
.dashboard_owner .center .right_side .planning {
  width: 50%;
  height: 90%;
  display: flex;
  justify-content: center;
  transform: translateY(-2.8vh);
}
.dashboard_owner .center .right_side .planning .planningCenter {
  width: 90%;
  height: 100%;
  border-radius: 35px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 5;
}
.dashboard_owner .center .right_side .planning .planningCenter:after {
  content: "";
  border-radius: 35px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background-color: rgba(0, 0, 0, 0.05);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
}
.dashboard_owner .center .right_side .planning .planningCenter p.title {
  z-index: 5;
  width: 60%;
  height: 10%;
  border-radius: 35px;
  color: #ffffff;
  background-color: #4c6c73;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px dotted white;
  transform: translateY(-3px);
}
.dashboard_owner .center .right_side .planning .planningCenter .planning-body {
  width: 90%;
  flex: 1;
  display: flex;
  gap: 10px;
  overflow: hidden;
  overflow-y: auto;
  padding-right: 5px;
  z-index: 5;
  max-height: 80%;
  margin-top: 3vh;
}
.dashboard_owner .center .right_side .planning .planningCenter .planning-body::-webkit-scrollbar {
  width: 10px;
  border-radius: 30px;
}
.dashboard_owner .center .right_side .planning .planningCenter .planning-body::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 30px;
}
.dashboard_owner .center .right_side .planning .planningCenter .planning-body::-webkit-scrollbar-thumb {
  background-color: #ffffff;
  border-radius: 30px;
  border: 2px solid rgba(0, 0, 0, 0.1);
}
.dashboard_owner .center .right_side .planning .planningCenter .planning-body::-webkit-scrollbar-thumb:hover {
  background-color: #ffffff;
  border-radius: 30px;
}
.dashboard_owner .center .right_side .planning .planningCenter .planning-body {
  scrollbar-width: thin;
  scrollbar-color: #ffffff transparent;
}
.dashboard_owner .center .right_side .planning .planningCenter .planning-body .heures {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
}
.dashboard_owner .center .right_side .planning .planningCenter .planning-body .heures .horaire p {
  height: 50px;
  line-height: 30px;
  padding-left: 5px;
  margin: 0;
  color: white;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
  line-height: 1.3 !important;
  font-weight: 100 !important;
}
.dashboard_owner .center .right_side .planning .planningCenter .planning-body .events {
  flex: 1;
  position: relative;
}
.dashboard_owner .center .right_side .planning .planningCenter .planning-body .events .rendez-vous {
  background-color: #4c6c73;
  width: 80%;
  border-radius: 15px;
  color: #fff;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.dashboard_owner .center .right_side .planning .planningCenter .planning-body .events .rendez-vous p.rdv-heure {
  position: absolute;
  top: 5px;
  right: 5px;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
  line-height: 1.3 !important;
  font-weight: 100;
}
.dashboard_owner .center .right_side .planning .planningCenter .planning-body .events .rendez-vous p.rdv-client {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  font-weight: 100;
  text-align: left;
  padding-left: 1vw;
  font-weight: 100;
}
.dashboard_owner .center .right_side .planning .planningCenter .planning-body .events .rendez-vous p.rdv-type {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  font-weight: 100;
  text-align: left;
  padding-left: 1vw;
  font-weight: 100;
}
.dashboard_owner .center .right_side .planning .planningCenter .planning-body .events .half-hour-line {
  position: absolute;
  left: 0;
  right: 0;
  border-top: 1px dashed rgba(255, 255, 255, 0.2);
  pointer-events: none;
}
.dashboard_owner .bouton {
  width: 90%;
  position: relative;
  margin-top: 5vh;
  height: 10vh;
  cursor: pointer;
}
.dashboard_owner .bouton .center {
  position: absolute;
  top: 0;
  right: 0;
  width: 78%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.dashboard_owner .bouton .center a {
  text-decoration: none;
  width: 35%;
  height: 70%;
  border-radius: 50px;
  border: none;
  background-color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #2a3a40;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
  line-height: 1.3 !important;
}

/* tablette en portrait */
@media only screen and (max-width: 1024px) {
  .dashboard_owner {
    height: auto;
    justify-content: flex-start;
    padding-top: 10vh;
  }
  .dashboard_owner .center {
    flex-direction: column;
    height: auto;
  }
  .dashboard_owner .center .left_side {
    width: 100%;
  }
  .dashboard_owner .center .left_side .nav_dash {
    width: 100%;
  }
  .dashboard_owner .center .left_side .nav_dash .top {
    width: 100%;
    height: 20vh;
  }
  .dashboard_owner .center .left_side .nav_dash .bottom {
    display: none;
  }
  .dashboard_owner .center .right_side {
    width: 100%;
    height: auto;
    margin-top: 2vh;
    flex-direction: column;
    border: none;
  }
  .dashboard_owner .center .right_side .calendar {
    width: 100% !important;
    margin: 0;
    padding: 0;
    height: 50vh;
    margin-top: 5vh;
  }
  .dashboard_owner .center .right_side .calendar .calendarCenter {
    width: 100%;
    height: 105%;
  }
  .dashboard_owner .center .right_side .planning {
    width: 100% !important;
    margin: 0;
    height: 50vh;
    margin-top: 10vh;
  }
  .dashboard_owner .center .right_side .planning .planningCenter .planning-body {
    width: 100%;
  }
  .dashboard_owner .bouton {
    height: 10vh;
    margin-top: 5vh;
  }
  .dashboard_owner .bouton .center {
    width: 100%;
  }
}
.aj_dispo {
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-color: #2a3a40;
  padding-top: 13vh;
}
.aj_dispo .center {
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1600px) {
  .aj_dispo .center {
    max-width: 1440px;
  }
}
.aj_dispo .center {
  width: 90%;
  height: 65%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.aj_dispo .center .left_side {
  width: 20%;
  height: 100%;
}
.aj_dispo .center .right_side {
  width: 78%;
  height: 100%;
  border: 2px dotted white;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 35px;
  position: relative;
}
.aj_dispo .center .right_side img {
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 70%;
  -o-object-fit: contain;
     object-fit: contain;
}
.aj_dispo .center .right_side .planning {
  width: 50%;
  height: 90%;
  display: flex;
  justify-content: center;
  transform: translateY(-2.8vh);
}
.aj_dispo .center .right_side .planning .planningCenter {
  width: 90%;
  height: 100%;
  border-radius: 35px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 5;
}
.aj_dispo .center .right_side .planning .planningCenter:after {
  content: "";
  border-radius: 35px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background-color: rgba(0, 0, 0, 0.05);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
}
.aj_dispo .center .right_side .planning .planningCenter p.title {
  z-index: 5;
  width: 60%;
  height: 10%;
  border-radius: 35px;
  color: #ffffff;
  background-color: #4c6c73;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px dotted white;
  transform: translateY(-3px);
}
.aj_dispo .center .right_side .planning .planningCenter .planning-body {
  width: 90%;
  flex: 1;
  display: flex;
  gap: 10px;
  overflow: hidden;
  overflow-y: auto;
  padding-right: 5px;
  z-index: 5;
  max-height: 90%;
  margin-top: 1vh;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.aj_dispo .center .right_side .planning .planningCenter .planning-body label {
  color: white;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  font-weight: 100 !important;
}
.aj_dispo .center .right_side .planning .planningCenter .planning-body input {
  width: 70%;
  height: 4vh;
  background-color: #4c6c73;
  border: none;
  border-radius: 50px;
  color: #ffffff;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
  line-height: 1.3 !important;
  padding: 15px;
  font-weight: 100 !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.aj_dispo .center .right_side .planning .planningCenter .planning-body .perma {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60%;
  margin-top: 2vh;
}
.aj_dispo .center .right_side .planning .planningCenter .planning-body .perma p {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
  line-height: 1.3 !important;
  color: white;
  font-weight: 100 !important;
  white-space: nowrap;
  margin-right: 2vw;
}
.aj_dispo .center .right_side .planning .planningCenter .planning-body .perma input.check {
  height: 2vh !important;
}
.aj_dispo .center .right_side .planning .planningCenter .planning-body button {
  width: 30%;
  border-radius: 30px;
  height: 5vh;
  border: none;
  color: #2a3a40;
  background-color: #ffffff;
  margin-top: 2vh;
}
.aj_dispo .center .right_side .planning .planningCenter .planning-body .msg-status {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 5vh);
  bottom: 5px;
  margin-top: 10px;
  transition: opacity 0.4s ease;
  opacity: 0;
  font-size: 0.9rem;
  text-align: center;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
  line-height: 1.3 !important;
}
.aj_dispo .center .right_side .planning .planningCenter .planning-body .msg-success {
  color: #0a7a0a;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
  line-height: 1.3 !important;
}
.aj_dispo .center .right_side .planning .planningCenter .planning-body .msg-error {
  color: #c0392b;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
  line-height: 1.3 !important;
}

.bouton {
  width: 90%;
  position: relative;
  margin-top: 5vh;
  height: 10vh;
  cursor: pointer;
}
.bouton .center {
  position: absolute;
  top: 0;
  right: 0;
  width: 78%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.bouton .center a {
  text-decoration: none;
  width: 35%;
  height: 70%;
  border-radius: 50px;
  border: none;
  background-color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #2a3a40;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
  line-height: 1.3 !important;
}

/* tablette en portrait */
@media only screen and (max-width: 1024px) {
  .aj_dispo {
    height: auto;
    justify-content: flex-start;
    padding-top: 10vh;
  }
  .aj_dispo .center {
    flex-direction: column;
    height: auto;
  }
  .aj_dispo .center .left_side {
    width: 100%;
  }
  .aj_dispo .center .left_side .nav_dash {
    width: 100%;
  }
  .aj_dispo .center .left_side .nav_dash .top {
    width: 100%;
    height: 20vh;
  }
  .aj_dispo .center .left_side .nav_dash .bottom {
    display: none;
  }
  .aj_dispo .center .right_side {
    width: 100%;
    height: auto;
    margin-top: 2vh;
    flex-direction: column;
    border: none;
  }
  .aj_dispo .center .right_side .calendar {
    width: 100% !important;
    margin: 0;
    padding: 0;
    height: 50vh;
    margin-top: 5vh;
  }
  .aj_dispo .center .right_side .calendar .calendarCenter {
    width: 100%;
    height: 105%;
  }
  .aj_dispo .center .right_side .planning {
    width: 100% !important;
    margin: 0;
    height: 50vh;
    margin-top: 10vh;
  }
  .aj_dispo .center .right_side .planning .planningCenter .planning-body {
    width: 100%;
  }
  .aj_dispo .center .right_side .planning .planningCenter .planning-body input {
    width: 100%;
  }
  .aj_dispo .bouton {
    height: 15vh;
    margin-top: 5vh;
  }
  .aj_dispo .bouton .center {
    width: 100%;
  }
}
.disponibilite {
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-color: #2a3a40;
  padding-top: 13vh;
}
.disponibilite .center {
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1600px) {
  .disponibilite .center {
    max-width: 1440px;
  }
}
.disponibilite .center {
  width: 90%;
  height: 65%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.disponibilite .center .left_side {
  width: 20%;
  height: 100%;
}
.disponibilite .center .right_side {
  width: 78%;
  height: 100%;
  border: 2px dotted white;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 35px;
  position: relative;
}
.disponibilite .center .right_side img {
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 70%;
  -o-object-fit: contain;
     object-fit: contain;
}
.disponibilite .center .right_side .planning {
  width: 50%;
  height: 90%;
  display: flex;
  justify-content: center;
  transform: translateY(-2.8vh);
}
.disponibilite .center .right_side .planning .planningCenter {
  width: 90%;
  height: 100%;
  border-radius: 35px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 5;
}
.disponibilite .center .right_side .planning .planningCenter:after {
  content: "";
  border-radius: 35px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background-color: rgba(0, 0, 0, 0.05);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
}
.disponibilite .center .right_side .planning .planningCenter p.title {
  z-index: 5;
  width: 60%;
  height: 10%;
  border-radius: 35px;
  color: #ffffff;
  background-color: #4c6c73;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px dotted white;
  transform: translateY(-3px);
}
.disponibilite .center .right_side .planning .planningCenter .planning-body {
  width: 90%;
  flex: 1;
  display: flex;
  gap: 10px;
  overflow: hidden;
  overflow-y: auto;
  padding-right: 5px;
  z-index: 5;
  max-height: 80%;
  margin-top: 3vh;
  display: flex;
  flex-direction: column;
  position: relative;
}
.disponibilite .center .right_side .planning .planningCenter .planning-body .creneaux {
  width: 100%;
  height: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
  padding-top: 10vh;
}
.disponibilite .center .right_side .planning .planningCenter .planning-body .creneaux img {
  position: absolute;
  aspect-ratio: 1/1;
  z-index: 50000;
  width: 40px;
  top: -1vh;
  right: 0;
}
.disponibilite .center .right_side .planning .planningCenter .planning-body .creneaux .edit-icon {
  right: 6vw !important;
  cursor: pointer;
}
.disponibilite .center .right_side .planning .planningCenter .planning-body .creneaux .trash-icon {
  transform-origin: center;
  transform: scale(0.8);
  cursor: pointer;
}
.disponibilite .center .right_side .planning .planningCenter .planning-body .creneaux p {
  color: white;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
}
.disponibilite .center .right_side .planning .planningCenter .planning-body .creneaux p.heure {
  width: 90%;
  height: 4vh;
  background-color: #4c6c73;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  margin-top: 1vh;
  font-weight: 100;
}
.disponibilite .center .right_side .planning .planningCenter .planning-body .creneaux .container_permanent {
  display: flex;
  margin-top: 3vh;
}
.disponibilite .center .right_side .planning .planningCenter .planning-body .creneaux .container_permanent label {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
  line-height: 1.3 !important;
  margin-left: 1vw;
  color: #fff;
}
.disponibilite .center .right_side .planning .planningCenter .planning-body .creneaux .container_trash {
  transform: translateY(4vh);
  display: flex;
  justify-content: space-between;
  width: 70%;
  height: 4vh;
}
.disponibilite .center .right_side .planning .planningCenter .planning-body .creneaux .container_trash button {
  height: 100%;
  border-radius: 50px;
  width: 48%;
  border: none;
  color: #2a3a40;
  font-weight: 600;
}
.disponibilite .center .right_side .planning .planningCenter .planning-body .creneaux .container_edit {
  width: 100%;
  height: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.disponibilite .center .right_side .planning .planningCenter .planning-body .creneaux .container_edit p {
  margin-bottom: 1vh;
}
.disponibilite .center .right_side .planning .planningCenter .planning-body .creneaux .container_edit input {
  width: 80%;
  border: none;
  height: 3vh;
  background-color: #4c6c73;
  border-radius: 50px;
  color: #ffffff;
  padding: 10px;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
  line-height: 1.3 !important;
  margin-top: 1vh;
}
.disponibilite .center .right_side .planning .planningCenter .planning-body .creneaux .container_edit .container_permanent_edit {
  display: flex;
  margin-top: 3vh;
  width: 80%;
  align-items: center;
}
.disponibilite .center .right_side .planning .planningCenter .planning-body .creneaux .container_edit .container_permanent_edit input {
  width: 15px;
}
.disponibilite .center .right_side .planning .planningCenter .planning-body .creneaux .container_edit .container_permanent_edit label {
  color: #fff;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
  line-height: 1.3 !important;
  margin-left: 1vw;
}
.disponibilite .center .right_side .planning .planningCenter .planning-body .creneaux .container_edit .container_edit_buttons {
  display: flex;
  transform: translateY(4vh);
  justify-content: space-between;
  width: 80%;
  height: 8vh;
}
.disponibilite .center .right_side .planning .planningCenter .planning-body .creneaux .container_edit .container_edit_buttons button {
  border-radius: 50px;
  width: 48%;
  border: none;
  color: #2a3a40;
  font-weight: 600;
  height: 3vh;
}
.disponibilite .bouton {
  width: 90%;
  position: relative;
  margin-top: 5vh;
  height: 10vh;
  cursor: pointer;
}
.disponibilite .bouton .center {
  position: absolute;
  top: 0;
  right: 0;
  width: 78%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.disponibilite .bouton .center a {
  background-color: transparent;
  text-decoration: none;
  width: 35%;
  height: 70%;
  border-radius: 50px;
  border: none;
  border: 3px dotted #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
  line-height: 1.3 !important;
}

/* tablette en portrait */
@media only screen and (max-width: 1024px) {
  .disponibilite {
    height: auto;
    justify-content: flex-start;
    padding-top: 10vh;
  }
  .disponibilite .center {
    flex-direction: column;
    height: auto;
  }
  .disponibilite .center .left_side {
    width: 100%;
  }
  .disponibilite .center .left_side .nav_dash {
    width: 100%;
  }
  .disponibilite .center .left_side .nav_dash .top {
    width: 100%;
    height: 20vh;
  }
  .disponibilite .center .left_side .nav_dash .bottom {
    display: none;
  }
  .disponibilite .center .right_side {
    width: 100%;
    height: auto;
    margin-top: 2vh;
    flex-direction: column;
    border: none;
  }
  .disponibilite .center .right_side .calendar {
    width: 100% !important;
    margin: 0;
    padding: 0;
    height: 50vh;
    margin-top: 5vh;
  }
  .disponibilite .center .right_side .calendar .calendarCenter {
    width: 100%;
    height: 105%;
  }
  .disponibilite .center .right_side .planning {
    width: 100% !important;
    margin: 0;
    height: 50vh;
    margin-top: 10vh;
  }
  .disponibilite .center .right_side .planning .planningCenter .planning-body {
    width: 100%;
  }
  .disponibilite .center .right_side .planning .planningCenter .planning-body .creneaux .trash-icon {
    transform: scale(0.6);
  }
  .disponibilite .center .right_side .planning .planningCenter .planning-body .creneaux .edit-icon {
    right: 10vw !important;
    transform: scale(0.8);
  }
  .disponibilite .bouton {
    height: 10vh;
    margin-top: 5vh;
  }
  .disponibilite .bouton .center {
    width: 100%;
  }
}
/* OVERLAY RDV */
.rdv-overlay {
  position: fixed;
  inset: 0;
  z-index: 99999;
  background: rgba(0, 0, 0, 0.55);
  padding: 4vh 0;
  display: none;
  /* ✅ Empêche le scroll "derrière" quand overlay ouvert (CSS-only) */
}
.rdv-overlay.open {
  display: flex;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  /* bloque le scroll/touch derrière sur mobile */
  touch-action: none;
  overscroll-behavior: contain;
}
.rdv-overlay .rdv-overlay__panel {
  width: 92%;
  max-width: 560px;
  height: 86vh;
  border-radius: 35px;
  border: 2px dotted #fff;
  background-color: rgba(42, 58, 64, 0.92);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  position: relative;
  overflow: hidden; /* ✅ pas de scroll ici */
  display: flex;
  flex-direction: column;
}
.rdv-overlay .rdv-overlay__close {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 44px;
  height: 44px;
  border-radius: 50px;
  background: transparent;
  border: 2px dotted #fff;
  color: #fff;
  cursor: pointer;
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
  line-height: 1.3 !important;
}
.rdv-overlay {
  /* ✅ plus de scroll sur le "grand" conteneur */
}
.rdv-overlay .rdv-overlay__content {
  flex: 1;
  width: 100%;
  padding: 7vh 6vw 3vh;
  overflow: hidden; /* ✅ on enlève le scroll ici */
}
.rdv-overlay {
  /* ==========================
     CONTENU INJECTÉ
     ========================== */
}
.rdv-overlay .rdv-overlay__content .infordv {
  width: 100%;
  height: 100%;
  padding: 2.2vh 5vw;
  border-radius: 30px;
  border: none; /* ✅ RETIRE le border du milieu */
  background: rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 1.2vh;
  /* ✅ LE SEUL SCROLL AUTORISÉ */
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.3) transparent;
}
.rdv-overlay .rdv-overlay__content .infordv::-webkit-scrollbar {
  width: 8px;
}
.rdv-overlay .rdv-overlay__content .infordv::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.3);
  border-radius: 10px;
}
.rdv-overlay .rdv-overlay__content .infordv::-webkit-scrollbar-track {
  background: transparent;
}
.rdv-overlay .rdv-overlay__content .infordv .edit_trash {
  position: sticky;
  top: 0;
  z-index: 5;
  width: 100%;
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding-bottom: 1vh;
  margin-bottom: 1vh;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.25);
}
.rdv-overlay .rdv-overlay__content .infordv .edit_trash .button {
  width: 44px;
  height: 44px;
  border-radius: 50px;
  border: 2px dotted #fff;
  background: rgba(255, 255, 255, 0.06);
  display: flex;
  justify-content: center;
  align-items: center;
}
.rdv-overlay .rdv-overlay__content .infordv .edit_trash .button img {
  width: 55%;
  height: 55%;
  -o-object-fit: contain;
     object-fit: contain;
}
.rdv-overlay .rdv-overlay__content .infordv .info-row {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 10px 12px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.05);
}
.rdv-overlay .rdv-overlay__content .infordv .info-row p.label {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  font-weight: 100;
  color: #fff;
  margin: 0;
  opacity: 0.95;
}
.rdv-overlay .rdv-overlay__content .infordv .info-row span {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
  line-height: 1.3 !important;
  font-weight: 100;
  color: #fff;
  margin: 0;
  opacity: 0.9;
  transform: none;
  word-break: break-word;
}
.rdv-overlay .rdv-overlay__content .infordv label {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  font-weight: 100;
  color: #fff;
  margin-top: 0.5vh;
}
.rdv-overlay .rdv-overlay__content .infordv input {
  width: 100%;
  height: 48px;
  padding: 0 14px;
  border-radius: 18px;
  border: 2px dotted rgba(255, 255, 255, 0.6);
  background-color: rgba(255, 255, 255, 0.08);
  color: #fff;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
  line-height: 1.3 !important;
}
.rdv-overlay .rdv-overlay__content .infordv textarea {
  width: 100%;
  min-height: 14vh;
  padding: 12px 14px;
  border-radius: 18px;
  border: 2px dotted rgba(255, 255, 255, 0.6);
  background-color: rgba(255, 255, 255, 0.08);
  color: #fff;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
  line-height: 1.3 !important;
  resize: none;
  outline: none;
}
.rdv-overlay .rdv-overlay__content .infordv .dropdown-menu {
  position: absolute;
  left: 0;
  right: 0;
  margin-top: 6px;
  border-radius: 18px;
  border: 2px dotted rgba(255, 255, 255, 0.5);
  background: rgba(42, 58, 64, 0.98);
  overflow: hidden;
}
.rdv-overlay .rdv-overlay__content .infordv .dropdown-menu .dropdown-item {
  padding: 10px 12px;
  color: #fff;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
  line-height: 1.3 !important;
  cursor: pointer;
}
.rdv-overlay .rdv-overlay__content .infordv .dropdown-menu .dropdown-item:hover {
  background: rgba(255, 255, 255, 0.08);
}
.rdv-overlay .rdv-overlay__content .infordv .edit-buttons {
  width: 100%;
  display: flex;
  gap: 10px;
  margin-top: 1vh;
}
.rdv-overlay .rdv-overlay__content .infordv .edit-buttons button {
  flex: 1;
  height: 46px;
  border-radius: 30px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
  line-height: 1.3 !important;
  font-weight: 100;
}
.rdv-overlay .rdv-overlay__content .infordv .edit-buttons button:first-child {
  background: transparent;
  border: 2px dotted #fff;
  color: #fff;
}
.rdv-overlay .rdv-overlay__content .infordv .edit-buttons button:last-child {
  background: #fff;
  border: none;
  color: #2a3a40;
}
.rdv-overlay .rdv-overlay__content .infordv .error-message {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
  line-height: 1.3 !important;
  font-weight: 100;
  color: rgb(255, 120, 120);
  margin-top: 1vh;
}

/* Desktop : overlay jamais visible */
@media (min-width: 1025px) {
  .rdv-overlay {
    display: none !important;
  }
}
.new_rdv {
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-color: #2a3a40;
  padding-top: 13vh;
}
.new_rdv .center {
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1600px) {
  .new_rdv .center {
    max-width: 1440px;
  }
}
.new_rdv .center {
  width: 90%;
  height: 65%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* MODE SMARTPHONE*/
}
.new_rdv .center a.retourhome {
  display: none;
}
.new_rdv .center p.smart {
  display: none;
}
.new_rdv .center {
  /* MODE SMARTPHONE*/
}
.new_rdv .center .left_side {
  width: 20%;
  height: 100%;
}
.new_rdv .center .right_side {
  width: 78%;
  height: 100%;
  border: 2px dotted white;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 35px;
  position: relative;
}
.new_rdv .center .right_side img {
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 70%;
  -o-object-fit: contain;
     object-fit: contain;
}
.new_rdv .center .right_side p.titre {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
  line-height: 1.3 !important;
  color: #fff;
  z-index: 5000;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -3px);
  border: 2px dotted #fff;
  width: 25%;
  height: 5vh;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 30px;
  background-color: #4c6c73;
}
.new_rdv .center .right_side .leftSide {
  width: 50%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.new_rdv .center .right_side .leftSide .center {
  width: 90%;
  height: 70%;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin;
  scrollbar-color: #ffffff transparent;
}
.new_rdv .center .right_side .leftSide .center::-webkit-scrollbar {
  width: 10px;
}
.new_rdv .center .right_side .leftSide .center::-webkit-scrollbar-track {
  background: transparent;
}
.new_rdv .center .right_side .leftSide .center::-webkit-scrollbar-thumb {
  background-color: #ffffff;
  border-radius: 30px;
}
.new_rdv .center .right_side .leftSide .center::-webkit-scrollbar-thumb:hover {
  background-color: #cccccc;
}
.new_rdv .center .right_side .leftSide .center .contain_rdv {
  width: 100%;
  height: 8vh;
  z-index: 5000;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2%;
}
.new_rdv .center .right_side .leftSide .center .contain_rdv .icone {
  height: 100%;
  aspect-ratio: 1/1;
  position: relative;
}
.new_rdv .center .right_side .leftSide .center .contain_rdv .icone img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.new_rdv .center .right_side .leftSide .center .contain_rdv .infos {
  width: 50%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.new_rdv .center .right_side .leftSide .center .contain_rdv .infos p {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
  line-height: 1.3 !important;
  color: #fff;
  margin-left: 1vw;
}
.new_rdv .center .right_side .leftSide .center .contain_rdv .infos p:nth-child(1) {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
}
.new_rdv .center .right_side .leftSide .center .contain_rdv .button {
  width: 30%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.new_rdv .center .right_side .leftSide .center .contain_rdv .button button {
  width: 95%;
  height: 80%;
  border: none;
  color: #fff;
  border-radius: 30px;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
  line-height: 1.3 !important;
  color: #2a3a40;
  cursor: pointer;
}
.new_rdv .center .right_side .leftSide .center .contain_rdv .button button.selected {
  background-color: #4c6c73;
  color: #fff;
}
.new_rdv .center .right_side .leftSide .center:after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 30px;
  z-index: 0;
  background-color: rgba(0, 0, 0, 0.05);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  position: absolute;
  top: 0;
  left: 0;
}
.new_rdv .center .right_side .rightSide {
  width: 50%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.new_rdv .center .right_side .rightSide .center {
  width: 90%;
  height: 70%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.new_rdv .center .right_side .rightSide .center .infordv {
  width: 90%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: flex-start;
  position: relative;
  z-index: 5000;
}
.new_rdv .center .right_side .rightSide .center .infordv .edit_trash {
  position: absolute;
  width: 20%;
  top: 1vh;
  right: 1vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.new_rdv .center .right_side .rightSide .center .infordv .edit_trash .button {
  width: 35%;
  aspect-ratio: 1/1;
  cursor: pointer;
}
.new_rdv .center .right_side .rightSide .center .infordv .edit_trash .button img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.new_rdv .center .right_side .rightSide .center .infordv .edit_trash .button:nth-child(2) img {
  transform-origin: center;
  transform: scale(0.9);
}
.new_rdv .center .right_side .rightSide .center .infordv .info-row {
  display: flex;
}
.new_rdv .center .right_side .rightSide .center .infordv .info-row p.label {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  color: #fff;
}
.new_rdv .center .right_side .rightSide .center .infordv .info-row span {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
  line-height: 1.3 !important;
  color: #fff;
  margin-left: 1vw;
  transform: translateY(5px);
}
.new_rdv .center .right_side .rightSide .center .infordv input {
  padding: 5%;
  border-radius: 50px;
  height: 5vh;
  border: none;
  background-color: #729ca6;
  color: #fff;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
  line-height: 1.3 !important;
  cursor: pointer;
  margin-bottom: 1vh;
}
.new_rdv .center .right_side .rightSide .center .infordv textarea {
  padding: 5%;
  border-radius: 15px;
  border: none;
  background-color: #729ca6;
  color: #fff;
  margin-bottom: 1vh;
}
.new_rdv .center .right_side .rightSide .center .infordv label {
  color: #fff;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  font-weight: 100;
  margin-bottom: 1vh;
}
.new_rdv .center .right_side .rightSide .center .infordv .dropdown-menu {
  transform: translate(1vw, -54px);
  color: white;
  background-color: #729ca6;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
  line-height: 1.3 !important;
}
.new_rdv .center .right_side .rightSide .center .infordv .edit-buttons {
  width: 30%;
  display: flex;
  justify-content: space-between;
}
.new_rdv .center .right_side .rightSide .center .infordv .edit-buttons button {
  border: none;
  background-color: #729ca6;
  color: #fff;
  border-radius: 25px;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
  line-height: 1.3 !important;
  font-weight: 100;
  width: 48%;
}
.new_rdv .center .right_side .rightSide .center:after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 30px;
  z-index: 0;
  background-color: rgba(0, 0, 0, 0.05);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  position: absolute;
  top: 0;
  left: 0;
}

/* tablette en portrait */
@media only screen and (max-width: 1024px) {
  .new_rdv {
    height: auto;
    justify-content: flex-start;
    padding-top: 10vh;
  }
  .new_rdv .center {
    flex-direction: column;
    height: auto;
  }
  .new_rdv .center .left_side {
    width: 100%;
  }
  .new_rdv .center .left_side .nav_dash {
    width: 100%;
  }
  .new_rdv .center .left_side .nav_dash .top {
    width: 100%;
    height: 20vh;
  }
  .new_rdv .center .left_side .nav_dash .bottom {
    display: none;
  }
  .new_rdv .center .right_side {
    width: 100%;
    height: 75vh;
    margin-top: 5vh;
  }
  .new_rdv .center .right_side p.titre {
    width: 50%;
  }
  .new_rdv .center .right_side .leftSide {
    width: 100%;
  }
  .new_rdv .center .right_side .rightSide {
    display: none;
  }
}
.new_question {
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-color: #2a3a40;
  padding-top: 13vh;
}
.new_question .center {
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1600px) {
  .new_question .center {
    max-width: 1440px;
  }
}
.new_question .center {
  width: 90%;
  height: 65%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.new_question .center .left_side {
  width: 20%;
  height: 100%;
}
.new_question .center .right_side {
  width: 78%;
  height: 100%;
  border: 2px dotted white;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 35px;
  position: relative;
}
.new_question .center .right_side p.titre {
  z-index: 5000;
  position: absolute;
  width: 20%;
  height: 5vh;
  top: 0;
  left: 50%;
  transform: translate(-50%, -3px);
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  color: #fff;
  border: 2px dotted #fff;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 30px;
}
.new_question .center .right_side img.fond {
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 70%;
  -o-object-fit: contain;
     object-fit: contain;
}
.new_question .center .right_side .leftSide {
  width: 50%;
  height: 100%;
  display: flex;
  justify-content: center;
}
.new_question .center .right_side .leftSide .center {
  width: 80%;
  height: 85%;
  border-radius: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  padding-top: 8vh;
  /* ✅ scroll */
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: contain;
  /* (optionnel) un peu d’espace pour la scrollbar */
  padding-right: 8px;
  /* (optionnel) style scrollbar */
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.3) transparent;
}
.new_question .center .right_side .leftSide .center::-webkit-scrollbar {
  width: 8px;
}
.new_question .center .right_side .leftSide .center::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.3);
}
.new_question .center .right_side .leftSide .center::-webkit-scrollbar-track {
  background: transparent;
}
.new_question .center .right_side .leftSide .center .quest {
  width: 100%;
  height: 8vh;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 5000;
  margin-top: 1vh;
}
.new_question .center .right_side .leftSide .center .quest img {
  width: 14%;
  aspect-ratio: 1/1;
  -o-object-fit: contain;
     object-fit: contain;
}
.new_question .center .right_side .leftSide .center .quest .infos {
  color: #fff;
}
.new_question .center .right_side .leftSide .center .quest .infos p.nom {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  font-weight: 100;
}
.new_question .center .right_side .leftSide .center .quest .infos p.date {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
  line-height: 1.3 !important;
  font-weight: 100;
}
.new_question .center .right_side .leftSide .center .quest a {
  width: 40%;
  height: 70%;
  border-radius: 30px;
  background-color: #fff;
  text-decoration: none;
  color: #2a3a40;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
  line-height: 1.3 !important;
}
.new_question .center .right_side .leftSide .center:after {
  content: "";
  background-color: #2a3a40;
  opacity: 0.75;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.new_question .center .right_side .rightSide {
  width: 50%;
  height: 100%;
  display: flex;
  justify-content: center;
}
.new_question .center .right_side .rightSide .center2 {
  width: 80%;
  height: 85%;
  border-radius: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.new_question .center .right_side .rightSide .center2:after {
  content: "";
  background-color: #2a3a40;
  opacity: 0.75;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* tablette en portrait */
@media only screen and (max-width: 1024px) {
  .new_question {
    height: auto;
    justify-content: flex-start;
    padding-top: 10vh;
  }
  .new_question .center {
    flex-direction: column;
    height: auto;
  }
  .new_question .center .left_side {
    width: 100%;
  }
  .new_question .center .left_side .nav_dash {
    width: 100%;
  }
  .new_question .center .left_side .nav_dash .top {
    width: 100%;
    height: 20vh;
  }
  .new_question .center .left_side .nav_dash .bottom {
    display: none;
  }
  .new_question .center .right_side {
    width: 100%;
    height: 75vh;
    margin-top: 5vh;
  }
  .new_question .center .right_side p.titre {
    width: 50%;
  }
  .new_question .center .right_side .leftSide {
    width: 100%;
  }
  .new_question .center .right_side .rightSide {
    display: none;
  }
}
.q-overlay {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: flex;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background: rgba(0, 0, 0, 0.55);
  padding: 4vh 0;
}
.q-overlay .q-overlay__panel {
  width: 92%;
  max-width: 520px;
  height: 86vh;
  border-radius: 35px;
  border: 2px dotted #fff;
  background-color: rgba(42, 58, 64, 0.9);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
}
.q-overlay .q-overlay__header {
  height: 8vh;
  padding: 0 5vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.q-overlay .q-overlay__header .q-overlay__title {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  color: #fff;
  font-weight: 100;
}
.q-overlay .q-overlay__header .q-overlay__close {
  width: 44px;
  height: 44px;
  border-radius: 50px;
  border: 2px dotted #fff;
  background: transparent;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
  line-height: 1.3 !important;
}
.q-overlay .q-overlay__body {
  flex: 1;
  padding: 2vh 5vw 3vh;
  overflow-y: auto;
  color: #fff;
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.3) transparent;
}
.q-overlay .q-overlay__body::-webkit-scrollbar {
  width: 8px;
}
.q-overlay .q-overlay__body::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.3);
  border-radius: 10px;
}
.q-overlay .q-overlay__card {
  border-radius: 30px;
  border: 2px dotted #fff;
  padding: 2vh 5vw;
  background: rgba(0, 0, 0, 0.08);
}
.q-overlay .q-overlay__card .q-overlay__top {
  display: flex;
  gap: 12px;
  align-items: center;
  margin-bottom: 1.5vh;
}
.q-overlay .q-overlay__card .q-overlay__icon {
  width: 44px;
  aspect-ratio: 1/1;
  -o-object-fit: contain;
     object-fit: contain;
}
.q-overlay .q-overlay__card .q-overlay__name {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  font-weight: 100;
  margin: 0;
}
.q-overlay .q-overlay__card .q-overlay__date {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
  line-height: 1.3 !important;
  opacity: 0.85;
  margin: 0.3vh 0 0;
}
.q-overlay .q-overlay__card .q-overlay__question {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  font-weight: 100;
  line-height: 1.35;
  margin: 0;
}
.q-overlay .q-overlay__reply {
  margin-top: 2.5vh;
}
.q-overlay .q-overlay__reply .q-overlay__replyTitle {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  font-weight: 100;
  margin-bottom: 1vh;
}
.q-overlay .q-overlay__reply .q-overlay__textarea {
  width: 100%;
  min-height: 16vh;
  border-radius: 18px;
  border: 2px dotted #fff;
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
  padding: 12px;
  resize: none;
  outline: none;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
  line-height: 1.3 !important;
}
.q-overlay .q-overlay__reply .q-overlay__msg {
  margin-top: 1vh;
  min-height: 2vh;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
  line-height: 1.3 !important;
}
.q-overlay .q-overlay__reply .q-overlay__actions {
  margin-top: 1.5vh;
  display: flex;
  gap: 10px;
}
.q-overlay .q-overlay__reply .q-overlay__actions .q-overlay__btn {
  flex: 1;
  height: 46px;
  border-radius: 30px;
  cursor: pointer;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
  line-height: 1.3 !important;
}
.q-overlay .q-overlay__reply .q-overlay__actions .q-overlay__btn--primary {
  background: #fff;
  color: #2a3a40;
}
.q-overlay .q-overlay__reply .q-overlay__actions .q-overlay__btn--ghost {
  background: transparent;
  border: 2px dotted #fff;
  color: #fff;
}

.question_details {
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-color: #2a3a40;
  padding-top: 13vh;
}
.question_details .center {
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1600px) {
  .question_details .center {
    max-width: 1440px;
  }
}
.question_details .center {
  width: 90%;
  height: 65%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.question_details .center .left_side {
  width: 20%;
  height: 100%;
}
.question_details .center .right_side {
  width: 78%;
  height: 100%;
  border: 2px dotted white;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 35px;
  position: relative;
}
.question_details .center .right_side p.titre {
  z-index: 5000;
  position: absolute;
  width: 20%;
  height: 5vh;
  top: 0;
  left: 50%;
  transform: translate(-50%, -3px);
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  color: #fff;
  border: 2px dotted #fff;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 30px;
}
.question_details .center .right_side img.fond {
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 70%;
  -o-object-fit: contain;
     object-fit: contain;
}
.question_details .center .right_side .leftSide {
  width: 50%;
  height: 100%;
  display: flex;
  justify-content: center;
}
.question_details .center .right_side .leftSide .center {
  width: 80%;
  height: 85%;
  border-radius: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  padding-top: 8vh;
  transform: translateY(-3vh);
  /* ✅ scroll */
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: contain;
  /* (optionnel) un peu d’espace pour la scrollbar */
  padding-right: 8px;
  /* (optionnel) style scrollbar */
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.3) transparent;
}
.question_details .center .right_side .leftSide .center::-webkit-scrollbar {
  width: 8px;
}
.question_details .center .right_side .leftSide .center::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.3);
}
.question_details .center .right_side .leftSide .center::-webkit-scrollbar-track {
  background: transparent;
}
.question_details .center .right_side .leftSide .center img {
  z-index: 5000;
}
.question_details .center .right_side .leftSide .center p.nom {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  color: #fff;
  font-weight: 100;
  text-align: center;
  margin-top: 4vh;
  z-index: 5000;
}
.question_details .center .right_side .leftSide .center p.date {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
  line-height: 1.3 !important;
  color: #fff;
  font-weight: 100;
  text-align: center;
  z-index: 5000;
}
.question_details .center .right_side .leftSide .center p.quest {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  color: #fff;
  font-weight: 100;
  font-weight: 500;
  text-align: center;
  z-index: 5000;
  width: 90%;
  margin-top: 3vh;
}
.question_details .center .right_side .leftSide .center:after {
  content: "";
  background-color: #2a3a40;
  opacity: 0.75;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.question_details .center .right_side .rightSide {
  width: 50%;
  height: 100%;
  display: flex;
  justify-content: center;
}
.question_details .center .right_side .rightSide .center2 {
  width: 80%;
  height: 85%;
  border-radius: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  padding-top: 15vh;
  transform: translateY(-3vh);
}
.question_details .center .right_side .rightSide .center2 p.input {
  background-color: #4c6c73;
  width: 90%;
  height: 5vh;
  z-index: 5000;
  border-radius: 50px;
}
.question_details .center .right_side .rightSide .center2 textarea {
  width: 90%;
  height: 60%;
  border-radius: 30px;
  background-color: #4c6c73;
  color: #fff;
  border: none;
  resize: none;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
  line-height: 1.3 !important;
  vertical-align: middle;
  z-index: 5000;
  margin-top: 2vh;
}
.question_details .center .right_side .rightSide .center2 textarea::-moz-placeholder {
  color: rgb(255, 255, 255);
  opacity: 1;
  text-align: center;
}
.question_details .center .right_side .rightSide .center2 textarea::placeholder {
  color: rgb(255, 255, 255);
  opacity: 1;
  text-align: center;
}
.question_details .center .right_side .rightSide .center2 textarea:focus {
  outline: none;
}
.question_details .center .right_side .rightSide .center2 p.erreur-statut {
  color: red;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
  line-height: 1.3 !important;
  z-index: 5000;
}
.question_details .center .right_side .rightSide .center2 .buttons {
  width: 90%;
  z-index: 5000;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 2vh;
}
.question_details .center .right_side .rightSide .center2 .buttons a {
  width: 45%;
  height: 5vh;
  background-color: #fff;
  text-decoration: none;
  border-radius: 50px;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
  line-height: 1.3 !important;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #2a3a40;
}
.question_details .center .right_side .rightSide .center2:after {
  content: "";
  background-color: #2a3a40;
  opacity: 0.75;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* tablette en portrait */
@media only screen and (max-width: 1024px) {
  .new_question {
    height: auto;
    justify-content: flex-start;
    padding-top: 10vh;
  }
  .new_question .center {
    flex-direction: column;
    height: auto;
  }
  .new_question .center .left_side {
    width: 100%;
  }
  .new_question .center .left_side .nav_dash {
    width: 100%;
  }
  .new_question .center .left_side .nav_dash .top {
    width: 100%;
    height: 20vh;
  }
  .new_question .center .left_side .nav_dash .bottom {
    display: none;
  }
  .new_question .center .right_side {
    width: 100%;
    height: 75vh;
    margin-top: 5vh;
  }
  .new_question .center .right_side p.titre {
    width: 50%;
  }
  .new_question .center .right_side .leftSide {
    width: 100%;
  }
  .new_question .center .right_side .rightSide {
    display: none;
  }
}
.rdvOverlay {
  position: fixed;
  inset: 0;
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 99998;
  background: rgba(0, 0, 0, 0.45);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}
.rdvOverlay.active {
  display: flex;
}
.rdvOverlay .rdvModal {
  width: min(560px, 92vw);
  border-radius: 22px;
  border: 2px dotted #fff;
  position: relative;
  padding: 28px 26px;
  background: #4c6c73;
  color: #2a3a40;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.25);
}
.rdvOverlay .rdvClose {
  position: absolute;
  top: 10px;
  right: 14px;
  width: 42px;
  height: 42px;
  border-radius: 50px;
  background: transparent;
  color: #fff;
  cursor: pointer;
  font-size: 28px;
  display: grid;
  place-items: center;
  border: none;
}
.rdvOverlay .rdvTitle {
  font-family: "Akshar", sans-serif;
  font-size: clamp(1.875rem, 2.8vw + 0.8rem, 3.125rem);
  line-height: 1.2;
  color: #fff;
  text-align: center;
  margin-bottom: 18px;
}
.rdvOverlay .rdvGrid {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.rdvOverlay .rdvGrid .row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  padding: 12px 14px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.18);
  border: 1px solid rgba(255, 255, 255, 0.35);
}
.rdvOverlay .rdvGrid .row .label {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
  line-height: 1.3 !important;
  color: #fff;
  opacity: 0.9;
}
.rdvOverlay .rdvGrid .row .value {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
  line-height: 1.3 !important;
  color: #fff;
  font-weight: 500;
  text-align: right;
}

.dashboard_user {
  width: 100%;
  min-height: 100vh;
  height: 100dvh;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-color: #2a3a40;
  padding-top: 13vh;
}
.dashboard_user a.liensmart {
  display: none;
}
.dashboard_user p.titre2 {
  display: none;
}
.dashboard_user .center {
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1600px) {
  .dashboard_user .center {
    max-width: 1440px;
  }
}
.dashboard_user .center {
  width: 90%;
  height: 65%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.dashboard_user .center .left_side {
  width: 20%;
  height: 100%;
}
.dashboard_user .center .right_side {
  width: 78%;
  height: 100%;
  border: 2px dotted white;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 35px;
  position: relative;
}
.dashboard_user .center .right_side .modal {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 85%;
  height: 85%;
  border: 2px solid white;
  border-radius: 25px;
  z-index: 5000;
  opacity: 0;
  pointer-events: none;
}
.dashboard_user .center .right_side .modal .content {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
}
.dashboard_user .center .right_side .modal p {
  color: #fff;
}
.dashboard_user .center .right_side .modal p.warning-24h {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  color: red;
  width: 80%;
  text-align: center;
}
.dashboard_user .center .right_side .modal p.titre {
  font-family: "Akshar", sans-serif;
  font-size: clamp(1.875rem, 2.8vw + 0.8rem, 3.125rem);
  line-height: 1.2;
}
.dashboard_user .center .right_side .modal p.stitre {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  font-weight: 100;
}
.dashboard_user .center .right_side .modal .infos {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  font-weight: 100;
}
.dashboard_user .center .right_side .modal:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #95B8BF;
  opacity: 0.9;
  z-index: -5;
  border-radius: 25px;
}
.dashboard_user .center .right_side .modal .buttons {
  width: 35%;
  display: flex;
  justify-content: space-between;
}
.dashboard_user .center .right_side .modal .buttons button {
  height: 5vh;
  width: 48%;
  background-color: white;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
  line-height: 1.3 !important;
  color: #2a3a40;
  border-radius: 25px;
  border: none;
}
.dashboard_user .center .right_side .modal .buttons button:nth-child(1) {
  border: 3px solid #fff;
  background-color: transparent;
  color: #fff;
}
.dashboard_user .center .right_side .modal.active {
  opacity: 1;
  pointer-events: all;
}
.dashboard_user .center .right_side img {
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 70%;
  -o-object-fit: contain;
     object-fit: contain;
}
.dashboard_user .center .right_side .planning {
  width: 50%;
  height: 90%;
  display: flex;
  justify-content: center;
  transform: translateY(-2.8vh);
}
.dashboard_user .center .right_side .planning .planningCenter {
  width: 90%;
  height: 100%;
  border-radius: 35px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 5;
}
.dashboard_user .center .right_side .planning .planningCenter .infos {
  display: none;
}
.dashboard_user .center .right_side .planning .planningCenter:after {
  content: "";
  border-radius: 35px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background-color: rgba(0, 0, 0, 0.05);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
}
.dashboard_user .center .right_side .planning .planningCenter #titre {
  z-index: 5;
  width: 60%;
  height: 10%;
  border-radius: 35px;
  color: #ffffff;
  background-color: #4c6c73;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px dotted white;
  transform: translateY(-3px);
}
.dashboard_user .center .right_side .planning .planningCenter .planning-body {
  width: 90%;
  flex: 1;
  /* prend l'espace vertical disponible */
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 10px;
  /* 👉 c’est ici que la magie opère */
  overflow-y: auto;
  /* active le scroll vertical */
  overflow-x: hidden;
  /* évite un scroll horizontal */
  max-height: 80%;
  /* limite la hauteur visible */
  padding-right: 8px;
  /* évite que le scroll cache le contenu */
  margin-top: 3vh;
  z-index: 5;
  /* 🎨 Personnalisation du scroll (WebKit) */
}
.dashboard_user .center .right_side .planning .planningCenter .planning-body::-webkit-scrollbar {
  width: 10px;
}
.dashboard_user .center .right_side .planning .planningCenter .planning-body::-webkit-scrollbar-track {
  background: transparent;
}
.dashboard_user .center .right_side .planning .planningCenter .planning-body::-webkit-scrollbar-thumb {
  background-color: #ffffff;
  border-radius: 30px;
  border: 2px solid rgba(0, 0, 0, 0.1);
}
.dashboard_user .center .right_side .planning .planningCenter .planning-body::-webkit-scrollbar-thumb:hover {
  background-color: #ddd;
}
.dashboard_user .center .right_side .planning .planningCenter .planning-body {
  /* Firefox */
  scrollbar-width: thin;
  scrollbar-color: #ffffff transparent;
  /* Style des rendez-vous */
}
.dashboard_user .center .right_side .planning .planningCenter .planning-body .rendez_vous {
  width: 100%;
  min-height: 10vh;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 1vw;
  position: relative;
  margin-top: 2vh;
  padding: 5%;
}
.dashboard_user .center .right_side .planning .planningCenter .planning-body .rendez_vous p.waiting-msg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 6;
}
.dashboard_user .center .right_side .planning .planningCenter .planning-body .rendez_vous img {
  width: 15px;
  height: 15px;
  position: absolute;
  top: 10px;
  right: 10px;
  -o-object-fit: contain;
     object-fit: contain;
}
.dashboard_user .center .right_side .planning .planningCenter .planning-body .rendez_vous p {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  color: #fff;
}
.dashboard_user .center .right_side .planning .planningCenter .planning-body .rendez_vous p.date {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
}
.dashboard_user .center .right_side .planning .planningCenter .planning-body .rendez_vous p.type {
  font-weight: 100 !important;
}
.dashboard_user .center .right_side .planning .planningCenter .planning-body .rendez_vous p.type2 {
  font-weight: 100 !important;
  margin-top: 1.5vh;
}
.dashboard_user .center .right_side .planning .planningCenter .planning-body .rendez_vous.pending:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: black;
  opacity: 0.6;
  z-index: 5;
  border-radius: 30px;
  top: 0;
  left: 0;
}
.dashboard_user .footer {
  display: none;
}

#trustDeviceOverlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(4px);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 99999;
}
#trustDeviceOverlay #trustDeviceModal {
  background: #bfd1d9;
  color: #2a3a40;
  width: 520px;
  padding: 50px 40px;
  border-radius: 18px;
  text-align: center;
}
#trustDeviceOverlay #trustDeviceModal h2 {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
  line-height: 1.3 !important;
  margin-bottom: 20px;
}
#trustDeviceOverlay #trustDeviceModal p {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
  line-height: 1.3 !important;
  opacity: 0.8;
  line-height: 1.5;
  margin-bottom: 25px;
}
#trustDeviceOverlay #trustDeviceModal p:last-of-type {
  margin-bottom: 35px;
}
#trustDeviceOverlay #trustDeviceModal .trust-btns {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-top: 20px;
}
#trustDeviceOverlay #trustDeviceModal .trust-btns button {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
  line-height: 1.3 !important;
  font-weight: bold;
  padding: 12px 22px;
  border-radius: 8px;
  border: none;
  cursor: pointer;
  transition: 0.2s;
}
#trustDeviceOverlay #trustDeviceModal .trust-btns button#trustYes {
  background: #4c6c73;
  color: white;
}
#trustDeviceOverlay #trustDeviceModal .trust-btns button#trustYes:hover {
  background: rgb(63.8240837696, 90.697382199, 96.5759162304);
}
#trustDeviceOverlay #trustDeviceModal .trust-btns button#trustNo {
  background: #2a3a40;
  color: white;
  opacity: 0.8;
}
#trustDeviceOverlay #trustDeviceModal .trust-btns button#trustNo:hover {
  opacity: 1;
}

@media only screen and (max-width: 1024px) {
  .dashboard_user .center .right_side .modal.modale {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    margin: 0 !important;
    transform: none !important;
    display: grid !important;
    place-items: center !important;
    background: rgba(0, 0, 0, 0.45) !important;
    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 4vh 5vw !important;
    z-index: 999999 !important;
  }
  .dashboard_user .center .right_side .modal.modale:after {
    display: none !important;
  }
  .dashboard_user .center .right_side .modal.modale .content {
    width: min(560px, 92vw) !important;
    height: auto !important;
    padding: 4vh 5vw !important;
    border-radius: 22px !important;
    border: 2px solid #fff !important;
    background: rgba(149, 184, 191, 0.95) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 2vh !important;
  }
  .dashboard_user .center .right_side .modal.modale p.titre {
    font-family: "Akshar", sans-serif;
    font-size: clamp(1.875rem, 2.8vw + 0.8rem, 3.125rem);
    line-height: 1.2;
    text-align: center;
  }
  .dashboard_user .center .right_side .modal.modale p.stitre {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
    line-height: 1.3 !important;
    text-align: center;
  }
  .dashboard_user .center .right_side .modal.modale .infos {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
    line-height: 1.3 !important;
    text-align: center;
  }
  .dashboard_user .center .right_side .modal.modale p.warning-24h {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
    width: 100%;
    text-align: center;
  }
  .dashboard_user .center .right_side .modal.modale .buttons {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    gap: 12px !important;
  }
  .dashboard_user .center .right_side .modal.modale .buttons button {
    width: 48% !important;
    min-height: 44px !important;
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
    line-height: 1.3 !important;
  }
  .dashboard_user .center .right_side .modal.modale.active {
    opacity: 1 !important;
    pointer-events: all !important;
  }
  .dashboard_user {
    padding-top: 5vh;
    justify-content: flex-start;
    align-items: center;
    position: relative;
  }
  .dashboard_user a.liensmart {
    display: flex !important;
    width: 100%;
    height: 10dvh;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .dashboard_user a.liensmart img {
    width: 15%;
  }
  .dashboard_user p.titre2 {
    display: flex;
    width: 80%;
    color: #fff;
    text-align: center;
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(30px, 3.5vw + 10px, 45px);
    line-height: 1.25 !important;
    font-weight: 400;
    margin-top: 3vh;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .dashboard_user .center {
    flex-direction: column;
    justify-content: flex-start;
    margin-top: 2vh;
    height: 64dvh;
    width: 60%;
  }
  .dashboard_user .center .left_side {
    height: 25vh;
    width: 100%;
  }
  .dashboard_user .center .left_side .nav_dash {
    height: 100%;
  }
  .dashboard_user .center .left_side .nav_dash .top {
    width: 100%;
    height: 100%;
  }
  .dashboard_user .center .left_side .nav_dash .top p {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.625rem, 2.8vw + 0.5rem, 2.5rem);
    line-height: 1.25 !important;
  }
  .dashboard_user .center .left_side .nav_dash .bottom {
    display: none !important;
  }
  .dashboard_user .center .right_side {
    height: 40vh;
    width: 100%;
    border: none;
  }
  .dashboard_user .center .right_side img.mtn {
    display: none;
  }
  .dashboard_user .center .right_side .calendar {
    display: none;
  }
  .dashboard_user .center .right_side .planning {
    width: 100%;
  }
  .dashboard_user .center .right_side .planning .planningCenter {
    width: 100%;
    border: none;
    height: 30vh;
    margin-top: 5vh;
    z-index: 50000;
  }
  .dashboard_user .center .right_side .planning .planningCenter #titre {
    width: 100%;
    background-color: #4c6c73 !important;
    border: none;
    height: 5vh;
  }
  .dashboard_user .center .right_side .planning .planningCenter .infos {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: 2vh;
  }
  .dashboard_user .center .right_side .planning .planningCenter .infos p {
    width: 30%;
    height: auto;
    color: #fff;
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
    line-height: 1.3 !important;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .dashboard_user .center .right_side .planning .planningCenter:after {
    display: none;
  }
  .dashboard_user .center .right_side .planning .planningCenter .planning-body {
    width: 100% !important;
    margin-top: 0 !important;
    margin-top: 3vh;
    overflow-y: visible !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
  }
  .dashboard_user .center .right_side .planning .planningCenter .planning-body::-webkit-scrollbar {
    display: none !important;
  }
  .dashboard_user .center .right_side .planning .planningCenter .planning-body .rendez_vous {
    min-height: 5vh !important;
    padding: 0;
    height: 4vh !important;
    background-color: #4c6c73;
    flex-direction: row !important;
    align-items: center !important;
    width: 100%;
    border-radius: 50px;
    padding-right: 1vw;
    margin-top: 5vh;
  }
  .dashboard_user .center .right_side .planning .planningCenter .planning-body .rendez_vous img.trash {
    transform: translateX(-50%) scale(1.6);
    left: 50%;
    top: 6.5vh;
  }
  .dashboard_user .center .right_side .planning .planningCenter .planning-body .rendez_vous p.date,
  .dashboard_user .center .right_side .planning .planningCenter .planning-body .rendez_vous p.type2,
  .dashboard_user .center .right_side .planning .planningCenter .planning-body .rendez_vous p.type {
    text-align: center;
    width: 33.3% !important;
    height: 100% !important;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
  }
  .dashboard_user .center .right_side .planning .planningCenter .planning-body .rendez_vous:nth-child(1) {
    margin-top: 3vh !important;
  }
  .dashboard_user .center .button {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1vh;
  }
  .dashboard_user .center .button a {
    text-decoration: none;
    width: 45%;
    height: 4.5vh;
    border: 3px solid #fff;
    color: #fff;
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
    background-color: transparent;
    border-radius: 50px;
  }
  .dashboard_user .footer {
    display: block;
    width: 100%;
    height: 10dvh;
    position: absolute;
    bottom: 0;
    left: 0;
  }
  .dashboard_user .footer img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: top;
       object-position: top;
  }
}
@media only screen and (max-width: 600px) and (max-width: 600px) {
  .dashboard_user .planning-body .rendez_vous p {
    min-width: 0;
  }
  .dashboard_user .planning-body .rendez_vous p > span {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
  }
  p.type2 {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  p.date, p.type2, p.type {
    flex: 0 0 33.3%;
  }
}
@media only screen and (max-width: 600px) {
  .dashboard_user a.liensmart img {
    width: 25%;
  }
  .dashboard_user .center {
    width: 80% !important;
  }
  .dashboard_user .center .left_side .nav_dash .top p {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
  }
  .dashboard_user .center .right_side .planning .planningCenter .infos p {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
  }
  .dashboard_user .center .right_side .planning .planningCenter .planning-body .rendez_vous img.trash {
    transform: translateX(-50%) scale(1.2);
    left: 50%;
    top: 6.5vh;
  }
  .dashboard_user .center .right_side .planning .planningCenter .planning-body .rendez_vous p.date,
  .dashboard_user .center .right_side .planning .planningCenter .planning-body .rendez_vous p.type2,
  .dashboard_user .center .right_side .planning .planningCenter .planning-body .rendez_vous p.type {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
    line-height: 1.3 !important;
  }
}
.rendez-vous .calendar .calendarCenter .date .day-cell.selected-day::after {
  background-color: #BFD1D9 !important;
  transform-origin: center;
  transform: scale(0.85) !important;
}
.rendez-vous .calendar .calendarCenter .date .day-cell.selected-day {
  color: #000 !important;
}
.rendez-vous {
  /* =========================
     ✅ MODALE CONFIRM RDV
  ========================== */
}
.rendez-vous .modal.confirm-modal {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: grid;
  place-items: center;
  opacity: 0;
  pointer-events: none;
  background: rgba(0, 0, 0, 0.45);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}
.rendez-vous .modal.confirm-modal .content {
  /* ✅ PLUS GRANDE EN DESKTOP */
  width: min(980px, 92vw);
  padding: 60px 70px;
  border-radius: 28px;
  border: 2px solid #fff;
  position: relative;
  text-align: center;
}
.rendez-vous .modal.confirm-modal .content:after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #95B8BF;
  opacity: 0.9;
  border-radius: 28px;
  z-index: -1;
}
.rendez-vous .modal.confirm-modal .content {
  /* ✅ TEXTES */
}
.rendez-vous .modal.confirm-modal .content p {
  color: #fff;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.rendez-vous .modal.confirm-modal .content p.titre {
  font-family: "Akshar", sans-serif;
  font-size: clamp(1.875rem, 2.8vw + 0.8rem, 3.125rem);
  line-height: 1.2;
  margin-bottom: 12px;
}
.rendez-vous .modal.confirm-modal .content p.stitre {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  font-weight: 100;
  max-width: 75%;
  margin-bottom: 26px;
}
.rendez-vous .modal.confirm-modal .content {
  /* ✅ Bloc infos (date/heure/type) centré + propre */
}
.rendez-vous .modal.confirm-modal .content p.infos {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  font-weight: 100;
  max-width: 75%;
  margin: 8px auto;
}
.rendez-vous .modal.confirm-modal .content {
  /* ✅ Phrase de confirmation (un peu plus forte) */
}
.rendez-vous .modal.confirm-modal .content p.infos.confirm-txt {
  font-weight: 600;
  margin-top: 22px;
  max-width: 80%;
}
.rendez-vous .modal.confirm-modal .content {
  /* ✅ Boutons */
}
.rendez-vous .modal.confirm-modal .content .buttons {
  margin: 34px auto 0 auto;
  width: min(520px, 100%);
  display: flex;
  justify-content: center;
  gap: 18px;
}
.rendez-vous .modal.confirm-modal .content .buttons button {
  width: 50%;
  height: 52px;
  border-radius: 28px;
  border: none;
  background: #fff;
  color: #2a3a40;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
  line-height: 1.3 !important;
  cursor: pointer;
}
.rendez-vous .modal.confirm-modal .content .buttons button:nth-child(1) {
  border: 3px solid #fff;
  background: transparent;
  color: #fff;
}
.rendez-vous .modal.confirm-modal.active {
  opacity: 1;
  pointer-events: all;
}
.rendez-vous .choix-service,
.rendez-vous .choix-type {
  position: relative;
  z-index: 20;
}
.rendez-vous .choix-service ul,
.rendez-vous .choix-type ul {
  background-color: #2a3a40;
  z-index: 30;
}
.rendez-vous .last_block {
  position: relative;
  z-index: 1;
}
.rendez-vous .calendar .calendarCenter .date .day-cell.available::after {
  background-color: #2A3A40 !important;
  transform-origin: center;
  transform: scale(0.85);
}
.rendez-vous {
  width: 100vw;
  height: 100vh;
  background-color: #2a3a40;
  display: flex;
  justify-content: center;
  align-items: center;
}
.rendez-vous a.liensmart {
  display: none;
}
.rendez-vous .center {
  width: 80%;
  height: 80%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1600px) {
  .rendez-vous .center {
    max-width: 1440px;
  }
}
.rendez-vous .center {
  justify-content: center !important;
  margin-top: 7vh;
}
.rendez-vous .center p.titre {
  color: #fff;
  font-family: "Akshar", sans-serif;
  font-size: clamp(1.875rem, 2.8vw + 0.8rem, 3.125rem);
  line-height: 1.2;
  height: 10%;
}
.rendez-vous .center .dash {
  width: 100%;
  height: 75%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.rendez-vous .center .dash .top {
  width: 100%;
  height: 50vh;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5%;
}
.rendez-vous .center .dash .top .leftForm {
  width: 45%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  gap: 1vh;
}
.rendez-vous .center .dash .top .leftForm > * {
  flex-shrink: 0;
}
.rendez-vous .center .dash .top .leftForm input {
  width: 100%;
  height: 5vh;
  border: none;
  background-color: #4c6c73;
  color: #fff !important;
  border-radius: 50px;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
  line-height: 1.3 !important;
  padding: 0 1vw 0 1vw;
  cursor: pointer;
}
.rendez-vous .center .dash .top .leftForm input::-moz-placeholder {
  color: #fff;
  font-weight: 100;
}
.rendez-vous .center .dash .top .leftForm input::placeholder {
  color: #fff;
  font-weight: 100;
}
.rendez-vous .center .dash .top .leftForm .choix-service {
  width: 100%;
  height: auto;
  position: relative;
  background-color: #2a3a40;
}
.rendez-vous .center .dash .top .leftForm .choix-service input {
  position: relative;
}
.rendez-vous .center .dash .top .leftForm .choix-service span {
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  position: absolute;
  right: 1vw;
  top: -20px;
  font-family: "Akshar", sans-serif;
  font-size: clamp(1.875rem, 2.8vw + 0.8rem, 3.125rem);
  line-height: 1.2;
  cursor: pointer;
}
.rendez-vous .center .dash .top .leftForm .choix-service ul {
  margin-top: 1vh;
  position: absolute;
  top: calc(100% + 0.5vh);
  left: 0;
  width: 100%;
  background-color: #2a3a40;
  border-radius: 15px;
  padding: 1vh 0;
  transform: translateY(-8px);
  opacity: 0;
  pointer-events: none;
  transition: transform 0.25s ease, opacity 0.25s ease;
}
.rendez-vous .center .dash .top .leftForm .choix-service ul li {
  list-style-type: none;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  color: white;
  font-weight: 100;
  cursor: pointer;
  padding: 0.8vh 1vw;
  transition: background-color 0.3s ease;
}
.rendez-vous .center .dash .top .leftForm .choix-service ul li:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.rendez-vous .center .dash .top .leftForm .choix-service.open ul {
  transform: translateY(0);
  opacity: 1;
  pointer-events: all;
}
.rendez-vous .center .dash .top .leftForm .choix-type {
  width: 100%;
  height: auto;
  position: relative;
  background-color: #2a3a40;
}
.rendez-vous .center .dash .top .leftForm .choix-type input {
  width: 100%;
  height: 5vh;
  border: none;
  background-color: #4c6c73;
  color: #fff !important;
  border-radius: 50px;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
  line-height: 1.3 !important;
  padding: 0 1vw 0 1vw;
  cursor: pointer;
}
.rendez-vous .center .dash .top .leftForm .choix-type input::-moz-placeholder {
  color: #fff;
  font-weight: 100;
}
.rendez-vous .center .dash .top .leftForm .choix-type input::placeholder {
  color: #fff;
  font-weight: 100;
}
.rendez-vous .center .dash .top .leftForm .choix-type span {
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  position: absolute;
  right: 1vw;
  top: -20px;
  font-family: "Akshar", sans-serif;
  font-size: clamp(1.875rem, 2.8vw + 0.8rem, 3.125rem);
  line-height: 1.2;
  cursor: pointer;
}
.rendez-vous .center .dash .top .leftForm .choix-type ul {
  margin-top: 1vh;
  position: absolute;
  top: calc(100% + 0.5vh);
  left: 0;
  width: 100%;
  background-color: #2a3a40;
  border-radius: 15px;
  padding: 1vh 0;
  transform: translateY(-8px);
  opacity: 0;
  pointer-events: none;
  transition: transform 0.25s ease, opacity 0.25s ease;
}
.rendez-vous .center .dash .top .leftForm .choix-type ul li {
  list-style-type: none;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  color: white;
  font-weight: 100;
  cursor: pointer;
  padding: 0.8vh 1vw;
  transition: background-color 0.3s ease;
}
.rendez-vous .center .dash .top .leftForm .choix-type ul li:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.rendez-vous .center .dash .top .leftForm .choix-type.open ul {
  transform: translateY(0);
  opacity: 1;
  pointer-events: all;
}
.rendez-vous .center .dash .top .leftForm .last_block {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  flex-grow: 1;
  gap: 2vh;
}
.rendez-vous .center .dash .top .leftForm .last_block #telephone,
.rendez-vous .center .dash .top .leftForm .last_block #rue {
  border: 2px solid white;
  background-color: transparent;
  color: #fff;
  border-radius: 50px;
  padding: 0 1vw;
  height: 5vh;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
  line-height: 1.3 !important;
}
.rendez-vous .center .dash .top .leftForm .last_block #telephone::-moz-placeholder, .rendez-vous .center .dash .top .leftForm .last_block #rue::-moz-placeholder {
  color: #fff;
  font-weight: 100;
}
.rendez-vous .center .dash .top .leftForm .last_block #telephone::placeholder,
.rendez-vous .center .dash .top .leftForm .last_block #rue::placeholder {
  color: #fff;
  font-weight: 100;
}
.rendez-vous .center .dash .top .leftForm .last_block .choix-creneau,
.rendez-vous .center .dash .top .leftForm .last_block .choix-commune {
  width: 100%;
  position: relative;
}
.rendez-vous .center .dash .top .leftForm .last_block .choix-creneau input,
.rendez-vous .center .dash .top .leftForm .last_block .choix-commune input {
  width: 100%;
  height: 5vh;
  border: 2px solid white;
  background-color: transparent;
  color: #fff;
  border-radius: 50px;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
  line-height: 1.3 !important;
  padding: 0 1vw;
  cursor: pointer;
}
.rendez-vous .center .dash .top .leftForm .last_block .choix-creneau input::-moz-placeholder, .rendez-vous .center .dash .top .leftForm .last_block .choix-commune input::-moz-placeholder {
  color: #fff;
  font-weight: 100;
}
.rendez-vous .center .dash .top .leftForm .last_block .choix-creneau input::placeholder,
.rendez-vous .center .dash .top .leftForm .last_block .choix-commune input::placeholder {
  color: #fff;
  font-weight: 100;
}
.rendez-vous .center .dash .top .leftForm .last_block .choix-creneau span,
.rendez-vous .center .dash .top .leftForm .last_block .choix-commune span {
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  position: absolute;
  right: 1vw;
  top: -20px;
  font-family: "Akshar", sans-serif;
  font-size: clamp(1.875rem, 2.8vw + 0.8rem, 3.125rem);
  line-height: 1.2;
  cursor: pointer;
}
.rendez-vous .center .dash .top .leftForm .last_block .choix-creneau ul,
.rendez-vous .center .dash .top .leftForm .last_block .choix-commune ul {
  position: absolute;
  top: calc(100% + 0.8vh);
  left: 0;
  width: 100%;
  background-color: #2a3a40;
  border-radius: 15px;
  padding: 1vh 0;
  transform: translateY(-8px);
  opacity: 0;
  pointer-events: none;
  transition: transform 0.25s ease, opacity 0.25s ease;
  z-index: 5;
}
.rendez-vous .center .dash .top .leftForm .last_block .choix-creneau ul li,
.rendez-vous .center .dash .top .leftForm .last_block .choix-commune ul li {
  list-style-type: none;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  color: white;
  font-weight: 100;
  cursor: pointer;
  padding: 0.8vh 1vw;
  transition: background-color 0.3s ease;
}
.rendez-vous .center .dash .top .leftForm .last_block .choix-creneau ul li:hover,
.rendez-vous .center .dash .top .leftForm .last_block .choix-commune ul li:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.rendez-vous .center .dash .top .leftForm .last_block .choix-creneau.open ul,
.rendez-vous .center .dash .top .leftForm .last_block .choix-commune.open ul {
  transform: translateY(0);
  opacity: 1;
  pointer-events: all;
}
.rendez-vous .center .dash .top .leftForm .choix-type,
.rendez-vous .center .dash .top .leftForm .last_block {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.25s ease;
}
.rendez-vous .center .dash .top .leftForm .visible {
  opacity: 1;
  pointer-events: auto;
}
.rendez-vous .center .dash .top .rightCalendar {
  width: 53%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #4c6c73;
  padding: 1%;
  border-radius: 50px;
  position: relative;
}
.rendez-vous .center .dash .top .rightCalendar .calendarBox {
  width: 60%;
  height: 80%;
  background-color: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.rendez-vous .center .dash .top .rightCalendar .calendarBox .calendar .calendarCenter:after {
  display: none;
}
.rendez-vous .center .dash .top .rightCalendar .calendarBox .calendar {
  width: 75% !important;
  height: 100% !important;
  background-color: transparent;
}
.rendez-vous .center .dash .top .rightCalendar .calendarBox .calendar .calendarCenter {
  width: 100%;
  height: 100%;
}
.rendez-vous .center .dash .top .rightCalendar .calendarBox .calendar .calendarCenter .month-selector {
  margin-top: 0 !important;
  width: 80% !important;
}
.rendez-vous .center .dash .top .rightCalendar .calendarBox .calendar .calendarCenter p.title {
  display: none;
}
.rendez-vous .center .dash .top .rightCalendar .calendarBox .calendar .calendarCenter .day {
  margin-top: 0;
  border-bottom: 1px solid white;
}
.rendez-vous .center .dash .top .rightCalendar .calendarBox .calendar .calendarCenter .day .date {
  height: 75% !important;
}
.rendez-vous .center .dash .top .rightCalendar .calendarBox .calendar .calendarCenter .day .date .day-cell {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
  line-height: 1.3 !important;
}
.rendez-vous .center .dash .top .rightCalendar .calendarBox .calendar .calendarCenter .day .date .day-cell:after {
  transform-origin: center;
  transform: scale(0.8) !important;
  background-color: #2A3A40 !important;
}
.rendez-vous .center .dash .top .rightCalendar .calendarBox .calendar .calendarCenter .day p {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
  line-height: 1.3 !important;
}
.rendez-vous .center .dash .top .rightCalendar .calendarBox .legend {
  width: 75%;
  margin-top: 1.2vh;
  display: flex;
  justify-content: flex-start;
  gap: 2vw;
  padding-left: 0.5vw;
}
.rendez-vous .center .dash .top .rightCalendar .calendarBox .legend .legend-item {
  display: flex;
  align-items: center;
  gap: 0.8vw;
}
.rendez-vous .center .dash .top .rightCalendar .calendarBox .legend .legend-item p {
  color: #fff;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  font-weight: 300;
}
.rendez-vous .center .dash .top .rightCalendar .calendarBox .legend .legend-item .dot {
  width: 13px;
  height: 13px;
  border-radius: 50%;
}
.rendez-vous .center .dash .top .rightCalendar .calendarBox .legend .legend-item .dot.dispo {
  background-color: #2A3A40;
}
.rendez-vous .center .dash .top .rightCalendar .calendarBox .legend .legend-item .dot.selected {
  background-color: #BFd1d9;
}
.rendez-vous .center .dash .top .rightCalendar .heure {
  width: 35%;
  height: 30vh;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}
.rendez-vous .center .dash .top .rightCalendar .heure p.titre {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
}
.rendez-vous .center .dash .top .rightCalendar .heure .contain_creneaux {
  width: 95%;
  max-height: 75%;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: white transparent;
}
.rendez-vous .center .dash .top .rightCalendar .heure .contain_creneaux .creneau_item {
  flex: 0 0 5vh;
  width: 95%;
  margin-bottom: 1vh;
  background-color: #729ca6;
  border-radius: 10px;
  font-weight: 100;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  color: #fff;
  cursor: pointer;
}
.rendez-vous .center .dash .top .rightCalendar .heure .contain_creneaux .creneau_item.active {
  background-color: #2a3a40;
}
.rendez-vous .center .dash .top .rightCalendar .heure .contain_creneaux::-webkit-scrollbar {
  width: 6px;
}
.rendez-vous .center .dash .top .rightCalendar .heure .contain_creneaux::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.6);
  border-radius: 4px;
}
.rendez-vous .center .dash .top .rightCalendar .heure .contain_creneaux::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.9);
}
.rendez-vous .center .dash .bottom {
  width: 100%;
  height: 33%;
  padding: 0.5%;
}
.rendez-vous .center .dash .bottom .bottomcenter {
  display: flex;
  flex-direction: column;
  border-radius: 50px;
  width: 100%;
  height: 100%;
  background-color: #4c6c73;
  align-items: center;
  justify-content: center !important;
}
.rendez-vous .center .dash .bottom .bottomcenter p.titre {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
}
.rendez-vous .center .dash .bottom .bottomcenter textarea {
  width: 98%;
  height: 64%;
  border-radius: 50px;
  background-color: #2a3a40;
  color: white;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
  line-height: 1.3 !important;
  position: relative;
  padding: 2%;
  margin-top: 25px;
}
.rendez-vous .center .dash .bottom .bottomcenter #motif_rdv::-moz-placeholder {
  color: #fff;
  opacity: 0.8;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: 100;
}
.rendez-vous .center .dash .bottom .bottomcenter #motif_rdv::placeholder {
  color: #fff;
  opacity: 0.8;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: 100;
}
.rendez-vous .center .dash.dash2 {
  height: 90% !important;
}
.rendez-vous .center .buttons {
  width: 100%;
  height: 15%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.rendez-vous .center .buttons .centerButtons {
  width: 25%;
  height: 50%;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}
.rendez-vous .center .buttons .centerButtons button {
  width: 45%;
  border: none;
  background-color: white;
  color: #2a3a40;
  border-radius: 30px;
  transform: translateY(2vh);
}
.rendez-vous .center .buttons .centerButtons button:nth-child(1) {
  border: 4px solid white;
  background-color: transparent;
  color: white;
}
.rendez-vous .center .buttons .error-msg {
  position: absolute;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  color: red;
  top: 1vh;
  width: auto;
  left: 50%;
  transform: translateX(-50%);
  font-weight: 100;
}

/* ========= BLOC ADMIN : CHOIX UTILISATEUR ========= */
.rendez-vous .choix-utilisateur {
  width: 50%;
  margin: 0 auto 3vh auto;
  position: relative;
  background-color: #2a3a40;
}
.rendez-vous .choix-utilisateur input {
  width: 100%;
  height: 5vh;
  border: none;
  background-color: #4c6c73;
  color: #fff;
  border-radius: 50px;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
  line-height: 1.3 !important;
  padding: 0 1vw;
  cursor: pointer;
}
.rendez-vous .choix-utilisateur input::-moz-placeholder {
  color: #fff;
  font-weight: 100;
}
.rendez-vous .choix-utilisateur input::placeholder {
  color: #fff;
  font-weight: 100;
}
.rendez-vous .choix-utilisateur span {
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  position: absolute;
  right: 1vw;
  top: -20px;
  font-family: "Akshar", sans-serif;
  font-size: clamp(1.875rem, 2.8vw + 0.8rem, 3.125rem);
  line-height: 1.2;
  cursor: pointer;
}
.rendez-vous .choix-utilisateur ul {
  margin-top: 1vh;
  position: absolute;
  top: calc(100% + 0.5vh);
  left: 0;
  width: 100%;
  background-color: #2a3a40;
  border-radius: 15px;
  padding: 1vh 0;
  transform: translateY(-8px);
  opacity: 0;
  pointer-events: none;
  transition: transform 0.25s ease, opacity 0.25s ease;
  z-index: 23;
}
.rendez-vous .choix-utilisateur ul li {
  list-style-type: none;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  color: white;
  cursor: pointer;
  padding: 0.8vh 1vw;
  transition: background-color 0.3s ease;
}
.rendez-vous .choix-utilisateur ul li:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.rendez-vous .choix-utilisateur.open ul {
  transform: translateY(0);
  opacity: 1;
  pointer-events: all;
}
.rendez-vous {
  /* Input email du nouvel utilisateur */
}
.rendez-vous #new-user-block {
  width: 50%;
  margin: 0 auto 3vh auto;
  max-height: 140px; /* ajuste selon ton design */
  overflow-y: auto;
  padding-right: 6px;
}
.rendez-vous #new-user-block input {
  display: block;
  width: 100%;
  margin-bottom: 10px;
  height: 5vh;
  border: 2px solid white;
  background-color: transparent;
  color: #fff;
  border-radius: 50px;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
  line-height: 1.3 !important;
  padding: 0 1vw;
  cursor: text;
}
.rendez-vous #new-user-block input::-moz-placeholder {
  color: #fff;
  font-weight: 100;
}
.rendez-vous #new-user-block input::placeholder {
  color: #fff;
  font-weight: 100;
}

/* Smartphones en portrait */
@media only screen and (max-width: 1024px) {
  .rendez-vous {
    height: auto;
    align-items: flex-start;
    flex-direction: column;
    padding-top: 0;
  }
  .rendez-vous .modal.confirm-modal .content {
    width: min(720px, 92vw);
    padding: 50px 40px;
  }
  .rendez-vous .modal.confirm-modal .content p.titre {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(30px, 3.5vw + 10px, 45px);
    line-height: 1.25 !important;
  }
  .rendez-vous .modal.confirm-modal .content p.stitre {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
    line-height: 1.3 !important;
    max-width: 92%;
  }
  .rendez-vous .modal.confirm-modal .content p.infos {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
    line-height: 1.3 !important;
    max-width: 92%;
  }
  .rendez-vous .modal.confirm-modal .content .buttons {
    width: min(520px, 100%);
    gap: 14px;
  }
  .rendez-vous .modal.confirm-modal .content .buttons button {
    height: 54px;
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
    line-height: 1.3 !important;
  }
  .rendez-vous a {
    margin-top: 10vh;
    display: flex !important;
    width: 100%;
    height: 10vh;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .rendez-vous a img {
    width: 25%;
  }
  .rendez-vous .center {
    margin-top: 10vh;
    flex-direction: column;
    height: auto;
    width: 60%;
    margin-top: 0;
  }
  .rendez-vous .center p.smart {
    font-family: "Akshar", sans-serif;
    font-size: clamp(1.875rem, 2.8vw + 0.8rem, 3.125rem);
    line-height: 1.2;
    color: white;
    display: flex;
    margin-top: 2vh;
  }
  .rendez-vous .center .dash {
    height: auto;
    width: 95%;
    margin-top: 2vh;
  }
  .rendez-vous .center .dash .top {
    flex-direction: column;
    width: 100%;
    height: auto;
  }
  .rendez-vous .center .dash .top .leftForm {
    width: 100%;
    height: 45vh;
  }
  .rendez-vous .center .dash .top .leftForm span {
    top: -5px !important;
    right: 5vw !important;
  }
  .rendez-vous .center .dash .top .leftForm .choix-service {
    width: 100%;
  }
  .rendez-vous .center .dash .top .leftForm .choix-service input {
    height: 5vh;
    padding: 0 4vw 0 4vw;
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
  }
  .rendez-vous .center .dash .top .leftForm .choix-type {
    width: 100%;
  }
  .rendez-vous .center .dash .top .leftForm .choix-type input {
    height: 5vh;
    padding: 0 4vw 0 4vw;
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
  }
  .rendez-vous .center .dash .top .leftForm .last_block {
    width: 100% !important;
  }
  .rendez-vous .center .dash .top .leftForm .last_block input,
  .rendez-vous .center .dash .top .leftForm .last_block div {
    height: 5vh !important;
  }
  .rendez-vous .center .dash .top .leftForm .last_block input #tel,
  .rendez-vous .center .dash .top .leftForm .last_block div #tel {
    padding: 0 4vw 0 4vw !important;
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
  }
  .rendez-vous .center .dash .top .leftForm .last_block .choix-creneau input {
    padding: 0 4vw 0 4vw !important;
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
  }
  .rendez-vous .center .dash .top .leftForm .last_block .choix-commune input {
    padding: 0 4vw 0 4vw !important;
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
  }
  .rendez-vous .center .dash .top .leftForm .last_block .select-options {
    padding: 0 4vw 0 4vw !important;
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
  }
  .rendez-vous .center .dash .top .rightCalendar {
    width: 100% !important;
    flex-direction: column !important;
    border-radius: 25px !important;
    height: 60vh;
    background-color: transparent !important;
    margin-top: 2vh;
  }
  .rendez-vous .center .dash .top .rightCalendar .calendarBox {
    width: 100%;
    border-radius: 25px;
    background-color: #4c6c73;
    height: 55%;
  }
  .rendez-vous .center .dash .top .rightCalendar .calendarBox .calendar {
    width: 100% !important;
    height: 100% !important;
  }
  .rendez-vous .center .dash .top .rightCalendar .calendarBox .calendar .calendarCenter {
    justify-content: center;
    padding: 0 !important;
    transform: translateY(-17px) !important;
  }
  .rendez-vous .center .dash .top .rightCalendar .calendarBox .calendar .calendarCenter .month-selector {
    width: 60% !important;
  }
  .rendez-vous .center .dash .top .rightCalendar .calendarBox .calendar .calendarCenter .day p {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
  }
  .rendez-vous .center .dash .top .rightCalendar .calendarBox .calendar .calendarCenter .date .day-cell {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
  }
  .rendez-vous .center .dash .top .rightCalendar .calendarBox .legend {
    transform: translateY(-25px);
  }
  .rendez-vous .center .dash .top .rightCalendar .heure {
    width: 100%;
    height: 40%;
  }
  .rendez-vous .center .dash .top .rightCalendar .heure p.titre {
    display: none;
  }
  .rendez-vous .center .dash .top .rightCalendar .heure .contain_creneaux {
    display: flex;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    gap: 12px;
    padding-top: 2vh;
  }
  .rendez-vous .center .dash .top .rightCalendar .heure .contain_creneaux .creneau_item {
    flex: 0 1 calc(50% - 8px);
    box-sizing: border-box;
    height: 7vh;
  }
  .rendez-vous .center .dash .top .rightCalendar .heure .contain_creneaux .creneau_item.active {
    background-color: #BFD1D9;
    color: #2a3a40;
    font-weight: 400;
  }
  .rendez-vous .center .dash .bottom {
    height: 40vh !important;
  }
  .rendez-vous .center .dash .bottom .bottomcenter {
    background-color: transparent;
  }
  .rendez-vous .center .dash .bottom .bottomcenter textarea {
    background-color: #fff;
    border-radius: 25px;
    color: #2a3a40;
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
  }
  .rendez-vous .center .dash .bottom .bottomcenter #motif_rdv::-moz-placeholder {
    color: #2a3a40;
    opacity: 0.8;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-weight: 100;
  }
  .rendez-vous .center .dash .bottom .bottomcenter #motif_rdv::placeholder {
    color: #2a3a40;
    opacity: 0.8;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-weight: 100;
  }
  .rendez-vous .center .buttons {
    height: 20vh !important;
  }
  .rendez-vous .center .buttons .centerButtons {
    width: 80%;
  }
  .rendez-vous .center .buttons .centerButtons button {
    transform: translateY(5vh);
    height: 5vh;
  }
  .rendez-vous .center .buttons .error-msg {
    position: absolute;
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
    line-height: 1.3 !important;
    top: -4vh;
    color: red;
    top: 1vh;
    width: auto;
    left: 50%;
    transform: translateX(-50%);
    font-weight: 100;
  }
  .rendez-vous .leftForm input {
    padding-left: 4vw !important;
    padding-right: 4vw !important;
    text-indent: 0;
  }
  .rendez-vous .leftForm .choix-service input,
  .rendez-vous .leftForm .choix-type input,
  .rendez-vous .leftForm .choix-creneau input,
  .rendez-vous .leftForm .choix-commune input,
  .rendez-vous .leftForm #telephone,
  .rendez-vous .leftForm #rue {
    padding-left: 4vw !important;
    padding-right: 4vw !important;
  }
}
/* =========================
    ✅ SMARTPHONE (<=600px)
 ========================== */
@media only screen and (max-width: 600px) {
  .rendez-vous .center .dash .top .rightCalendar .calendarBox .legend {
    transform: translateY(-10px);
  }
  .rendez-vous .calendar .calendarCenter .date .day-cell.available::after {
    transform: scale(1);
  }
  .rendez-vous .center {
    width: 80%;
  }
  .rendez-vous .center .dash .top .rightCalendar {
    height: 70vh;
  }
  .rendez-vous .modal.confirm-modal .content {
    width: 92vw;
    padding: 38px 22px;
    border-radius: 22px;
  }
  .rendez-vous .modal.confirm-modal .content:after {
    border-radius: 22px;
  }
  .rendez-vous .modal.confirm-modal .content p.titre {
    font-family: "Akshar", sans-serif;
    font-size: clamp(1.875rem, 2.8vw + 0.8rem, 3.125rem);
    line-height: 1.2;
  }
  .rendez-vous .modal.confirm-modal .content p.stitre {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
    max-width: 100%;
  }
  .rendez-vous .modal.confirm-modal .content p.infos {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
    max-width: 100%;
  }
  .rendez-vous .modal.confirm-modal .content .buttons {
    width: 100%;
    flex-direction: column; /* ✅ plus joli sur tel */
    gap: 12px;
  }
  .rendez-vous .modal.confirm-modal .content .buttons button {
    width: 100%;
    height: 52px;
    align-items: center;
  }
}
.rendez-vous-succes {
  width: 100vw;
  height: 100vh;
  height: 100dvh;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #2a3a40;
}
.rendez-vous-succes a.liensmart {
  display: none;
}
.rendez-vous-succes .center {
  transform: translateY(5vh);
  height: 75%;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1600px) {
  .rendez-vous-succes .center {
    max-width: 1440px;
  }
}
.rendez-vous-succes .center {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.rendez-vous-succes .center p {
  color: white;
  text-align: center;
}
.rendez-vous-succes .center p.titre {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(2.8125rem, 3vw + 1rem, 4.0625rem);
  line-height: 1.1 !important;
  font-weight: 500;
  margin-bottom: 6vh;
}
.rendez-vous-succes .center p.petit {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
  line-height: 1.3 !important;
  margin-bottom: 6vh;
  font-weight: 200;
}
.rendez-vous-succes .center p.moyen {
  font-family: "Akshar", sans-serif;
  font-size: clamp(1.875rem, 2.8vw + 0.8rem, 3.125rem);
  line-height: 1.2;
  margin-bottom: 6vh;
}
.rendez-vous-succes .center a {
  text-decoration: none;
  color: #2a3a40;
  background-color: #fff;
  border-radius: 50px;
  width: 13%;
  height: 5vh;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
}

/* Smartphones en portrait */
@media only screen and (max-width: 600px) {
  .rendez-vous-succes {
    display: flex;
    flex-direction: column;
  }
  .rendez-vous-succes a.liensmart {
    display: flex !important;
    width: 100%;
    height: 10vh;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .rendez-vous-succes a.liensmart img {
    width: 25%;
  }
  .rendez-vous-succes .center {
    width: 95% !important;
  }
  .rendez-vous-succes .center p.titre {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(30px, 3.5vw + 10px, 45px);
    line-height: 1.25 !important;
  }
  .rendez-vous-succes .center p.petit {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
  }
  .rendez-vous-succes .center p.moyen {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
    line-height: 1.3 !important;
  }
  .rendez-vous-succes .center a {
    width: 32%;
  }
}
.espace_personnel {
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-color: #2a3a40;
  padding-top: 13vh;
}
.espace_personnel a.liensmart {
  display: none;
}
.espace_personnel .center {
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1600px) {
  .espace_personnel .center {
    max-width: 1440px;
  }
}
.espace_personnel .center {
  width: 90%;
  height: 65%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.espace_personnel .center .left_side {
  width: 20%;
  height: 100%;
}
.espace_personnel .center .right_side {
  width: 78%;
  height: 100%;
  border: 2px dotted white;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 35px;
  position: relative;
}
.espace_personnel .center .right_side img {
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 70%;
  -o-object-fit: contain;
     object-fit: contain;
}
.espace_personnel .center .right_side .leftSide {
  width: 50%;
  height: 100%;
  display: flex;
  justify-content: center;
}
.espace_personnel .center .right_side .leftSide .cente {
  width: 80%;
  height: 100%;
  border-radius: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.espace_personnel .center .right_side .leftSide .cente .change-password-form {
  width: 100%;
  z-index: 3000 !important;
  align-items: center;
  height: 80%;
}
.espace_personnel .center .right_side .leftSide .cente .change-password-form label {
  width: 100%;
  text-align: left;
  font-weight: 100 !important;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
}
.espace_personnel .center .right_side .leftSide .cente .change-password-form input {
  width: 100%;
  height: 4vh;
  border-radius: 50px !important;
  border: none !important;
  background-color: #4c6c73 !important;
}
.espace_personnel .center .right_side .leftSide .cente .change-password-form div {
  width: 40%;
  justify-content: space-between;
  height: 5vh;
  align-items: center;
}
.espace_personnel .center .right_side .leftSide .cente .change-password-form div button {
  width: 48%;
  height: 80%;
  border-radius: 30px;
  border: 3px solid white;
  background-color: transparent;
  color: #fff;
}
.espace_personnel .center .right_side .leftSide .cente .change-password-form div button:nth-child(2) {
  background-color: #fff;
  color: #2a3a40;
}
.espace_personnel .center .right_side .leftSide .cente .form {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  z-index: 5000;
  padding-right: 1vw;
  justify-content: center;
  align-items: flex-start;
}
.espace_personnel .center .right_side .leftSide .cente input {
  background-color: #4c6c73;
  height: 3vh;
  width: 80%;
  color: #fff;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
  line-height: 1.3 !important;
  border: none;
  border-radius: 30px;
  padding-left: 1vw;
  margin-left: 1vw;
  transform: translateY(-0.5vh);
}
.espace_personnel .center .right_side .leftSide .cente label {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
  line-height: 1.3 !important;
  color: #fff;
  border: none;
  border-radius: 30px;
  font-weight: 500;
  -moz-text-align-last: left;
       text-align-last: left;
  height: 9%;
}
.espace_personnel .center .right_side .leftSide .cente .edit_buttons {
  width: 100%;
  height: 9%;
}
.espace_personnel .center .right_side .leftSide .cente p.titre {
  color: #fff;
  width: 70%;
  border-radius: 50px;
  border: 2px dotted #fff;
  transform: translateY(-3px);
  background-color: #4c6c73;
  height: 5vh;
  z-index: 5000;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
}
.espace_personnel .center .right_side .leftSide .cente:after {
  content: "";
  background-color: #2a3a40;
  opacity: 0.75;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.espace_personnel .center .right_side .leftSide .cente .top, .espace_personnel .center .right_side .leftSide .cente .bottom {
  width: 100%;
  height: 30%;
  z-index: 5000;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  align-items: flex-start;
  padding-left: 2vw;
}
.espace_personnel .center .right_side .leftSide .cente .top .nom, .espace_personnel .center .right_side .leftSide .cente .top .prenom, .espace_personnel .center .right_side .leftSide .cente .top .age, .espace_personnel .center .right_side .leftSide .cente .bottom .nom, .espace_personnel .center .right_side .leftSide .cente .bottom .prenom, .espace_personnel .center .right_side .leftSide .cente .bottom .age {
  display: flex;
  margin-top: 1vh;
}
.espace_personnel .center .right_side .leftSide .cente .top .nom p, .espace_personnel .center .right_side .leftSide .cente .top .prenom p, .espace_personnel .center .right_side .leftSide .cente .top .age p, .espace_personnel .center .right_side .leftSide .cente .bottom .nom p, .espace_personnel .center .right_side .leftSide .cente .bottom .prenom p, .espace_personnel .center .right_side .leftSide .cente .bottom .age p {
  color: #fff;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
  line-height: 1.3 !important;
  margin-bottom: 0.5vh;
}
.espace_personnel .center .right_side .leftSide .cente .top .nom p.bold, .espace_personnel .center .right_side .leftSide .cente .top .prenom p.bold, .espace_personnel .center .right_side .leftSide .cente .top .age p.bold, .espace_personnel .center .right_side .leftSide .cente .bottom .nom p.bold, .espace_personnel .center .right_side .leftSide .cente .bottom .prenom p.bold, .espace_personnel .center .right_side .leftSide .cente .bottom .age p.bold {
  font-weight: 500;
  white-space: nowrap;
}
.espace_personnel .center .right_side .leftSide .cente .top .nom p.notbold, .espace_personnel .center .right_side .leftSide .cente .top .prenom p.notbold, .espace_personnel .center .right_side .leftSide .cente .top .age p.notbold, .espace_personnel .center .right_side .leftSide .cente .bottom .nom p.notbold, .espace_personnel .center .right_side .leftSide .cente .bottom .prenom p.notbold, .espace_personnel .center .right_side .leftSide .cente .bottom .age p.notbold {
  font-weight: 100;
  margin-left: 0.5vw;
}
.espace_personnel .center .right_side .leftSide .cente .button {
  width: 100%;
  height: 15%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.espace_personnel .center .right_side .leftSide .cente .button button {
  border: 1px solid white;
  z-index: 5000;
  height: 5vh;
  border-radius: 50px;
}
.espace_personnel .center .right_side .leftSide .cente .button button:nth-child(1) {
  background-color: #fff;
  color: #2a3a40;
  border: none;
  width: 38%;
}
.espace_personnel .center .right_side .leftSide .cente .button button:nth-child(2) {
  background-color: transparent;
  color: #fff;
  border: 3px solid #fff;
  width: 60%;
}
.espace_personnel .center .right_side .rightSide {
  width: 50%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.espace_personnel .center .right_side .rightSide .delete-confirmation {
  z-index: 50000;
  width: 80%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.espace_personnel .center .right_side .rightSide .delete-confirmation p {
  color: #fff;
}
.espace_personnel .center .right_side .rightSide .delete-confirmation p:nth-child(1) {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
  line-height: 1.3 !important;
  font-weight: 200;
}
.espace_personnel .center .right_side .rightSide .delete-confirmation p:nth-child(2) {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
}
.espace_personnel .center .right_side .rightSide .delete-confirmation div {
  width: 60%;
  margin-top: 3vh;
}
.espace_personnel .center .right_side .rightSide .delete-confirmation div button {
  width: 40%;
  border: 4px solid #fff;
  height: 5vh;
  background-color: transparent;
  color: #fff;
  border-radius: 50px;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
}
.espace_personnel .center .right_side .rightSide .center2 {
  width: 50%;
  height: 70%;
  display: flex;
  flex-direction: column;
  align-items: center;
  transform: translateY(8vh);
  z-index: 50000;
}
.espace_personnel .center .right_side .rightSide .center2 img {
  width: 10vw;
  height: 10vw;
  -o-object-fit: contain;
     object-fit: contain;
  z-index: 50000;
  position: relative;
}
.espace_personnel .center .right_side .rightSide .center2 button.titre {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  z-index: 5000;
  background-color: transparent;
  color: #fff;
  text-align: center;
  border: 3px solid white;
  border-radius: 30px;
  width: 100%;
  height: 5vh;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  margin-top: 3vh;
}
.espace_personnel .center .right_side .rightSide:after {
  content: "";
  background-color: #2a3a40;
  opacity: 0.75;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.espace_personnel .footer {
  display: none;
}

@media only screen and (max-width: 1024px) {
  .espace_personnel {
    padding-top: 5vh;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    height: auto;
  }
  .espace_personnel a.liensmart {
    display: flex !important;
    width: 100%;
    height: 10vh;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .espace_personnel a.liensmart img {
    width: 15%;
  }
  .espace_personnel p.titre2 {
    display: flex;
    width: 80%;
    color: #fff;
    text-align: center;
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(30px, 3.5vw + 10px, 45px);
    line-height: 1.25 !important;
    font-weight: 400;
    margin-top: 3vh;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .espace_personnel .center {
    flex-direction: column;
    justify-content: flex-start;
    margin-top: 2vh;
    height: auto;
    width: 60%;
  }
  .espace_personnel .center .left_side {
    height: 25vh;
    width: 100%;
  }
  .espace_personnel .center .left_side .nav_dash {
    height: 100%;
  }
  .espace_personnel .center .left_side .nav_dash .top {
    width: 100%;
    height: 100%;
  }
  .espace_personnel .center .left_side .nav_dash .top p {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.625rem, 2.8vw + 0.5rem, 2.5rem);
    line-height: 1.25 !important;
  }
  .espace_personnel .center .left_side .nav_dash .bottom {
    display: none !important;
  }
  .espace_personnel .center .right_side {
    width: 100%;
    height: auto;
    border: none;
    flex-direction: column;
    margin-top: 5vh;
  }
  .espace_personnel .center .right_side img {
    display: none;
  }
  .espace_personnel .center .right_side .leftSide {
    width: 100%;
    height: auto;
  }
  .espace_personnel .center .right_side .leftSide .cente {
    width: 100%;
    height: auto;
  }
  .espace_personnel .center .right_side .leftSide .cente .change-password-form {
    height: 100% !important;
  }
  .espace_personnel .center .right_side .leftSide .cente .change-password-form div {
    width: 54%;
    height: 5vh;
  }
  .espace_personnel .center .right_side .leftSide .cente p.titre {
    border: none !important;
    background-color: #BFD1D9;
    width: 100%;
    transform: translate(0);
    height: 7vh;
  }
  .espace_personnel .center .right_side .leftSide .cente .top, .espace_personnel .center .right_side .leftSide .cente .bottom {
    margin-top: 1vh;
    padding-left: 0;
    height: auto;
    justify-content: flex-start;
  }
  .espace_personnel .center .right_side .leftSide .cente .top .nom, .espace_personnel .center .right_side .leftSide .cente .top .prenom, .espace_personnel .center .right_side .leftSide .cente .top .age, .espace_personnel .center .right_side .leftSide .cente .bottom .nom, .espace_personnel .center .right_side .leftSide .cente .bottom .prenom, .espace_personnel .center .right_side .leftSide .cente .bottom .age {
    width: 100% !important;
    height: auto !important;
    padding-top: 0.8vh !important;
  }
  .espace_personnel .center .right_side .leftSide .cente .top .nom p.bold, .espace_personnel .center .right_side .leftSide .cente .top .prenom p.bold, .espace_personnel .center .right_side .leftSide .cente .top .age p.bold, .espace_personnel .center .right_side .leftSide .cente .bottom .nom p.bold, .espace_personnel .center .right_side .leftSide .cente .bottom .prenom p.bold, .espace_personnel .center .right_side .leftSide .cente .bottom .age p.bold {
    display: none !important;
  }
  .espace_personnel .center .right_side .leftSide .cente .top .nom p.notbold, .espace_personnel .center .right_side .leftSide .cente .top .nom input, .espace_personnel .center .right_side .leftSide .cente .top .prenom p.notbold, .espace_personnel .center .right_side .leftSide .cente .top .prenom input, .espace_personnel .center .right_side .leftSide .cente .top .age p.notbold, .espace_personnel .center .right_side .leftSide .cente .top .age input, .espace_personnel .center .right_side .leftSide .cente .bottom .nom p.notbold, .espace_personnel .center .right_side .leftSide .cente .bottom .nom input, .espace_personnel .center .right_side .leftSide .cente .bottom .prenom p.notbold, .espace_personnel .center .right_side .leftSide .cente .bottom .prenom input, .espace_personnel .center .right_side .leftSide .cente .bottom .age p.notbold, .espace_personnel .center .right_side .leftSide .cente .bottom .age input {
    height: 5vh !important;
    width: 100% !important;
    border-radius: 30px !important;
    display: flex !important;
    align-items: center !important;
    padding-left: 10vw !important;
    background-color: #4c6c73 !important;
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
    line-height: 1.3 !important;
  }
  .espace_personnel .center .right_side .rightSide {
    height: auto;
    width: 100%;
  }
  .espace_personnel .center .right_side .rightSide .delete-confirmation p:nth-child(1) {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.625rem, 2.8vw + 0.5rem, 2.5rem);
    line-height: 1.25 !important;
    font-weight: 200;
  }
  .espace_personnel .center .right_side .rightSide .delete-confirmation p:nth-child(2) {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
    line-height: 1.3 !important;
  }
  .espace_personnel .center .right_side .rightSide .center2 {
    width: 100%;
    height: auto !important;
    transform: translate(0);
    margin-top: 1vh;
  }
  .espace_personnel .center .right_side .rightSide .center2 img {
    display: none !important;
  }
  .espace_personnel .center .right_side .rightSide .center2 button {
    width: 100%;
    height: 5vh;
    margin-top: 0 !important;
  }
  .espace_personnel .center .buttonret {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 3vh;
  }
  .espace_personnel .center .buttonret a {
    text-decoration: none;
    width: 45%;
    height: 4.5vh;
    border: 3px solid #fff;
    color: #fff;
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
    background-color: transparent;
    border-radius: 50px;
  }
  .espace_personnel .footer {
    padding-top: 15vw;
    display: block;
    width: 100%;
    height: 25vh;
  }
  .espace_personnel .footer img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: top;
       object-position: top;
  }
}
@media only screen and (max-width: 600px) {
  .espace_personnel a.liensmart img {
    width: 25%;
  }
  .espace_personnel .center {
    width: 80% !important;
  }
  .espace_personnel .center .left_side .nav_dash .top p {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
  }
}
/* ------------------------------
   OVERLAY (fond sombre + blocage clic)
------------------------------ */
.loader-overlay {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  /* 👇 plus sombre derrière */
  background: rgba(0, 0, 0, 0.78);
  z-index: 999999;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease;
  pointer-events: none;
}

.loader-overlay.active {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}

/* ------------------------------
   LOADER (tes 4 couleurs)
------------------------------ */
.loader {
  width: 40px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(farthest-side, #2a3a40 94%, transparent), radial-gradient(farthest-side, #4c6c73 94%, transparent), radial-gradient(farthest-side, #729ca6 94%, transparent), radial-gradient(farthest-side, #95b8bf 94%, transparent), #2a3a40;
  background-size: 105% 105%;
  background-repeat: no-repeat;
  animation: l5 2s infinite;
}

/* ------------------------------
   ANIMATION
------------------------------ */
@keyframes l5 {
  0% {
    background-position: 50% -50px, -40px 50%, 50% calc(100% + 50px), calc(100% + 50px) 50%;
  }
  20%, 25% {
    background-position: 50% -50px, -50px 50%, 50% calc(100% + 50px), 50% 50%;
  }
  45%, 50% {
    background-position: 50% -50px, -50px 50%, 50% 50%, 50% 50%;
  }
  75%, 75% {
    background-position: 50% -50px, 50% 50%, 50% 50%, 50% 50%;
  }
  95%, 100% {
    background-position: 50% 50%, 50% 50%, 50% 50%, 50% 50%;
  }
}
/* ----------------------------------------------------------
   PAGE STRUCTURE
----------------------------------------------------------- */
.question_user {
  width: 100%;
  height: 100vh;
  height: 100dvh;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-color: #2a3a40;
  padding-top: 13vh;
}
.question_user a.liensmart {
  display: none;
}
.question_user p.titre2 {
  display: none;
}
.question_user {
  /* --------------------------------------------------
     CONTAINER GLOBAL
  -------------------------------------------------- */
}
.question_user .center {
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1600px) {
  .question_user .center {
    max-width: 1440px;
  }
}
.question_user .center {
  width: 90%;
  height: 65%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.question_user .center .left_side {
  width: 20%;
  height: 100%;
}
.question_user .center .right_side {
  width: 78%;
  height: 100%;
  border: 2px dotted white;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 35px;
  position: relative;
}
.question_user .center .right_side p.titre {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -3px);
  width: 20%;
  height: 5vh;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  color: #fff;
  border-radius: 30px;
  border: 2px dotted #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #2a3a40;
  z-index: 10;
}
.question_user .center .right_side img.fond {
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 70%;
  -o-object-fit: contain;
     object-fit: contain;
}
.question_user .center .right_side {
  /* ----------------------------------------------------------
     LEFT SIDE (QUESTIONS)
  ---------------------------------------------------------- */
}
.question_user .center .right_side .leftSide {
  width: 50%;
  height: 100%;
  display: flex;
  justify-content: center;
}
.question_user .center .right_side .leftSide .center {
  width: 80%;
  height: 85% !important;
  overflow-y: visible !important;
  margin-top: 6vh;
  border-radius: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  padding-right: 8px;
  overflow-x: hidden;
  /* scrollbar */
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.3) transparent;
}
.question_user .center .right_side .leftSide .center::-webkit-scrollbar {
  width: 8px;
}
.question_user .center .right_side .leftSide .center::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.3);
  border-radius: 10px;
}
.question_user .center .right_side .leftSide .center::-webkit-scrollbar-track {
  background: transparent;
}
.question_user .center .right_side .leftSide .center:after {
  content: "";
  background-color: #2a3a40;
  opacity: 0.75;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
  pointer-events: none;
}
.question_user .center .right_side .leftSide .center .quest {
  width: 100%;
  min-height: 8vh;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 2vh;
  z-index: 5;
}
.question_user .center .right_side .leftSide .center .quest img {
  width: 14%;
  aspect-ratio: 1/1;
  -o-object-fit: contain;
     object-fit: contain;
  transform: translateX(1vw);
}
.question_user .center .right_side .leftSide .center .quest .infos {
  width: 50%;
  color: #fff;
}
.question_user .center .right_side .leftSide .center .quest .infos p.nom {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  font-weight: 100;
}
.question_user .center .right_side .leftSide .center .quest .infos p.Date {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
  line-height: 1.3 !important;
  font-weight: 100;
}
.question_user .center .right_side .leftSide .center .quest a {
  width: 8%;
  height: 70%;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 2vw;
}
.question_user .center .right_side .leftSide .center .quest a img {
  width: 85%;
}
.question_user .center .right_side {
  /* ----------------------------------------------------------
     RIGHT SIDE (RÉPONSES)
  ---------------------------------------------------------- */
}
.question_user .center .right_side .righttSide {
  width: 50%;
  height: 100%;
  display: flex;
  justify-content: center;
}
.question_user .center .right_side .righttSide .center2 {
  width: 80%;
  height: 85% !important;
  overflow-y: visible !important;
  margin-top: 6vh;
  border-radius: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  padding-right: 8px;
  overflow-x: hidden;
}
.question_user .center .right_side .righttSide .center2:after {
  content: "";
  background-color: #2a3a40;
  opacity: 0.75;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
  pointer-events: none;
}
.question_user .center .right_side .righttSide .center2 .quest {
  width: 100%;
  height: 8vh;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 2vh;
  z-index: 2;
}
.question_user .center .right_side .righttSide .center2 .quest img {
  width: 14%;
  aspect-ratio: 1/1;
  -o-object-fit: contain;
     object-fit: contain;
  transform: translateX(1vw);
}
.question_user .center .right_side .righttSide .center2 .quest .infos {
  width: 55%;
  z-index: 5;
}
.question_user .center .right_side .righttSide .center2 .quest .infos p.nom {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  font-weight: 100;
  color: #fff;
}
.question_user .center .right_side .righttSide .center2 .quest .infos p.Date {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(0.625rem, 0.3vw + 0.5rem, 0.8125rem);
  line-height: 1.4 !important;
  opacity: 0.75 !important;
  color: #fff;
}
.question_user .center .right_side .righttSide .center2 .quest a {
  width: 8%;
  height: 70%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 2vw;
}
.question_user .center .right_side .righttSide .center2 .quest a img {
  width: 85%;
}
.question_user button a {
  display: none;
}
.question_user .footer {
  display: none;
}

/* ----------------------------------------------------------
   BLOC DÉROULANT
---------------------------------------------------------- */
.details-block {
  width: 90%;
  margin: 10px auto;
  padding: 15px;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 15px;
  color: #fff;
  line-height: 1.4;
  z-index: 10;
}
.details-block p:nth-child(1), .details-block p:nth-child(3) {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  font-weight: 400;
}
.details-block p:nth-child(2), .details-block p:nth-child(4) {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  font-weight: 100;
}
.details-block p:nth-child(5) {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  margin-top: 1vh;
}
.details-block p:nth-child(3) {
  margin-top: 1vh;
}

@media only screen and (max-width: 1024px) {
  .question_user {
    padding-top: 5vh;
    justify-content: flex-start;
    align-items: center;
    position: relative;
  }
  .question_user a.liensmart {
    display: flex !important;
    width: 100%;
    height: 10dvh;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .question_user a.liensmart img {
    width: 15%;
  }
  .question_user p.titre2 {
    display: flex;
    width: 80%;
    color: #fff;
    text-align: center;
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(30px, 3.5vw + 10px, 45px);
    line-height: 1.25 !important;
    font-weight: 400;
    margin-top: 3vh;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .question_user .center {
    flex-direction: column;
    justify-content: flex-start;
    margin-top: 2vh;
    height: 64dvh;
    width: 60%;
  }
  .question_user .center .left_side {
    height: 25dvh;
    width: 100%;
  }
  .question_user .center .left_side .nav_dash {
    height: 100%;
  }
  .question_user .center .left_side .nav_dash .top {
    width: 100%;
    height: 100%;
  }
  .question_user .center .left_side .nav_dash .top p {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.625rem, 2.8vw + 0.5rem, 2.5rem);
    line-height: 1.25 !important;
  }
  .question_user .center .left_side .nav_dash .bottom {
    display: none !important;
  }
  .question_user .center .right_side {
    width: 100%;
    height: 40dvh;
    border: none;
    padding: 0;
    margin: 0;
    align-items: flex-start;
    padding-top: 2vh;
  }
  .question_user .center .right_side img.fond {
    display: none;
  }
  .question_user .center .right_side .righttSide {
    width: 100%;
    height: 32dvh;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }
  .question_user .center .right_side .righttSide p.titre {
    position: relative;
    width: 85%;
    background-color: #729ca6;
    height: 5vh;
    inset: 0;
    transform: translate(0);
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
    line-height: 1.3 !important;
  }
  .question_user .center .right_side .righttSide .center2 {
    width: 75%;
    margin-top: 2vh;
    /* 🔥 La vraie hauteur interne */
    height: 25vh !important;
    max-height: 25vh !important;
    overflow-y: auto !important;
    border-radius: 0;
    padding-top: 0;
  }
  .question_user .center .right_side .righttSide .center2 .quest {
    min-height: 8vh !important;
    height: auto !important;
    display: flex;
    align-items: center;
  }
  .question_user .center .right_side .righttSide .center2 .quest img {
    width: 30%;
  }
  .question_user .center .right_side .righttSide .center2 .quest .infos {
    margin-left: 3vw;
  }
  .question_user .center .right_side .righttSide .center2 .quest .infos p.nom {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
    line-height: 1.3 !important;
  }
  .question_user .center .right_side .righttSide .center2 .quest .infos p.Date {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
  }
  .question_user .center .right_side .righttSide .center2 .quest a {
    width: 10%;
  }
  .question_user .center .right_side .righttSide .center2 .quest a img {
    width: 100%;
  }
  .question_user .center .right_side .righttSide .center2 .quest .infos {
    width: 60%;
  }
  .question_user .center .right_side .leftSide {
    display: none;
  }
  .question_user .center .button {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1vh;
  }
  .question_user .center .button a {
    text-decoration: none;
    width: 45%;
    height: 4.5vh;
    border: 3px solid #fff;
    color: #fff;
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
    background-color: transparent;
    border-radius: 50px;
  }
  .question_user .footer {
    display: block;
    width: 100%;
    height: 10dvh;
    position: absolute;
    bottom: 0;
  }
  .question_user .footer img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: top;
       object-position: top;
  }
  /* ----------------------------------------------------------
     BLOC DÉROULANT
  ---------------------------------------------------------- */
  .details-block {
    width: 90%;
    margin: 10px auto;
    padding: 15px;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 15px;
    color: #fff;
    line-height: 1.4;
    z-index: 10;
    margin-top: 1vh;
  }
  .details-block p:nth-child(1), .details-block p:nth-child(3) {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
    line-height: 1.3 !important;
    font-weight: 400;
  }
  .details-block p:nth-child(2), .details-block p:nth-child(4) {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
    line-height: 1.3 !important;
    font-weight: 100;
  }
  .details-block p:nth-child(5) {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
    line-height: 1.3 !important;
    margin-top: 1vh;
  }
  .details-block p:nth-child(3) {
    margin-top: 1vh;
  }
}
@media only screen and (max-width: 600px) {
  .question_user a.liensmart img {
    width: 25%;
  }
  .question_user .center {
    width: 80% !important;
  }
  .question_user .center .left_side .nav_dash .top p {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
  }
  .question_user .center .right_side .righttSide p.titre {
    width: 100%;
  }
  .question_user .center .right_side .righttSide .center2 {
    width: 100%;
  }
  .question_user .center .right_side .righttSide .center2 .quest img {
    width: 25%;
  }
  .question_user .center .right_side .righttSide .center2 .quest .infos {
    margin-left: 3vw;
  }
  .question_user .center .right_side .righttSide .center2 .quest .infos p.nom {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
    text-overflow: ellipsis;
  }
  .question_user .center .right_side .righttSide .center2 .quest .infos p.Date {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
  }
  .question_user .center .right_side .righttSide .center2 .quest a {
    width: 10%;
  }
  .question_user .center .right_side .righttSide .center2 .quest a img {
    width: 100%;
  }
  /* ----------------------------------------------------------
     BLOC DÉROULANT
  ---------------------------------------------------------- */
  .details-block {
    width: 90%;
    margin: 10px auto;
    padding: 15px;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 15px;
    color: #fff;
    line-height: 1.4;
    z-index: 10;
    margin-top: 1vh;
  }
  .details-block p:nth-child(1), .details-block p:nth-child(3) {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
    font-weight: 400;
  }
  .details-block p:nth-child(2), .details-block p:nth-child(4) {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
    font-weight: 100;
  }
  .details-block p:nth-child(5) {
    font-family: "Akshar", sans-serif !important;
    font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
    line-height: 1.35 !important;
    margin-top: 1vh;
  }
  .details-block p:nth-child(3) {
    margin-top: 1vh;
  }
}
.menu_dashboard_smart {
  width: 100vw;
  height: 100vh;
  height: 100dvh;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-color: #2a3a40;
  z-index: 50000;
}
.menu_dashboard_smart p.titre {
  width: 80%;
  color: #fff;
  text-align: center;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(30px, 3.5vw + 10px, 45px);
  line-height: 1.25 !important;
  font-weight: 400;
  margin-top: 3vh;
}
.menu_dashboard_smart a.liensmart {
  display: flex !important;
  width: 100%;
  height: 10vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
.menu_dashboard_smart a.liensmart picture {
  text-align: center;
}
.menu_dashboard_smart a.liensmart picture img {
  width: 25%;
}
.menu_dashboard_smart .nav_dash {
  width: 60%;
  height: 70% !important;
  margin-top: 2vh;
}
.menu_dashboard_smart .nav_dash .top p {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
  line-height: 1.3 !important;
}
.menu_dashboard_smart .nav_dash .bottom a {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1.25rem, 1.5vw + 0.6rem, 1.5625rem);
  line-height: 1.3 !important;
}

@media only screen and (max-width: 600px) {
  .menu_dashboard_smart .nav_dash {
    width: 80% !important;
  }
}
footer.footer_dashboard_user {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100vw;
  height: 20vh;
  background-image: url("../img/dashboard/moutain.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.calendar .calendarCenter .date .day-cell.selected-day::after {
  background-color: #729ca6;
  transform-origin: center;
  transform: scale(0.85);
}

.calendar {
  width: 50%;
  height: 100%;
  display: flex;
  justify-content: center;
}
.calendar .calendarCenter {
  width: 90%;
  height: 90%;
  border-radius: 35px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.calendar .calendarCenter p.title {
  z-index: 5;
  width: 60%;
  height: 10%;
  border-radius: 35px;
  color: #ffffff;
  background-color: #4c6c73;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px dotted white;
  transform: translateY(-3px);
}
.calendar .calendarCenter:after {
  content: "";
  border-radius: 35px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  /* juste derrière le contenu */
  background-color: rgba(0, 0, 0, 0.05);
  /* fond semi-transparent très léger */
  backdrop-filter: blur(3px);
  /* flou plus subtil */
  -webkit-backdrop-filter: blur(3px);
}
.calendar .calendarCenter .month-selector {
  width: 60%;
  height: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 5;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  color: #ffffff;
  font-weight: 100;
  margin-top: 4vh;
}
.calendar .calendarCenter .month-selector .month.prev,
.calendar .calendarCenter .month-selector .month.next {
  transform-origin: bottom;
  transform: scale(0.95);
  cursor: pointer;
}
.calendar .calendarCenter .month-selector .month.current {
  font-weight: 500 !important;
}
.calendar .calendarCenter .year {
  margin-top: 0.5vh;
  width: 60%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.calendar .calendarCenter .year p {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
  line-height: 1.3 !important;
  color: #ffffff;
  z-index: 5;
}
.calendar .calendarCenter .day {
  width: 90%;
  height: 10%;
  z-index: 5;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 4vh;
}
.calendar .calendarCenter .day p {
  width: 14%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  color: #ffffff;
  font-weight: 100 !important;
}
.calendar .calendarCenter .date {
  width: 90%;
  height: 45%;
  z-index: 5;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  /* 7 colonnes */
  gap: 5px;
  /* espace entre les cases */
  margin-top: 1.5vh;
}
.calendar .calendarCenter .date .day-cell {
  text-align: center;
  padding: 5px 0;
  border-radius: 5px;
  cursor: pointer;
  color: #ffffff;
  position: relative;
  border-radius: 50%;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
  line-height: 1.3 !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.calendar .calendarCenter .date .day-cell::after {
  content: "";
  width: 70%;
  aspect-ratio: 1/1;
  position: absolute;
  border-radius: 50%;
  z-index: -4;
  background-color: #95b8bf;
  opacity: 0;
}
.calendar .calendarCenter .date .day-cell.available::after {
  opacity: 1;
  background-color: #4c6c73;
}
.calendar .calendarCenter .date .day-cell.appoin::after {
  opacity: 1;
  background-color: #4c6c73;
  border: 3px solid #729ca6;
}
.calendar .calendarCenter .date .day-cell.selected::after {
  opacity: 1;
}
.calendar .calendarCenter .date .day-cell.today {
  color: yellow;
}
.calendar .calendarCenter .date .empty {
  visibility: hidden;
  /* garde la place mais invisible */
}

.nav_dash {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}
.nav_dash .top {
  width: 100%;
  height: 40%;
  border: 2px dotted white;
  border-radius: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.nav_dash .top a img {
  height: 80%;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
}
.nav_dash .top p {
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  line-height: 1.35 !important;
  color: #ffffff;
  margin-top: 1vh;
  font-weight: 100;
}
.nav_dash .bottom {
  width: 100%;
  height: 60%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.nav_dash .bottom a {
  width: 100%;
  height: 18%;
  border-radius: 35px;
  border: none;
  margin-top: 2vh;
  color: white;
  background-color: #4c6c73;
  font-family: "Akshar", sans-serif !important;
  font-size: clamp(0.75rem, 0.5vw + 0.55rem, 0.9375rem);
  line-height: 1.3 !important;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
}
.nav_dash .bottom a:nth-child(2) {
  background-color: #729ca6;
}
.nav_dash .bottom a:nth-child(3) {
  background-color: #95b8bf;
}
.nav_dash .bottom a:nth-child(4) {
  background-color: transparent;
  border: 1px solid white;
}/*# sourceMappingURL=style.css.map */