@charset "UTF-8";
/* --- Font ---*/
/* --- Color ---*/
/* --- Radius ---*/
/* --- Fontsize ---*/
/* --- Fontweight ---*/
/* --- Layout : marges latérales de page --- */
/* --- Layout : header sticky --- */
/* --- Gap --- */
/* --- Animation ---*/
@keyframes s4-scroll-down-move {
  0% {
    transform: translateY(-120%);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    transform: translateY(200%);
    opacity: 0;
  }
}
@keyframes scroll-infinite {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-50%, 0, 0);
  }
}
@media (prefers-reduced-motion: reduce) {
  .ss-marquee__track {
    animation: none;
  }
}
/* --- Responsive ---*/
/* ---- FLEXBOX PROPERTY ---- */
/* ----------- RL ----------- */
/* ---- GRID PROPERTY ---- */
/* ---- PROPERTY ---- */
/* ---- MASK ---- */
@media (max-width: 991px) {
  /* --- Header --- */
  :root {
    --page-px: 20px;
  }
  .site-header {
    grid-gap: 15px;
    gap: 15px;
  }
  .site-header__top {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .site-header__toggle {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
  .js .site-nav {
    display: none;
  }
  .js .site-header.is-open .site-nav {
    display: block;
  }
  .site-nav__list {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-gap: 10px;
    gap: 10px;
  }
}
@media (max-width: 575px) {
  :root {
    --page-px: 15px;
  }
}