/* Vitrine weelik.com — thème sombre aux couleurs Weelik (nuit #0F2524, sarcelle #0B5857, turquoise #5FD3C4, ambre #F3B13B) (toutes largeurs).
   C'est le mode par défaut : chaque règle est préfixée par
   :root:not([data-theme="clair"]) pour céder la place au mode clair quand la
   personne le choisit (bouton partials/bouton-theme). Restent communs aux deux
   modes : les blocs de mise en page (max-width:899.98px, min-width:900px) et la
   structure des composants du nouveau design (ondes de la carte, étapes illustrées, équipes,
   panneau), dont les couleurs passent par les variables.
   Chargé après vitrine.css : il redéfinit les mêmes variables (--v-fond,
   --v-surface, --v-encre, --v-sarcelle…) et habille les composants.
   Les retouches de mise en page propres à l'ordinateur sont en fin de
   fichier, sous min-width:900px ; les éléments ajoutés pour l'ordinateur
   sont masqués en dessous. Règle de contraste : texte foncé
   (--v-neon-sur) sur fond vert vif, jamais de blanc. */

@media (max-width:899.98px){
  .v-etapes__visuel,.v-seulement-large{display:none!important}
}

:root:not([data-theme="clair"]){
  --v-fond:#071716; --v-surface:#0D2120; --v-teinte:#11302D; --v-teinte-2:#133A36;
  --v-encre:#F1F7F5; --v-texte:#CAD8D4; --v-gris:#9DB2AD; --v-filet:rgba(95,211,196,.13); --v-filet-fort:rgba(95,211,196,.28);
  --v-sarcelle:#5FD3C4; --v-sarcelle-fonce:#86E4D8; --v-turquoise:#5FD3C4;
  --v-nuit:#041110; --v-nuit-2:#0F2524; --v-nuit-texte:#B3C8C3;
  --v-neon:#5FD3C4; --v-neon-sur:#0F2524; --v-halo:rgba(95,211,196,.35);
  --v-carte-fond:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015));
  --v-ombre:0 30px 70px rgba(0,0,0,.55);
  color-scheme:dark;
}
:root:not([data-theme="clair"]) body{
  background:
    radial-gradient(1100px 700px at 88% -8%,rgba(22,124,121,.42),transparent 62%),
    radial-gradient(900px 700px at -12% 38%,rgba(11,88,87,.40),transparent 60%),
    radial-gradient(1000px 800px at 110% 78%,rgba(22,124,121,.22),transparent 60%),
    var(--v-fond);
}
:root:not([data-theme="clair"]) ::selection{background:rgba(95,211,196,.35);color:#fff}

/* Titres : blanc, mots-clés en vert lumineux */
:root:not([data-theme="clair"]) .v-neon{color:var(--v-neon);text-shadow:0 0 22px rgba(95,211,196,.28)}

/* Boutons pilule */
:root:not([data-theme="clair"]) .v-btn--plein{background:linear-gradient(180deg,#86E4D8 0%,#3FBFAE 100%);color:var(--v-neon-sur);box-shadow:0 0 0 1px rgba(95,211,196,.45),0 12px 34px rgba(95,211,196,.30)}
:root:not([data-theme="clair"]) .v-btn--plein:hover{background:linear-gradient(180deg,#9DEBE1 0%,#4ECBBA 100%);color:var(--v-neon-sur);box-shadow:0 0 0 1px rgba(95,211,196,.6),0 14px 40px rgba(95,211,196,.45)}
:root:not([data-theme="clair"]) .v-btn--contour{border-color:rgba(241,247,245,.38);color:var(--v-encre)}
:root:not([data-theme="clair"]) .v-btn--contour:hover{background:rgba(241,247,245,.06);border-color:var(--v-neon);color:var(--v-encre)}
:root:not([data-theme="clair"]) .v-btn--blanc,:root:not([data-theme="clair"]) .v-btn--blanc:hover{color:#0F2524}
:root:not([data-theme="clair"]) .v-btn--blanc:hover{background:#DDF5F1}

/* En-tête et pied */
:root:not([data-theme="clair"]) .v-entete{background:rgba(7,23,22,.78);border-bottom-color:rgba(95,211,196,.10)}
:root:not([data-theme="clair"]) .v-nav a{color:var(--v-texte)}
:root:not([data-theme="clair"]) .v-nav a:hover,:root:not([data-theme="clair"]) .v-nav a[aria-current="page"]{color:var(--v-neon)}
:root:not([data-theme="clair"]) .v-connexion{color:var(--v-encre);border:1px solid rgba(241,247,245,.35);border-radius:999px;padding:9px 18px}
:root:not([data-theme="clair"]) .v-connexion:hover{border-color:var(--v-neon);color:var(--v-encre)}
:root:not([data-theme="clair"]) .v-menu>summary{color:var(--v-encre)}
:root:not([data-theme="clair"]) .v-pied{background:#041110;border-top-color:rgba(95,211,196,.10)}
:root:not([data-theme="clair"]) .v-pied a{color:var(--v-texte)}
:root:not([data-theme="clair"]) .v-pied a:hover{color:var(--v-neon)}

/* Sections */
:root:not([data-theme="clair"]) .v-section--blanc{background:rgba(255,255,255,.012);border-color:rgba(95,211,196,.08)}
:root:not([data-theme="clair"]) .v-section--nuit{background:radial-gradient(800px 420px at 80% 0%,rgba(22,124,121,.16),transparent 70%),var(--v-nuit);border-top:1px solid rgba(95,211,196,.08);border-bottom:1px solid rgba(95,211,196,.08)}

/* Héros : téléphone et carte noire sur halo vert, ondes NFC */
:root:not([data-theme="clair"]) .v-scene::before{inset:6% 0 4% 6%;border-radius:50%;background:radial-gradient(closest-side,rgba(95,211,196,.30),rgba(95,211,196,.08) 60%,transparent 100%);filter:blur(10px)}
:root:not([data-theme="clair"]) .v-tel{background:#041110;box-shadow:0 0 0 1px rgba(95,211,196,.22),0 40px 90px rgba(0,0,0,.65),0 0 70px rgba(95,211,196,.18)}
:root:not([data-theme="clair"]) .v-scene .v-visuel-carte{filter:drop-shadow(0 30px 40px rgba(0,0,0,.6)) drop-shadow(0 0 22px rgba(95,211,196,.18))}
:root:not([data-theme="clair"]) .v-bulle{background:rgba(13,33,32,.92);border-color:var(--v-filet-fort);color:var(--v-encre);box-shadow:0 14px 34px rgba(0,0,0,.45)}
:root:not([data-theme="clair"]) .v-bulle span{background:rgba(95,211,196,.16)}
:root:not([data-theme="clair"]) .v-bulle svg{stroke:var(--v-neon)}
:root:not([data-theme="clair"]) .v-adresse{background:#041110;border:1px solid var(--v-filet-fort)}
/* Ondes NFC : dessinées sur la carte elle-même (pseudo-élément de son
   <picture>), en pourcentage de la carte : elles suivent sa taille et sa
   position à toutes les largeurs. Couleur par variable (masque SVG), donc
   valable dans les deux modes. */
.v-heros .v-scene .v-visuel-carte::after,.v-etapes__visuel .v-visuel-carte::after{content:"";position:absolute;aspect-ratio:1;background:var(--v-neon,var(--v-sarcelle));-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M15.07 16.93A10 10 0 0 1 15.07 31.07'/%3E%3Cpath stroke-opacity='.7' d='M20.73 11.27A18 18 0 0 1 20.73 36.73'/%3E%3Cpath stroke-opacity='.4' d='M26.38 5.62A26 26 0 0 1 26.38 42.38'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M15.07 16.93A10 10 0 0 1 15.07 31.07'/%3E%3Cpath stroke-opacity='.7' d='M20.73 11.27A18 18 0 0 1 20.73 36.73'/%3E%3Cpath stroke-opacity='.4' d='M26.38 5.62A26 26 0 0 1 26.38 42.38'/%3E%3C/svg%3E") center/contain no-repeat;pointer-events:none}
/* Héros : sur la partie gauche de la carte, que le téléphone ne couvre jamais. */
.v-heros .v-scene .v-visuel-carte::after{left:1%;bottom:92%;width:max(20%,38px);transform:rotate(-90deg)}
.v-etapes__visuel .v-visuel-carte::after{left:60%;bottom:90%;width:24%;transform:rotate(-40deg);transform-origin:20% 50%}
@media (prefers-reduced-motion:no-preference){
  .v-heros .v-scene .v-visuel-carte::after,.v-etapes__visuel .v-visuel-carte::after{animation:v-onde 2.4s ease-in-out infinite}
}
@keyframes v-onde{0%,100%{opacity:.55}50%{opacity:1}}

:root:not([data-theme="clair"]) .v-puce{background:rgba(255,255,255,.03);border-color:var(--v-filet-fort);color:var(--v-encre)}
:root:not([data-theme="clair"]) .v-puce:hover{border-color:var(--v-neon)}
:root:not([data-theme="clair"]) .v-puce[aria-pressed="true"],:root:not([data-theme="clair"]) .v-puce.is-actif{background:var(--v-neon);border-color:var(--v-neon);color:var(--v-neon-sur)}
:root:not([data-theme="clair"]) .v-reserver__champ{background:rgba(255,255,255,.03)}
:root:not([data-theme="clair"]) .v-reserver__champ:focus-within{border-color:var(--v-neon);box-shadow:0 0 0 4px rgba(95,211,196,.12)}

/* Barre de réassurance à icônes */

/* Cartes de contenu sombres à filet vert */
:root:not([data-theme="clair"]) .v-bloc{background:var(--v-carte-fond);border-color:var(--v-filet)}
:root:not([data-theme="clair"]) .v-bloc--lien:hover{border-color:rgba(95,211,196,.6);box-shadow:0 0 0 1px rgba(95,211,196,.25),0 20px 50px rgba(0,0,0,.45),0 0 40px rgba(95,211,196,.10)}
:root:not([data-theme="clair"]) .v-icone{background:rgba(95,211,196,.10);color:var(--v-neon);box-shadow:inset 0 0 0 1px rgba(95,211,196,.28)}
:root:not([data-theme="clair"]) .v-etiquette{background:rgba(95,211,196,.12);color:var(--v-neon)}
:root:not([data-theme="clair"]) .v-etiquette--ambre{background:var(--v-ambre);color:#1A1200}
:root:not([data-theme="clair"]) .v-tuiles li{background:var(--v-carte-fond);border:1px solid var(--v-filet)}
:root:not([data-theme="clair"]) .v-mentions{background:var(--v-carte-fond)}

/* « Comment ça marche » : trois cartes illustrées */
:root:not([data-theme="clair"]) .v-video{box-shadow:0 0 0 1px rgba(95,211,196,.35),0 30px 70px rgba(0,0,0,.55),0 0 60px rgba(95,211,196,.12)}
:root:not([data-theme="clair"]) .v-video::after{content:"";position:absolute;left:0;right:0;bottom:0;height:42%;background:linear-gradient(180deg,transparent,rgba(4,17,16,.88));pointer-events:none}
:root:not([data-theme="clair"]) .v-video__legende{z-index:1}
:root:not([data-theme="clair"]) .v-boucle video{box-shadow:0 0 0 1px rgba(95,211,196,.3),0 30px 70px rgba(0,0,0,.5),0 0 50px rgba(95,211,196,.10)}
:root:not([data-theme="clair"]) .v-video__lire{z-index:1;background:var(--v-neon);box-shadow:0 0 0 10px rgba(95,211,196,.18),0 0 50px rgba(95,211,196,.5)}
:root:not([data-theme="clair"]) .v-video__lire svg{fill:var(--v-neon-sur)}
:root:not([data-theme="clair"]) .v-video__lire svg path{fill:var(--v-neon-sur)}
:root:not([data-theme="clair"]) .v-etapes li::before{background:var(--v-neon);color:var(--v-neon-sur);box-shadow:0 0 18px rgba(95,211,196,.4)}
.v-etapes__visuel{grid-area:visuel;position:relative;height:210px;margin:0 -22px;overflow:hidden;background:radial-gradient(300px 180px at 50% 100%,rgba(95,211,196,.20),transparent 70%),rgba(255,255,255,.02);border-bottom:1px solid var(--v-filet)}
.v-etapes__ecran{position:absolute;bottom:-24px;width:104px;aspect-ratio:1/2;border-radius:16px;overflow:hidden;border:4px solid #041110;box-shadow:0 18px 30px rgba(0,0,0,.55)}
.v-etapes__ecran img{width:100%;height:100%;object-fit:cover;object-position:top}
.v-etapes__ecran--1{left:calc(50% - 150px);transform:rotate(-8deg);bottom:-34px}
.v-etapes__ecran--2{left:calc(50% - 52px);z-index:1;bottom:-14px;box-shadow:0 0 0 1px rgba(95,211,196,.45),0 22px 36px rgba(0,0,0,.6)}
.v-etapes__ecran--3{left:calc(50% + 46px);transform:rotate(8deg);bottom:-34px}
.v-etapes__ecran--seul{left:calc(50% - 64px);width:128px;bottom:-60px}
.v-etapes__nuancier{position:absolute;right:calc(50% - 150px);top:44px;display:flex;flex-direction:column;gap:10px;padding:10px;border-radius:14px;background:rgba(13,33,32,.92);border:1px solid var(--v-filet-fort)}
.v-etapes__nuancier span{width:18px;height:18px;border-radius:50%}
.v-etapes__visuel .v-visuel-carte{position:absolute;left:calc(50% - 128px);top:46px;width:190px;transform:rotate(-10deg);filter:drop-shadow(0 20px 26px rgba(0,0,0,.6))}

/* Équipes */
.v-equipes{position:relative;border-radius:32px;padding:56px;background:radial-gradient(700px 360px at 0% 0%,rgba(95,211,196,.16),transparent 70%),var(--v-carte-fond);border:1px solid rgba(95,211,196,.45);box-shadow:0 0 60px rgba(95,211,196,.10);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:56px;align-items:center}
.v-equipes .v-liste{font-size:16px}
.v-panneau{border-radius:22px;background:#0A1D1B;border:1px solid var(--v-filet-fort);box-shadow:0 30px 70px rgba(0,0,0,.55);overflow:hidden}
.v-panneau__barre{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--v-filet)}
.v-panneau__barre strong{font-size:15px}
.v-panneau__barre span{font-size:12px;font-weight:600;color:var(--v-neon-sur);background:var(--v-neon);border-radius:999px;padding:6px 12px}
.v-panneau ul{list-style:none;margin:0;padding:6px 0}
.v-panneau li{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px 20px;border-bottom:1px solid rgba(95,211,196,.07);font-size:14px}
.v-panneau li:last-child{border-bottom:0}
.v-panneau__avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:var(--v-neon-sur);background:linear-gradient(135deg,#9DEBE1,#3FBFAE)}
.v-panneau li:nth-child(2) .v-panneau__avatar{background:linear-gradient(135deg,#9FE7FF,#3FB6D8)}
.v-panneau li:nth-child(3) .v-panneau__avatar{background:linear-gradient(135deg,#FFD58A,#F3B13B)}
.v-panneau li:nth-child(4) .v-panneau__avatar{background:linear-gradient(135deg,#E9C4FF,#B07BE8)}
.v-panneau small{display:block;color:var(--v-gris);font-size:12.5px}
.v-panneau__etat{font-size:12px;color:var(--v-neon);border:1px solid rgba(95,211,196,.4);border-radius:999px;padding:4px 10px;white-space:nowrap}
.v-panneau__etat--attente{color:var(--v-gris);border-color:var(--v-filet-fort)}

/* Cartes NFC */
:root:not([data-theme="clair"]) .v-nfc{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015));border:1px solid var(--v-filet);transition:border-color .2s,box-shadow .2s,transform .2s}
:root:not([data-theme="clair"]) .v-nfc:hover{outline:0;border-color:rgba(95,211,196,.6);box-shadow:0 0 44px rgba(95,211,196,.14)}
:root:not([data-theme="clair"]) .v-nfc--clair{background:var(--v-carte-fond);border-color:var(--v-filet);color:var(--v-encre)}
:root:not([data-theme="clair"]) .v-nfc--clair:hover{color:var(--v-encre)}
:root:not([data-theme="clair"]) .v-nfc .v-visuel-carte img{filter:drop-shadow(0 22px 30px rgba(0,0,0,.6)) drop-shadow(0 0 18px rgba(95,211,196,.12))}
@media (prefers-reduced-motion:no-preference){
  :root:not([data-theme="clair"]) .v-nfc .v-visuel-carte{transition:transform .35s ease}
  :root:not([data-theme="clair"]) .v-nfc:hover .v-visuel-carte{transform:perspective(900px) rotateX(8deg) rotateY(-10deg) translateY(-6px)}
  :root:not([data-theme="clair"]) .v-nfc:hover{transform:translateY(-3px)}
}
:root:not([data-theme="clair"]) .v-vignettes .v-visuel-carte{background:var(--v-carte-fond)}

/* Modèles */
:root:not([data-theme="clair"]) .v-galerie__ecran{border-color:var(--v-filet-fort);box-shadow:0 20px 40px rgba(0,0,0,.45)}
:root:not([data-theme="clair"]) .v-bande__piste .v-galerie__ecran{box-shadow:0 18px 36px rgba(0,0,0,.5)}

/* Offres */
:root:not([data-theme="clair"]) .v-offre{background:var(--v-carte-fond);border-color:var(--v-filet)}
:root:not([data-theme="clair"]) .v-offre--avant{background:radial-gradient(420px 220px at 50% 0%,rgba(95,211,196,.16),transparent 75%),var(--v-surface);border:1px solid rgba(95,211,196,.6);box-shadow:0 0 50px rgba(95,211,196,.14)}
:root:not([data-theme="clair"]) .v-liste li::before{background:rgba(95,211,196,.14) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235FD3C4' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/12px no-repeat}
:root:not([data-theme="clair"]) .v-tableau thead th{background:rgba(95,211,196,.08)}
:root:not([data-theme="clair"]) .v-defile{background:var(--v-carte-fond)}

/* FAQ : accordéons pilule */
:root:not([data-theme="clair"]) .v-faq{gap:12px}
:root:not([data-theme="clair"]) .v-faq details{border:1px solid var(--v-filet-fort);border-radius:22px;padding:16px 24px;background:rgba(255,255,255,.02);transition:border-color .2s,background-color .2s}
:root:not([data-theme="clair"]) .v-faq details:hover{border-color:rgba(95,211,196,.55)}
:root:not([data-theme="clair"]) .v-faq details[open]{background:linear-gradient(135deg,rgba(95,211,196,.20),rgba(95,211,196,.06));border-color:rgba(95,211,196,.65)}
:root:not([data-theme="clair"]) .v-faq summary{font-size:17px}
:root:not([data-theme="clair"]) .v-faq summary::after{color:var(--v-neon)}
:root:not([data-theme="clair"]) .v-faq details p{color:var(--v-texte)}

/* Appel final */
:root:not([data-theme="clair"]) .v-appel{background:radial-gradient(600px 300px at 90% 0%,rgba(95,211,196,.28),transparent 70%),linear-gradient(135deg,#0F3B38,#0A1F1D);border:1px solid rgba(95,211,196,.5);box-shadow:0 0 70px rgba(95,211,196,.14)}
:root:not([data-theme="clair"]) .v-appel p{color:var(--v-texte)}
:root:not([data-theme="clair"]) .v-appel .v-btn--blanc{background:linear-gradient(180deg,#86E4D8 0%,#3FBFAE 100%);color:var(--v-neon-sur);box-shadow:0 0 0 1px rgba(95,211,196,.45),0 12px 34px rgba(95,211,196,.30)}
:root:not([data-theme="clair"]) .v-appel .v-btn--blanc:hover{background:linear-gradient(180deg,#9DEBE1 0%,#4ECBBA 100%)}
:root:not([data-theme="clair"]) .v-appel a:not(.v-btn){color:var(--v-neon)}

/* Formulaires */
:root:not([data-theme="clair"]) .v-champ input,:root:not([data-theme="clair"]) .v-champ select,:root:not([data-theme="clair"]) .v-champ textarea{background:rgba(255,255,255,.03)}
:root:not([data-theme="clair"]) .v-champ input:focus,:root:not([data-theme="clair"]) .v-champ select:focus,:root:not([data-theme="clair"]) .v-champ textarea:focus{border-color:var(--v-neon)}
:root:not([data-theme="clair"]) .v-faits{background:var(--v-carte-fond)}

/* Bandeau cookies de l'application, aux couleurs du thème */
:root:not([data-theme="clair"]) body .weelik-cookie-banner{background:#0D2120;color:var(--v-encre);border:1px solid var(--v-filet-fort);box-shadow:0 24px 60px rgba(0,0,0,.6),0 0 40px rgba(95,211,196,.10);font-family:var(--v-corps)}
:root:not([data-theme="clair"]) body .weelik-cookie-text strong{color:var(--v-encre)}
:root:not([data-theme="clair"]) body .weelik-cookie-text p{color:var(--v-gris)}
:root:not([data-theme="clair"]) body .weelik-cookie-icon svg{stroke:var(--v-ambre)}
:root:not([data-theme="clair"]) body .weelik-btn-accept{background:var(--v-neon);color:var(--v-neon-sur)}
:root:not([data-theme="clair"]) body .weelik-btn-accept:hover{background:#86E4D8;color:var(--v-neon-sur)}
:root:not([data-theme="clair"]) body .weelik-btn-decline{color:var(--v-texte);border-color:var(--v-filet-fort)}
:root:not([data-theme="clair"]) body .weelik-btn-decline:hover{background:rgba(255,255,255,.05);color:var(--v-encre)}

/* Mise en page ordinateur */
@media (min-width:900px){
  .v-h1{font-size:clamp(46px,4.6vw,64px)}
  .v-heros{padding:88px 0 72px}
  .v-bandeau{background:transparent;border:0}
  .v-bandeau ul{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding-top:8px;padding-bottom:8px}
  .v-bandeau li{position:relative;padding:2px 0 2px 56px;min-height:44px;display:block;color:var(--v-texte);line-height:1.4;align-self:center}
  .v-bandeau ul{align-items:center}
  .v-bandeau strong{color:var(--v-encre)}
  .v-bandeau li::before{content:"";position:absolute;left:0;top:50%;width:42px;height:42px;margin-top:-21px;border-radius:50%;background:rgba(95,211,196,.10);box-shadow:inset 0 0 0 1px rgba(95,211,196,.35),0 0 18px rgba(95,211,196,.18)}
  .v-bandeau li::after{content:"";position:absolute;left:11px;top:50%;width:20px;height:20px;margin-top:-10px;background:var(--v-neon);-webkit-mask:var(--v-pic) center/contain no-repeat;mask:var(--v-pic) center/contain no-repeat}
  .v-bandeau li:nth-child(1){--v-pic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='8' width='18' height='13' rx='2'/%3E%3Cpath d='M12 8v13M3 12h18M7.5 8a2.5 2.5 0 1 1 4.5-1.5V8M16.5 8A2.5 2.5 0 1 0 12 6.5'/%3E%3C/svg%3E")}
  .v-bandeau li:nth-child(2){--v-pic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='5' width='20' height='14' rx='3'/%3E%3Cpath d='M15 9.5a3.5 3.5 0 0 1 0 5M17.5 8a6 6 0 0 1 0 8'/%3E%3C/svg%3E")}
  .v-bandeau li:nth-child(3){--v-pic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='2' width='12' height='20' rx='3'/%3E%3Cpath d='M11 18h2'/%3E%3C/svg%3E")}
  .v-bandeau li:nth-child(4){--v-pic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7' rx='1'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1'/%3E%3Cpath d='M14 14h3v3h-3zM20 14v.01M14 20h.01M17 20h4v-3'/%3E%3C/svg%3E")}
  .v-accueil-etapes .v-deux{grid-template-columns:minmax(0,1fr);gap:48px}
  .v-accueil-etapes .v-etapes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
  .v-accueil-etapes .v-etapes li{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"visuel visuel" "numero texte";column-gap:14px;row-gap:22px;align-items:start;padding:0 22px 26px;border-radius:var(--v-r);background:var(--v-carte-fond);border:1px solid var(--v-filet);overflow:hidden;transition:border-color .2s,box-shadow .2s}
  .v-accueil-etapes .v-etapes li:first-child{border-color:rgba(95,211,196,.55);box-shadow:0 0 0 1px rgba(95,211,196,.2),0 0 46px rgba(95,211,196,.14)}
  .v-accueil-etapes .v-etapes li:hover{border-color:rgba(95,211,196,.55)}
  .v-accueil-etapes .v-etapes li::before{grid-area:numero;width:34px;height:34px;font-size:15px}
  .v-accueil-etapes .v-etapes li>div:last-child{grid-area:texte}
  .v-accueil-etapes .v-video{max-width:780px;width:100%;margin-inline:auto}
  .v-equipes .v-reserver{flex-wrap:nowrap}
  .v-equipes .v-btn{padding:0 22px;white-space:nowrap}
}