@layer composants{.ct-surtitre{display:inline-block;font-size:var(--taille-s);font-weight:var(--graisse-demi);color:var(--gris-600)}.ct-haut{padding-block:var(--espace-8) var(--espace-6);text-align:center;& h1{margin-block-start:var(--espace-4);font-size:var(--taille-heros);line-height:1.05}}.ct-sous{max-inline-size:44ch;margin:var(--espace-4) auto 0;font-size:var(--taille-l);line-height:1.5;color:var(--ap-doux)}.ct-sujet{display:block;margin-block-start:var(--espace-5);font-size:var(--taille-s);font-weight:var(--graisse-demi);color:var(--vert-800);&[hidden]{display:none}}.ct-moyens .conteneur,.ct-avant .conteneur{max-inline-size:58rem}.ct-grille{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--espace-4);margin:0;padding:0;list-style:none;& li{display:grid}}.ct-carte{display:grid;align-content:start;gap:var(--espace-2);padding:var(--espace-6);border-radius:1.75rem;background:var(--ap-sable);color:var(--ap-encre);text-decoration:none;overflow-wrap:anywhere;transition:background-color var(--duree-rapide) var(--courbe-standard);&:hover{background:var(--ap-sable-fonce)}&:focus-visible{outline:var(--focus-epaisseur) solid var(--couleur-focus);outline-offset:4px}}.ct-etiquette{font-size:var(--taille-s);font-weight:var(--graisse-moyenne);color:var(--ap-doux)}.ct-valeur{font-size:var(--taille-2xl);font-weight:500;line-height:1.15;letter-spacing:-.02em}.ct-action{display:inline-flex;align-items:center;gap:var(--espace-2);margin-block-start:var(--espace-5);font-size:var(--taille-s);font-weight:var(--graisse-moyenne);.icone{inline-size:1rem;block-size:1rem;transition:translate var(--duree-normale) var(--courbe-sortie)}}.ct-carte:hover .ct-action .icone{translate:3px 0}.ct-vedette{background:var(--ap-encre);color:var(--gris-0);&:hover{background:#34302b}.ct-etiquette{color:#ffffffbd}.ct-action{color:var(--vert-300)}}.ct-fondateur{max-inline-size:46ch;margin:var(--espace-6) auto 0;font-size:var(--taille-m);line-height:1.55;text-align:center;text-wrap:balance;color:var(--ap-doux);overflow-wrap:anywhere;& a{color:var(--ap-encre);font-weight:var(--graisse-moyenne);text-decoration-color:var(--vert-500);text-decoration-thickness:2px;text-underline-offset:3px}}.ct-fiche{max-inline-size:none;margin-block-start:var(--espace-3);text-align:center;font-size:var(--taille-s);& a{font-weight:var(--graisse-moyenne);color:var(--ap-encre);text-decoration-color:var(--vert-500);text-decoration-thickness:2px;text-underline-offset:3px}}@media(width<48rem){.ct-grille{grid-template-columns:minmax(0,1fr)}}.ct-avant{padding-block:var(--espace-8) var(--espace-section);& h2{font-size:clamp(1.75rem,1.3rem + 1.8vw,2.5rem);line-height:1.1;text-align:center;text-wrap:balance}}.ct-liens{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:var(--espace-6) 0 0;padding:0;list-style:none;border-block-start:1px solid var(--ap-ligne);& li{border-block-end:1px solid var(--ap-ligne)}& li+li{border-inline-start:1px solid var(--ap-ligne)}& a{display:grid;gap:var(--espace-1);block-size:100%;padding:var(--espace-5);color:var(--ap-encre);text-decoration:none;overflow-wrap:anywhere}& a:hover b{text-decoration:underline;text-decoration-color:var(--vert-500);text-decoration-thickness:2px;text-underline-offset:4px}& a:focus-visible{outline:var(--focus-epaisseur) solid var(--couleur-focus);outline-offset:-2px}& b{font-size:var(--taille-l);font-weight:500}& span{font-size:var(--taille-s);line-height:1.5;color:var(--ap-doux)}}@media(width<48rem){.ct-liens{grid-template-columns:minmax(0,1fr)}.ct-liens li+li{border-inline-start:0}.ct-liens a{padding-inline:0}}@media(forced-colors:active){.ct-surtitre,.ct-carte,.ct-sujet{border:1px solid CanvasText}}}