/*
@unocss;
*/

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

html {
  font-size: 62.5%;
  /* scrollbar-gutter: stable; */
}
html,
body {margin:0;--un-bg-opacity:1;background-color:rgb(242 237 231 / 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);
  }
}

.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;
}

/* @screen lt-md {
  body {
    @apply bg-purple;
  }
}

.test {
  @apply bg-red;
  .toto {
    @apply bg-green;
  }
} */

.cta {margin-left:auto;margin-right:auto;width:32rem;height:8rem;display:flex;align-items:center;justify-content:center;border-radius:1.5rem;font-size:3.2rem;--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity));font-weight:800;text-decoration:none;
}

@media (max-width: 767.9px){.cta{height:12rem;width:61.3rem;border-radius:3rem;font-size:4.2rem;}}

.thematiques .item:hover img {outline-width:10px;outline-style:solid;
}
@media (max-width: 767.9px) {
  .thematiques .item:hover img {outline-width:0px;
  }
}

.swiperProjets .swiper-pagination {left:15.8rem;text-align:left;
}

:is(.swiperProjets .swiper-pagination) .swiper-pagination-bullet {border-width:2px;border-style:solid;--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity));opacity:1;
  }

:is(.swiperProjets .swiper-pagination) .swiper-pagination-bullet-active {
    @apply bg-vert;
  }

.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);
}

.titreHl {position:relative;
}
.hl {position:absolute;top:0;left:0;display:inline-block;width:0;border-top-right-radius:9999px;border-bottom-right-radius:9999px;padding-left:1rem;padding-right:1rem;padding-right:2rem;text-wrap:nowrap;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-duration:1000ms;
}
@media (max-width: 767.9px){.hl{transition-duration:0s;transition:none;}}

@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);
  }
}
.bounceHor {
  animation: bounceHor 2s infinite;
}

.en-savoir-plus {display:flex;align-items:center;justify-content:center;display:inline-flex;gap:1rem;border-radius:10rem;--un-bg-opacity:1;background-color:rgb(133 151 251 / var(--un-bg-opacity));padding-left:3rem;padding-right:3rem;padding-top:1.8rem;padding-bottom:1.8rem;font-size:2.8rem;--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity));text-decoration:none;
}

@media (max-width: 767.9px){.en-savoir-plus{gap:2rem;padding-left:6rem;padding-right:6rem;padding-top:3.5rem;padding-bottom:3.5rem;font-size:4rem;}}

.swiperChiffres .swiper-slide {width:100%;display:flex !important;justify-content:center;
  }

.swiperChiffres .swiper-pagination-bullet {margin-left:1.25rem !important;margin-right:1.25rem !important;width:5.1rem;height:5.1rem;border-width:0.32rem;--un-border-opacity:1;border-color:rgb(255 255 255 / var(--un-border-opacity));border-style:solid;opacity:1;
  }

.swiperChiffres .swiper-pagination-bullet-active {--un-border-opacity:1;border-color:rgb(133 151 251 / var(--un-border-opacity));--un-bg-opacity:1;background-color:rgb(133 151 251 / var(--un-bg-opacity));
  }

.swiperQuestions .swiper-slide {
    /* @apply !flex justify-center w-full; */
  }

.swiperQuestions .swiper-pagination-bullet {margin-left:1.25rem !important;margin-right:1.25rem !important;width:5.1rem;height:5.1rem;border-width:0.32rem;--un-border-opacity:1;border-color:rgb(255 255 255 / var(--un-border-opacity));border-style:solid;opacity:1;
  }

.swiperQuestions .swiper-pagination-bullet-active {--un-border-opacity:1;border-color:rgb(133 151 251 / var(--un-border-opacity));--un-bg-opacity:1;background-color:rgb(133 151 251 / var(--un-bg-opacity));
  }

.revealLeft {
  transform: translateX(-200px);
  /* transition-delay: 0.4s; */
}
.revealRight {
  transform: translateX(200px);
  /* transition-delay: 0.4s; */
}

.reveal {
  opacity: 0;

  transition-property: opacity, transform;
  /* transition-duration: 0.8s; */
  transition-timing-function: ease-in;
}

@media (max-width: 767.9px){.reveal{transition:none !important;}}

.reveal.show {
  opacity: 1;
  transform: translateX(0);
}