@charset "UTF-8";
/* --- Font ---*/
/* --- Color ---*/
/* --- Radius ---*/
/* --- Fontsize ---*/
/* --- Fontweight ---*/
/* --- Line-height ---*/
/* --- Titres ---*/
/* --- Layout : marges latérales de page --- */
/* --- Layout : largeurs de container --- */
/* --- 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 dokkos-spin {
  to {
    transform: rotate(360deg);
  }
}
@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: 1699px) {
  html {
    font-size: 16px;
  }
}
@media (max-width: 1199px) {
  html {
    font-size: 15px;
  }
  .dokkos-grid {
    -ms-grid-columns: repeat(4, minmax(0, 1fr));
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .dokkos-grid.events {
    -ms-grid-columns: repeat(3, minmax(0, 1fr));
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 991px) {
  html {
    font-size: 14px;
  }
  :root {
    --page-px: 20px;
  }
  header.site-header {
    grid-gap: 15px;
    gap: 15px;
  }
  header.site-header .top {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  header.site-header .top .toggle {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
  header.site-header nav ul {
    -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;
  }
  .js header.site-header nav {
    display: none;
  }
  .js header.site-header.is-open nav {
    display: block;
  }
  .dokkos-grid {
    -ms-grid-columns: repeat(3, minmax(0, 1fr));
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .dokkos-grid.events {
    -ms-grid-columns: repeat(2, minmax(0, 1fr));
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  article.fiche > .content {
    -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;
  }
  article.fiche > .content .image {
    -webkit-box: 0;
    -moz-box: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  article.fiche .others ul {
    -ms-grid-columns: repeat(3, minmax(0, 1fr));
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .dokkos-modal .dialog .body {
    height: 100%;
    overflow-y: auto;
    overscroll-behavior: contain;
  }
  .dokkos-modal .dialog article.fiche {
    height: auto;
  }
  .dokkos-modal .dialog article.fiche > .content {
    -webkit-box: 0;
    -moz-box: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .dokkos-modal .dialog article.fiche > .content .image {
    max-height: none;
  }
  .dokkos-modal .dialog article.fiche > .content .bot .description {
    -webkit-box: 0;
    -moz-box: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    overflow: visible;
    padding-right: 0;
  }
  .dokkos-contact.colonnes {
    -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;
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
  }
  .dokkos-contact.colonnes > .head {
    -webkit-box: 0;
    -moz-box: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-bottom: 30px;
  }
  .dokkos-contact.colonnes .cypera-form-wrap {
    -webkit-box: 0;
    -moz-box: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
  }
}
@media (max-width: 767px) {
  html {
    font-size: 13px;
  }
  .dokkos-grid {
    -ms-grid-columns: repeat(2, minmax(0, 1fr));
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .dokkos-event {
    padding: 20px;
  }
  .dokkos-form .row {
    -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;
  }
  main.about .top {
    -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;
  }
  main.about .top .image {
    -webkit-box: 0;
    -moz-box: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
  }
  footer.site-footer .content {
    -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;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    grid-gap: 15px;
    gap: 15px;
    text-align: center;
  }
  footer.site-footer .content .legal ul {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    grid-gap: 10px 20px;
    gap: 10px 20px;
  }
}
@media (max-width: 575px) {
  html {
    font-size: 12px;
  }
  :root {
    --page-px: 15px;
  }
  .dokkos-grid {
    -ms-grid-columns: repeat(1, minmax(0, 1fr));
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  article.fiche .others ul {
    -ms-grid-columns: repeat(2, minmax(0, 1fr));
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}