@charset "UTF-8";
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* SLIDER */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* 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;
  }
}
/* ---------------------------------------------------------------------------------------------------------- */
/* REALISATIONS */
/* ---------------------------------------------------------------------------------------------------------- */
.realisation__category {
  width: var(--width-wide);
}
.realisation__category__title .section_title {
  color: #000;
}

/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* -------------------- RESPONSIVE --------------------- */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* XS */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* SM */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* MD */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* LG */
/* ----------------------------------------------------- */
@media (min-width: 1200px) {
  .realisation__category__item {
    width: calc(25% - 0.75rem);
  }
  .realisation__category__item__title h3 {
    font-size: 1.5rem;
  }
}
/* ----------------------------------------------------- */
/* XL */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* XXL */
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* HOVER */
/* ----------------------------------------------------- *//*# sourceMappingURL=style.css.map */