/*
@unocss;
*/

/* @font-face {
  font-family: "museo";
  font-style: normal;
  font-weight: normal;
  src: url("i/font/museosans-700italic-webfont.woff2") format("woff2");
} */

@font-face {
  font-family: "bebaskai";
  font-style: normal;
  font-weight: normal;
  src: url("i/font/BebasKai.woff2") format("woff2");
}

html {
  font-size: 62.5%;
}
html,
body {margin:0;padding:0;
}
*,
*:before,
*:after {
  box-sizing: border-box;
}

* {
  margin: 0;
  padding: 0;
  font: inherit;
}

body {
  min-height: 100svh;
}

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

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

@media all and (max-width: 767px) and (min-aspect-ratio: 767/1500) and (orientation: portrait) {
  html {
    font-size: calc(1000vh / 1500);
  }
}

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

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

/* @media all and (max-width: 767px) and (max-height: 550px) and (orientation: landscape) {
  html.is_ios {
    font-size: calc(1000vh / 1500);
  }
} */

/* responsive images/videos */
img,
picture,
svg,
video {
  display: block;
  max-width: 100%;
}

/* Improved heading in supported browsers */
h1,
h2,
h3,
h4,
h5,
h6 {
  text-wrap: balance;
}

/* improve readability with max-width on paragraphs and lists */
/* prevent orphans in supported browsers */
p,
li {
  max-width: var(--p-max-width, 65ch);
  text-wrap: pretty;
}

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

wrap {position:relative;margin-left:auto;margin-right:auto;display:block;max-width:145rem;
}

@media (max-width: 767.9px){wrap{max-width:65.4rem;}}

.cta {border-radius:3.7rem;--un-bg-opacity:1;background-color:rgb(230 51 40 / var(--un-bg-opacity));padding-left:4.5rem;padding-right:4.5rem;padding-top:0.8rem;padding-bottom:0.8rem;font-size:4rem;--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity));font-family:'bebaskai', Arial, Helvetica, sans-serif;text-decoration:none;
}

.mobile-only {display:none;
}

@media (max-width: 767.9px){.mobile-only{display:block;}}
.desktop-only {display:block;
}
@media (max-width: 767.9px){.desktop-only{display:none;}}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

.animate-flicker {
  animation: fadeIn 2s 1s infinite;
}

.animate-flicker2 {
  animation: fadeIn 3s 0s infinite;
}

section {position:relative;min-height:100vh;min-height:100svh;
}

.s1 {
  background: #293a66 url("i/fond-header.webp") left top no-repeat;
  background-size: cover;
}
@media (max-width: 767.9px) {
  .s1 {
    min-height: calc(100svh - 16rem);
  }
}
.s2 {
  background: url("i/hiver-fleur-route-morts.webp") left top no-repeat;
  background-size: cover;min-height:95svh;
}
@media (max-width: 767.9px) {
  .s2 {
    background: url("i/s2-mob.webp") left top no-repeat;
    background-size: cover;
  }
}
.s3 {
  /* @apply min-h95svh; */

  background: url("i/s3-bg-bleu.avif") left top no-repeat;
  background-size: cover;
}
.s4 {
  /* background: url("i/ete-tournee-plages.avif") left top no-repeat; */
  background-size: cover;
}
@media (max-width: 767.9px) {
  .s4 {
    background: url("i/s4-fond-mob.webp") left top no-repeat;
    background-size: cover;
  }
}
.s5 {
  background: url("i/fond-header.webp") left center no-repeat;
  background-size: cover;
}
.titre {font-size:10rem;font-family:'bebaskai', Arial, Helvetica, sans-serif;line-height:1.1;
}
@media (max-width: 767.9px){.titre{font-size:9.7rem;line-height:1;}}
b {
  font-weight: bold;
}

.marquee {
  --gap: 8rem;
  position: relative;
  display: flex;
  overflow: hidden;
  user-select: none;
  gap: var(--gap);
}
@media (max-width: 767.9px) {
  .marquee {
    --gap: 4rem;
  }
}

.marquee__content {
  flex-shrink: 0;
  display: flex;
  justify-content: space-around;
  gap: var(--gap);
  min-width: 100%;
  animation: scroll 20s linear infinite;align-items:center;
}

@keyframes scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(-100% - var(--gap)));
  }
}

.marquee2 {
  --gap: 1rem;
  position: relative;
  display: flex;
  overflow: hidden;
  user-select: none;
  gap: var(--gap);
}
@media (max-width: 767.9px) {
  .marquee2 {
    --gap: 4rem;
  }
}

.marquee2__content {
  flex-shrink: 0;
  display: flex;
  justify-content: space-around;
  gap: var(--gap);
  min-width: 100%;
  animation: scroll2 35s linear infinite;align-items:center;
}

@keyframes scroll2 {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(-100% - var(--gap)));
  }
}

.startAnim .courbe {
  animation: 3s inset linear;
}
.courbeMob {
  animation: 1.5s inset linear;
}

@keyframes inset {
  0% {
    clip-path: inset(0 100% 0 0);
  }
  100% {
    clip-path: inset(0 0 0 0);
  }
}

.bulle1 {top:54rem;left:10rem;
}
@media (max-width: 767.9px) {
  .bulle1 {top:20rem;left:6rem;
  }
}
.bulle2 {top:46.5rem;left:42rem;
}
@media (max-width: 767.9px) {
  .bulle2 {top:5rem;left:50%;--un-translate-y:50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));--un-translate-x:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));
  }
}
.bulle3 {top:40rem;left:74rem;
}

@media (max-width: 767.9px) {
  .bulle3 {top:-2rem;left:auto;right:5rem;
  }
}
.bulle4 {top:31rem;left:99.8rem;
}
.bulle5 {top:32rem;left:98.1rem;
}
.bulle6 {top:23rem;left:120.3rem;
}

@media (max-width: 767.9px) {
  .bulle4,
  .bulle5,
  .bulle6 {display:none;
  }
}

.bulle .bulleImg {--un-scale-x:0;--un-scale-y:0;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));border-radius:9999px;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;
}
.startAnim .bulle .bulleImg {--un-scale-x:1;--un-scale-y:1;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));
  }
.bulle .bulleTitre {opacity:0;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;
}
.startAnim .bulle .bulleTitre {opacity:1;
  }
.startAnim .stop {--un-translate-x:-32rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));
  }

.bulle1 :is(.bulleImg, .bulleTitre) {transition-delay:200ms;
}
.bulle2 :is(.bulleImg, .bulleTitre) {transition-delay:1000ms;
}
.bulle3 :is(.bulleImg, .bulleTitre) {transition-delay:2000ms;
}
@media (max-width: 767.9px) {
  .bulle3 :is(.bulleImg, .bulleTitre) {transition-delay:1500ms;
  }
}
.bulle4 :is(.bulleImg, .bulleTitre) {transition-delay:3000ms;
}
.bulle5 :is(.bulleImg, .bulleTitre) {transition-delay:2500ms;
}
.bulle6 :is(.bulleImg, .bulleTitre) {transition-delay:3000ms;
}
.stop {transition-duration:500ms;transition-delay:2500ms;
}

body .animEnd .bulle :is(.bulleImg, .bulleTitre),
body .animEnd .stop {transition-delay:0s;
}

sup {font-size:65%;
}

.effect-3,
.effect-3 > span {
  position: relative;
  color: inherit;
  text-decoration: none;
  /* line-height: 24px; */
}
.effect-3:before,
.effect-3:after,
.effect-3 > span:before,
.effect-3 > span:after {
  content: "";
  position: absolute;
  transition: transform 0.5s ease;
}

.effect-3 {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  line-height: 1;
  /* top: -0.2rem; */
  /* padding-top: 10px; */
  /* padding-bottom: 5px; */
  overflow: hidden;padding-top:0.2rem;padding-bottom:0.3rem;
}
.effect-3:before {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: #293a66;
  transform: translateX(-101%);
}
.effect-3:hover:before {
  transform: translateX(0);
}

.s4-effect-3,
.s4-effect-3 > span {
  position: relative;
  color: inherit;
  text-decoration: none;
  /* line-height: 24px; */
}
.s4-effect-3:before,
.s4-effect-3:after,
.s4-effect-3 > span:before,
.s4-effect-3 > span:after {
  content: "";
  position: absolute;
  transition: transform 0.5s ease;
}

.s4-effect-3 {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  line-height: 1;
  /* top: -0.2rem; */
  /* padding-top: 10px; */
  /* padding-bottom: 5px; */
  overflow: hidden;padding-top:0.2rem;padding-bottom:0.3rem;
}
.s4-effect-3:before {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: white;
  transform: translateX(-101%);
}
.s4-effect-3:hover:before {
  transform: translateX(0);
}

.cta,
.bulleWrap {
  cursor: pointer;
  transition:
    box-shadow 600ms cubic-bezier(0.33, 0.11, 0.02, 0.99),
    transform 600ms cubic-bezier(0.33, 0.11, 0.02, 0.99);display:inline-block;
}
.cta:hover,
.bulleWrap:hover {
  box-shadow:
    0 4px 4px rgba(0, 0, 0, 0.1),
    0 1px 6px rgba(0, 0, 0, 0.05),
    0 8px 8px rgba(0, 0, 0, 0.1),
    0 16px 16px rgba(0, 0, 0, 0.1),
    8px 32px 32px rgba(0, 0, 0, 0.15),
    8px 64px 64px rgba(0, 0, 0, 0.15);
  transform: scale(1.2) translateY(-0.5rem);
}
@media (max-width: 767.9px) {
  .cta:hover {
    box-shadow:
      0 4px 4px rgba(0, 0, 0, 0.1),
      0 1px 6px rgba(0, 0, 0, 0.05),
      0 8px 8px rgba(0, 0, 0, 0.1),
      0 16px 16px rgba(0, 0, 0, 0.1),
      8px 32px 32px rgba(0, 0, 0, 0.15),
      8px 64px 64px rgba(0, 0, 0, 0.15);
    transform: scale(1.07) translateY(-0.5rem);
  }
}

.cta:active,
.bulleWrap:active {
  box-shadow:
    0 4px 4px rgba(0, 0, 0, 0.1),
    0 1px 6px rgba(0, 0, 0, 0.05),
    0 8px 8px rgba(0, 0, 0, 0.1),
    0 16px 16px rgba(0, 0, 0, 0.1),
    8px 16px 16px rgba(0, 0, 0, 0.15),
    8px 32px 32px rgba(0, 0, 0, 0.15);
}

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

.odometer.odometer-auto-theme,
.odometer.odometer-theme-minimal {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: relative;
}
.odometer.odometer-auto-theme .odometer-digit,
.odometer.odometer-theme-minimal .odometer-digit {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: relative;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,
.odometer.odometer-theme-minimal .odometer-digit .odometer-digit-spacer {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,
.odometer.odometer-theme-minimal .odometer-digit .odometer-digit-inner {
  text-align: left;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,
.odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon {
  display: block;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,
.odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon-inner {
  display: block;
  -webkit-backface-visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value,
.odometer.odometer-theme-minimal .odometer-digit .odometer-value {
  display: block;
  -webkit-transform: translateZ(0);
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,
.odometer.odometer-theme-minimal .odometer-digit .odometer-value.odometer-last-value {
  position: absolute;
}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,
.odometer.odometer-theme-minimal.odometer-animating-up .odometer-ribbon-inner {
  transition: transform 4s;
}
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,
.odometer.odometer-theme-minimal.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,
.odometer.odometer-theme-minimal.odometer-animating-down .odometer-ribbon-inner {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,
.odometer.odometer-theme-minimal.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
  transition: transform 4s;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.blur-in {
  animation: blur-in 1s forwards;
}

.blur-out {
  animation: blur-out 1s forwards;
}

@keyframes blur-in {
  0% {
    filter: blur(0px);
  }

  100% {
    filter: blur(4px);
  }
}

@keyframes blur-out {
  0% {
    filter: blur(4px);
  }

  100% {
    filter: blur(0px);
  }
}

.svg_pasdon.lancer_tampon {
  animation: tampon 0.2s linear forwards;
}

@keyframes tampon {
  0% {
    opacity: 1;
    transform: scale(2.5);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}