/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

@charset "UTF-8";
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.owl-carousel .fadeOut {
  animation-name: fadeOut;
  animation-duration: 0.8s;
}
.owl-carousel .fadeIn {
  animation-name: fadeIn;
  animation-duration: 0.8s;
}
::selection {
  background: #3399ff;
  /* Couleur de fond du surlignement */
  color: #ffffff;
  /* Couleur du texte sélectionné */
}
font-family: "Pacifico", cursive;
::-moz-selection {
  background: #3399ff;
  color: #ffffff;
}
/* Style pour les liens avec contour blanc */
.g-menu-item.menu-white {
  background-color: transparent;
  /* pas de fond */
  color: #000000;
  /* texte noir */
  padding: 8px 12px;
  /* espace interne */
  border: 1px solid #ffffff;
  /* entourage blanc */
  border-radius: 4px;
  /* coins arrondis optionnels */
  transition: background-color 0.3s ease, color 0.3s ease;
}
/* Effet au survol */
.g-menu-item.menu-white:hover {
  background-color: #C7C0BA;
  /* gris clair au hover */
  color: #000000 !important;
  /* texte reste noir */
}
.titre-section {
  text-align: center;
  font-family: Impact, Chicago, sans-serif;
  margin-bottom: 20px;
}
.container {
  width: 940px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.bloc {
  flex: 1 1 calc(33.33% - 20px);
  /* 3 colonnes */
  box-sizing: border-box;
  background: #f9f9f9;
  padding: 15px;
  border: 1px solid #ddd;
  text-align: center;
  font-family: "Times New Roman", Times, serif;
}
/* Tablette : 2 colonnes */
@media (max-width: 768px) {
  .container {
    width: 100%;
  }
  .bloc {
    flex: 1 1 calc(50% - 20px);
  }
}
/* Mobile : 1 colonne */
@media (max-width: 480px) {
  .bloc {
    flex: 1 1 100%;
  }
}
/* bloc centre */
.presentation-module {
  width: 920px !important;
  /* largeur fixe */
  margin: 40px auto !important;
  /* centré avec marge haut/bas */
  display: flex !important;
  /* colonnes côte à côte */
  justify-content: center;
  /* centre les colonnes dans le module */
}
.presentation-module .wf-column {
  flex: 1;
  padding: 15px;
}
.presentation-module .wf-column + .wf-column {
  border-left: 2px solid #000;
  /* trait noir entre les colonnes */
}
@media (max-width: 920px) {
  .presentation-module {
    flex-direction: column !important;
    width: 100% !important;
    max-width: 920px !important;
    justify-content: center;
    /* garde le centrage sur mobile */
  }
  .presentation-module .wf-column + .wf-column {
    border-left: none;
    border-top: 2px solid #000;
    margin-top: 20px;
    padding-top: 20px;
  }
}
font-family: "Arizonia", cursive;
font-family: "Solitreo", cursive;
/* Layout général */
.hero-module {
  width: 100%;
  padding: 40px 0;
}
.hero-grid {
  display: flex;
  align-items: center;
  /* <-- centrage vertical */
  gap: 40px;
}
.hero-text {
  flex: 1;
}
/* Colonne images */
.hero-images.hero-slider {
  position: relative;
  width: 457px;
  flex: 0 0 457px;
  overflow: hidden;
}
/* Slides */
.hero-images.hero-slider .hero-slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.8s ease;
}
/* Slide active = visible = prend la hauteur naturelle */
.hero-images.hero-slider .hero-slide.active {
  position: relative;
  opacity: 1;
}
/* Image */
.hero-images.hero-slider img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 12px;
}
/* Responsive */
@media (max-width: 900px) {
  .hero-grid {
    flex-direction: column;
  }
  .hero-images.hero-slider {
    width: 100%;
    flex: 0 0 auto;
  }
}
.btn-more {
  display: inline-block;
  padding: 6px 12px;
  background-color: #4d482f;
  color: #ffffff;
  /* Texte blanc */
  font-size: 0.9rem;
  font-family: Helvetica, Arial, sans-serif;
  text-decoration: none;
  border-radius: 4px;
  transition: background-color 0.3s ease;
}
.btn-more:hover {
  background-color: #424753;
  /* Changement de fond */
  color: #ffffff;
  /* On force le blanc au cas où */
}
/* Liens du module Plan de navigation */
.plan-navigation a {
  color: #4d482f !important;
  /* couleur normale */
  text-decoration: none;
  transition: color 0.2s ease;
}
.plan-navigation a:hover, .plan-navigation a:focus {
  color: #7C6038 !important;
  /* couleur au survol */
}
/* Harmonisation des <li> non cliquables */
.plan-navigation li {
  color: #4d482f;
}
/*# sourceMappingURL=custom_20.css.map */