@charset "UTF-8";
/***** THEMES SELECTION *****/
/***** THEME VALUES *****/
/** Permet de définir les couleurs principales de chaque thème **/
/***** VARIABLES BASE *****/
/** Les principaux styles appliqués partout sur le site **/
/***** VARIABLES CUSTOM *****/
/** Vos variables personnelles **/
/***** FONT *****/
/** Font principale définie dans "css configuration" **/
@font-face {
  font-display: swap;
  font-family: Outfit, sans-serif;
  src: local("sans serif"), local("sans-serif"), local(Outfit);
}
/** Font perso à modifier et ajouter **/
/****** ROOT *****/
/** Les principales dimensions appliquées sur le site et leur responsive **/
:root {
  --main-space: 8rem;
  --secondary-space: 2rem;
  --tertiary-space: 1rem;
  --inter-space: .5rem;
  --home-navbar: 100vh;
  /** Hauteur des modules en fullscreen ( video/slider ) avec top menu **/
  --home-sidebar: 100vh;
  /** Hauteur des modules en fullscreen ( video/slider ) avec sidebar **/
  --nav-height: 70px;
  /** Hauteur de la navbar **/
  --info-height: 60px;
  /** Hauteur de l'information bar **/
}
@media (max-width: 767.97px) {
  :root {
    --main-space: 3rem 1rem;
    --secondary-space: 1.5rem;
    --tertiary-space: .75rem;
    --inter-space: .25rem;
    --home-navbar: calc(100vh - var(--nav-height));
    /** 100% de la hauteur (-) la hauteur de la navbar **/
  }
}
@media (min-width: 767.98px) and (max-width: 992px) {
  :root {
    --main-space: 4rem;
    --home-navbar: calc(100vh - var(--nav-height));
    /** 100% de la hauteur (-) la hauteur de la navbar **/
  }
}
@media (min-width: 992px) and (max-width: 1280px) {
  :root {
    --main-space: 6rem;
  }
}
/***** GLOBAL *****/
/** Les principales classes déjà présentes sur le site **/
body {
  background-color: #fff;
  color: #000;
  font-family: Outfit, sans-serif;
  font-weight: 400;
}
body strong {
  font-weight: 700;
}
.opacity {
  background: rgba(0, 0, 0, 0.5);
}
.title-container {
  margin-bottom: var(--secondary-space);
  padding: var(--secondary-space);
}
.text-container {
  padding: var(--secondary-space);
}
.btn-container {
  margin-top: var(--secondary-space);
}
/** Exemple de classes custom à rajouter sur les modules si besoin **/
.top-zero {
  padding-top: 0 !important;
}
.bottom-zero {
  padding-bottom: 0 !important;
}
/***** SCROLLBAR *****/
body::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-thumb {
  background-color: #C5A062;
  border-radius: 10px;
}
/***** SCROLLTOP *****/
.scrollTop {
  background-color: #C5A062;
  border-radius: 0px;
  bottom: 1rem;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  color: #fff;
  right: 1rem;
}
.scrollTop:hover {
  background-color: #C5A062;
  color: #fff;
  opacity: 0.8;
}
/***** ANIMATIONS *****/
/** Les différentes animations du sites **/
@keyframes flotte {
  /* A integrer avec la variable $animation */
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}
/****** LOGO PRINCIPAL *****/
/** Permet de définir la taille du logo sur les modules : vidéo, slider, banner, video banner **/
/****** ALIGN LOGO & BTN *****/
/** A utiliser pour aligner les logos et btn dans les modules **/
/***** TEXT (txt) *****/
h1 {
  color: #000;
  font-family: Outfit, sans-serif;
  font-size: clamp(2rem, 4vw, 3.5rem);
  font-weight: 500;
  letter-spacing: 0.1rem;
  margin-bottom: 1rem;
}
h2, .page-seo .content-item-title h5, .page-seo .form-contact .form-title-page {
  color: #000;
  font-family: Outfit, sans-serif;
  font-size: clamp(1.5rem, 3vw, 2.5rem);
  font-weight: 500;
  letter-spacing: 0.1rem;
  margin-bottom: 1.5rem;
}
h2 strong, .page-seo .content-item-title h5 strong, .page-seo .form-contact .form-title-page strong {
  color: #C5A062;
}
h3 {
  color: #000;
  font-family: Outfit, sans-serif;
  font-size: clamp(1rem, 2.5vw, 1.5rem);
  font-weight: 400;
  letter-spacing: 0.1rem;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
}
h4, .collapse-container .card .card-header .btn {
  color: #000;
  font-family: Outfit, sans-serif;
  font-size: clamp(1rem, 1.75vw, 1.25rem);
  letter-spacing: 0.1rem;
  margin-bottom: 0.5rem;
}
h5 {
  color: #000;
  font-family: Outfit, sans-serif;
  font-size: clamp(0.75rem, 1.5vw, 1rem);
  letter-spacing: 0.1rem;
  margin-bottom: 0.5rem;
}
h6, .products .module-container .list .card .info .date, .page-product .similar .module-container .list .card .info .date, .articles .module-container .list .card .info .date, .page-article .similar .module-container .list .card .info .date {
  color: #000;
  font-family: Outfit, sans-serif;
  font-size: clamp(0.5rem, 1vw, 0.75rem);
  letter-spacing: 0.1rem;
  margin-bottom: 0.5rem;
}
p {
  color: #222;
  font-weight: 400;
  letter-spacing: 0.02rem;
  line-height: 1.6;
}
a {
  color: #000;
}
a:hover {
  color: #C5A062;
}
a:focus {
  opacity: 0.8;
}
/** Permet de garder le texte en *blanc* sur les modules avec une .opacity (pour le thème clair) **/
.video h1, .video h2, .video .page-seo .content-item-title h5, .page-seo .content-item-title .video h5, .video .page-seo .form-contact .form-title-page, .page-seo .form-contact .video .form-title-page, .video h3, .video h4, .video .collapse-container .card .card-header .btn, .collapse-container .card .card-header .video .btn, .video h5, .video h6, .video .products .module-container .list .card .info .date, .products .module-container .list .card .info .video .date, .video .page-product .similar .module-container .list .card .info .date, .page-product .similar .module-container .list .card .info .video .date, .video .articles .module-container .list .card .info .date, .articles .module-container .list .card .info .video .date, .video .page-article .similar .module-container .list .card .info .date, .page-article .similar .module-container .list .card .info .video .date, .video p, .banner h1, .banner h2, .banner .page-seo .content-item-title h5, .page-seo .content-item-title .banner h5, .banner .page-seo .form-contact .form-title-page, .page-seo .form-contact .banner .form-title-page, .banner h3, .banner h4, .banner .collapse-container .card .card-header .btn, .collapse-container .card .card-header .banner .btn, .banner h5, .banner h6, .banner .products .module-container .list .card .info .date, .products .module-container .list .card .info .banner .date, .banner .page-product .similar .module-container .list .card .info .date, .page-product .similar .module-container .list .card .info .banner .date, .banner .articles .module-container .list .card .info .date, .articles .module-container .list .card .info .banner .date, .banner .page-article .similar .module-container .list .card .info .date, .page-article .similar .module-container .list .card .info .banner .date, .banner p, .slider h1, .slider h2, .slider .page-seo .content-item-title h5, .page-seo .content-item-title .slider h5, .slider .page-seo .form-contact .form-title-page, .page-seo .form-contact .slider .form-title-page, .slider h3, .slider h4, .slider .collapse-container .card .card-header .btn, .collapse-container .card .card-header .slider .btn, .slider h5, .slider h6, .slider .products .module-container .list .card .info .date, .products .module-container .list .card .info .slider .date, .slider .page-product .similar .module-container .list .card .info .date, .page-product .similar .module-container .list .card .info .slider .date, .slider .articles .module-container .list .card .info .date, .articles .module-container .list .card .info .slider .date, .slider .page-article .similar .module-container .list .card .info .date, .page-article .similar .module-container .list .card .info .slider .date, .slider p, .image-full-width-text h1, .image-full-width-text h2, .image-full-width-text .page-seo .content-item-title h5, .page-seo .content-item-title .image-full-width-text h5, .image-full-width-text .page-seo .form-contact .form-title-page, .page-seo .form-contact .image-full-width-text .form-title-page, .image-full-width-text h3, .image-full-width-text h4, .image-full-width-text .collapse-container .card .card-header .btn, .collapse-container .card .card-header .image-full-width-text .btn, .image-full-width-text h5, .image-full-width-text h6, .image-full-width-text .products .module-container .list .card .info .date, .products .module-container .list .card .info .image-full-width-text .date, .image-full-width-text .page-product .similar .module-container .list .card .info .date, .page-product .similar .module-container .list .card .info .image-full-width-text .date, .image-full-width-text .articles .module-container .list .card .info .date, .articles .module-container .list .card .info .image-full-width-text .date, .image-full-width-text .page-article .similar .module-container .list .card .info .date, .page-article .similar .module-container .list .card .info .image-full-width-text .date, .image-full-width-text p, .banner-video h1, .banner-video h2, .banner-video .page-seo .content-item-title h5, .page-seo .content-item-title .banner-video h5, .banner-video .page-seo .form-contact .form-title-page, .page-seo .form-contact .banner-video .form-title-page, .banner-video h3, .banner-video h4, .banner-video .collapse-container .card .card-header .btn, .collapse-container .card .card-header .banner-video .btn, .banner-video h5, .banner-video h6, .banner-video .products .module-container .list .card .info .date, .products .module-container .list .card .info .banner-video .date, .banner-video .page-product .similar .module-container .list .card .info .date, .page-product .similar .module-container .list .card .info .banner-video .date, .banner-video .articles .module-container .list .card .info .date, .articles .module-container .list .card .info .banner-video .date, .banner-video .page-article .similar .module-container .list .card .info .date, .page-article .similar .module-container .list .card .info .banner-video .date, .banner-video p {
  color: #fff;
}
/** Permet de choisir la couleur du surlignage lorsque l'on séléctionne **/
::selection {
  background-color: rgba(141, 108, 52, 0.3);
  color: black;
}
ul, ol {
  list-style: inside;
}
ul li::marker, ol li::marker {
  color: #C5A062;
}
/***** BTN (btn) *****/
.btn, .btn-call-to-action, .activity .activity-template-grid .template-grid-container .card .card-body .card-container .btn-container .btn, .products .module-container .filters .submit .btn, .articles .module-container .filters .submit .btn, .newsletter .module-container .form-subscribe .unsubscribe-content .btn-switch-newsletter {
  background-color: #000;
  border: 1px solid #000;
  border-radius: 0px;
  color: #fff;
  font-family: Outfit, sans-serif;
  margin: var(--inter-space);
  padding: 0.5rem 1.5rem;
  transition: 0.3s ease-in-out;
  width: fit-content;
}
.btn:hover, .btn-call-to-action:hover, .activity .activity-template-grid .template-grid-container .card .card-body .card-container .btn-container .btn:hover, .products .module-container .filters .submit .btn:hover, .articles .module-container .filters .submit .btn:hover, .newsletter .module-container .form-subscribe .unsubscribe-content .btn-switch-newsletter:hover {
  background-color: #C5A062;
  border: 1px solid #C5A062;
}
.btn-call-to-action, .top-menu .navbar .btn-call-to-action, .page-article .affix-top .btn-call-to-action, .page-product .affix-top .btn-call-to-action, .seo-page .affix-top .btn-call-to-action, .error .affix-top .btn-call-to-action, .sidebar .btn-call-to-action {
  /** Reprend les caractéristiques de la classe .btn **/
  background-color: transparent;
  color: #000;
}
/** Permet de garder le texte en *blanc* sur les btn dans les modules avec une .opacity (pour le thème clair) **/
.video .btn-call-to-action, .video .top-menu .navbar .btn-call-to-action, .top-menu .navbar .video .btn-call-to-action, .video .page-article .affix-top .btn-call-to-action, .page-article .affix-top .video .btn-call-to-action, .video .page-product .affix-top .btn-call-to-action, .page-product .affix-top .video .btn-call-to-action, .video .seo-page .affix-top .btn-call-to-action, .seo-page .affix-top .video .btn-call-to-action, .video .error .affix-top .btn-call-to-action, .error .affix-top .video .btn-call-to-action, .video .sidebar .btn-call-to-action, .sidebar .video .btn-call-to-action, .banner .btn-call-to-action, .banner .top-menu .navbar .btn-call-to-action, .top-menu .navbar .banner .btn-call-to-action, .banner .page-article .affix-top .btn-call-to-action, .page-article .affix-top .banner .btn-call-to-action, .banner .page-product .affix-top .btn-call-to-action, .page-product .affix-top .banner .btn-call-to-action, .banner .seo-page .affix-top .btn-call-to-action, .seo-page .affix-top .banner .btn-call-to-action, .banner .error .affix-top .btn-call-to-action, .error .affix-top .banner .btn-call-to-action, .banner .sidebar .btn-call-to-action, .sidebar .banner .btn-call-to-action, .slider .btn-call-to-action, .slider .top-menu .navbar .btn-call-to-action, .top-menu .navbar .slider .btn-call-to-action, .slider .page-article .affix-top .btn-call-to-action, .page-article .affix-top .slider .btn-call-to-action, .slider .page-product .affix-top .btn-call-to-action, .page-product .affix-top .slider .btn-call-to-action, .slider .seo-page .affix-top .btn-call-to-action, .seo-page .affix-top .slider .btn-call-to-action, .slider .error .affix-top .btn-call-to-action, .error .affix-top .slider .btn-call-to-action, .slider .sidebar .btn-call-to-action, .sidebar .slider .btn-call-to-action, .image-full-width-text .btn-call-to-action, .image-full-width-text .top-menu .navbar .btn-call-to-action, .top-menu .navbar .image-full-width-text .btn-call-to-action, .image-full-width-text .page-article .affix-top .btn-call-to-action, .page-article .affix-top .image-full-width-text .btn-call-to-action, .image-full-width-text .page-product .affix-top .btn-call-to-action, .page-product .affix-top .image-full-width-text .btn-call-to-action, .image-full-width-text .seo-page .affix-top .btn-call-to-action, .seo-page .affix-top .image-full-width-text .btn-call-to-action, .image-full-width-text .error .affix-top .btn-call-to-action, .error .affix-top .image-full-width-text .btn-call-to-action, .image-full-width-text .sidebar .btn-call-to-action, .sidebar .image-full-width-text .btn-call-to-action, .banner-video .btn-call-to-action, .banner-video .top-menu .navbar .btn-call-to-action, .top-menu .navbar .banner-video .btn-call-to-action, .banner-video .page-article .affix-top .btn-call-to-action, .page-article .affix-top .banner-video .btn-call-to-action, .banner-video .page-product .affix-top .btn-call-to-action, .page-product .affix-top .banner-video .btn-call-to-action, .banner-video .seo-page .affix-top .btn-call-to-action, .seo-page .affix-top .banner-video .btn-call-to-action, .banner-video .error .affix-top .btn-call-to-action, .error .affix-top .banner-video .btn-call-to-action, .banner-video .sidebar .btn-call-to-action, .sidebar .banner-video .btn-call-to-action {
  border: 1px solid #fff;
  color: #fff;
}
/***** TOP-MENU (topm) *****/
/** Permet de définir la taille du logo du top-menu **/
.top-menu .information-bar {
  border-bottom: 1px solid #fff;
  color: #fff;
  height: var(--info-height);
  padding: 0.5rem 1.5rem;
}
.top-menu .information-bar .schedule-bar, .top-menu .information-bar .company-info {
  font-size: 0.9rem;
  text-align: center;
}
.top-menu .information-bar a {
  color: #fff;
}
.top-menu .navbar {
  height: fit-content;
  min-height: var(--nav-height);
  padding: 0.5rem 1.5rem;
}
.top-menu .navbar li a {
  text-transform: uppercase;
}
.top-menu .navbar .dropdown-menu {
  background-color: #f1f1f1;
  padding: 0.5rem;
}
.top-menu .navbar .dropdown-menu li a {
  color: #000;
}
.top-menu .navbar .btn-call-to-action, .top-menu .navbar .page-article .affix-top .btn-call-to-action, .page-article .affix-top .top-menu .navbar .btn-call-to-action, .top-menu .navbar .page-product .affix-top .btn-call-to-action, .page-product .affix-top .top-menu .navbar .btn-call-to-action, .top-menu .navbar .seo-page .affix-top .btn-call-to-action, .seo-page .affix-top .top-menu .navbar .btn-call-to-action, .top-menu .navbar .error .affix-top .btn-call-to-action, .error .affix-top .top-menu .navbar .btn-call-to-action, .top-menu .navbar .sidebar .btn-call-to-action, .sidebar .top-menu .navbar .btn-call-to-action {
  text-transform: uppercase;
}
.top-menu .navbar .active > a:first-child {
  background-color: #C5A062;
  border-radius: 0px;
  color: #fff;
  padding: 0.5rem 1rem;
}
.top-menu .affix-top {
  background-color: transparent;
}
.top-menu .affix-top li a {
  color: #fff;
}
.top-menu .affix {
  background-color: #fff;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.top-menu .navbar-brand img {
  height: auto;
  max-height: calc(var(--nav-height) - 1rem);
  /** Hauteur de la navbar moins le padding du haut et du bas **/
  max-width: clamp(100px, 15vw, 120px);
  width: auto;
}
@media (min-width: 767.67px) {
  .information-bar + .affix-top {
    top: var(--info-height);
  }
}
@media (min-width: 992px) {
  .top-menu .affix-top .navbar-brand {
    color: #000;
    color: #fff;
  }
  .top-menu .affix-top .btn-call-to-action, .top-menu .affix-top .navbar .btn-call-to-action, .top-menu .navbar .affix-top .btn-call-to-action, .top-menu .affix-top .page-article .affix-top .btn-call-to-action, .page-article .affix-top .top-menu .affix-top .btn-call-to-action, .top-menu .affix-top .page-product .affix-top .btn-call-to-action, .page-product .affix-top .top-menu .affix-top .btn-call-to-action, .top-menu .affix-top .seo-page .affix-top .btn-call-to-action, .seo-page .affix-top .top-menu .affix-top .btn-call-to-action, .top-menu .affix-top .error .affix-top .btn-call-to-action, .error .affix-top .top-menu .affix-top .btn-call-to-action, .top-menu .affix-top .sidebar .btn-call-to-action, .sidebar .top-menu .affix-top .btn-call-to-action {
    border: 1px solid #fff;
    color: #fff;
  }
}
.page-article .top-menu, .page-product .top-menu, .seo-page .top-menu, .error .top-menu {
  margin-top: var(--nav-height);
}
.page-article .information-bar, .page-product .information-bar, .seo-page .information-bar, .error .information-bar {
  background-color: #fff;
  border-bottom: 1px solid #000;
  color: #000;
}
.page-article .information-bar a, .page-product .information-bar a, .seo-page .information-bar a, .error .information-bar a {
  color: #000;
}
.page-article .affix-top, .page-product .affix-top, .seo-page .affix-top, .error .affix-top {
  background-color: #fff;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.page-article .affix-top .nav-link, .page-article .affix-top .dropdown-toggle, .page-product .affix-top .nav-link, .page-product .affix-top .dropdown-toggle, .seo-page .affix-top .nav-link, .seo-page .affix-top .dropdown-toggle, .error .affix-top .nav-link, .error .affix-top .dropdown-toggle {
  color: #000;
}
.page-article .affix-top .btn-call-to-action, .page-article .affix-top .top-menu .navbar .btn-call-to-action, .top-menu .navbar .page-article .affix-top .btn-call-to-action, .page-article .affix-top .page-product .affix-top .btn-call-to-action, .page-product .affix-top .page-article .affix-top .btn-call-to-action, .page-article .affix-top .seo-page .affix-top .btn-call-to-action, .seo-page .affix-top .page-article .affix-top .btn-call-to-action, .page-article .affix-top .error .affix-top .btn-call-to-action, .error .affix-top .page-article .affix-top .btn-call-to-action, .page-article .affix-top .sidebar .btn-call-to-action, .sidebar .page-article .affix-top .btn-call-to-action, .page-product .affix-top .btn-call-to-action, .page-product .affix-top .top-menu .navbar .btn-call-to-action, .top-menu .navbar .page-product .affix-top .btn-call-to-action, .page-product .affix-top .seo-page .affix-top .btn-call-to-action, .seo-page .affix-top .page-product .affix-top .btn-call-to-action, .page-product .affix-top .error .affix-top .btn-call-to-action, .error .affix-top .page-product .affix-top .btn-call-to-action, .page-product .affix-top .sidebar .btn-call-to-action, .sidebar .page-product .affix-top .btn-call-to-action, .seo-page .affix-top .btn-call-to-action, .seo-page .affix-top .top-menu .navbar .btn-call-to-action, .top-menu .navbar .seo-page .affix-top .btn-call-to-action, .seo-page .affix-top .error .affix-top .btn-call-to-action, .error .affix-top .seo-page .affix-top .btn-call-to-action, .seo-page .affix-top .sidebar .btn-call-to-action, .sidebar .seo-page .affix-top .btn-call-to-action, .error .affix-top .btn-call-to-action, .error .affix-top .top-menu .navbar .btn-call-to-action, .top-menu .navbar .error .affix-top .btn-call-to-action, .error .affix-top .sidebar .btn-call-to-action, .sidebar .error .affix-top .btn-call-to-action {
  border: 1px solid #000;
}
@media (max-width: 992px) {
  .top-menu {
    margin-top: var(--nav-height);
  }
  .top-menu .information-bar {
    border-bottom: 1px solid #000;
    color: #000;
  }
  .top-menu .information-bar a {
    color: #000;
  }
  .top-menu .information-bar .company-info {
    display: flex;
    flex-wrap: wrap;
  }
  .top-menu .information-bar .schedule-bar {
    text-align: right;
    text-wrap: balance;
  }
  .top-menu .navbar {
    background-color: #fff;
    padding: var(--inter-space);
  }
  .top-menu .navbar .navbar-toggler {
    background-color: #C5A062;
  }
  .top-menu .navbar .navbar-toggler .navbar-toggler-icon {
    background-color: #fff;
  }
  .top-menu .navbar .navbar-toggler .navbar-toggler-icon::before, .top-menu .navbar .navbar-toggler .navbar-toggler-icon::after {
    background-color: #fff;
  }
  .top-menu .navbar .navbar-toggler.active .navbar-toggler-icon {
    background-color: #C5A062;
  }
  .top-menu .navbar .navbar-toggler.active .navbar-toggler-icon::before, .top-menu .navbar .navbar-toggler.active .navbar-toggler-icon::after {
    background-color: #fff;
  }
  .top-menu .navbar .navbar-collapse {
    background: transparent;
    padding: var(--inter-space);
  }
  .top-menu .navbar .navbar-collapse li a {
    color: #000;
  }
  .top-menu .navbar .navbar-collapse .btn-call-to-action, .top-menu .navbar .navbar-collapse .page-article .affix-top .btn-call-to-action, .page-article .affix-top .top-menu .navbar .navbar-collapse .btn-call-to-action, .top-menu .navbar .navbar-collapse .page-product .affix-top .btn-call-to-action, .page-product .affix-top .top-menu .navbar .navbar-collapse .btn-call-to-action, .top-menu .navbar .navbar-collapse .seo-page .affix-top .btn-call-to-action, .seo-page .affix-top .top-menu .navbar .navbar-collapse .btn-call-to-action, .top-menu .navbar .navbar-collapse .error .affix-top .btn-call-to-action, .error .affix-top .top-menu .navbar .navbar-collapse .btn-call-to-action, .top-menu .navbar .navbar-collapse .sidebar .btn-call-to-action, .sidebar .top-menu .navbar .navbar-collapse .btn-call-to-action {
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
  }
}
/***** SIDEBAR (side) *****/
/** Permet de définir la taille du logo du menu sidebar **/
.hamburger {
  background-color: #C5A062;
  border-radius: 0px;
  right: 1rem;
  top: 1rem;
}
.hamburger .hamb-menu {
  color: #fff;
  text-transform: uppercase;
}
.hamburger.is-open .hamb-top, .hamburger.is-open .hamb-middle, .hamburger.is-open .hamb-bottom, .hamburger.is-closed .hamb-top, .hamburger.is-closed .hamb-middle, .hamburger.is-closed .hamb-bottom {
  background-color: #fff;
}
/** Permet de mettre la sidebar en plein ecran (true) ou désactiver (false) **/
.sidebar {
  opacity: 0;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  visibility: hidden;
  width: 100%;
}
.sidebar.active {
  opacity: 1;
  visibility: visible;
}
.sidebar .sidebar-sticky {
  /** A intégrer avec "@include align(center);" **/
  justify-content: center;
  text-align: center;
}
.sidebar .sidebar-sticky .dropdown {
  justify-content: center;
}
.sidebar .sidebar-sticky .social-network {
  justify-content: center;
}
.sidebar .sidebar-sticky .social-network li {
  margin: 0 var(--inter-space);
}
.sidebar .sidebar-sticky .btn-container {
  /** A intégrer avec "@include align(center);" **/
  justify-content: center;
  text-align: center;
}
/** Permet de mettre la sidebar en largeur définie (true) ou désactiver (false) **/
.sidebar {
  backdrop-filter: blur(3px) grayscale(1);
  background-color: rgba(255, 255, 255, 0.8);
}
.sidebar .sidebar-sticky {
  padding: var(--secondary-space);
}
.sidebar .sidebar-sticky .sidebar-header {
  margin-bottom: var(--secondary-space);
}
.sidebar .sidebar-sticky .sidebar-header img {
  height: auto;
  max-height: clamp(50px, 10vw, 120px);
  max-width: clamp(100px, 25vw, 300px);
  width: auto;
}
.sidebar .components, .sidebar .social-network {
  margin-bottom: var(--tertiary-space);
}
.sidebar li .nav-link {
  color: #000;
  text-transform: uppercase;
  transition: 0.3s ease-in-out;
}
.sidebar li .nav-link:hover {
  opacity: 0.7;
}
.sidebar .active a:first-child {
  color: #C5A062;
}
.sidebar .social-network li a {
  color: #000;
}
/***** VIDEO (vid) *****/
.video {
  height: var(--home-navbar);
  /** A utiliser si top menu **/
  /** height: var(--home-sidebar); // A utiliser si sidebar **/
}
.video .module-container .text-container {
  padding: var(--main-space);
}
.video .module-container .text-container .logo {
  /** A intégrer avec "@include align(center);" **/
  justify-content: center;
  text-align: center;
  margin-bottom: var(--secondary-space);
}
.video .module-container .text-container .logo img {
  height: 100%;
  max-height: clamp(100px, 10vw, 200px);
  max-width: clamp(300px, 25vw, 500px);
  width: auto;
}
.video .module-container .text-container .btn-container {
  align-items: center;
  margin-top: var(--secondary-space);
}
/***** SLIDER (slid) *****/
.slider .module-container .carousel-fade {
  height: var(--home-navbar);
  /** A utiliser si top menu **/
  /** height: var(--home-sidebar); // A utiliser si sidebar **/
}
.slider .module-container .carousel-fade .text-container {
  padding: var(--main-space);
}
.slider .module-container .carousel-fade .text-container .logo {
  /** A intégrer avec "@include align(center);" **/
  justify-content: center;
  text-align: center;
  margin-bottom: var(--secondary-space);
}
.slider .module-container .carousel-fade .text-container .logo img {
  height: 100%;
  max-height: clamp(100px, 10vw, 200px);
  max-width: clamp(300px, 25vw, 500px);
  width: auto;
}
.slider .module-container .carousel-fade .text-container .btn-container {
  align-items: center;
  margin-top: var(--secondary-space);
}
.slider .module-container .carousel-fade .carousel-indicators {
  bottom: 3rem;
  left: 3rem;
}
.slider .module-container .carousel-fade .carousel-control-prev {
  left: 3rem;
}
.slider .module-container .carousel-fade .carousel-control-next {
  right: 3rem;
}
@media (max-width: 767.97px) {
  .slider .module-container .carousel-fade .carousel-indicators {
    bottom: 1rem;
    left: 1rem;
  }
  .slider .module-container .carousel-fade .carousel-control-prev {
    left: 1rem;
  }
  .slider .module-container .carousel-fade .carousel-control-next {
    right: 1rem;
  }
}
/***** BANNER (ban) *****/
.banner .module-container {
  min-height: 70vh;
}
.banner .module-container .text-container {
  padding: var(--main-space);
}
.banner .module-container .text-container .logo {
  /** A intégrer avec "@include align(center);" **/
  justify-content: center;
  text-align: center;
  margin-bottom: var(--secondary-space);
}
.banner .module-container .text-container .logo img {
  height: 100%;
  max-height: clamp(100px, 10vw, 200px);
  max-width: clamp(300px, 25vw, 500px);
  width: auto;
}
.banner .module-container .text-container .btn-container {
  /** A intégrer avec "@include align(center);" **/
  justify-content: center;
  text-align: center;
}
/***** BANNER-VIDEO (banv) *****/
.banner-video .module-container {
  min-height: 50vh;
}
.banner-video .module-container .text-container {
  padding: var(--main-space);
}
.banner-video .module-container .text-container .logo {
  /** A intégrer avec "@include align(center);" **/
  justify-content: center;
  text-align: center;
  margin-bottom: var(--secondary-space);
}
.banner-video .module-container .text-container .logo img {
  height: 100%;
  max-height: clamp(100px, 10vw, 200px);
  max-width: clamp(300px, 25vw, 500px);
  width: auto;
}
.banner-video .module-container .text-container .btn-container {
  /** A intégrer avec "@include align(center);" **/
  justify-content: center;
  text-align: center;
}
/***** TEXT-BLOCK (tb) *****/
.text-block {
  padding: var(--main-space);
}
.text-block .module-container .text-container {
  padding: var(--secondary-space);
}
.text-block .module-container .text-container .text {
  padding: 0;
}
/***** TWO-COLUMNS (tc) *****/
.two-columns {
  padding: var(--main-space);
}
.two-columns .module-container .text-container .btn-container {
  /** A intégrer avec "@include align(left);" **/
  justify-content: flex-start;
  text-align: left;
}
.two-columns .module-container .text-container .btn-container .btn:first-of-type, .two-columns .module-container .text-container .btn-container .btn-call-to-action:first-of-type, .two-columns .module-container .text-container .btn-container .activity .activity-template-grid .template-grid-container .card .card-body .card-container .btn-container .btn:first-of-type, .activity .activity-template-grid .template-grid-container .card .card-body .card-container .btn-container .two-columns .module-container .text-container .btn-container .btn:first-of-type, .two-columns .module-container .text-container .btn-container .products .module-container .filters .submit .btn:first-of-type, .products .module-container .filters .submit .two-columns .module-container .text-container .btn-container .btn:first-of-type, .two-columns .module-container .text-container .btn-container .articles .module-container .filters .submit .btn:first-of-type, .articles .module-container .filters .submit .two-columns .module-container .text-container .btn-container .btn:first-of-type, .two-columns .module-container .text-container .btn-container .newsletter .module-container .form-subscribe .unsubscribe-content .btn-switch-newsletter:first-of-type, .newsletter .module-container .form-subscribe .unsubscribe-content .two-columns .module-container .text-container .btn-container .btn-switch-newsletter:first-of-type {
  margin-left: 0;
}
.two-columns .module-container .image {
  padding: var(--secondary-space);
}
.two-columns .module-container .image .parent-auto-resize-img-child {
  aspect-ratio: 1.5;
  border-radius: 0px;
}
.display-media-left {
  background: #f1f1f1;
}
/***** TWO COLUMNS TEXT (tct) *****/
.two-columns-text {
  padding: var(--main-space);
}
.two-columns-text .module-container .text-container .btn, .two-columns-text .module-container .text-container .btn-call-to-action, .two-columns-text .module-container .text-container .activity .activity-template-grid .template-grid-container .card .card-body .card-container .btn-container .btn, .activity .activity-template-grid .template-grid-container .card .card-body .card-container .btn-container .two-columns-text .module-container .text-container .btn, .two-columns-text .module-container .text-container .products .module-container .filters .submit .btn, .products .module-container .filters .submit .two-columns-text .module-container .text-container .btn, .two-columns-text .module-container .text-container .articles .module-container .filters .submit .btn, .articles .module-container .filters .submit .two-columns-text .module-container .text-container .btn, .two-columns-text .module-container .text-container .newsletter .module-container .form-subscribe .unsubscribe-content .btn-switch-newsletter, .newsletter .module-container .form-subscribe .unsubscribe-content .two-columns-text .module-container .text-container .btn-switch-newsletter {
  margin-left: 0;
}
/***** TWO-COLUMNS-SLIDER (tcs) *****/
.two-columns-slider {
  padding: var(--main-space);
}
.two-columns-slider .module-container .text-container .btn-container {
  /** A intégrer avec "@include align(left);" **/
  justify-content: flex-start;
  text-align: left;
}
.two-columns-slider .module-container .text-container .btn-container .btn:first-of-type, .two-columns-slider .module-container .text-container .btn-container .btn-call-to-action:first-of-type, .two-columns-slider .module-container .text-container .btn-container .activity .activity-template-grid .template-grid-container .card .card-body .card-container .btn-container .btn:first-of-type, .activity .activity-template-grid .template-grid-container .card .card-body .card-container .btn-container .two-columns-slider .module-container .text-container .btn-container .btn:first-of-type, .two-columns-slider .module-container .text-container .btn-container .products .module-container .filters .submit .btn:first-of-type, .products .module-container .filters .submit .two-columns-slider .module-container .text-container .btn-container .btn:first-of-type, .two-columns-slider .module-container .text-container .btn-container .articles .module-container .filters .submit .btn:first-of-type, .articles .module-container .filters .submit .two-columns-slider .module-container .text-container .btn-container .btn:first-of-type, .two-columns-slider .module-container .text-container .btn-container .newsletter .module-container .form-subscribe .unsubscribe-content .btn-switch-newsletter:first-of-type, .newsletter .module-container .form-subscribe .unsubscribe-content .two-columns-slider .module-container .text-container .btn-container .btn-switch-newsletter:first-of-type {
  margin-left: 0;
}
.two-columns-slider .module-container .image {
  padding: var(--secondary-space);
}
.two-columns-slider .module-container .image .carousel {
  aspect-ratio: 1.5;
  border-radius: 0px;
}
.two-columns-slider .module-container .image .carousel .carousel-indicators {
  bottom: 30px;
  left: 30px;
}
.two-columns-slider .module-container .image .carousel .carousel-indicators li {
  background-color: #fff;
}
.two-columns-slider .module-container .image .carousel .carousel-indicators .active {
  color: #C5A062;
}
.two-columns-slider .module-container .image .carousel .carousel-inner .carousel-item .carousel-caption span {
  color: #fff;
}
/***** TWO-COLUMNS-PRESENTATION (tcp) *****/
.two-columns-presentation {
  min-height: 45vh;
  /** Permet d'activer un coté clair et un coté foncé (true) ou désactiver (false) **/
}
.two-columns-presentation .bloc-left, .two-columns-presentation .bloc-right {
  align-items: center;
  justify-content: center;
  padding: var(--secondary-space);
}
.two-columns-presentation .bloc-left .image, .two-columns-presentation .bloc-right .image {
  transition: 0.3s ease-in-out;
}
.two-columns-presentation .bloc-left .image:hover, .two-columns-presentation .bloc-right .image:hover {
  transform: scale(1.05);
}
.two-columns-presentation .bloc-left .text-container .logo, .two-columns-presentation .bloc-right .text-container .logo {
  margin-bottom: var(--secondary-space);
  /** A intégrer avec "@include align(center);" **/
  justify-content: center;
  text-align: center;
}
.two-columns-presentation .bloc-left .text-container .logo img, .two-columns-presentation .bloc-right .text-container .logo img {
  height: 100%;
  max-height: clamp(100px, 10vw, 200px);
  max-width: clamp(300px, 25vw, 500px);
  width: auto;
}
.two-columns-presentation .bloc-left .text-container .text h1, .two-columns-presentation .bloc-left .text-container .text h2, .two-columns-presentation .bloc-left .text-container .text .page-seo .content-item-title h5, .page-seo .content-item-title .two-columns-presentation .bloc-left .text-container .text h5, .two-columns-presentation .bloc-left .text-container .text .page-seo .form-contact .form-title-page, .page-seo .form-contact .two-columns-presentation .bloc-left .text-container .text .form-title-page, .two-columns-presentation .bloc-left .text-container .text h3, .two-columns-presentation .bloc-left .text-container .text h4, .two-columns-presentation .bloc-left .text-container .text .collapse-container .card .card-header .btn, .collapse-container .card .card-header .two-columns-presentation .bloc-left .text-container .text .btn, .two-columns-presentation .bloc-left .text-container .text p, .two-columns-presentation .bloc-right .text-container .text h1, .two-columns-presentation .bloc-right .text-container .text h2, .two-columns-presentation .bloc-right .text-container .text .page-seo .content-item-title h5, .page-seo .content-item-title .two-columns-presentation .bloc-right .text-container .text h5, .two-columns-presentation .bloc-right .text-container .text .page-seo .form-contact .form-title-page, .page-seo .form-contact .two-columns-presentation .bloc-right .text-container .text .form-title-page, .two-columns-presentation .bloc-right .text-container .text h3, .two-columns-presentation .bloc-right .text-container .text h4, .two-columns-presentation .bloc-right .text-container .text .collapse-container .card .card-header .btn, .collapse-container .card .card-header .two-columns-presentation .bloc-right .text-container .text .btn, .two-columns-presentation .bloc-right .text-container .text p {
  color: #fff;
}
.two-columns-presentation .bloc-left .text-container .typewrite-content .typewrite, .two-columns-presentation .bloc-right .text-container .typewrite-content .typewrite {
  color: #fff;
}
.two-columns-presentation .bloc-left .text-container .btn-container, .two-columns-presentation .bloc-right .text-container .btn-container {
  /** A intégrer avec "@include align(center);" **/
  justify-content: center;
  text-align: center;
}
.two-columns-presentation .bloc-left .text-container .btn-container .btn-call-to-action, .two-columns-presentation .bloc-left .text-container .btn-container .top-menu .navbar .btn-call-to-action, .top-menu .navbar .two-columns-presentation .bloc-left .text-container .btn-container .btn-call-to-action, .two-columns-presentation .bloc-left .text-container .btn-container .page-article .affix-top .btn-call-to-action, .page-article .affix-top .two-columns-presentation .bloc-left .text-container .btn-container .btn-call-to-action, .two-columns-presentation .bloc-left .text-container .btn-container .page-product .affix-top .btn-call-to-action, .page-product .affix-top .two-columns-presentation .bloc-left .text-container .btn-container .btn-call-to-action, .two-columns-presentation .bloc-left .text-container .btn-container .seo-page .affix-top .btn-call-to-action, .seo-page .affix-top .two-columns-presentation .bloc-left .text-container .btn-container .btn-call-to-action, .two-columns-presentation .bloc-left .text-container .btn-container .error .affix-top .btn-call-to-action, .error .affix-top .two-columns-presentation .bloc-left .text-container .btn-container .btn-call-to-action, .two-columns-presentation .bloc-left .text-container .btn-container .sidebar .btn-call-to-action, .sidebar .two-columns-presentation .bloc-left .text-container .btn-container .btn-call-to-action, .two-columns-presentation .bloc-right .text-container .btn-container .btn-call-to-action, .two-columns-presentation .bloc-right .text-container .btn-container .top-menu .navbar .btn-call-to-action, .top-menu .navbar .two-columns-presentation .bloc-right .text-container .btn-container .btn-call-to-action, .two-columns-presentation .bloc-right .text-container .btn-container .page-article .affix-top .btn-call-to-action, .page-article .affix-top .two-columns-presentation .bloc-right .text-container .btn-container .btn-call-to-action, .two-columns-presentation .bloc-right .text-container .btn-container .page-product .affix-top .btn-call-to-action, .page-product .affix-top .two-columns-presentation .bloc-right .text-container .btn-container .btn-call-to-action, .two-columns-presentation .bloc-right .text-container .btn-container .seo-page .affix-top .btn-call-to-action, .seo-page .affix-top .two-columns-presentation .bloc-right .text-container .btn-container .btn-call-to-action, .two-columns-presentation .bloc-right .text-container .btn-container .error .affix-top .btn-call-to-action, .error .affix-top .two-columns-presentation .bloc-right .text-container .btn-container .btn-call-to-action, .two-columns-presentation .bloc-right .text-container .btn-container .sidebar .btn-call-to-action, .sidebar .two-columns-presentation .bloc-right .text-container .btn-container .btn-call-to-action {
  border: 1px solid #fff;
  color: #fff;
}
.two-columns-presentation .bloc-right .opacity {
  background: rgba(255, 255, 255, 0.5);
}
.two-columns-presentation .bloc-right .text-container .text h1, .two-columns-presentation .bloc-right .text-container .text h2, .two-columns-presentation .bloc-right .text-container .text .page-seo .content-item-title h5, .page-seo .content-item-title .two-columns-presentation .bloc-right .text-container .text h5, .two-columns-presentation .bloc-right .text-container .text .page-seo .form-contact .form-title-page, .page-seo .form-contact .two-columns-presentation .bloc-right .text-container .text .form-title-page, .two-columns-presentation .bloc-right .text-container .text h3, .two-columns-presentation .bloc-right .text-container .text h4, .two-columns-presentation .bloc-right .text-container .text .collapse-container .card .card-header .btn, .collapse-container .card .card-header .two-columns-presentation .bloc-right .text-container .text .btn, .two-columns-presentation .bloc-right .text-container .text p {
  color: #000;
}
.two-columns-presentation .bloc-right .text-container .typewrite-content .typewrite {
  color: #000;
}
.two-columns-presentation .bloc-right .text-container .btn-container .btn-call-to-action, .two-columns-presentation .bloc-right .text-container .btn-container .top-menu .navbar .btn-call-to-action, .top-menu .navbar .two-columns-presentation .bloc-right .text-container .btn-container .btn-call-to-action, .two-columns-presentation .bloc-right .text-container .btn-container .page-article .affix-top .btn-call-to-action, .page-article .affix-top .two-columns-presentation .bloc-right .text-container .btn-container .btn-call-to-action, .two-columns-presentation .bloc-right .text-container .btn-container .page-product .affix-top .btn-call-to-action, .page-product .affix-top .two-columns-presentation .bloc-right .text-container .btn-container .btn-call-to-action, .two-columns-presentation .bloc-right .text-container .btn-container .seo-page .affix-top .btn-call-to-action, .seo-page .affix-top .two-columns-presentation .bloc-right .text-container .btn-container .btn-call-to-action, .two-columns-presentation .bloc-right .text-container .btn-container .error .affix-top .btn-call-to-action, .error .affix-top .two-columns-presentation .bloc-right .text-container .btn-container .btn-call-to-action, .two-columns-presentation .bloc-right .text-container .btn-container .sidebar .btn-call-to-action, .sidebar .two-columns-presentation .bloc-right .text-container .btn-container .btn-call-to-action {
  border: 1px solid #000;
  color: #000;
}
.two-columns-presentation-animation {
  min-height: 45vh;
}
/***** THREE COLUNNS TEXT (3ct) *****/
.three-columns-text {
  padding: var(--main-space);
}
.three-columns-text .module-container .text-container {
  align-self: flex-start;
  padding: var(--tertiary-space) var(--secondary-space);
}
.three-columns-text .module-container .btn-container {
  /** A intégrer avec "@include align(right);" **/
  justify-content: flex-end;
  text-align: right;
}
.three-columns-text .module-container .btn-container .btn:last-of-type, .three-columns-text .module-container .btn-container .btn-call-to-action:last-of-type, .three-columns-text .module-container .btn-container .activity .activity-template-grid .template-grid-container .card .card-body .card-container .btn-container .btn:last-of-type, .activity .activity-template-grid .template-grid-container .card .card-body .card-container .btn-container .three-columns-text .module-container .btn-container .btn:last-of-type, .three-columns-text .module-container .btn-container .products .module-container .filters .submit .btn:last-of-type, .products .module-container .filters .submit .three-columns-text .module-container .btn-container .btn:last-of-type, .three-columns-text .module-container .btn-container .articles .module-container .filters .submit .btn:last-of-type, .articles .module-container .filters .submit .three-columns-text .module-container .btn-container .btn:last-of-type, .three-columns-text .module-container .btn-container .newsletter .module-container .form-subscribe .unsubscribe-content .btn-switch-newsletter:last-of-type, .newsletter .module-container .form-subscribe .unsubscribe-content .three-columns-text .module-container .btn-container .btn-switch-newsletter:last-of-type {
  margin-right: 0;
}
/***** THREE COLUNNS 1 TEXT + 2 IMAGES (3c1t) *****/
.three-columns {
  padding: var(--main-space);
}
.three-columns .module-container .image {
  padding: var(--secondary-space);
}
.three-columns .module-container .image .parent-auto-resize-img-child {
  aspect-ratio: 1.5;
  border-radius: 0px;
}
.three-columns .module-container .text-container {
  align-self: center;
}
.three-columns .module-container .btn-container {
  /** A intégrer avec "@include align(center);" **/
  justify-content: center;
  text-align: center;
}
/***** THREE COLUNNS 2 TEXTS + 1 IMAGE (3c2t) *****/
.three-columns-2 {
  padding: var(--main-space);
}
.three-columns-2 .module-container .image {
  padding: var(--secondary-space);
}
.three-columns-2 .module-container .image .parent-auto-resize-img-child {
  aspect-ratio: 1.5;
  border-radius: 0px;
}
.three-columns-2 .module-container .text-container {
  align-self: center;
}
/***** IMAGE-FULL-WIDTH (ifw) *****/
.image-full-width-text .image .module-container {
  padding: var(--main-space);
}
.image-full-width-text .image .module-container .btn-container {
  /** A intégrer avec "@include align(center);" **/
  justify-content: center;
  text-align: center;
}
/***** ITEMS (item) *****/
.items {
  background-color: #f1f1f1;
  padding: var(--main-space);
}
.items .module-container .items-container {
  /** A intégrer avec "@include align(center);" **/
  justify-content: center;
  text-align: center;
}
.items .module-container .items-container .item {
  border-radius: 0px;
  padding: var(--secondary-space);
  /** A intégrer avec "@include align(center);" **/
  justify-content: center;
  text-align: center;
  /* Ajoute des marges et calcul la max width selon les col et les media queries (true) ou désactive (false) */
}
.items .module-container .items-container .item .image img {
  margin-left: auto;
  margin-right: auto;
  max-width: 100px;
}
.items .module-container .items-container .item .text {
  padding: var(--tertiary-space);
  text-align: initial;
}
.items .module-container .items-container .item .text > :last-child {
  margin-bottom: 0;
}
.items_template_2 .module-container .items-container .image {
  margin-right: var(--secondary-space);
}
/***** COLLAPSE (clp) *****/
.collapse-container {
  padding: var(--main-space);
}
.collapse-container .card {
  background: transparent;
  margin-top: var(--inter-space);
}
.collapse-container .card .card-header {
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 0px;
}
.collapse-container .card .card-header .btn, .collapse-container .card .card-header .btn-call-to-action, .collapse-container .card .card-header .activity .activity-template-grid .template-grid-container .card .card-body .card-container .btn-container .btn, .activity .activity-template-grid .template-grid-container .card .card-body .card-container .btn-container .collapse-container .card .card-header .btn, .collapse-container .card .card-header .products .module-container .filters .submit .btn, .products .module-container .filters .submit .collapse-container .card .card-header .btn, .collapse-container .card .card-header .articles .module-container .filters .submit .btn, .articles .module-container .filters .submit .collapse-container .card .card-header .btn, .collapse-container .card .card-header .newsletter .module-container .form-subscribe .unsubscribe-content .btn-switch-newsletter, .newsletter .module-container .form-subscribe .unsubscribe-content .collapse-container .card .card-header .btn-switch-newsletter {
  background: transparent;
  color: #000;
  margin: 0;
  padding: 0;
  text-align: left;
}
.collapse-container .card .card-header .icofont-container {
  background-color: #C5A062;
  border-radius: 0px;
  color: #fff;
}
.collapse-container .card .card-header:hover .icofont-container {
  margin-right: 10px;
  opacity: 0.6;
}
.collapse-container .card .card-body {
  background: #f1f1f1;
}
.collapse-container .card .card-body h2, .collapse-container .card .card-body .page-seo .content-item-title h5, .page-seo .content-item-title .collapse-container .card .card-body h5, .collapse-container .card .card-body .page-seo .form-contact .form-title-page, .page-seo .form-contact .collapse-container .card .card-body .form-title-page, .collapse-container .card .card-body h3, .collapse-container .card .card-body h4, .collapse-container .card .card-body .card-header .btn, .collapse-container .card .card-header .card-body .btn, .collapse-container .card .card-body h5, .collapse-container .card .card-body h6, .collapse-container .card .card-body .products .module-container .list .card .info .date, .products .module-container .list .card .info .collapse-container .card .card-body .date, .collapse-container .card .card-body .page-product .similar .module-container .list .card .info .date, .page-product .similar .module-container .list .card .info .collapse-container .card .card-body .date, .collapse-container .card .card-body .articles .module-container .list .card .info .date, .articles .module-container .list .card .info .collapse-container .card .card-body .date, .collapse-container .card .card-body .page-article .similar .module-container .list .card .info .date, .page-article .similar .module-container .list .card .info .collapse-container .card .card-body .date, .collapse-container .card .card-body p, .collapse-container .card .card-body strong {
  color: #000;
}
/***** ACTIVITY (act) *****/
.activity {
  padding: var(--main-space);
  /** TEMPLATE 1 - CARTES (act1) **/
  /** TEMPLATE 2 - EFFET BLUR (act2) **/
  /** TEMPLATE 3 - ACCORDEON (act3) **/
  /** TEMPLATE 4 - SLIDER (act4) **/
  /** TEMPLATE 5 - GRILLE (act5) **/
}
.activity .activity-template-cards .card {
  border-radius: 0px;
  transition: 0.3s ease-in-out;
  /** Ajoute des marges et calcul la max width selon les col et les media queries (true) ou désactive (false) **/
  margin: var(--tertiary-space);
  max-width: calc(25% - var(--tertiary-space) * 2);
  /* width col-3 moins les marges */
}
@media (max-width: 1200px) {
  .activity .activity-template-cards .card {
    max-width: calc(50% - var(--tertiary-space) * 2);
    /* width col-6 moins les marges */
  }
}
@media (max-width: 575px) {
  .activity .activity-template-cards .card {
    max-width: calc(100% - var(--tertiary-space) * 2);
    /* width col-12 moins les marges */
  }
}
.activity .activity-template-cards .card:hover {
  opacity: 0.8;
}
.activity .activity-template-cards .card .image {
  aspect-ratio: 1.5;
  border-radius: 0px;
  height: auto;
  width: 100%;
}
.activity .activity-template-cards .card .image img {
  height: auto;
  min-height: 100%;
  min-width: 100%;
  object-fit: cover;
}
.activity .activity-template-cards .card .btn-container {
  /** A intégrer avec "@include align(center);" **/
  justify-content: center;
  text-align: center;
  margin-bottom: var(--secondary-space);
  margin-top: 0;
}
.activity .activity-template-cards .card .btn-container .btn, .activity .activity-template-cards .card .btn-container .btn-call-to-action, .activity .activity-template-cards .card .btn-container .activity-template-grid .template-grid-container .card .card-body .card-container .btn-container .btn, .activity .activity-template-grid .template-grid-container .card .card-body .card-container .btn-container .activity-template-cards .card .btn-container .btn, .activity .activity-template-cards .card .btn-container .products .module-container .filters .submit .btn, .products .module-container .filters .submit .activity .activity-template-cards .card .btn-container .btn, .activity .activity-template-cards .card .btn-container .articles .module-container .filters .submit .btn, .articles .module-container .filters .submit .activity .activity-template-cards .card .btn-container .btn, .activity .activity-template-cards .card .btn-container .newsletter .module-container .form-subscribe .unsubscribe-content .btn-switch-newsletter, .newsletter .module-container .form-subscribe .unsubscribe-content .activity .activity-template-cards .card .btn-container .btn-switch-newsletter {
  margin-top: 0;
  top: 50%;
  transform: translateY(-50%);
}
.activity .activity-template-cards .card .text {
  padding: var(--tertiary-space);
}
.activity .activity-template-blur .card-container {
  /** Active l'effet blur (true) ou désactive (false) **/
  /** A intégrer avec "@include align(center);" **/
  justify-content: center;
  text-align: center;
}
.activity .activity-template-blur .card-container:hover .card:not(:hover) .card__background {
  filter: blur(5px) contrast(0.9) brightness(0.9);
}
.activity .activity-template-blur .card-container .card:hover {
  transform: scale(1.05);
}
.activity .activity-template-blur .card-container .item {
  transition: 0.3s ease-in-out;
  /** Ajoute des marges et calcul la max width selon les col et les media queries (true) ou désactive (false) **/
  margin: var(--tertiary-space);
  max-width: calc(25% - var(--tertiary-space) * 2);
  /* width col-3 moins les marges */
}
@media (max-width: 1200px) {
  .activity .activity-template-blur .card-container .item {
    max-width: calc(50% - var(--tertiary-space) * 2);
    /* width col-6 moins les marges */
  }
}
@media (max-width: 575px) {
  .activity .activity-template-blur .card-container .item {
    max-width: calc(100% - var(--tertiary-space) * 2);
    /* width col-12 moins les marges */
  }
}
.activity .activity-template-blur .card-container .item .card {
  aspect-ratio: 0.8;
  border-radius: 0px;
  min-height: 350px;
  overflow: hidden;
}
.activity .activity-template-blur .card-container .item .card .card-body {
  align-items: center;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  flex-direction: column;
  padding: var(--secondary-space);
  text-align: center;
}
.activity .activity-template-blur .card-container .item .card .card-body .title {
  color: #fff;
}
.activity .activity-template-blur .card-container .item .card .card-body .text h1, .activity .activity-template-blur .card-container .item .card .card-body .text h2, .activity .activity-template-blur .card-container .item .card .card-body .text .page-seo .content-item-title h5, .page-seo .content-item-title .activity .activity-template-blur .card-container .item .card .card-body .text h5, .activity .activity-template-blur .card-container .item .card .card-body .text .page-seo .form-contact .form-title-page, .page-seo .form-contact .activity .activity-template-blur .card-container .item .card .card-body .text .form-title-page, .activity .activity-template-blur .card-container .item .card .card-body .text h3, .activity .activity-template-blur .card-container .item .card .card-body .text h4, .activity .activity-template-blur .card-container .item .card .card-body .text .collapse-container .card .card-header .btn, .collapse-container .card .card-header .activity .activity-template-blur .card-container .item .card .card-body .text .btn, .activity .activity-template-blur .card-container .item .card .card-body .text h5, .activity .activity-template-blur .card-container .item .card .card-body .text h6, .activity .activity-template-blur .card-container .item .card .card-body .text .products .module-container .list .card .info .date, .products .module-container .list .card .info .activity .activity-template-blur .card-container .item .card .card-body .text .date, .activity .activity-template-blur .card-container .item .card .card-body .text .page-product .similar .module-container .list .card .info .date, .page-product .similar .module-container .list .card .info .activity .activity-template-blur .card-container .item .card .card-body .text .date, .activity .activity-template-blur .card-container .item .card .card-body .text .articles .module-container .list .card .info .date, .articles .module-container .list .card .info .activity .activity-template-blur .card-container .item .card .card-body .text .date, .activity .activity-template-blur .card-container .item .card .card-body .text .page-article .similar .module-container .list .card .info .date, .page-article .similar .module-container .list .card .info .activity .activity-template-blur .card-container .item .card .card-body .text .date, .activity .activity-template-blur .card-container .item .card .card-body .text p {
  color: #fff;
}
.activity .activity-template-blur .card-container .item .card .card-body .btn, .activity .activity-template-blur .card-container .item .card .card-body .btn-call-to-action, .activity .activity-template-blur .card-container .item .card .card-body .activity-template-grid .template-grid-container .card .card-body .card-container .btn-container .btn, .activity .activity-template-grid .template-grid-container .card .card-body .card-container .btn-container .activity-template-blur .card-container .item .card .card-body .btn, .activity .activity-template-blur .card-container .item .card .card-body .products .module-container .filters .submit .btn, .products .module-container .filters .submit .activity .activity-template-blur .card-container .item .card .card-body .btn, .activity .activity-template-blur .card-container .item .card .card-body .articles .module-container .filters .submit .btn, .articles .module-container .filters .submit .activity .activity-template-blur .card-container .item .card .card-body .btn, .activity .activity-template-blur .card-container .item .card .card-body .newsletter .module-container .form-subscribe .unsubscribe-content .btn-switch-newsletter, .newsletter .module-container .form-subscribe .unsubscribe-content .activity .activity-template-blur .card-container .item .card .card-body .btn-switch-newsletter {
  bottom: var(--secondary-space);
  position: absolute;
}
.activity .activity-template-accordion ul {
  border-radius: 0px;
  height: 60vh;
  min-height: 500px;
}
.activity .activity-template-accordion ul li.active {
  flex: 6;
  /* largeur de l'aactivité déployée */
}
.activity .activity-template-accordion ul li .title {
  color: #fff;
  padding: var(--tertiary-space);
}
.activity .activity-template-accordion ul li .text h1, .activity .activity-template-accordion ul li .text h2, .activity .activity-template-accordion ul li .text .page-seo .content-item-title h5, .page-seo .content-item-title .activity .activity-template-accordion ul li .text h5, .activity .activity-template-accordion ul li .text .page-seo .form-contact .form-title-page, .page-seo .form-contact .activity .activity-template-accordion ul li .text .form-title-page, .activity .activity-template-accordion ul li .text h3, .activity .activity-template-accordion ul li .text h4, .activity .activity-template-accordion ul li .text .collapse-container .card .card-header .btn, .collapse-container .card .card-header .activity .activity-template-accordion ul li .text .btn, .activity .activity-template-accordion ul li .text h5, .activity .activity-template-accordion ul li .text h6, .activity .activity-template-accordion ul li .text .products .module-container .list .card .info .date, .products .module-container .list .card .info .activity .activity-template-accordion ul li .text .date, .activity .activity-template-accordion ul li .text .page-product .similar .module-container .list .card .info .date, .page-product .similar .module-container .list .card .info .activity .activity-template-accordion ul li .text .date, .activity .activity-template-accordion ul li .text .articles .module-container .list .card .info .date, .articles .module-container .list .card .info .activity .activity-template-accordion ul li .text .date, .activity .activity-template-accordion ul li .text .page-article .similar .module-container .list .card .info .date, .page-article .similar .module-container .list .card .info .activity .activity-template-accordion ul li .text .date, .activity .activity-template-accordion ul li .text p {
  color: #fff;
}
.activity .activity-template-accordion ul li .btn-container {
  /** A intégrer avec "@include align(left);" **/
  justify-content: flex-start;
  text-align: left;
}
.activity .activity-template-accordion ul li .btn-container .btn:first-of-type, .activity .activity-template-accordion ul li .btn-container .btn-call-to-action:first-of-type, .activity .activity-template-accordion ul li .btn-container .activity-template-grid .template-grid-container .card .card-body .card-container .btn-container .btn:first-of-type, .activity .activity-template-grid .template-grid-container .card .card-body .card-container .btn-container .activity-template-accordion ul li .btn-container .btn:first-of-type, .activity .activity-template-accordion ul li .btn-container .products .module-container .filters .submit .btn:first-of-type, .products .module-container .filters .submit .activity .activity-template-accordion ul li .btn-container .btn:first-of-type, .activity .activity-template-accordion ul li .btn-container .articles .module-container .filters .submit .btn:first-of-type, .articles .module-container .filters .submit .activity .activity-template-accordion ul li .btn-container .btn:first-of-type, .activity .activity-template-accordion ul li .btn-container .newsletter .module-container .form-subscribe .unsubscribe-content .btn-switch-newsletter:first-of-type, .newsletter .module-container .form-subscribe .unsubscribe-content .activity .activity-template-accordion ul li .btn-container .btn-switch-newsletter:first-of-type {
  margin-left: 0;
}
.activity .activity-template-accordion ul li .section .inner {
  align-items: flex-end;
  padding: var(--secondary-space);
}
@media (max-width: 992px) {
  .activity .activity-template-accordion ul {
    height: 70vh;
  }
  .activity .activity-template-accordion ul li .text {
    text-align: center;
  }
  .activity .activity-template-accordion ul li .btn-container {
    /** A intégrer avec "@include align(center);" **/
    justify-content: center;
    text-align: center;
  }
}
.activity .activity-template-slider .card-slider .slick-prev, .activity .activity-template-slider .card-slider .slick-next {
  background: #000;
}
.activity .activity-template-slider .card-slider .slick-prev::before, .activity .activity-template-slider .card-slider .slick-next::before {
  color: #fff;
}
.activity .activity-template-slider .card-slider .slide {
  padding: var(--tertiary-space);
}
.activity .activity-template-slider .card-slider .slide .card {
  border-radius: 0px;
  height: 500px;
}
@media (max-width: 992px) {
  .activity .activity-template-slider .card-slider .slide .card {
    height: 400px;
  }
}
.activity .activity-template-slider .card-slider .slide .card .opacity {
  background: rgba(0, 0, 0, 0.5);
}
.activity .activity-template-slider .card-slider .slide .card .card-body {
  height: 100%;
  justify-content: flex-end;
  padding: var(--secondary-space);
  position: relative;
  width: 100%;
}
.activity .activity-template-slider .card-slider .slide .card .card-body .title {
  color: #fff;
}
.activity .activity-template-slider .card-slider .slide .card .card-body .text h1, .activity .activity-template-slider .card-slider .slide .card .card-body .text h2, .activity .activity-template-slider .card-slider .slide .card .card-body .text .page-seo .content-item-title h5, .page-seo .content-item-title .activity .activity-template-slider .card-slider .slide .card .card-body .text h5, .activity .activity-template-slider .card-slider .slide .card .card-body .text .page-seo .form-contact .form-title-page, .page-seo .form-contact .activity .activity-template-slider .card-slider .slide .card .card-body .text .form-title-page, .activity .activity-template-slider .card-slider .slide .card .card-body .text h3, .activity .activity-template-slider .card-slider .slide .card .card-body .text h4, .activity .activity-template-slider .card-slider .slide .card .card-body .text .collapse-container .card .card-header .btn, .collapse-container .card .card-header .activity .activity-template-slider .card-slider .slide .card .card-body .text .btn, .activity .activity-template-slider .card-slider .slide .card .card-body .text h5, .activity .activity-template-slider .card-slider .slide .card .card-body .text h6, .activity .activity-template-slider .card-slider .slide .card .card-body .text .products .module-container .list .card .info .date, .products .module-container .list .card .info .activity .activity-template-slider .card-slider .slide .card .card-body .text .date, .activity .activity-template-slider .card-slider .slide .card .card-body .text .page-product .similar .module-container .list .card .info .date, .page-product .similar .module-container .list .card .info .activity .activity-template-slider .card-slider .slide .card .card-body .text .date, .activity .activity-template-slider .card-slider .slide .card .card-body .text .articles .module-container .list .card .info .date, .articles .module-container .list .card .info .activity .activity-template-slider .card-slider .slide .card .card-body .text .date, .activity .activity-template-slider .card-slider .slide .card .card-body .text .page-article .similar .module-container .list .card .info .date, .page-article .similar .module-container .list .card .info .activity .activity-template-slider .card-slider .slide .card .card-body .text .date, .activity .activity-template-slider .card-slider .slide .card .card-body .text p {
  color: #fff;
}
.activity .activity-template-slider .card-slider .slide .card .card-body .btn-container {
  margin-top: 0;
  /** A intégrer avec "@include align(left);" **/
  justify-content: flex-start;
  text-align: left;
}
.activity .activity-template-slider .card-slider .slide .card .card-body .btn-container .btn:first-of-type, .activity .activity-template-slider .card-slider .slide .card .card-body .btn-container .btn-call-to-action:first-of-type, .activity .activity-template-slider .card-slider .slide .card .card-body .btn-container .activity-template-grid .template-grid-container .card .card-body .card-container .btn-container .btn:first-of-type, .activity .activity-template-grid .template-grid-container .card .card-body .card-container .btn-container .activity-template-slider .card-slider .slide .card .card-body .btn-container .btn:first-of-type, .activity .activity-template-slider .card-slider .slide .card .card-body .btn-container .products .module-container .filters .submit .btn:first-of-type, .products .module-container .filters .submit .activity .activity-template-slider .card-slider .slide .card .card-body .btn-container .btn:first-of-type, .activity .activity-template-slider .card-slider .slide .card .card-body .btn-container .articles .module-container .filters .submit .btn:first-of-type, .articles .module-container .filters .submit .activity .activity-template-slider .card-slider .slide .card .card-body .btn-container .btn:first-of-type, .activity .activity-template-slider .card-slider .slide .card .card-body .btn-container .newsletter .module-container .form-subscribe .unsubscribe-content .btn-switch-newsletter:first-of-type, .newsletter .module-container .form-subscribe .unsubscribe-content .activity .activity-template-slider .card-slider .slide .card .card-body .btn-container .btn-switch-newsletter:first-of-type {
  margin-left: 0;
}
.activity .activity-template-grid .template-grid-container .card {
  padding: var(--tertiary-space);
}
.activity .activity-template-grid .template-grid-container .card .card-body {
  border-radius: 0px;
}
.activity .activity-template-grid .template-grid-container .card .card-body .card-container .title {
  color: #fff;
  text-align: center;
}
.activity .activity-template-grid .template-grid-container .card .card-body .card-container .text h1, .activity .activity-template-grid .template-grid-container .card .card-body .card-container .text h2, .activity .activity-template-grid .template-grid-container .card .card-body .card-container .text .page-seo .content-item-title h5, .page-seo .content-item-title .activity .activity-template-grid .template-grid-container .card .card-body .card-container .text h5, .activity .activity-template-grid .template-grid-container .card .card-body .card-container .text .page-seo .form-contact .form-title-page, .page-seo .form-contact .activity .activity-template-grid .template-grid-container .card .card-body .card-container .text .form-title-page, .activity .activity-template-grid .template-grid-container .card .card-body .card-container .text h3, .activity .activity-template-grid .template-grid-container .card .card-body .card-container .text h4, .activity .activity-template-grid .template-grid-container .card .card-body .card-container .text .collapse-container .card .card-header .btn, .collapse-container .card .card-header .activity .activity-template-grid .template-grid-container .card .card-body .card-container .text .btn, .activity .activity-template-grid .template-grid-container .card .card-body .card-container .text h5, .activity .activity-template-grid .template-grid-container .card .card-body .card-container .text h6, .activity .activity-template-grid .template-grid-container .card .card-body .card-container .text .products .module-container .list .card .info .date, .products .module-container .list .card .info .activity .activity-template-grid .template-grid-container .card .card-body .card-container .text .date, .activity .activity-template-grid .template-grid-container .card .card-body .card-container .text .page-product .similar .module-container .list .card .info .date, .page-product .similar .module-container .list .card .info .activity .activity-template-grid .template-grid-container .card .card-body .card-container .text .date, .activity .activity-template-grid .template-grid-container .card .card-body .card-container .text .articles .module-container .list .card .info .date, .articles .module-container .list .card .info .activity .activity-template-grid .template-grid-container .card .card-body .card-container .text .date, .activity .activity-template-grid .template-grid-container .card .card-body .card-container .text .page-article .similar .module-container .list .card .info .date, .page-article .similar .module-container .list .card .info .activity .activity-template-grid .template-grid-container .card .card-body .card-container .text .date, .activity .activity-template-grid .template-grid-container .card .card-body .card-container .text p {
  color: #fff;
}
.activity .activity-template-grid .template-grid-container .card .card-body .card-container .btn-container {
  bottom: 0;
  position: absolute;
  /** A intégrer avec "@include align(left);" **/
  justify-content: flex-start;
  text-align: left;
}
.activity .activity-template-grid .template-grid-container .card .card-body .card-container .btn-container .btn:first-of-type, .activity .activity-template-grid .template-grid-container .card .card-body .card-container .btn-container .btn-call-to-action:first-of-type, .activity .activity-template-grid .template-grid-container .card .card-body .card-container .btn-container .products .module-container .filters .submit .btn:first-of-type, .products .module-container .filters .submit .activity .activity-template-grid .template-grid-container .card .card-body .card-container .btn-container .btn:first-of-type, .activity .activity-template-grid .template-grid-container .card .card-body .card-container .btn-container .articles .module-container .filters .submit .btn:first-of-type, .articles .module-container .filters .submit .activity .activity-template-grid .template-grid-container .card .card-body .card-container .btn-container .btn:first-of-type, .activity .activity-template-grid .template-grid-container .card .card-body .card-container .btn-container .newsletter .module-container .form-subscribe .unsubscribe-content .btn-switch-newsletter:first-of-type, .newsletter .module-container .form-subscribe .unsubscribe-content .activity .activity-template-grid .template-grid-container .card .card-body .card-container .btn-container .btn-switch-newsletter:first-of-type {
  margin-left: 0;
}
.activity .activity-template-grid .display-1-activity .card, .activity .activity-template-grid .display-2-activities .card {
  height: 800px;
}
.activity .activity-template-grid .display-3-activities .card-item-1, .activity .activity-template-grid .display-4-activities .card-item-1, .activity .activity-template-grid .display-5-activities .card-item-1 {
  height: 800px;
}
.activity .activity-template-grid .display-3-activities .card-item-2, .activity .activity-template-grid .display-3-activities .card-item-3, .activity .activity-template-grid .display-3-activities .card-item-4, .activity .activity-template-grid .display-3-activities .card-item-5, .activity .activity-template-grid .display-4-activities .card-item-2, .activity .activity-template-grid .display-4-activities .card-item-3, .activity .activity-template-grid .display-4-activities .card-item-4, .activity .activity-template-grid .display-4-activities .card-item-5, .activity .activity-template-grid .display-5-activities .card-item-2, .activity .activity-template-grid .display-5-activities .card-item-3, .activity .activity-template-grid .display-5-activities .card-item-4, .activity .activity-template-grid .display-5-activities .card-item-5 {
  height: 400px;
}
.activity .activity-template-grid .display-6-activities .card, .activity .activity-template-grid .display-7-activities .card, .activity .activity-template-grid .display-8-activities .card {
  height: 400px;
}
@media (max-width: 992px) {
  .activity .activity-template-grid .template-grid-container .card {
    height: 300px;
  }
}
/***** PRODUCTS (prod) *****/
/** Design des card product à inclure dans (.products .list) et (.product .similar .list) **/
.products {
  padding: var(--main-space);
}
.products .module-container .filters {
  border-radius: 0px;
  padding: var(--secondary-space);
}
.products .module-container .filters .submit .btn, .products .module-container .filters .submit .btn-call-to-action, .products .module-container .filters .submit .activity .activity-template-grid .template-grid-container .card .card-body .card-container .btn-container .btn, .activity .activity-template-grid .template-grid-container .card .card-body .card-container .btn-container .products .module-container .filters .submit .btn, .products .module-container .filters .submit .articles .module-container .filters .submit .btn, .articles .module-container .filters .submit .products .module-container .filters .submit .btn, .products .module-container .filters .submit .newsletter .module-container .form-subscribe .unsubscribe-content .btn-switch-newsletter, .newsletter .module-container .form-subscribe .unsubscribe-content .products .module-container .filters .submit .btn-switch-newsletter {
  border-radius: 0px;
  margin-left: 0;
}
.products .module-container .count {
  padding: var(--secondary-space);
}
.products .module-container .list {
  justify-content: center;
  padding: var(--tertiary-space);
}
.products .module-container .list .card {
  border-radius: 0px;
  /** Ajoute des marges et calcul la max width selon les col et les media queries (true) ou désactive (false) **/
  margin: var(--tertiary-space);
  max-width: calc(25% - var(--tertiary-space) * 2);
  /* width col-3 moins les marges */
}
@media (max-width: 1200px) {
  .products .module-container .list .card {
    max-width: calc(50% - var(--tertiary-space) * 2);
    /* width col-6 moins les marges */
  }
}
@media (max-width: 575px) {
  .products .module-container .list .card {
    max-width: calc(100% - var(--tertiary-space) * 2);
    /* width col-12 moins les marges */
  }
}
.products .module-container .list .card .image {
  aspect-ratio: 1.5;
}
.products .module-container .list .card .info {
  background: #f1f1f1;
  color: #222;
  padding: var(--secondary-space);
  position: relative;
}
.products .module-container .list .card .info .category {
  margin-top: var(--tertiary-space);
}
.products .module-container .list .card .info .product-title {
  padding: var(--tertiary-space) 0;
}
.products .module-container .list .card .info .date {
  text-align: right;
}
.products .module-container .list .card .info .price {
  background: #000;
  color: #fff;
  padding: var(--inter-space);
}
.product {
  padding: var(--main-space);
}
.product .images {
  padding: var(--secondary-space);
}
.product .images .slider .slider-for .slick-list .slick-slide {
  aspect-ratio: 1.5;
  border-radius: 0px;
}
.product .info {
  color: #222;
  padding: var(--secondary-space);
}
.product .info .category {
  margin: var(--inter-space);
  margin-left: 0;
  padding: 0;
}
.product .info .btn-container {
  /** A intégrer avec "@include align(left);" **/
  justify-content: flex-start;
  text-align: left;
}
.product .info .btn-container .btn:first-of-type, .product .info .btn-container .btn-call-to-action:first-of-type, .product .info .btn-container .activity .activity-template-grid .template-grid-container .card .card-body .card-container .btn-container .btn:first-of-type, .activity .activity-template-grid .template-grid-container .card .card-body .card-container .btn-container .product .info .btn-container .btn:first-of-type, .product .info .btn-container .products .module-container .filters .submit .btn:first-of-type, .products .module-container .filters .submit .product .info .btn-container .btn:first-of-type, .product .info .btn-container .articles .module-container .filters .submit .btn:first-of-type, .articles .module-container .filters .submit .product .info .btn-container .btn:first-of-type, .product .info .btn-container .newsletter .module-container .form-subscribe .unsubscribe-content .btn-switch-newsletter:first-of-type, .newsletter .module-container .form-subscribe .unsubscribe-content .product .info .btn-container .btn-switch-newsletter:first-of-type {
  margin-left: 0;
}
.page-product .similar {
  border-top: 1px solid #f1f1f1;
  padding: var(--main-space);
}
.page-product .similar .module-container .title-container {
  text-align: center;
}
.page-product .similar .module-container .list {
  justify-content: center;
  padding: var(--tertiary-space);
}
.page-product .similar .module-container .list .card {
  border-radius: 0px;
  /** Ajoute des marges et calcul la max width selon les col et les media queries (true) ou désactive (false) **/
  margin: var(--tertiary-space);
  max-width: calc(25% - var(--tertiary-space) * 2);
  /* width col-3 moins les marges */
}
@media (max-width: 1200px) {
  .page-product .similar .module-container .list .card {
    max-width: calc(50% - var(--tertiary-space) * 2);
    /* width col-6 moins les marges */
  }
}
@media (max-width: 575px) {
  .page-product .similar .module-container .list .card {
    max-width: calc(100% - var(--tertiary-space) * 2);
    /* width col-12 moins les marges */
  }
}
.page-product .similar .module-container .list .card .image {
  aspect-ratio: 1.5;
}
.page-product .similar .module-container .list .card .info {
  background: #f1f1f1;
  color: #222;
  padding: var(--secondary-space);
  position: relative;
}
.page-product .similar .module-container .list .card .info .category {
  margin-top: var(--tertiary-space);
}
.page-product .similar .module-container .list .card .info .product-title {
  padding: var(--tertiary-space) 0;
}
.page-product .similar .module-container .list .card .info .date {
  text-align: right;
}
.page-product .similar .module-container .list .card .info .price {
  background: #000;
  color: #fff;
  padding: var(--inter-space);
}
/***** ARTICLES (art) *****/
/** Design des card product à inclure dans (.products .list) et (.product .similar .list) **/
.articles {
  padding: var(--main-space);
}
.articles .module-container .filters {
  border-radius: 0px;
  padding: var(--secondary-space);
}
.articles .module-container .filters .submit .btn, .articles .module-container .filters .submit .btn-call-to-action, .articles .module-container .filters .submit .activity .activity-template-grid .template-grid-container .card .card-body .card-container .btn-container .btn, .activity .activity-template-grid .template-grid-container .card .card-body .card-container .btn-container .articles .module-container .filters .submit .btn, .articles .module-container .filters .submit .products .module-container .filters .submit .btn, .products .module-container .filters .submit .articles .module-container .filters .submit .btn, .articles .module-container .filters .submit .newsletter .module-container .form-subscribe .unsubscribe-content .btn-switch-newsletter, .newsletter .module-container .form-subscribe .unsubscribe-content .articles .module-container .filters .submit .btn-switch-newsletter {
  border-radius: 0px;
  margin-left: 0;
}
.articles .module-container .count {
  padding: var(--secondary-space);
}
.articles .module-container .list {
  justify-content: center;
  padding: var(--tertiary-space);
}
.articles .module-container .list .card {
  border-radius: 0px;
  /** Ajoute des marges et calcul la max width selon les col et les media queries (true) ou désactive (false) **/
  margin: var(--tertiary-space);
  max-width: calc(25% - var(--tertiary-space) * 2);
  /* width col-3 moins les marges */
}
@media (max-width: 1200px) {
  .articles .module-container .list .card {
    max-width: calc(50% - var(--tertiary-space) * 2);
    /* width col-6 moins les marges */
  }
}
@media (max-width: 575px) {
  .articles .module-container .list .card {
    max-width: calc(100% - var(--tertiary-space) * 2);
    /* width col-12 moins les marges */
  }
}
.articles .module-container .list .card .image {
  aspect-ratio: 1.5;
}
.articles .module-container .list .card .info {
  background-color: #f1f1f1;
  color: #000;
  padding: var(--secondary-space);
  position: relative;
}
.articles .module-container .list .card .info .category {
  margin-top: var(--tertiary-space);
}
.articles .module-container .list .card .info .article-title {
  padding: var(--tertiary-space) 0;
}
.articles .module-container .list .card .info .date {
  text-align: right;
}
.articles .module-container .list .card .info .btn-container {
  /** A intégrer avec "@include align(right);" **/
  justify-content: flex-end;
  text-align: right;
  margin-top: 0;
}
.articles .module-container .list .card .info .btn-container .btn:last-of-type, .articles .module-container .list .card .info .btn-container .btn-call-to-action:last-of-type, .articles .module-container .list .card .info .btn-container .activity .activity-template-grid .template-grid-container .card .card-body .card-container .btn-container .btn:last-of-type, .activity .activity-template-grid .template-grid-container .card .card-body .card-container .btn-container .articles .module-container .list .card .info .btn-container .btn:last-of-type, .articles .module-container .list .card .info .btn-container .products .module-container .filters .submit .btn:last-of-type, .products .module-container .filters .submit .articles .module-container .list .card .info .btn-container .btn:last-of-type, .articles .module-container .list .card .info .btn-container .filters .submit .btn:last-of-type, .articles .module-container .filters .submit .list .card .info .btn-container .btn:last-of-type, .articles .module-container .list .card .info .btn-container .newsletter .module-container .form-subscribe .unsubscribe-content .btn-switch-newsletter:last-of-type, .newsletter .module-container .form-subscribe .unsubscribe-content .articles .module-container .list .card .info .btn-container .btn-switch-newsletter:last-of-type {
  margin-right: 0;
}
.article {
  padding: var(--main-space);
}
.article .images {
  padding: var(--secondary-space);
}
.article .images .slider .slider-for .slick-list .slick-slide {
  aspect-ratio: 1.5;
  border-radius: 0px;
}
.article .text-container {
  color: #222;
}
.article .text-container .category {
  margin: var(--inter-space);
  margin-left: 0;
  padding: 0;
}
.article .text-container .btn-container {
  /** A intégrer avec "@include align(left);" **/
  justify-content: flex-start;
  text-align: left;
}
.article .text-container .btn-container .btn:first-of-type, .article .text-container .btn-container .btn-call-to-action:first-of-type, .article .text-container .btn-container .activity .activity-template-grid .template-grid-container .card .card-body .card-container .btn-container .btn:first-of-type, .activity .activity-template-grid .template-grid-container .card .card-body .card-container .btn-container .article .text-container .btn-container .btn:first-of-type, .article .text-container .btn-container .products .module-container .filters .submit .btn:first-of-type, .products .module-container .filters .submit .article .text-container .btn-container .btn:first-of-type, .article .text-container .btn-container .articles .module-container .filters .submit .btn:first-of-type, .articles .module-container .filters .submit .article .text-container .btn-container .btn:first-of-type, .article .text-container .btn-container .newsletter .module-container .form-subscribe .unsubscribe-content .btn-switch-newsletter:first-of-type, .newsletter .module-container .form-subscribe .unsubscribe-content .article .text-container .btn-container .btn-switch-newsletter:first-of-type {
  margin-left: 0;
}
.page-article .similar {
  border-top: 1px solid #f1f1f1;
  padding: var(--main-space);
}
.page-article .similar .module-container .title-container {
  text-align: center;
}
.page-article .similar .module-container .list {
  justify-content: center;
  padding: var(--tertiary-space);
}
.page-article .similar .module-container .list .card {
  border-radius: 0px;
  /** Ajoute des marges et calcul la max width selon les col et les media queries (true) ou désactive (false) **/
  margin: var(--tertiary-space);
  max-width: calc(25% - var(--tertiary-space) * 2);
  /* width col-3 moins les marges */
}
@media (max-width: 1200px) {
  .page-article .similar .module-container .list .card {
    max-width: calc(50% - var(--tertiary-space) * 2);
    /* width col-6 moins les marges */
  }
}
@media (max-width: 575px) {
  .page-article .similar .module-container .list .card {
    max-width: calc(100% - var(--tertiary-space) * 2);
    /* width col-12 moins les marges */
  }
}
.page-article .similar .module-container .list .card .image {
  aspect-ratio: 1.5;
}
.page-article .similar .module-container .list .card .info {
  background-color: #f1f1f1;
  color: #000;
  padding: var(--secondary-space);
  position: relative;
}
.page-article .similar .module-container .list .card .info .category {
  margin-top: var(--tertiary-space);
}
.page-article .similar .module-container .list .card .info .article-title {
  padding: var(--tertiary-space) 0;
}
.page-article .similar .module-container .list .card .info .date {
  text-align: right;
}
.page-article .similar .module-container .list .card .info .btn-container {
  /** A intégrer avec "@include align(right);" **/
  justify-content: flex-end;
  text-align: right;
  margin-top: 0;
}
.page-article .similar .module-container .list .card .info .btn-container .btn:last-of-type, .page-article .similar .module-container .list .card .info .btn-container .btn-call-to-action:last-of-type, .page-article .similar .module-container .list .card .info .btn-container .activity .activity-template-grid .template-grid-container .card .card-body .card-container .btn-container .btn:last-of-type, .activity .activity-template-grid .template-grid-container .card .card-body .card-container .btn-container .page-article .similar .module-container .list .card .info .btn-container .btn:last-of-type, .page-article .similar .module-container .list .card .info .btn-container .products .module-container .filters .submit .btn:last-of-type, .products .module-container .filters .submit .page-article .similar .module-container .list .card .info .btn-container .btn:last-of-type, .page-article .similar .module-container .list .card .info .btn-container .articles .module-container .filters .submit .btn:last-of-type, .articles .module-container .filters .submit .page-article .similar .module-container .list .card .info .btn-container .btn:last-of-type, .page-article .similar .module-container .list .card .info .btn-container .newsletter .module-container .form-subscribe .unsubscribe-content .btn-switch-newsletter:last-of-type, .newsletter .module-container .form-subscribe .unsubscribe-content .page-article .similar .module-container .list .card .info .btn-container .btn-switch-newsletter:last-of-type {
  margin-right: 0;
}
/***** GALLERY (gal) *****/
.gallery {
  padding: var(--main-space);
}
.gallery .module-container .title-container {
  margin-bottom: 0;
}
.gallery .gallery-type-1 {
  padding: var(--secondary-space);
}
.gallery .gallery-type-1 .item-type-1 {
  padding: var(--inter-space);
}
.gallery .gallery-type-1 .item-type-1 figure {
  aspect-ratio: 1.5;
  background: #fff;
  border-radius: 0px;
}
.gallery .gallery-type-1 .item-type-1 figure p {
  color: #fff;
}
.gallery .gallery-type-2 {
  padding: var(--secondary-space);
}
.gallery .gallery-type-2 .item-type-2 {
  aspect-ratio: 1.5;
  padding: var(--inter-space);
}
.gallery .gallery-type-2 .item-type-2 a {
  border-radius: 0px;
  overflow: hidden;
}
.gallery .gallery-type-2 .item-type-2 a img {
  object-fit: cover;
}
.gallery .gallery-type-2 .item-type-2 p {
  color: #fff;
}
.gallery .gallery-type-3 {
  padding: var(--secondary-space);
}
.gallery .gallery-type-3 .gallery-item-type-3 a img {
  border-radius: 0px;
  padding: var(--inter-space);
}
.gallery .gallery-type-4 {
  padding: var(--secondary-space);
  width: calc(100% - var(--secondary-space));
}
.gallery .gallery-type-4 .item-type-4 a img {
  border-radius: 0px;
  margin: var(--inter-space);
}
/***** ANCRES (anc) *****/
.link-id {
  padding: var(--main-space);
}
.link-id .text {
  padding: var(--secondary-space);
}
.link-id .link-container {
  justify-content: center;
}
.link-id-fixed {
  top: 25%;
}
/***** AFTER-BEFORE (ab) *****/
.after-before {
  padding: var(--main-space);
}
.after-before .slider-container {
  padding: var(--secondary-space);
}
.after-before .slider-container .before-after-content {
  aspect-ratio: 1.5;
  border-radius: 0px;
}
.after-before .slider-container .before-after-content .slider-line {
  background-color: white;
}
.after-before .slider-container .before-after-content .arrow::before {
  border-left: 2px solid #fff;
  border-top: 2px solid #fff;
}
/***** MEDIA (media) *****/
.media {
  padding: var(--main-space);
}
/***** DOCUMENT (doc) *****/
.document {
  padding: var(--main-space);
}
.document .title-container {
  margin-bottom: 0;
}
.document .document-container {
  padding: var(--secondary-space);
}
.document .document-container .item-container {
  /** Ajoute des marges et calcul la max width selon les col et les media queries (true) ou désactive (false) **/
  margin: var(--tertiary-space);
  max-width: calc(25% - var(--tertiary-space) * 2);
  /* width col-3 moins les marges */
}
@media (max-width: 1200px) {
  .document .document-container .item-container {
    max-width: calc(50% - var(--tertiary-space) * 2);
    /* width col-6 moins les marges */
  }
}
@media (max-width: 575px) {
  .document .document-container .item-container {
    max-width: calc(100% - var(--tertiary-space) * 2);
    /* width col-12 moins les marges */
  }
}
.document .document-container .item-container .item {
  background: #f1f1f1;
  border-radius: 0px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  min-height: 300px;
}
.document .document-container .item-container .item:hover {
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.document .document-container .item-container .item .download-icon {
  background: #fff;
}
/***** NEWSLETTER (news) *****/
.newsletter {
  padding: var(--main-space);
}
.newsletter .module-container {
  /** A intégrer avec "@include align(center);" **/
  justify-content: center;
  text-align: center;
}
.newsletter .module-container .form-subscribe {
  padding: var(--secondary-space);
}
.newsletter .module-container .form-subscribe .title-container {
  /** A intégrer avec "@include align(center);" **/
  justify-content: center;
  text-align: center;
}
.newsletter .module-container .form-subscribe .form {
  margin-bottom: var(--inter-space);
  /** A intégrer avec "@include align(center);" **/
  justify-content: center;
  text-align: center;
}
.newsletter .module-container .form-subscribe .form .form-group input {
  border-radius: 0px;
}
.newsletter .module-container .form-subscribe .form .newsletter-btn .btn, .newsletter .module-container .form-subscribe .form .newsletter-btn .btn-call-to-action, .newsletter .module-container .form-subscribe .form .newsletter-btn .activity .activity-template-grid .template-grid-container .card .card-body .card-container .btn-container .btn, .activity .activity-template-grid .template-grid-container .card .card-body .card-container .btn-container .newsletter .module-container .form-subscribe .form .newsletter-btn .btn, .newsletter .module-container .form-subscribe .form .newsletter-btn .products .module-container .filters .submit .btn, .products .module-container .filters .submit .newsletter .module-container .form-subscribe .form .newsletter-btn .btn, .newsletter .module-container .form-subscribe .form .newsletter-btn .articles .module-container .filters .submit .btn, .articles .module-container .filters .submit .newsletter .module-container .form-subscribe .form .newsletter-btn .btn, .newsletter .module-container .form-subscribe .form .newsletter-btn .unsubscribe-content .btn-switch-newsletter, .newsletter .module-container .form-subscribe .unsubscribe-content .form .newsletter-btn .btn-switch-newsletter {
  border-radius: 0px;
}
.newsletter .module-container .form-subscribe .newsletter-legal {
  margin-top: var(--secondary-space);
}
.newsletter .module-container .form-subscribe .unsubscribe-content {
  margin-top: var(--secondary-space);
  /** A intégrer avec "@include align(center);" **/
  justify-content: center;
  text-align: center;
}
.newsletter .popup-consent {
  background: #C5A062;
}
@media screen and (max-width: 1024px) {
  .newsletter .form {
    flex-wrap: nowrap;
  }
}
/***** PARTNER (part) *****/
.partner {
  padding: var(--main-space);
}
.partner .text {
  padding: var(--secondary-space);
}
/***** GUEST-BOOK (gb) *****/
.guest-book {
  padding: var(--main-space);
}
.guest-book .title-container {
  margin-bottom: 0;
}
.guest-book .items {
  align-content: center;
  background: #f1f1f1;
  border-radius: 0px;
  padding: var(--secondary-space);
}
.guest-book .items .item-container {
  padding: var(--inter-space);
}
.guest-book .items .item-container .item {
  background-color: rgba(197, 160, 98, 0.1);
  border-radius: 0px;
  padding: var(--secondary-space);
}
.guest-book .items .item-container .item .user .avatar span {
  background-color: #C5A062;
  border-radius: 0px;
  color: #fff;
}
.guest-book .items .item-container .item .user .name {
  font-weight: bold;
}
.guest-book .items .item-container .item .text-content {
  min-height: 120px;
  padding-top: var(--tertiary-space);
}
/***** INFORMATION (info) *****/
.information {
  background: #C5A062;
  color: #fff;
}
.information .informations-content {
  padding: var(--secondary-space);
  /** A intégrer avec "@include align(center);" **/
  justify-content: center;
  text-align: center;
}
.information .informations-content .item {
  padding: var(--secondary-space);
}
.information .informations-content .item .text h4, .information .informations-content .item .text .collapse-container .card .card-header .btn, .collapse-container .card .card-header .information .informations-content .item .text .btn, .information .informations-content .item .text a, .information .informations-content .item .text span {
  color: #fff;
}
.information .informations-content .item .icon {
  margin-bottom: var(--tertiary-space);
}
.information .informations-content .item .icon i {
  color: #fff;
  font-size: 4rem;
  opacity: 1;
}
.information .map {
  /* filter: grayscale(1); */
}
.information .map .leaflet-marker-pane {
  /* filter: hue-rotate(45deg); */
}
/***** AGENCES (ag) *****/
/** Cache la barre de recherche (true) ou ne la cache pas (false) **/
.agencies {
  padding: var(--main-space);
}
.agencies .agencies-container {
  border-radius: 0px;
  margin-top: 0;
}
.agencies .agencies-container .agencies-list {
  background: #f1f1f1;
  padding: var(--secondary-space);
}
.agencies .agencies-container .agencies-list .agencies-search-container {
  margin: var(--inter-space);
}
.agencies .agencies-container .agencies-list .agencies-search-container .form-control:focus {
  border-color: #C5A062;
}
.agencies .agencies-container .agencies-list .agencies-search-container .form-group .input-group .input-group-append {
  background: #000;
}
.agencies .agencies-container .agencies-list .agencies-search-container .form-group .input-group .input-group-append input {
  border-radius: 0px;
}
.agencies .agencies-container .agencies-list .agencies-search-container .result-container span {
  color: #222;
}
.agencies .agencies-container .agencies-list .list {
  max-height: 600px;
  overflow-y: scroll;
}
.agencies .agencies-container .agencies-list .list .agency {
  background-color: #fff;
  border-radius: 0px;
  margin: var(--inter-space);
  padding: var(--secondary-space);
}
.agencies .agencies-container .agencies-list .list .agency .image {
  border-radius: 0px;
}
.agencies .info-agencies, .agencies .map .leaflet-popup-content-wrapper .leaflet-popup-content article .info-agencies {
  background-color: #fff;
}
.agencies .info-agencies .name, .agencies .map .leaflet-popup-content-wrapper .leaflet-popup-content article .info-agencies .name {
  color: #000;
  text-transform: uppercase;
}
.agencies .info-agencies .city, .agencies .map .leaflet-popup-content-wrapper .leaflet-popup-content article .info-agencies .city {
  color: #C5A062;
  padding-bottom: var(--inter-space);
  text-transform: uppercase;
}
.agencies .info-agencies .city::after, .agencies .map .leaflet-popup-content-wrapper .leaflet-popup-content article .info-agencies .city::after {
  background-color: #C5A062;
}
.agencies .info-agencies .item-information, .agencies .map .leaflet-popup-content-wrapper .leaflet-popup-content article .info-agencies .item-information {
  padding: calc(var(--inter-space) / 2);
  padding-left: 0;
  padding-right: 0;
}
.agencies .info-agencies .item-information i, .agencies .map .leaflet-popup-content-wrapper .leaflet-popup-content article .info-agencies .item-information i {
  color: #C5A062;
  font-size: 20px;
}
.agencies .info-agencies .item-information span, .agencies .map .leaflet-popup-content-wrapper .leaflet-popup-content article .info-agencies .item-information span {
  color: #000;
  padding-left: var(--inter-space);
}
.agencies .map {
  /* filter: grayscale(1); */
}
.agencies .map .leaflet-popup-content-wrapper {
  background-color: #fff;
}
.agencies .map .leaflet-popup-content-wrapper .leaflet-popup-content article .info-agencies {
  margin: 0;
}
/***** SCHEDULE (sch) *****/
.schedule {
  padding: var(--main-space);
}
.schedule .module-container .title-container {
  margin-bottom: 0;
  max-width: 30%;
}
.schedule .module-container .items {
  background: #C5A062;
  border-radius: 0px;
  color: #fff;
  margin: 0 var(--inter-space);
  padding: var(--tertiary-space);
}
.schedule .module-container .items .items-label .item-label-day {
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
}
.schedule .module-container .items .items-label .item-label-information {
  color: #fff;
}
.schedule .module-container .items.items-active {
  background-color: rgba(197, 160, 98, 0.7);
  color: #fff;
}
@media (max-width: 1280px) {
  .schedule .module-container {
    display: block;
  }
  .schedule .module-container .title-container {
    max-width: 100%;
    text-align: center;
  }
  .schedule .module-container .items, .schedule .module-container .schedule-title {
    margin: 5px 0;
  }
}
/***** FORM-CONTACT (contact) *****/
.form-contact {
  padding: var(--main-space);
}
.form-contact .title-container {
  margin-bottom: 0;
  text-align: center;
}
.form-contact #contact-form {
  padding: var(--secondary-space);
}
.form-contact #contact-form .form-group .form-control {
  background-color: rgba(197, 160, 98, 0.1);
  border: none;
  border-radius: 0px;
  color: #000;
}
.form-contact #contact-form .form-group .form-control::placeholder {
  color: #000;
}
.form-contact #contact-form .form-group .form-control:focus {
  border-color: #C5A062;
  box-shadow: 0 0 0 0.2em rgba(197, 160, 98, 0.5);
}
.form-contact #contact-form .popup-consent {
  background: #C5A062;
}
/***** FORM-CUSTOM (custom) *****/
.form-builder {
  padding: var(--main-space);
}
.form-builder .title-container {
  margin-bottom: 0;
}
.form-builder .form-container {
  padding: var(--secondary-space);
}
.form-builder .form-container .form-control {
  background-color: rgba(197, 160, 98, 0.1);
  border: none;
  border-radius: 0px;
  color: #000;
}
.form-builder .form-container .form-control::placeholder {
  color: #000;
}
.form-builder .form-container .form-control:focus {
  border-color: #C5A062;
  box-shadow: 0 0 0 0.2em rgba(197, 160, 98, 0.5);
}
.form-builder .form-container #form-choice .form-control .form-multiple-choice:nth-child(even) {
  background-color: #f1f1f1;
}
.form-builder .form-container #form-choice .form-control .form-multiple-choice.checked {
  background-color: #C5A062;
}
.form-builder .popup-consent {
  background: #C5A062;
}
.form-builder .legal-form {
  padding: var(--secondary-space);
  padding-bottom: 0;
  padding-top: 0;
}
/***** FORM-GUEST-BOOK (fgb) *****/
.form-guest-book {
  padding: var(--main-space);
}
.form-guest-book .title-container {
  margin-bottom: 0;
}
.form-guest-book .form-container-guest_book {
  padding: var(--secondary-space);
}
.form-guest-book .form-container-guest_book .form-control {
  background-color: rgba(197, 160, 98, 0.1);
  border: none;
  border-radius: 0px;
  color: #000;
}
.form-guest-book .form-container-guest_book .form-control::placeholder {
  color: #000;
}
.form-guest-book .form-container-guest_book .form-control:focus {
  border-color: #C5A062;
  box-shadow: 0 0 0 0.2em rgba(197, 160, 98, 0.5);
}
.form-guest-book .form-container-guest_book .sending-message i {
  color: #fff;
}
.form-guest-book .popup-consent {
  background: #C5A062;
}
/***** PAGE SEO (seo) *****/
.page-seo .banner .module-container .text-container {
  /** A intégrer avec "@include align(center);" **/
  justify-content: center;
  text-align: center;
}
.page-seo .content-item-title {
  background-color: #f1f1f1;
  padding: var(--secondary-space);
  text-align: center;
}
.page-seo .content-item-title h5 {
  color: #222;
  margin-bottom: 0;
}
.page-seo .items {
  background: #fff;
}
.page-seo .items .item-localisation {
  font-size: clamp(3rem, 7vw, 6rem);
}
.page-seo .items .img-content-item {
  border-radius: 0px;
}
@media (max-width: 767.67px) {
  .page-seo .items .col-xs-6 {
    max-width: 50%;
  }
}
.page-seo .two-columns .text-container {
  text-align: center;
}
.page-seo .two-columns .text-container .btn-container {
  /** A intégrer avec "@include align(center);" **/
  justify-content: center;
  text-align: center;
}
.page-seo .form-contact .form-title-page {
  padding: var(--secondary-space);
  text-align: center;
}
/***** MENTIONS LEGALES (leg) *****/
.page-mentions-legales .banner {
  text-align: center;
}
.page-mentions-legales .legal-notice-content {
  padding: var(--main-space);
}
/***** MODAL CONTENT (mod) *****/
.modal-content {
  background: #f1f1f1;
}
.modal-content .modal {
  background: rgba(0, 0, 0, 0.5);
}
.modal-content .modal .modal-dialog .modal-content {
  border-radius: 0px;
}
.modal-content .modal .modal-dialog .modal-content .modal-header h1, .modal-content .modal .modal-dialog .modal-content .modal-header h2, .modal-content .modal .modal-dialog .modal-content .modal-header .page-seo .content-item-title h5, .page-seo .content-item-title .modal-content .modal .modal-dialog .modal-content .modal-header h5, .modal-content .modal .modal-dialog .modal-content .modal-header .page-seo .form-contact .form-title-page, .page-seo .form-contact .modal-content .modal .modal-dialog .modal-content .modal-header .form-title-page, .modal-content .modal .modal-dialog .modal-content .modal-header h3, .modal-content .modal .modal-dialog .modal-content .modal-header h4, .modal-content .modal .modal-dialog .modal-content .modal-header .collapse-container .card .card-header .btn, .collapse-container .card .card-header .modal-content .modal .modal-dialog .modal-content .modal-header .btn, .modal-content .modal .modal-dialog .modal-content .modal-header h5, .modal-content .modal .modal-dialog .modal-content .modal-header h6, .modal-content .modal .modal-dialog .modal-content .modal-header .products .module-container .list .card .info .date, .products .module-container .list .card .info .modal-content .modal .modal-dialog .modal-content .modal-header .date, .modal-content .modal .modal-dialog .modal-content .modal-header .page-product .similar .module-container .list .card .info .date, .page-product .similar .module-container .list .card .info .modal-content .modal .modal-dialog .modal-content .modal-header .date, .modal-content .modal .modal-dialog .modal-content .modal-header .articles .module-container .list .card .info .date, .articles .module-container .list .card .info .modal-content .modal .modal-dialog .modal-content .modal-header .date, .modal-content .modal .modal-dialog .modal-content .modal-header .page-article .similar .module-container .list .card .info .date, .page-article .similar .module-container .list .card .info .modal-content .modal .modal-dialog .modal-content .modal-header .date, .modal-content .modal .modal-dialog .modal-content .modal-header p, .modal-content .modal .modal-dialog .modal-content .modal-header a, .modal-content .modal .modal-dialog .modal-content .modal-body h1, .modal-content .modal .modal-dialog .modal-content .modal-body h2, .modal-content .modal .modal-dialog .modal-content .modal-body .page-seo .content-item-title h5, .page-seo .content-item-title .modal-content .modal .modal-dialog .modal-content .modal-body h5, .modal-content .modal .modal-dialog .modal-content .modal-body .page-seo .form-contact .form-title-page, .page-seo .form-contact .modal-content .modal .modal-dialog .modal-content .modal-body .form-title-page, .modal-content .modal .modal-dialog .modal-content .modal-body h3, .modal-content .modal .modal-dialog .modal-content .modal-body h4, .modal-content .modal .modal-dialog .modal-content .modal-body .collapse-container .card .card-header .btn, .collapse-container .card .card-header .modal-content .modal .modal-dialog .modal-content .modal-body .btn, .modal-content .modal .modal-dialog .modal-content .modal-body h5, .modal-content .modal .modal-dialog .modal-content .modal-body h6, .modal-content .modal .modal-dialog .modal-content .modal-body .products .module-container .list .card .info .date, .products .module-container .list .card .info .modal-content .modal .modal-dialog .modal-content .modal-body .date, .modal-content .modal .modal-dialog .modal-content .modal-body .page-product .similar .module-container .list .card .info .date, .page-product .similar .module-container .list .card .info .modal-content .modal .modal-dialog .modal-content .modal-body .date, .modal-content .modal .modal-dialog .modal-content .modal-body .articles .module-container .list .card .info .date, .articles .module-container .list .card .info .modal-content .modal .modal-dialog .modal-content .modal-body .date, .modal-content .modal .modal-dialog .modal-content .modal-body .page-article .similar .module-container .list .card .info .date, .page-article .similar .module-container .list .card .info .modal-content .modal .modal-dialog .modal-content .modal-body .date, .modal-content .modal .modal-dialog .modal-content .modal-body p, .modal-content .modal .modal-dialog .modal-content .modal-body a {
  color: #000;
}
.modal-content .modal .modal-dialog .modal-content .close {
  color: #000;
}
/***** FOOTER (foot) *****/
/** Défini la taille du logo sur le footer **/
.footer {
  background: #f1f1f1;
  color: #000;
  padding: var(--secondary-space);
}
.footer .footer-container .company-container, .footer .footer-container .pages-container, .footer .footer-container .services-container {
  padding: var(--tertiary-space);
}
.footer .footer-container .company-container .pages-columns, .footer .footer-container .company-container .services-columns, .footer .footer-container .pages-container .pages-columns, .footer .footer-container .pages-container .services-columns, .footer .footer-container .services-container .pages-columns, .footer .footer-container .services-container .services-columns {
  border-radius: 0.5rem;
  column-gap: 7rem;
  columns: 15rem;
  padding: 1.5rem 1.5rem 1.5rem 4em;
}
.footer .footer-container .brand-container {
  padding: var(--tertiary-space);
}
.footer .footer-container .brand-container .footer-brand {
  margin-bottom: var(--tertiary-space);
}
.footer .footer-container .brand-container .footer-brand img {
  height: 100%;
  max-height: clamp(80px, 12vw, 120px);
  max-width: clamp(100px, 30vw, 150px);
  width: auto;
}
.footer .footer-container a, .footer .footer-container li, .footer .footer-container i {
  color: #000;
  font-size: 0.9rem;
}
@media screen and (max-width: 992px) {
  .footer .footer-container a, .footer .footer-container li, .footer .footer-container i {
    font-size: 0.8rem;
  }
}
.footer .footer-container .title {
  border-bottom: 1px solid #000;
  color: #000;
}
.footer .seo {
  border-top: 1px solid rgba(0, 0, 0, 0.3);
  margin-top: var(--secondary-space);
  padding: var(--tertiary-space);
}
.footer .seo p, .footer .seo a {
  color: #000;
  font-size: 0.9rem;
}
.pricing-section .pricing-item .title {
  color: false;
  text-transform: uppercase;
}
.pricing-section .pricing-item .title::after {
  border-bottom: 2.5px dotted false;
}
.pricing-section .pricing-item .subtitle {
  color: false;
}
.pricing-section .pricing-item ul li {
  color: #000;
  text-transform: uppercase;
}
/***** HTML PERSO (html) *****/
/** Code à mettre ici **/
/***** LEXIQUE *****/
/* (txt) --> TEXT h1 h2 h3 h4 h5 h6 p a */
/* (btn) --> BOUTONS */
/* (topm) --> TOP MENU */
/* (side) --> SIDEBAR */
/* (vid) --> VIDEO */
/* (slid) --> SLIDER */
/* (ban) --> BANNER */
/* (banv) --> BANNER VIDEO */
/* (tb) --> TEXT BLOCK */
/* (tc) --> TWO COLUMNS */
/* (tct) --> TWO COLUMNS TEXT */
/* (tcs) --> TWO COLUMNS SLIDER */
/* (tcp) --> TWO COLUMNS PRESENTATION */
/* (3ct) --> THREE COLUMNS TEXT */
/* (3c1t) --> THREE COLUMNS 1 TEXT + 2 IMAGES */
/* (3c2t) --> THREE COLUMNS 2 TEXTS + 1 IMAGE */
/* (ifw) --> IMAGE-FULL-WIDTH */
/* (item) --> ITEMS */
/* (clp) --> COLLAPSE */
/* (act) --> ACTIVITY */
/* (act1) --> ACTIVITY TEMPLATE 1 */
/* (act2) --> ACTIVITY TEMPLATE 2 */
/* (act3) --> ACTIVITY TEMPLATE 3 */
/* (act4) --> ACTIVITY TEMPLATE 4 */
/* (act5) --> ACTIVITY TEMPLATE 5 */
/* (prod) --> PRODUCTS */
/* (art) --> ARTICLES */
/* (gal) --> GALLERY */
/* (anc) --> ANCRES */
/* (ab) --> AFTER BEFORE */
/* (media) --> MEDIA */
/* (doc) --> DOCUMENT */
/* (news) --> NEWSLETTER */
/* (part) --> PARTNER */
/* (gb) --> GUEST BOOK */
/* (info) --> INFORMATION */
/* (ag) --> AGENCES */
/* (sch) --> SCHEDULE */
/* (contact) --> FORM CONTACT */
/* (custom) --> FORM CUSTOM */
/* (fgb) --> FORM GUEST BOOK */
/* (seo) --> PAGE SEO */
/* (leg) --> MENTIONS LEGALES */
/* (mod) --> MODAL CONTENT */
/* (foot) -> FOOTER */
/* (html) --> HTML PERSO */