@charset "UTF-8";
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* temoignage */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* 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 -> % */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* VARIABLES */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* Couleurs */
/* ----------------------------------------------------- */
/* Spécifiques au site */
/* ----------------------------------------------------- */
/* gris moyen fonce */
/* gris moyen */
/* gris clair */
/*  */
/* ----------------------------------------------------- */
/* Correspondances couleurs -> texte */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* FONTS */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* FONT-SIZES */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* TRANSITIONS */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* BASES PADDING & MARGIN */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* BORDER RADIUS */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* CONTAINERS */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* HEADER */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* SIDEBAR */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* FOOTER */
/* ----------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------- */
/* SCREENS */
/* ---------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------- */
/* ADMIN */
/* ----------------------------------------------------- */
:root {
  --paddingBase: 10vw;
  --hdr-h: 60px;
  --body-bg: #E5DACB;
}

/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* -------------------- RESPONSIVE --------------------- */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* XS */
/* ----------------------------------------------------- */
@media (min-width: 576px) {
  :root {
    --paddingBase: 8vw;
    --hdr-h: 80px;
  }
}
/* ----------------------------------------------------- */
/* SM */
/* ----------------------------------------------------- */
@media (min-width: 768px) {
  :root {
    --paddingBase: 2em;
    --hdr-h: 100px;
  }
}
/* ----------------------------------------------------- */
/* MD */
/* ----------------------------------------------------- */
@media (min-width: 992px) {
  :root {
    --paddingBase: 2.5em;
    --hdr-h: 120px;
  }
}
/* ----------------------------------------------------- */
/* LG */
/* ----------------------------------------------------- */
@media (min-width: 1200px) {
  :root {
    --paddingBase: 3em;
    --hdr-h: 120px;
  }
}
/* ----------------------------------------------------- */
/* XL */
/* ----------------------------------------------------- */
@media (min-width: 1400px) {
  :root {
    --paddingBase: 3em;
    --hdr-h: 120px;
  }
}
/* ----------------------------------------------------- */
/* XXL */
/* ----------------------------------------------------- */
@media (min-width: 1650px) {
  :root {
    --paddingBase: 3em;
    --hdr-h: 120px;
  }
}
/* ----------------------------------------------------- */
/* HOVER */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* ANIMATIONS */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
@keyframes ani {
  from {
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
  }
  to {
    -webkit-mask-position: 100% 0;
    mask-position: 100% 0;
  }
}
@keyframes ani2 {
  from {
    -webkit-mask-position: 100% 0;
    mask-position: 100% 0;
  }
  to {
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
  }
}
/* ----------------------------------------------------- */
/* SCROLLDISC */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* ONDE */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* BOUNCE */
/* ----------------------------------------------------- */
@keyframes bounce {
  0% {
    opacity: 0;
    transform: scale(0.3) translate3d(0, 0, 0);
  }
  50% {
    opacity: 0.9;
    transform: scale(1.1);
  }
  80% {
    opacity: 1;
    transform: scale(0.89);
  }
  100% {
    opacity: 1;
    transform: scale(1) translate3d(0, 0, 0);
  }
}
/* ----------------------------------------------------- */
/* BOUNCE */
/* ----------------------------------------------------- */
@keyframes svgbutton {
  0% {
    opacity: 0;
    transform: scale(0.3) transform(-50%, -50%);
  }
  50% {
    opacity: 1;
    transform: scale(1.1) transform(-50%, -50%);
  }
  80% {
    opacity: 0;
    transform: scale(0.89) transform(-50%, -50%);
  }
  100% {
    opacity: 1;
    transform: scale(1) transform(-50%, -50%);
  }
}
/* ----------------------------------------------------- */
/* BALANCE */
/* ----------------------------------------------------- */
@keyframes balance {
  0%, 100% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-20%);
  }
  75% {
    transform: translateX(20%);
  }
}
/* ----------------------------------------------------- */
/* BALANCE VERTICALE */
/* ----------------------------------------------------- */
@keyframes balancev {
  0%, 100% {
    transform: translateY(0);
  }
  25% {
    transform: translateY(-20%);
  }
  75% {
    transform: translateY(20%);
  }
}
/* ----------------------------------------------------- */
/* PULSE */
/* ----------------------------------------------------- */
@keyframes wazapulse {
  0% {
    opacity: 0;
    transform: scale(1) translate(-50%, -50%);
  }
  80% {
    opacity: 1;
    transform: scale(1.6) translate(-50%, -50%);
  }
  100% {
    opacity: 0;
    transform: scale(1.8) translate(-50%, -50%);
  }
}
/* ----------------------------------------------------- */
/* WAVES */
/* ----------------------------------------------------- */
@keyframes waves {
  0% {
    transform: scale(1);
    transform-origin: 50% 50%;
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    transform: scale(1.25);
    opacity: 1;
  }
  100% {
    transform: scale(1.25);
    opacity: 0;
  }
}
/* ----------------------------------------------------- */
/* RESSORT */
/* ----------------------------------------------------- */
@keyframes ressort {
  0%, 100% {
    transform: translate(-25%, -50%);
  }
  50% {
    transform: translate(0%, -50%);
  }
}
/* ----------------------------------------------------- */
/* RESSORT VERTICAL */
/* ----------------------------------------------------- */
@keyframes ressortv {
  0%, 100% {
    transform: translateY(-25%);
  }
  50% {
    transform: translateY(0%);
  }
}
/* ----------------------------------------------------- */
/* ELASTIC */
/* ----------------------------------------------------- */
@keyframes elastic {
  0% {
    transform: scale(1.1);
    opacity: 1;
  }
  50% {
    transform: scale(1.4);
    opacity: 0.7;
  }
  60% {
    transform: scale(0.6);
    opacity: 1;
  }
  80% {
    transform: scale(0.95);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes left2right {
  0% {
    left: 0;
  }
  100% {
    left: 50%;
  }
}
@keyframes rollIn {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes elasticIn {
  0% {
    transform: scale(4);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes elasticOut {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(4);
    opacity: 0;
  }
}
/* ----------------------------------------------------- */
/* FLOAT */
/* ----------------------------------------------------- */
@keyframes float {
  0% {
    box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.6);
    transform: translatey(0px);
  }
  50% {
    box-shadow: 0 25px 15px 0px rgba(0, 0, 0, 0.2);
    transform: translatey(-20px);
  }
  100% {
    box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.6);
    transform: translatey(0px);
  }
}
/* ----------------------------------------------------- */
/* ZOOMIN */
/* ----------------------------------------------------- */
@keyframes zoomin {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.25);
  }
}
/* ----------------------------------------------------- */
/* ZOOMOUT */
/* ----------------------------------------------------- */
@keyframes zoomout {
  0% {
    transform: scale(1.25);
  }
  100% {
    transform: scale(1);
  }
}
/* ----------------------------------------------------- */
/* LDS ROLLER */
/* ----------------------------------------------------- */
@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* ----------------------------------------------------- */
/* MOVE BG */
/* ----------------------------------------------------- */
@keyframes moveYourBG {
  0% {
    background-position: 0px 0px;
  }
  100% {
    background-position: -15px 0px;
  }
}
/* ----------------------------------------------------- */
/* MOVE BG VERTICAL */
/* ----------------------------------------------------- */
@keyframes moveYourBGV {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 100%;
  }
}
.ver:hover path {
  animation: ver 2s infinite alternate ease-in-out;
}

@keyframes ver {
  0%, 100% {
    d: path("M30,4.3C28.8,6.5,26.5,8,22.5,8c-5,0-7.5-5-12.7-5C6.6,3,4.6,4.5,3,7.8");
  }
  50% {
    d: path("M30,6.7C29,4.6,26.5,3,22.5,3c-5,0-7.5,5-12.7,5C6.1,8,4.1,5.9,3,3.2");
  }
}
@keyframes allBtn {
  0% {
    width: 2em;
    background-color: var(--wp--preset--color--secondary);
  }
  50% {
    width: 1em;
    background-color: var(--wp--preset--color--primary);
  }
  100% {
    width: 2em;
    background-color: var(--wp--preset--color--secondary);
  }
}
@keyframes allBtnWhite {
  0% {
    width: 2em;
    background-color: var(--wp--preset--color--secondary);
  }
  50% {
    width: 1em;
    background-color: var(--wp--preset--color--white);
  }
  100% {
    width: 2em;
    background-color: var(--wp--preset--color--secondary);
  }
}
@keyframes letterAppearFromRight {
  0% {
    transform: translateX(120%);
  }
  100% {
    transform: translateX(0%);
  }
}
@keyframes letterAppearFromLeft {
  0% {
    transform: translateX(-120%);
  }
  100% {
    transform: translateX(0%);
  }
}
@keyframes blink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
/* ---------------------------------------------------------------------------------------------------------- */
/* INTERFACE */
/* ---------------------------------------------------------------------------------------------------------- */
.slick-prev,
.slick-next {
  top: 0;
  bottom: 0;
  height: auto;
  transform: none;
  z-index: 10000;
}
.slick-prev:before,
.slick-next:before {
  display: none;
}

.slick-prev {
  left: 0;
}

.slick-next {
  right: 0;
}

/* ----------------------------------------------------- */
/* INCLUDES */
/* ----------------------------------------------------- */
.temoignage {
  padding: 0;
  /* ----------------------------------------------------- */
  /* CONTAINER */
  /* ----------------------------------------------------- */
  /* ----------------------------------------------------- */
  /* ITEM */
  /* ----------------------------------------------------- */
}
.temoignage__slider {
  position: relative;
  padding: 0% 10%;
}
.temoignage__slider .slider,
.temoignage__slider .image {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.temoignage__slider .slick-track {
  align-items: center;
}
.temoignage__item {
  position: relative;
  height: 100%;
}
.temoignage__item__container {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.temoignage__item__image {
  padding-top: 2em;
  background-color: #e0d6c4;
}
.temoignage__item__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  mix-blend-mode: multiply;
}
.temoignage__item__text {
  padding-bottom: 2em;
  border-bottom: 2px solid var(--wp--preset--color--white);
}
.temoignage__item__text p {
  font-size: 0.75em;
}

/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* RESPONSIVE */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* XS */
/* ----------------------------------------------------- */
@media (min-width: 576px) {
  .temoignage__item__title {
    font-size: 3em;
  }
  .temoignage__item__title__container {
    padding: 0em 4em;
  }
  .temoignage__item__subtitle {
    font-size: 1.1875em;
  }
}
/* ----------------------------------------------------- */
/* SM */
/* ----------------------------------------------------- */
@media (min-width: 768px) {
  .temoignage__item {
    position: relative;
  }
  .temoignage__item__container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
  }
  .temoignage__item__text {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 2em;
    width: 50%;
    border-right: 2px solid var(--wp--preset--color--white);
    border-bottom: none;
  }
  .temoignage__item__image {
    width: 50%;
    padding-left: 2em;
    padding-bottom: 0;
  }
}
/* ----------------------------------------------------- */
/* MD */
/* ----------------------------------------------------- */
@media (min-width: 992px) {
  .temoignage__item__text p {
    font-size: 0.875em;
  }
}
/* ----------------------------------------------------- */
/* LG */
/* ----------------------------------------------------- */
@media (min-width: 1200px) {
  .temoignage {
    padding: 0;
  }
  .temoignage__image {
    height: 100%;
  }
  .temoignage__item {
    position: relative;
    height: 100%;
  }
  .temoignage__item__title {
    font-size: 5.3125em;
  }
  .temoignage__item__title__container {
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .temoignage__item__subtitle {
    font-size: 1.375em;
  }
}
/* ----------------------------------------------------- */
/* XL */
/* ----------------------------------------------------- */
@media (min-width: 1400px) {
  .temoignage {
    padding: 0em;
  }
  .temoignage__item {
    height: 100%;
  }
  .temoignage__item__image__container {
    padding-top: 100vh;
  }
  .temoignage__item__title {
    font-size: 6.25em;
  }
  .temoignage__item__title__container {
    padding: 0em 10em;
  }
  .temoignage__quickaccess {
    bottom: 3.5em;
    padding: 0em 10em;
  }
  .temoignage__quickaccess__bar__point__title {
    font-size: 1.375em;
  }
}/*# sourceMappingURL=style.css.map */