@layer composants{.heros{overflow-x:clip;padding-block:clamp(2rem,1rem + 4vw,4.5rem) var(--espace-section);background:var(--couleur-fond)}.heros-grille{container:heros / inline-size;display:grid;gap:var(--espace-7)}@media(width>=64rem){.heros-grille{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start;column-gap:clamp(2rem,1rem + 4vw,5rem)}.heros-visuel{position:sticky;inset-block-start:calc(var(--entete-place) + var(--espace-5))}}.heros-texte{container:heros / inline-size;display:grid;grid-template-columns:minmax(0,1fr);justify-items:start;gap:var(--espace-6);& h1{max-inline-size:18ch;font-size:var(--taille-heros)}.chapeau{max-inline-size:40rem;text-wrap:balance}}.heros-texte>.chapeau,.heros-pour{margin-block-start:calc(var(--espace-4) - var(--espace-6))}@media(48rem<=width<64rem){.heros-texte{display:contents;container-type:normal}.heros-grille{grid-template-columns:minmax(0,1fr) minmax(0,min(20rem,45%));grid-template-areas:"titre    titre" "chapeau  chapeau" "portes   portes" "pour     visuel" "actions  visuel";grid-template-rows:repeat(4,auto) 1fr;gap:var(--espace-6);justify-items:start}.heros-texte>h1{grid-area:titre}.heros-texte>.chapeau{grid-area:chapeau}.portes{grid-area:portes}.heros-pour{grid-area:pour}.heros-actions{grid-area:actions;align-self:start}.heros-visuel{grid-area:visuel;inline-size:100%}}.portes{display:grid;gap:var(--espace-3);inline-size:100%;margin:0;padding:0;border:0;& legend{margin-block-end:var(--espace-3);padding:0;font-size:var(--taille-l);font-weight:var(--graisse-demi)}}.porte{position:relative;display:grid;grid-template-columns:minmax(0,1fr);align-items:center;padding:var(--espace-4);padding-inline-end:2.75rem;border:1px solid var(--couleur-bordure);border-radius:var(--rayon-l);background:var(--gris-0);box-shadow:var(--ombre-s);cursor:pointer;transition:border-color var(--duree-rapide) var(--courbe-standard),box-shadow var(--duree-normale) var(--courbe-standard);&:hover{border-color:var(--gris-400)}>input{position:absolute;inset:0;inline-size:100%;block-size:100%;margin:0;opacity:0;cursor:pointer}&:has(input:focus-visible){outline:var(--focus-epaisseur) solid var(--couleur-focus);outline-offset:var(--focus-decalage)}&:has(input:checked){border-color:var(--gris-900);box-shadow:0 0 0 1px var(--gris-900),var(--ombre-m)}}.porte-texte{& strong{display:block;font-weight:var(--graisse-demi);line-height:1.25}& small{display:block;margin-block-start:.125rem;font-size:var(--taille-s);color:var(--couleur-texte-doux)}}.porte-coche{position:absolute;inset-block-start:50%;inset-inline-end:var(--espace-3);translate:0 -50%;display:none;place-items:center;inline-size:1.375rem;block-size:1.375rem;border-radius:50%;background:var(--gris-900);color:var(--gris-0);.icone{inline-size:.8125rem;block-size:.8125rem}.porte:has(input:checked) &{display:grid}}@container heros (width >= 40rem){.portes{grid-template-columns:repeat(3,minmax(0,1fr))}.porte{align-content:start}.porte-coche{inset-block-start:var(--espace-4);translate:none}}@container heros (width < 16rem){.heros-visuel{grid-template-columns:minmax(0,1fr)}.heros-actions .bouton{padding-inline:var(--espace-4)}}.heros-pour{inline-size:100%}.pour{display:grid;gap:var(--espace-3)}.heros:has(input[name=porte]) .pour{display:none}.heros:not(:has(input[name=porte]:checked)) .pour[data-pour=aucun],.heros:has(#porte-liste:checked) .pour[data-pour=liste],.heros:has(#porte-comptoir:checked) .pour[data-pour=comptoir],.heros:has(#porte-deux:checked) .pour[data-pour=deux]{display:grid}@media(prefers-reduced-motion:no-preference){.pour{animation:heros-apparait .3s var(--courbe-sortie) both}}@keyframes heros-apparait{0%{opacity:0;translate:0 6px}}.pour-titre{font-size:var(--taille-l);font-weight:var(--graisse-demi)}.pour[data-pour=aucun] .pour-titre{font-weight:var(--graisse-normale);color:var(--couleur-texte-doux)}.pour-etapes{display:grid;gap:var(--espace-2);margin:0;padding:0;list-style:none;& li{display:grid;grid-template-columns:auto 1fr;gap:var(--espace-3);align-items:start}& p{max-inline-size:52ch}}.pour-num{display:grid;place-items:center;inline-size:1.5rem;block-size:1.5rem;margin-block-start:.1em;border-radius:50%;background:var(--vert-100);font-size:var(--taille-xs);font-weight:var(--graisse-demi);font-variant-numeric:tabular-nums;color:var(--vert-800);.icone{inline-size:.875rem;block-size:.875rem}}.heros-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--espace-3) var(--espace-5)}@media(width<40rem){.heros-actions{flex-direction:column;align-items:stretch;justify-self:stretch}}.heros-visuel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:var(--espace-5) var(--espace-4);inline-size:min(100%,34rem);margin:0;transition:grid-template-columns .45s var(--courbe-sortie)}.heros:has(#porte-liste:checked) .heros-visuel{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}.heros:has(#porte-comptoir:checked) .heros-visuel{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}.visuel-texto,.visuel-plaque{display:grid;justify-items:start;gap:var(--espace-2);transition:opacity var(--duree-normale) ease,filter var(--duree-normale) ease}.heros:has(#porte-liste:checked) .visuel-plaque,.heros:has(#porte-comptoir:checked) .visuel-texto{opacity:.35;filter:grayscale(1)}.visuel-etiquette{display:inline-flex;align-items:center;gap:var(--espace-2);font-size:var(--taille-s);font-weight:var(--graisse-moyenne);line-height:1.3;color:var(--gris-700);.icone{inline-size:.875rem;block-size:.875rem;color:var(--vert-700)}}.visuel-messages{display:grid;gap:var(--espace-2);padding:var(--espace-3);border-radius:1.25rem;background:var(--gris-0);box-shadow:var(--ombre-l);& img{inline-size:100%;block-size:auto;border-radius:.875rem}& p{max-inline-size:none;padding:var(--espace-2) var(--espace-3);border-radius:1rem;background:var(--texto-bulle);font-family:var(--police-telephone);font-size:.8125rem;line-height:1.35;color:var(--texto-encre);overflow-wrap:anywhere;font-size-adjust:none}& u{color:var(--texto-lien)}}.visuel-plaque img{inline-size:100%;block-size:auto;filter:var(--ombre-photo)}.visuel-legende{grid-column:1 / -1;font-size:var(--taille-xs);color:var(--couleur-texte-doux)}@media(width<40rem){.heros:has(#porte-liste:checked) .heros-visuel,.heros:has(#porte-comptoir:checked) .heros-visuel{grid-template-columns:minmax(0,1fr);inline-size:min(100%,16rem)}.heros:has(#porte-liste:checked) .visuel-plaque,.heros:has(#porte-comptoir:checked) .visuel-texto{display:none}.heros:has(#porte-comptoir:checked) .visuel-legende{display:none}}@media(width>=48rem){@container heros (width < 40rem){.heros .heros-visuel,.heros:has(:is(#porte-liste,#porte-comptoir):checked) .heros-visuel{grid-template-columns:minmax(0,1fr)}}}@media(prefers-reduced-motion:reduce){.heros-visuel,.visuel-texto,.visuel-plaque{transition:none}}.choix{--couleur-texte-doux: var(--gris-600);--couleur-marque-texte: var(--vert-800);padding-block:var(--espace-section);background:var(--couleur-fond-groupe)}.choix>.conteneur{container:choix / inline-size}.choix-tete{display:grid;justify-items:center;gap:var(--espace-3);margin-block-end:var(--espace-7);text-align:center;.chapeau{margin-inline:auto}}.choix-exemple{font-size:var(--taille-s);color:var(--gris-600)}.choix-options{display:grid;align-items:start;gap:var(--espace-4);max-inline-size:62rem;margin:0 auto;padding:0;border:0}@container choix (width >= 44rem){.choix-options{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}}.choix-ou{display:grid;place-items:center;align-self:start;justify-self:center;inline-size:3rem;block-size:3rem;margin-block-start:var(--espace-8);border-radius:50%;background:var(--gris-0);box-shadow:inset 0 0 0 1px var(--couleur-bordure);font-size:var(--taille-s);font-weight:var(--graisse-demi);color:var(--gris-600)}.choix-fiche{position:relative;display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:var(--espace-4);padding:clamp(1.25rem,1rem + 1vw,1.75rem);border:1px solid var(--couleur-bordure);border-radius:var(--rayon-xl);background:var(--gris-0);box-shadow:var(--ombre-s);cursor:pointer;transition:box-shadow var(--duree-normale) var(--courbe-standard),border-color var(--duree-normale) var(--courbe-standard),background-color var(--duree-normale) var(--courbe-standard),translate var(--duree-normale) var(--courbe-standard);&:hover{box-shadow:var(--ombre-m);translate:0 -2px}>input{position:absolute;inline-size:1px;block-size:1px;opacity:0}&:has(input:focus-visible){outline:var(--focus-epaisseur) solid var(--couleur-focus);outline-offset:var(--focus-decalage)}&:has(input:checked){border-color:var(--gris-900);box-shadow:0 0 0 2px var(--gris-900),var(--ombre-l)}}.choix-options:has(input:checked) .choix-fiche:not(:has(input:checked)){background:var(--couleur-fond-doux);box-shadow:none;:is(.fiche-entete,.fiche-avis){filter:grayscale(1)}}.fiche-entete,.fiche-avis{transition:filter var(--duree-normale) var(--courbe-standard)}.fiche-entete{display:grid;gap:var(--espace-1)}.fiche-nom{font-size:var(--taille-xl);font-weight:var(--graisse-demi);letter-spacing:-.015em;line-height:1.2}.fiche-note{display:flex;flex-wrap:wrap;align-items:center;gap:var(--espace-2);font-weight:var(--graisse-demi);font-variant-numeric:tabular-nums;.etoiles{font-size:1rem}}.fiche-nb{font-weight:var(--graisse-normale);color:var(--gris-600)}.fiche-meta,.fiche-ouvert{font-size:var(--taille-s);color:var(--gris-600)}.fiche-ouvert b{font-weight:var(--graisse-demi);color:var(--vert-700)}.fiche-avis{display:grid;gap:var(--espace-2);padding-block-start:var(--espace-4);border-block-start:1px solid var(--gris-100)}.fiche-avis-etiquette{font-size:var(--taille-s);font-weight:var(--graisse-demi);color:var(--gris-600)}.fiche-auteur{display:flex;align-items:center;gap:var(--espace-2);font-size:var(--taille-s)}.fiche-avatar{display:grid;place-items:center;flex:none;inline-size:2rem;block-size:2rem;border-radius:50%;background:var(--gris-200);font-size:.8125rem;font-weight:var(--graisse-demi);color:var(--gris-700);&.vert{background:var(--vert-100);color:var(--vert-800)}}.fiche-qui{display:grid;line-height:1.3}.fiche-qui b{font-weight:var(--graisse-demi)}.fiche-quand{color:var(--gris-600)}.fiche-avis .etoiles{font-size:.875rem}.fiche-texte{font-size:var(--taille-m);line-height:1.55;color:var(--gris-900)}.fiche-reponse{display:grid;gap:var(--espace-1);margin-block-start:var(--espace-1);padding:var(--espace-3) var(--espace-4);border-radius:var(--rayon-l);background:var(--gris-50);font-size:var(--taille-s)}.fiche-reponse-tete{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--espace-1) var(--espace-2);& b{font-weight:var(--graisse-demi)}}.fiche-reponse-texte{line-height:1.5;color:var(--gris-700)}.repere{display:inline-grid;place-items:center;flex:none;inline-size:1.375rem;block-size:1.375rem;border-radius:50%;background:var(--vert-500);font-size:var(--taille-xs);font-style:normal;font-weight:var(--graisse-demi);font-variant-numeric:tabular-nums;line-height:1;color:var(--gris-900);vertical-align:.1em}.choix:has(input) .choix-fiche .repere{display:none}.choix-fiche:has(input:checked) .repere{display:inline-grid}.choix-fiche[data-fiche=a] .repere,.choix-raisons.mauvais .repere{background:var(--rouge-700);color:var(--gris-0)}@media(prefers-reduced-motion:no-preference){.choix-fiche:has(input:checked) .repere{animation:repere-pose var(--duree-normale) var(--courbe-sortie) both}.choix-fiche:has(input:checked) .fiche-quand .repere{animation-delay:var(--duree-decalage)}.choix-fiche:has(input:checked) .fiche-texte .repere{animation-delay:calc(2 * var(--duree-decalage))}.choix-fiche:has(input:checked) :is(.fiche-absence,.fiche-reponse-tete) .repere{animation-delay:calc(3 * var(--duree-decalage))}}@keyframes repere-pose{0%{opacity:0;scale:.4}}.fiche-absence{display:inline-flex;align-items:center;justify-self:start;gap:var(--espace-2);margin-block-start:var(--espace-1);font-size:var(--taille-xs);font-weight:var(--graisse-moyenne);color:var(--rouge-700)}.choix:has(input) .fiche-absence{display:none}.choix-fiche:has(input:checked) .fiche-absence{display:inline-flex}.choix-reponse{display:grid;gap:var(--espace-5);max-inline-size:62rem;margin:var(--espace-7) auto 0;padding:clamp(1.5rem,1rem + 2vw,2.5rem);scroll-margin-block-start:6rem;border-radius:var(--rayon-xl);background:var(--gris-0);box-shadow:inset 0 0 0 1px var(--couleur-bordure)}.choix:not(:has(input:checked)) .choix-reponse{display:none}@media(prefers-reduced-motion:no-preference){.choix-reponse{animation:choix-apparait var(--duree-lente) var(--courbe-sortie) both}}@keyframes choix-apparait{0%{opacity:0;translate:0 12px}}.choix-bilan{display:grid;gap:var(--espace-5)}.choix:has(input) .choix-bilan{display:none}.choix:has(input[value=a]:checked) .choix-bilan[data-pour=a],.choix:has(input[value=b]:checked) .choix-bilan[data-pour=b]{display:grid}.choix-reaction{font-size:var(--taille-l);font-weight:var(--graisse-demi);color:var(--vert-700);[data-pour=a]>&{color:var(--rouge-700)}}.choix-morale{max-inline-size:48rem;padding-inline-start:var(--espace-4);border-inline-start:3px solid var(--vert-500);font-size:var(--taille-l);font-weight:var(--graisse-moyenne);[data-pour=a]>&{border-color:var(--rouge-700)}}.choix-autre{justify-self:start;padding-block:.625rem;font-weight:var(--graisse-moyenne);color:var(--couleur-lien);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em;cursor:pointer;&:hover{color:var(--couleur-lien-survol);text-decoration-thickness:2px}.fleche{display:inline-block;margin-inline-start:.375rem;vertical-align:-.125em;transition:translate var(--duree-normale) var(--courbe-sortie)}&:hover .fleche{translate:3px 0}}.choix-autre-fin{white-space:nowrap}.choix-bilan h3:focus{outline:none}.choix-reponse h3{max-inline-size:26ch;font-size:var(--taille-2xl)}.choix-raisons{display:grid;gap:var(--espace-5);padding:0;margin:0;list-style:none;& li{display:grid;grid-template-columns:auto 1fr;gap:var(--espace-3);align-items:start}.repere{inline-size:1.75rem;block-size:1.75rem;font-size:var(--taille-s);margin-block-start:.125rem}& strong{display:block;font-weight:var(--graisse-demi)}& p{color:var(--couleur-texte-doux)}}@media(width>=48rem){.choix-raisons{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--espace-7)}}.choix-fin{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;gap:var(--espace-6);max-inline-size:62rem;margin:var(--espace-7) auto 0;padding-block-start:var(--espace-7);border-block-start:1px solid var(--gris-300)}.fin-page{display:grid;gap:var(--espace-3);inline-size:min(100%,22rem);& figcaption{font-size:var(--taille-s);color:var(--couleur-texte-doux);text-align:center}}.fin-texte{display:grid;justify-items:center;gap:var(--espace-3);inline-size:min(100%,22rem);text-align:center;.bouton{margin-block-start:var(--espace-3)}}.fin-titre{font-size:var(--taille-2xl);text-wrap:balance}.fin-sous{max-inline-size:32ch;font-size:var(--taille-l);color:var(--couleur-texte-doux);text-wrap:pretty}@container choix (width >= 44rem){.choix-fin{grid-template-columns:20rem minmax(0,1fr);align-items:center;justify-items:stretch;column-gap:var(--espace-8)}.fin-texte{inline-size:100%;justify-items:start;text-align:start}}.choix[data-compare] .choix-reaction,.choix .court{display:none}@media(width<48rem){.choix-options{position:relative;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--espace-3)}.choix-ou{position:absolute;inset-block-start:4.75rem;inset-inline-start:50%;z-index:1;inline-size:2rem;block-size:2rem;margin:0;translate:-50% 0;font-size:var(--taille-xs)}.choix-fiche{min-inline-size:0;&:hover{translate:none}}.choix-reponse{margin-block-start:var(--espace-5)}.choix-raisons{gap:var(--espace-4)}.choix-fin .bouton{inline-size:100%}}@media(width<36rem){.choix-tete{margin-block-end:var(--espace-6)}.choix-fiche{gap:var(--espace-3);padding:var(--espace-4) var(--espace-3);border-radius:var(--rayon-l)}.fiche-nom{font-size:1rem;line-height:1.25}.fiche-note{position:relative;row-gap:var(--espace-1);column-gap:var(--espace-1);padding-inline-end:1.625rem;font-size:.9375rem;.etoiles{order:1;flex-basis:100%;font-size:var(--taille-xs)}.repere{position:absolute;inset-inline-end:0;inset-block-start:0}}.fiche-meta,.fiche-ouvert{display:none}.fiche-avis{gap:var(--espace-2);padding-block-start:var(--espace-3)}.fiche-avis-etiquette{font-size:var(--taille-xs)}.fiche-auteur{gap:var(--espace-1);font-size:var(--taille-xs)}.fiche-avatar{inline-size:1.5rem;block-size:1.5rem;font-size:var(--taille-xs)}.fiche-avis .etoiles{font-size:var(--taille-xs)}.fiche-texte{font-size:var(--taille-s);line-height:1.45}.fiche-reponse{padding:var(--espace-2);border-radius:var(--rayon-m);font-size:var(--taille-xs)}.fiche-absence{border-radius:var(--rayon-m);padding:var(--espace-1) var(--espace-2) var(--espace-1) var(--espace-1);line-height:1.3}.choix .long{display:none}.choix .court{display:inline}}@media(width<22.5rem){.fiche-note .etoiles{display:none}.choix-fiche{padding-inline:var(--espace-2)}.choix-ou{inline-size:1.5rem;block-size:1.5rem}}@container choix (width < 16rem){.choix-options{grid-template-columns:minmax(0,1fr)}.choix-ou{position:static;translate:none;justify-self:center}.choix .long{display:inline}.choix .court{display:none}.choix-reponse{padding:var(--espace-4)}.choix-fiche,.choix-reponse{overflow-wrap:anywhere}.choix-raisons li{grid-template-columns:minmax(0,1fr)}.choix-fin .bouton{padding-inline:var(--espace-4)}}@media(forced-colors:active){.choix-fiche,.porte{border:1px solid CanvasText}.porte:has(input:checked){border:3px solid Highlight}.choix-fiche:has(input:checked){border:3px solid Highlight}.repere{border:1px solid CanvasText}}}