@layer composants{.conteneur{inline-size:min(100% - 2 * var(--gouttiere),var(--largeur-page));margin-inline:auto}.section{padding-block:var(--espace-section)}.section.doux{background:var(--couleur-fond-doux)}.section.menthe{background:var(--couleur-fond-menthe)}.section.foret{--couleur-texte: var(--couleur-texte-inverse);--couleur-texte-doux: var(--gris-300);--couleur-lien: var(--vert-300);--couleur-lien-survol: var(--gris-0);--couleur-marque-texte: var(--vert-300);--couleur-focus: var(--vert-300);--couleur-bordure: rgb(255 255 255 / .14);background:var(--couleur-fond-foret);color:var(--couleur-texte)}.pile{display:flex;flex-direction:column;gap:var(--pile-ecart, var(--espace-4))}.grappe{display:flex;flex-wrap:wrap;align-items:center;gap:var(--grappe-ecart, var(--espace-3))}.grille{display:grid;gap:var(--grille-ecart, var(--espace-5));grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--grille-min, 16rem)),1fr))}.accroche{font-family:var(--police-titre);font-size:var(--taille-5xl);font-weight:var(--graisse-grasse);line-height:var(--interligne-serre);letter-spacing:var(--approche-accroche);text-wrap:balance}.surtitre{display:block;font-size:var(--taille-xs);font-weight:var(--graisse-grasse);letter-spacing:var(--approche-surtitre);text-transform:uppercase;color:var(--couleur-marque-texte)}.chapeau{font-size:var(--taille-l);line-height:1.55;color:var(--couleur-texte-doux)}.surligne{padding:0 .18em .04em;border-radius:.22em;background:var(--couleur-marque);color:var(--gris-900);-webkit-box-decoration-break:clone;box-decoration-break:clone}.bouton{--bouton-fond: var(--gris-900);--bouton-fond-survol: var(--gris-700);--bouton-texte: var(--gris-0);--bouton-bordure: transparent;display:inline-flex;align-items:center;justify-content:center;gap:var(--espace-2);min-block-size:var(--cible-tactile);padding:var(--espace-3) var(--espace-5);border:1px solid var(--bouton-bordure);border-radius:var(--rayon-pilule);background:var(--bouton-fond);color:var(--bouton-texte);font-size:var(--taille-m);font-weight:var(--graisse-demi);line-height:1.2;text-align:center;text-decoration:none;text-wrap:balance;cursor:pointer;transition:background-color var(--duree-rapide) var(--courbe-standard),border-color var(--duree-rapide) var(--courbe-standard),transform var(--duree-rapide) var(--courbe-standard);&:hover:not(:disabled,[aria-disabled=true]){background:var(--bouton-fond-survol);color:var(--bouton-texte)}&:active:not(:disabled,[aria-disabled=true]){transform:translateY(1px)}&:is(:disabled,[aria-disabled=true]){opacity:.45;cursor:not-allowed}}.bouton.marque{--bouton-fond: var(--vert-500);--bouton-fond-survol: var(--vert-400);--bouton-texte: var(--gris-900)}.bouton.contour{--bouton-fond: transparent;--bouton-fond-survol: var(--couleur-fond-gris);--bouton-texte: var(--couleur-texte);--bouton-bordure: var(--couleur-bordure-forte)}.bouton.inverse{--bouton-fond: var(--gris-0);--bouton-fond-survol: var(--vert-100);--bouton-texte: var(--gris-900)}.bouton.discret{--bouton-fond: transparent;--bouton-fond-survol: transparent;--bouton-texte: var(--couleur-texte);padding-inline:var(--espace-2);text-decoration-line:underline;text-underline-offset:.2em}.bouton.grand{min-block-size:3.25rem;padding:var(--espace-4) var(--espace-6);font-size:var(--taille-l)}.bouton.petit{min-block-size:2.25rem;padding:var(--espace-2) var(--espace-4);font-size:var(--taille-s)}.bouton .fleche{transition:transform var(--duree-normale) var(--courbe-sortie)}.bouton:hover .fleche{transform:translate(3px)}.badge{display:inline-flex;align-items:center;gap:var(--espace-2);padding:var(--espace-1) var(--espace-3);border:var(--bordure);border-radius:var(--rayon-pilule);background:var(--couleur-fond);font-size:var(--taille-xs);font-weight:var(--graisse-demi);line-height:1.5;color:var(--couleur-texte)}.badge.vert{border-color:var(--vert-200);background:var(--vert-50);color:var(--vert-800)}.badge.sombre{border-color:transparent;background:var(--gris-900);color:var(--gris-0)}.pastille{inline-size:.5rem;block-size:.5rem;border-radius:50%;background:var(--couleur-marque);box-shadow:0 0 0 3px var(--vert-100)}.etoiles{--note: 5;display:inline-block;font-size:1.1em;line-height:1;letter-spacing:.08em;color:var(--couleur-etoile);background:linear-gradient(90deg,var(--couleur-etoile) calc(var(--note) / 5 * 100%),var(--couleur-etoile-vide) 0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@media(forced-colors:active){.etoiles{-webkit-text-fill-color:CanvasText;color:CanvasText}}.note{display:inline-flex;align-items:center;gap:var(--espace-2);font-size:var(--taille-s);font-weight:var(--graisse-demi);font-variant-numeric:tabular-nums}.carte{--carte-fond: var(--couleur-fond);--carte-bordure: var(--couleur-bordure);padding:var(--carte-marge, var(--espace-6));border:1px solid var(--carte-bordure);border-radius:var(--rayon-xl);background:var(--carte-fond)}.carte.menthe{--carte-fond: var(--couleur-fond-menthe);--carte-bordure: transparent}.carte.grise{--carte-fond: var(--couleur-fond-gris);--carte-bordure: transparent}.carte.flottante{--carte-bordure: transparent;box-shadow:var(--ombre-l)}.carte.foret{--carte-fond: var(--couleur-fond-foret);--carte-bordure: transparent;--couleur-texte: var(--couleur-texte-inverse);--couleur-texte-doux: var(--gris-300);--couleur-marque-texte: var(--vert-300);color:var(--couleur-texte)}.temoignage{display:grid;gap:var(--espace-3);padding:var(--espace-5);border:var(--bordure);border-radius:var(--rayon-l);background:var(--couleur-fond);box-shadow:var(--ombre-s);.temoignage-tete{display:flex;align-items:center;gap:var(--espace-3)}.initiale{display:grid;place-items:center;flex:none;inline-size:2.5rem;block-size:2.5rem;border-radius:50%;background:var(--vert-100);color:var(--vert-800);font-weight:var(--graisse-demi)}.auteur{font-weight:var(--graisse-demi);line-height:1.3}.source{font-size:var(--taille-xs);color:var(--couleur-texte-doux)}& blockquote{font-size:var(--taille-m)}}.liste-coches{display:grid;gap:var(--espace-3);padding:0;margin:0;list-style:none;& li{position:relative;padding-inline-start:1.75em}& li:before{content:"\2713";content:"\2713" / "";position:absolute;inset-inline-start:0;inset-block-start:.05em;display:grid;place-items:center;inline-size:1.25em;block-size:1.25em;border-radius:50%;background:var(--vert-100);color:var(--vert-800);font-size:.85em;font-weight:var(--graisse-grasse)}}.champ{display:grid;gap:var(--espace-2);& label{font-size:var(--taille-s);font-weight:var(--graisse-demi)}:is(input,select,textarea){inline-size:100%;min-block-size:2.75rem;padding:var(--espace-2) var(--espace-4);border:1px solid var(--couleur-bordure-forte);border-radius:var(--rayon-m);background:var(--couleur-fond);font-size:var(--taille-m);transition:border-color var(--duree-rapide) var(--courbe-standard)}& textarea{min-block-size:7rem;resize:vertical;line-height:var(--interligne-texte)}:is(input,select,textarea):hover{border-color:var(--gris-600)}:is(input,select,textarea):focus-visible{border-color:var(--couleur-focus);outline-offset:0}.aide{font-size:var(--taille-s);color:var(--couleur-texte-doux)}.erreur{display:none;font-size:var(--taille-s);font-weight:var(--graisse-moyenne);color:var(--couleur-erreur)}&:has([aria-invalid=true]){:is(input,select,textarea){border-color:var(--couleur-erreur)}.erreur{display:block}}}.encart{--encart-trait: var(--couleur-succes);--encart-fond: var(--couleur-succes-fond);display:grid;gap:var(--espace-1);padding:var(--espace-4) var(--espace-5);border-inline-start:4px solid var(--encart-trait);border-radius:var(--rayon-s) var(--rayon-l) var(--rayon-l) var(--rayon-s);background:var(--encart-fond);& strong{color:var(--encart-trait)}}.encart.attention{--encart-trait: var(--couleur-attention);--encart-fond: var(--couleur-attention-fond)}.encart.erreur{--encart-trait: var(--couleur-erreur);--encart-fond: var(--couleur-erreur-fond)}.question{border-block-end:var(--bordure);& summary{display:flex;justify-content:space-between;align-items:center;gap:var(--espace-4);padding-block:var(--espace-5);font-size:var(--taille-l);font-weight:var(--graisse-moyenne);cursor:pointer;list-style:none}& summary::-webkit-details-marker{display:none}& summary:after{content:"+";content:"+" / "";flex:none;font-size:1.4em;line-height:1;transition:transform var(--duree-normale) var(--courbe-standard)}&[open] summary:after{transform:rotate(45deg)}>:not(summary){padding-block-end:var(--espace-5);color:var(--couleur-texte-doux)}}@media(forced-colors:active){.bouton,.badge,.carte,.encart,.temoignage{border:1px solid CanvasText}.surligne{background:Highlight;color:HighlightText}}}