@charset "UTF-8";
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* VARIABLES */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* Couleurs */
/* ----------------------------------------------------- */
/* Spécifiques au site */
/* ----------------------------------------------------- */
/* gris moyen fonce */
/* gris moyen */
/* gris clair */
/* Nuances de gris */
/* ----------------------------------------------------- */
/* Correspondances couleurs -> texte */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* FONTS */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* FONT-SIZES */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* TRANSITIONS */
/* ----------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------- */
/* BOX SHADOW */
/* ---------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- */
/* BASES PADDING & MARGIN */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* BORDER RADIUS */
/* ----------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------- */
/* SCREENS */
/* ---------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- */
/* ADMIN */
/* ----------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------- */
/* PATHS */
/* ---------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------- */
/* ICOMOON */
/* ---------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* MIXIN.SCSS */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* FONT FACE */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* KEYFRAMES */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* CENTRE UNE IMAGE */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* CENTRE UN ELEMENT */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* CENTRE UN BACKGROUND QUAND ON LE MET EN INLINE */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* TRIANGLES */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* Display flex */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* Object Fit */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* FONCTIONS */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* CONVERSION PX -> EM */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* CONVERSION PX -> REM */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* CONVERSION PX -> % */
/* ----------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------- */
/* Carousel des témoignages */
/* ---------------------------------------------------------------------------------------------------------- */
.items__temoignage__slider {
  /* largeur */
  margin-left: calc((100% - var(--width-wide)) / 2);
  margin-right: calc((100% - var(--width-wide)) / 2);
}
.items__temoignage__slider .items__slider .section__title,
.items__temoignage__slider .items__slider .section__subtitle {
  text-align: left;
}
.items__temoignage__slider .items__slider .swiper-wrapper {
  align-items: stretch;
  height: auto;
}
.items__temoignage__slider .items__slider__container {
  margin-top: var(--paddingBase);
}
.items__temoignage__slider .items__slider__title {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-end;
}
.items__temoignage__slider .items__slider__arrows {
  position: relative;
  transform: none;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
  row-gap: 0.5rem;
  margin-right: 1rem;
}
.items__temoignage__slider .items__slider__arrows .swiper-button-prev,
.items__temoignage__slider .items__slider__arrows .swiper-button-next {
  position: static;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  width: auto;
  height: auto;
  border-radius: 100rem;
  margin: 0;
  transform: none;
  background-color: var(--wp--preset--color--secondary);
  color: var(--wp--preset--color--secondary-contrast);
  width: calc(var(--icon-size) * 2);
  height: calc(var(--icon-size) * 2);
  transition: var(--transQuick);
  --icon-size: 1em;
  --icon-color: var(--wp--preset--color--secondary-contrast);
}
.items__temoignage__slider .items__slider__arrows .swiper-button-prev:after,
.items__temoignage__slider .items__slider__arrows .swiper-button-next:after {
  display: none;
}
.items__temoignage__slider .items__slider__arrows .swiper-button-prev .wzcm-svg-icon,
.items__temoignage__slider .items__slider__arrows .swiper-button-next .wzcm-svg-icon {
  width: var(--icon-size);
  height: var(--icon-size);
  --icon-color: var(--icon-color);
}
.items__temoignage__slider .items__slider__arrows .swiper-button-prev:hover, .items__temoignage__slider .items__slider__arrows .swiper-button-prev:focus, .items__temoignage__slider .items__slider__arrows .swiper-button-prev:active,
.items__temoignage__slider .items__slider__arrows .swiper-button-next:hover,
.items__temoignage__slider .items__slider__arrows .swiper-button-next:focus,
.items__temoignage__slider .items__slider__arrows .swiper-button-next:active {
  background-color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--primary-contrast);
}
.items__temoignage__slider .items__slider__item {
  height: auto;
  padding: 0;
}
.items__temoignage__slider .items__slider__item__container {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  column-gap: 0.5em;
  padding: 0;
  height: auto;
}
.items__temoignage__slider .items__slider__item__image {
  border-radius: var(--main-bdrs);
  overflow: hidden;
}
.items__temoignage__slider .items__slider__item__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.items__temoignage__slider .items__slider__item__content {
  background-color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--primary-contrast);
  padding: var(--main-padding);
  border-radius: var(--main-bdrs);
  flex-shrink: 0;
  flex-grow: 0;
  flex-basis: auto;
  margin: 0;
}
.items__temoignage__slider .items__slider__item__excerpt p, .items__temoignage__slider .items__slider__item__excerpt span {
  display: inline;
}
.items__temoignage__slider .items__slider__item__title {
  position: static;
  transform: none;
  opacity: 1;
  visibility: visible;
  font-weight: bold;
  margin-top: var(--paddingBase);
  text-align: left;
  font-style: italic;
  opacity: 1;
  transform: none;
}
.items__temoignage__slider .items__slider__item__fonction {
  position: static;
  transform: none;
  opacity: 1;
  visibility: visible;
  font-weight: normal;
  text-align: left;
  font-style: italic;
  font-size: 1rem;
}
.items__temoignage__slider .items__slider__item:hover .items__slider__item__title {
  opacity: 1;
  transform: none;
}

/* ---------------------------------------------------------------------------------------------------------- */
/* Carousel des références */
/* ---------------------------------------------------------------------------------------------------------- */
.items__reference__slider .items__slider__item {
  padding: 0 0.5rem;
}
.items__reference__slider .items__slider__item__container {
  padding: 0;
}

/* ---------------------------------------------------------------------------------------------------------- */
/* Grille des fondateurs */
/* ---------------------------------------------------------------------------------------------------------- */
.items__fondateur__grid .items__grid__item__container {
  padding: var(--main-padding);
  border-radius: var(--main-bdrs);
  overflow: hidden;
  background-color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--primary-contrast);
}
.items__fondateur__grid .items__grid__item__header {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: 0;
  position: relative;
}
.items__fondateur__grid .items__grid__item__header:after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  width: 2px;
  height: 100%;
  background-color: var(--wp--preset--color--secondary);
}
.items__fondateur__grid .items__grid__item__image {
  padding-top: 100%;
  border-radius: 100rem;
  overflow: hidden;
}
.items__fondateur__grid .items__grid__item__image__container {
  flex-basis: 50%;
  flex-shrink: 0;
  padding-right: 1rem;
}
.items__fondateur__grid .items__grid__item__image:before {
  display: none;
}
.items__fondateur__grid .items__grid__item__title {
  position: relative;
  padding: 1rem;
}
.items__fondateur__grid .items__grid__item__title .section_title {
  color: var(--wp--preset--color--secondary);
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.875rem;
}
.items__fondateur__grid .items__grid__item__fonction {
  font-size: 0.75rem;
}
.items__fondateur__grid .items__grid__item__content {
  flex-basis: 50%;
  flex-shrink: 0;
  padding: 0;
  margin-top: var(--main-padding);
}

/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* -------------------- RESPONSIVE --------------------- */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* XS */
/* ----------------------------------------------------- */
@media (min-width: 576px) {
  .items__temoignage__slider .items__slider__arrows {
    flex-direction: row;
    column-gap: 0.5rem;
  }

  .items__reference__slider .items__slider__item {
    padding: 0 0.5rem;
  }
  .items__reference__slider .items__slider__item__container {
    padding: 0;
  }

  .items__fondateur__grid .items__grid__item__title .section_title {
    font-size: 1.25rem;
  }
  .items__fondateur__grid .items__grid__item__fonction {
    font-size: 0.875rem;
  }
}
/* ----------------------------------------------------- */
/* SM */
/* ----------------------------------------------------- */
@media (min-width: 768px) {
  .items__temoignage__slider {
    /* largeur */
    margin-left: calc((100% - var(--width-wide)) / 2);
    margin-right: 0;
  }
  .items__temoignage__slider .items__slider__item__container {
    flex-direction: row;
  }
  .items__temoignage__slider .items__slider__item__image {
    flex-basis: 33%;
    flex-shrink: 0;
    flex-grow: 0;
  }
  .items__temoignage__slider .items__slider__item__content {
    flex-basis: 66%;
    flex-shrink: 0;
    flex-grow: 0;
  }

  .items__fondateur__grid .items__grid__item__title .section_title {
    font-size: 1.125rem;
  }
  .items__fondateur__grid .items__grid__item__fonction {
    font-size: 0.875rem;
  }
  .items__fondateur__grid .items__grid__item__content {
    padding: 0;
    position: static;
    font-size: 1rem;
  }
}
/* ----------------------------------------------------- */
/* WP BREAKPOINT */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* MD */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* LG */
/* ----------------------------------------------------- */
@media (min-width: 1200px) {
  .items__temoignage__slider {
    margin-right: 0;
  }

  .items__fondateur__grid .items__grid__items {
    grid-gap: 1rem;
  }
  .items__fondateur__grid .items__grid__item__title .section_title {
    font-size: 1.25rem;
  }
}
/* ----------------------------------------------------- */
/* XL */
/* ----------------------------------------------------- */
@media (min-width: 1400px) {
  .items__fondateur__grid .items__grid__item__title {
    padding-right: 0;
  }
  .items__fondateur__grid .items__grid__item__title .section_title {
    font-size: 1.4375rem;
  }
  .items__fondateur__grid .items__grid__item__fonction {
    font-size: 1.125rem;
  }
}
/* ----------------------------------------------------- */
/* XXL */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* HOVER */
/* ----------------------------------------------------- */

/*# sourceMappingURL=style.css.map */