@charset "UTF-8";
.field--name-field-menu-ancre {
  position: relative; /* Nécessaire pour utiliser des enfants positionnés */
  width: 100vw; /* Prend toute la largeur de la fenêtre */
  height: 100vh; /* Prend toute la hauteur de la fenêtre */
  overflow: hidden; /* Empêche le débordement si nécessaire */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; /* Optionnel : pour centrer les enfants */
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; /* Optionnel : aligner les enfants verticalement */
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; /* Optionnel : centrer les enfants horizontalement */
  z-index: 1;
  /* Conteneur des dots */
  /* Style des points individuels des dots */
  /* Dots Actifs */
}
.field--name-field-menu-ancre .field__item {
  width: 100%;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.field--name-field-menu-ancre .field__item .paragraph {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.field--name-field-menu-ancre .field__item .field--name-field-titre {
  width: 100% !important;
  height: auto !important;
  margin-top: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.field--name-field-menu-ancre .field__item .field--name-field-titre p {
  color: #FFF;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  -webkit-font-feature-settings: "liga" off, "clig" off;
          font-feature-settings: "liga" off, "clig" off;
  font-family: "TT Norms Pro";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 0%; /* 0px */
  letter-spacing: 14.4px;
  text-transform: uppercase;
}
.field--name-field-menu-ancre .field__item .field--name-field-logo {
  cursor: pointer;
  width: 170px;
  height: auto;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; /* Animation fluide de la transformation */
}
.field--name-field-menu-ancre .field__item .field--name-field-logo:hover {
  -webkit-transform: scale(0.8);
          transform: scale(0.8); /* Réduit la taille à 80% (dézoom) */
}
.field--name-field-menu-ancre .field__item .field--name-field-logo .media {
  width: 100%;
  height: 100%;
}
.field--name-field-menu-ancre .field__item .field--name-field-logo .media .field-media-image {
  width: 100%;
  height: 100%;
}
.field--name-field-menu-ancre .field__item .field--name-field-logo .media .field-media-image img {
  -o-object-fit: cover;
     object-fit: cover; /* Maintient la bonne proportion de l'image */
}
.field--name-field-menu-ancre .field__item .field--name-field-ancrage-vers-le-portfolio {
  display: none;
}
.field--name-field-menu-ancre .slick-dots {
  position: absolute !important; /* Rendu absolu */
  bottom: 25%; /* Position à 25% de la hauteur, ajustez selon vos besoins */
  width: 100% !important; /* Prenez toute la largeur du conteneur */
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important; /* Flexbox pour alignement simple */
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important; /* Centrer les dots horizontalement */
  z-index: 1000; /* Assurez-vous que les dots sont visibles */
}
.field--name-field-menu-ancre .slick-dots li button {
  background-color: #ffffff !important; /* Couleur blanche */
  border: none !important; /* Retire les bordures */
  width: 12px !important; /* Taille du dot */
  height: 12px !important; /* Taille du dot */
  border-radius: 50% !important; /* Cercle parfait */
  opacity: 0.5 !important; /* Opacité plus faible pour les dots inactifs */
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out; /* Transition fluide entre actif et inactif */
}
.field--name-field-menu-ancre .slick-dots li.slick-active button {
  background-color: #ffffff !important; /* Couleur blanche pour les actifs */
  opacity: 1 !important; /* Opacité totale pour mettre l'accent */
}
.field--name-field-menu-ancre slick-dots li.slick-active button::before {
  opacity: 0 !important;
}
.field--name-field-menu-ancre .slick-dots li button::before {
  opacity: 0 !important;
}
/*# sourceMappingURL=home.css.map */