.liste[data-astro-cid-cgbhm3je] {
  --coul: var(--c-orange);
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  column-gap: var(--e-8);
}

.liste--2[data-astro-cid-cgbhm3je] {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.liste--3[data-astro-cid-cgbhm3je] {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: var(--e-6);
}

.liste--4[data-astro-cid-cgbhm3je] {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  column-gap: var(--e-6);
}

.element[data-astro-cid-cgbhm3je] {
  position: relative;
  display: grid;
  grid-template-columns: 4.4rem 1fr;
  gap: var(--e-4);
  padding: var(--e-5) var(--e-3) var(--e-5) 0;
}

.liste--3[data-astro-cid-cgbhm3je] .element[data-astro-cid-cgbhm3je], .liste--4[data-astro-cid-cgbhm3je] .element[data-astro-cid-cgbhm3je] {
  grid-template-columns: 1fr;
  gap: var(--e-3);
}

.element[data-astro-cid-cgbhm3je]:before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 1px;
  background: color-mix(in srgb, var(--coul, var(--c-orange)) 40%, var(--c-ligne));
  transform-origin: 0;
}

.element[data-astro-cid-cgbhm3je]:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 2px;
  background: var(--coul, var(--c-orange));
  transform: scaleX(0);
  transform-origin: 0;
  transition: transform .5s var(--s-ease);
}

.element[data-astro-cid-cgbhm3je]:hover:after {
  transform: scaleX(1);
}

.num[data-astro-cid-cgbhm3je] {
  font-family: var(--f-titre);
  font-weight: 700;
  font-size: 2.8rem;
  line-height: 1;
  color: #0000;
  -webkit-text-stroke: 1.3px var(--coul, var(--c-orange));
  transition: color var(--dur-base) var(--s-ease);
}

.element[data-astro-cid-cgbhm3je]:hover .num[data-astro-cid-cgbhm3je] {
  color: var(--coul, var(--c-orange));
  -webkit-text-fill-color: var(--coul, var(--c-orange));
}

h3[data-astro-cid-cgbhm3je] {
  font-size: var(--t-4);
  margin: .35rem 0 var(--e-2);
  color: var(--c-encre);
}

h3[data-astro-cid-cgbhm3je] a[data-astro-cid-cgbhm3je] {
  color: inherit;
  text-decoration: none;
}

h3[data-astro-cid-cgbhm3je] a[data-astro-cid-cgbhm3je]:after {
  content: "";
  position: absolute;
  inset: 0;
}

h3[data-astro-cid-cgbhm3je] a[data-astro-cid-cgbhm3je]:hover {
  color: var(--c-encre);
}

.corps[data-astro-cid-cgbhm3je] p[data-astro-cid-cgbhm3je] {
  margin: 0;
  color: var(--c-encre-2);
  font-size: var(--t-small);
  line-height: 1.55;
}

.puces[data-astro-cid-cgbhm3je] {
  list-style: none;
  padding: 0;
  margin: var(--e-3) 0 0;
  display: flex;
  flex-wrap: wrap;
  gap: 4px 6px;
}

.puces[data-astro-cid-cgbhm3je] li[data-astro-cid-cgbhm3je] {
  font-size: var(--t-xs);
  padding: .2em .65em;
  border-radius: 999px;
  background: color-mix(in srgb, var(--coul, var(--c-orange)) 10%, #fff);
  color: var(--c-encre-2);
}

.corps[data-astro-cid-cgbhm3je] .meta[data-astro-cid-cgbhm3je] {
  margin-top: var(--e-3);
  font-family: var(--f-mono);
  font-size: var(--t-xs);
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--c-encre-3);
}

@keyframes s-allume {
  0% {
    color: #0000;
    text-shadow: none;
  }

  70% {
    color: var(--coul, var(--c-orange));
    text-shadow: 0 0 22px color-mix(in srgb, var(--coul, var(--c-orange)) 70%, transparent);
  }

  100% {
    color: var(--coul, var(--c-orange));
    text-shadow: 0 0 #0000;
  }
}

@keyframes s-filet {
  from {
    transform: scaleX(0);
  }

  to {
    transform: scaleX(1);
  }
}

@keyframes s-element {
  from {
    opacity: 0;
    transform: translateY(40px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) and (width >= 1025px) and (hover: hover) and (pointer: fine) {
    .element[data-astro-cid-cgbhm3je] {
      animation: linear both s-element;
      animation-timeline: view();
      animation-range: entry calc(var(--i, 0) * 6%) cover calc(22% + var(--i, 0) * 6%);
    }

    .element[data-astro-cid-cgbhm3je]:before {
      animation: linear both s-filet;
      animation-timeline: view();
      animation-range: entry cover 30%;
    }

    .num[data-astro-cid-cgbhm3je] {
      animation: linear both s-allume;
      animation-timeline: view();
      animation-range: entry 70% cover 48%;
    }
  }
}

@media (width <= 1024px), (hover: none), (pointer: coarse) {
  .num[data-astro-cid-cgbhm3je] {
    color: var(--coul, var(--c-orange));
  }
}

@media (width <= 900px) {
  .liste--2[data-astro-cid-cgbhm3je], .liste--3[data-astro-cid-cgbhm3je], .liste--4[data-astro-cid-cgbhm3je] {
    grid-template-columns: 1fr;
  }

  .liste--3[data-astro-cid-cgbhm3je] .element[data-astro-cid-cgbhm3je], .liste--4[data-astro-cid-cgbhm3je] .element[data-astro-cid-cgbhm3je] {
    grid-template-columns: 4.4rem 1fr;
    gap: var(--e-4);
  }
}

@media (width >= 901px) and (width <= 1100px) {
  .liste--4[data-astro-cid-cgbhm3je] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.bandeau[data-astro-cid-gaofjx6y] {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  clip-path: polygon(0 9%, 100% 0, 100% 91%, 0 100%);
  min-height: clamp(380px, 62svh, 620px);
  display: grid;
  align-items: center;
  margin-block: var(--e-6) var(--e-8);
  background: var(--c-fond-3);
}

.bandeau-image[data-astro-cid-gaofjx6y] {
  position: fixed;
  inset: 0;
  z-index: -2;
  background: var(--fond) var(--fond-pos) / cover no-repeat;
  opacity: .8;
}

.bandeau-voile[data-astro-cid-gaofjx6y] {
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(90deg, var(--c-fond) 0%, color-mix(in srgb, var(--c-fond) 82%, transparent) 40%, color-mix(in srgb, var(--c-fond) 12%, transparent) 100%);
}

.bandeau-trait[data-astro-cid-gaofjx6y] {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 12%;
  width: 100%;
  height: 140px;
  z-index: -1;
  fill: none;
}

.bandeau-trait[data-astro-cid-gaofjx6y] path[data-astro-cid-gaofjx6y] {
  stroke-dasharray: 1;
  stroke-dashoffset: 0;
  stroke-linecap: round;
}

.bandeau-trait[data-astro-cid-gaofjx6y] .b1[data-astro-cid-gaofjx6y] {
  stroke: var(--c-orange);
  stroke-width: 2px;
  opacity: .7;
}

.bandeau-trait[data-astro-cid-gaofjx6y] .b2[data-astro-cid-gaofjx6y] {
  stroke: var(--c-bleu);
  stroke-width: 1.2px;
  opacity: .5;
}

.bandeau-sur[data-astro-cid-gaofjx6y] {
  font-family: var(--f-mono);
  font-size: var(--t-xs);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--c-bleu-encre);
  margin: 0 0 var(--e-4);
}

.bandeau-titre[data-astro-cid-gaofjx6y] {
  font-family: var(--f-titre);
  font-weight: 700;
  font-size: clamp(2.2rem, 1.3rem + 3.6vw, 4.6rem);
  line-height: 1;
  letter-spacing: -.01em;
  color: var(--c-encre);
  max-width: 18ch;
  margin: 0 0 var(--e-5);
  text-wrap: balance;
}

.bandeau-zone[data-astro-cid-gaofjx6y] {
  font-size: var(--t-4);
  color: var(--c-encre-2);
  max-width: 52ch;
  margin: 0;
}

.bandeau-texte[data-astro-cid-gaofjx6y] .btn {
  margin-top: var(--e-5);
}

@keyframes s-trace-bandeau {
  from {
    stroke-dashoffset: 1px;
  }

  to {
    stroke-dashoffset: 0;
  }
}

@keyframes s-monte-bandeau {
  from {
    opacity: 0;
    transform: translateY(40px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) and (width >= 1025px) and (hover: hover) and (pointer: fine) {
    .bandeau-texte[data-astro-cid-gaofjx6y] {
      animation: linear both s-monte-bandeau;
      animation-timeline: view();
      animation-range: entry 10% cover 40%;
    }

    .bandeau-trait[data-astro-cid-gaofjx6y] path[data-astro-cid-gaofjx6y] {
      animation: linear both s-trace-bandeau;
      animation-timeline: view();
      animation-range: entry 10% cover 55%;
    }
  }
}

@media (width <= 1024px), (hover: none), (pointer: coarse) {
  .bandeau-image[data-astro-cid-gaofjx6y] {
    position: absolute;
  }
}

@media (width <= 900px) {
  .bandeau[data-astro-cid-gaofjx6y] {
    min-height: clamp(320px, 48svh, 460px);
    clip-path: polygon(0 5%, 100% 0, 100% 95%, 0 100%);
  }

  .bandeau-voile[data-astro-cid-gaofjx6y] {
    background: linear-gradient(90deg, var(--c-fond) 0%, color-mix(in srgb, var(--c-fond) 78%, transparent) 70%, color-mix(in srgb, var(--c-fond) 40%, transparent) 100%);
  }
}