/*
@unocss;
*/

@font-face {
  font-family: "Switzer";
  src: url("i/fonts/Switzer-Regular.woff2") format("woff2");
  font-weight: 400;
  font-display: block;
  font-style: normal;
}
@font-face {
  font-family: "Switzer";
  src: url("i/fonts/Switzer-Light.woff2") format("woff2");
  font-weight: 300;
  font-display: block;
  font-style: normal;
}
@font-face {
  font-family: "Switzer";
  src: url("i/fonts/Switzer-Italic.woff2") format("woff2");
  font-weight: 400;
  font-display: block;
  font-style: italic;
}
@font-face {
  font-family: "Switzer";
  src: url("i/fonts/Switzer-Medium.woff2") format("woff2");
  font-weight: 500;
  font-display: block;
  font-style: normal;
}
@font-face {
  font-family: "Switzer";
  src: url("i/fonts/Switzer-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-display: block;
  font-style: normal;
}
@font-face {
  font-family: "Switzer";
  src: url("i/fonts/Switzer-Bold.woff2") format("woff2");
  font-weight: 700;
  font-display: block;
  font-style: normal;
}
@font-face {
  font-family: "Switzer";
  src: url("i/fonts/Switzer-Extrabold.woff2") format("woff2");
  font-weight: 800;
  font-display: block;
  font-style: normal;
}
@font-face {
  font-family: "Switzer";
  src: url("i/fonts/Switzer-Black.woff2") format("woff2");
  font-weight: 900;
  font-display: block;
  font-style: normal;
}
@font-face {
  font-family: "Switzer";
  src: url("i/fonts/Switzer-Regular.woff2") format("woff2");
  font-weight: 400;
  font-display: block;
  font-style: normal;
}
@font-face {
  font-family: "Pasteur";
  src: url("i/fonts/Pasteur-script-Medium.woff2") format("woff2");
  font-weight: 500;
  font-display: block;
  font-style: normal;
}

html {scroll-padding-top:4rem;
  font-size: 62.5%;
  scrollbar-gutter: stable;
}

@media (max-width: 767.9px){html{scroll-padding-top:2.4rem;}}
html,
body {margin:0;--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity));padding:0;
}
*,
*:before,
*:after {
  box-sizing: border-box;
  /* min-width: 0; */
}

@media all {
  html {
    font-size: calc(1000vw / 1920);
  }
}

/* @media all and (min-aspect-ratio: 1920/1080) and (orientation: landscape) {
  html {
    font-size: calc(1000vh / 1080);
  }
} */

@media all and (max-width: 767px) and (orientation: portrait) {
  html {
    /* font-size: calc(1000vw / 767); */
    font-size: calc(1000vw / 430);
  }
}

.decoration-clone {
  -webkit-box-decoration-break: clone;
}

[x-cloak] {
  display: none !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}

.grow11 {
  transition: all 0.25s ease;
}
.grow11:hover {
  transform: scale(1.1, 1.1);
}
.grow12 {
  transition: all 0.25s ease;
}
.grow12:hover {
  transform: scale(1.2, 1.2);
}
.grow {
  transition:
    color 0.2s ease-out,
    background-color 0.2s ease-out,
    transform 0.15s ease-out;
}
.grow:hover {
    transform: scale(1.08, 1.08);
  }

@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-1.5rem);
  }
  60% {
    transform: translateY(-0.5rem);
  }
}
.bounce {
  animation: bounce 2s infinite;
}

@keyframes bounceHor {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateX(0);
  }
  40% {
    transform: translateX(-1.5rem);
  }
  60% {
    transform: translateX(-0.5rem);
  }
}

video {
  max-width: 100%;
  height: auto;
}

ul {padding-left:4rem;
}

ul li {padding-bottom:0.5rem;
  }

.engagement1 {width:6.2rem;height:6.2rem;
}
.engagement2 {width:6.7rem;height:6.2rem;
}
.engagement3 {width:6.8rem;height:5.1rem;
}
.engagement4 {width:6.2rem;height:6.2rem;
}

.decouvrez:hover .arrow,
.decouvrezMob .arrow {
  animation: bounce 1.5s infinite 0s;
  transition: all 0.2s ease-in;
  transform: scale(1);
}

.swiperProgramme .swiper-pagination-bullet {border-width:0.32rem;--un-border-opacity:1;border-color:rgb(255 255 255 / var(--un-border-opacity));border-style:solid;background-color:transparent;opacity:1;
}
.swiperProgramme .swiper-pagination-bullet-active {--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity));
}
.swiperProjet .swiper-pagination-bullet {border-width:0.32rem;--un-border-opacity:1;border-color:rgb(45 150 250 / var(--un-border-opacity));border-style:solid;background-color:transparent;opacity:1;
}
.swiperProjet .swiper-pagination-bullet-active {--un-bg-opacity:1;background-color:rgb(45 150 250 / var(--un-bg-opacity));
}

.swiperAutres .swiper-pagination-bullet {border-width:0.32rem;--un-border-opacity:1;border-color:rgb(45 150 250 / var(--un-border-opacity));border-style:solid;background-color:transparent;opacity:1;
}
.swiperAutres .swiper-pagination-bullet-active {--un-bg-opacity:1;background-color:rgb(45 150 250 / var(--un-bg-opacity));
}

.content :where(a) {--un-text-opacity:1;color:rgb(45 150 250 / var(--un-text-opacity));font-weight:700;
}

.is-layout-flex {
  display: flex;
}

.category-list {font-size:2.4rem;--un-text-opacity:1;color:rgb(0 0 0 / var(--un-text-opacity));font-weight:700;text-decoration:none;
}

.category-list a {--un-text-opacity:1;color:rgb(0 0 0 / var(--un-text-opacity));text-decoration:none;
  }

.category-list a:hover,.category-list .current-cat a {--un-text-opacity:1;color:rgb(45 150 250 / var(--un-text-opacity));
  }

@media (max-width: 767.9px){.category-list{font-size:2rem;}}
.category-list .children {margin-top:1rem;font-size:2rem;font-weight:500;
}
@media (max-width: 767.9px){.category-list .children{font-size:1.6rem;}}

.category-list li {border-top-width:1px;--un-border-opacity:1;--un-border-top-opacity:var(--un-border-opacity);border-top-color:rgb(0 0 0 / var(--un-border-top-opacity));--un-border-opacity:0.1;border-top-style:solid;padding-top:1.25rem !important;padding-bottom:1.25rem !important;
}

@media (max-width: 767.9px){.category-list li{padding-top:0.5rem !important;padding-bottom:0.5rem !important;}}

.label7 {--un-text-opacity:1 !important;color:rgb(6 34 74 / var(--un-text-opacity)) !important;
}
input[name="donSouhaite"] {--un-bg-opacity:1;background-color:rgb(6 34 74 / var(--un-bg-opacity));--un-text-opacity:1 !important;color:rgb(255 255 255 / var(--un-text-opacity)) !important;
}
.euro7 {--un-text-opacity:1 !important;color:rgb(255 255 255 / var(--un-text-opacity)) !important;
}
input[name="donMaxIR"] {--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity));
}