.section{padding-block: var(--section-espace)}.section--serre{padding-block: var(--section-espace-serre)}.section--large{padding-block: var(--section-espace-large)}.section--doux{background: var(--couleur-fond-doux)}.section--accent{background: var(--couleur-accent-doux);--couleur-fond: var(--couleur-accent-doux)}.section--sombre{background: var(--couleur-fond-sombre);--couleur-fond: var(--couleur-fond-sombre);--couleur-fond-doux: rgb(255 255 255 / 6%);--couleur-texte: var(--couleur-texte-inverse);--couleur-texte-doux: rgb(255 255 255 / 70%);--couleur-bord: rgb(255 255 255 / 14%);--couleur-accent-doux: rgb(255 255 255 / 10%);color: var(--couleur-texte-inverse)}.section--sombre a{color: var(--couleur-texte-inverse)}.section--sombre{--icone-fond: var(--couleur-texte-inverse)}.conteneur{width: 100%;max-width: var(--largeur-page);margin-inline: auto;padding-inline: var(--gouttiere)}.conteneur--texte{max-width: var(--largeur-texte)}.conteneur--pleine{max-width: none}.section__tete{display: flex;flex-direction: column;gap: var(--espace-3);margin-bottom: var(--espace-7);max-width: var(--largeur-texte)}.section__tete--centre{align-items: center;margin-inline: auto;text-align: center}.sur-titre{margin: 0;color: var(--couleur-accent);font-size: var(--taille-sm);font-weight: var(--graisse-forte);letter-spacing: 0.08em;text-transform: uppercase}.section__titre{font-size: var(--taille-3xl)}.section__chapo{color: var(--couleur-texte-doux);font-size: var(--taille-lg)}.actions{display: flex;flex-wrap: wrap;gap: var(--espace-3);margin: 0;padding: 0;list-style: none}.actions--centre{justify-content: center}.bouton{display: inline-flex;align-items: center;gap: var(--espace-2);padding: var(--espace-3) var(--espace-5);border: var(--epaisseur-bord) solid transparent;border-radius: var(--rayon-rond);background: var(--couleur-accent);color: var(--couleur-accent-texte);font-size: var(--taille-sm);font-weight: var(--graisse-forte);text-decoration: none;transition: background var(--transition),border-color var(--transition),color var(--transition)}.bouton:hover{background: color-mix(in srgb,var(--couleur-accent) 85%,black)}.bouton--secondaire{border-color: var(--couleur-bord);background: var(--couleur-fond);color: var(--couleur-texte)}.bouton--secondaire:hover{border-color: var(--couleur-accent);background: var(--couleur-fond);color: var(--couleur-accent)}.bouton--discret{padding-inline: var(--espace-2);background: transparent;color: var(--couleur-accent)}.bouton--discret:hover{background: transparent;text-decoration: underline}.bouton__icone{width: 1em;height: 1em}.icone{display: inline-flex;align-items: center;justify-content: center;width: 2.5rem;height: 2.5rem;border-radius: var(--rayon-m);background: var(--icone-fond)}.icone img{width: 1.25rem;height: 1.25rem}.icone--en-ligne{width: 1.1em;height: 1.1em;border-radius: 0;background: none;vertical-align: -0.15em}.icone--en-ligne img{width: 100%;height: 100%}.etiquette{display: inline-block;padding: var(--espace-1) var(--espace-3);border-radius: var(--rayon-rond);background: var(--couleur-fond-doux);color: var(--couleur-texte-doux);font-size: var(--taille-xs);font-weight: var(--graisse-forte);letter-spacing: 0.04em;text-transform: uppercase}.etiquette--accent{background: var(--couleur-accent-doux);color: var(--couleur-accent)}.etiquette--succes{background: color-mix(in srgb,var(--couleur-accent) 12%,var(--couleur-fond-doux));color: var(--couleur-texte)}.apparition{opacity: 0;transform: translateY(var(--apparition-decalage));transition: opacity 400ms ease,transform 400ms ease}.est-visible .apparition,.apparition.est-visible{opacity: 1;transform: none}@media (prefers-reduced-motion: reduce){.apparition{opacity: 1;transform: none;transition: none}}.hors-ecran{position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden;clip-path: inset(50%);white-space: nowrap}
