/* Archivo (SIL Open Font License 1.1, voir fonts/OFL.txt), hébergée localement */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  font-stretch: 62% 125%;
  src: url(../fonts/archivo-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  font-stretch: 62% 125%;
  src: url(../fonts/archivo-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
body { margin: 0; background: #22201E; }
section[id] { scroll-margin-top: 64px; }
img { max-width: 100%; }
a { color: #22201E; text-decoration: underline; text-underline-offset: 3px; }
a:hover { color: #8A5A2B; }
input, textarea, button { font: inherit; }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible { outline: 2px solid #8A5A2B; outline-offset: 2px; }

.lien-evitement { position: absolute; left: -9999px; top: 8px; z-index: 100; background: #ffffff; color: #22201E; padding: 10px 16px; border-radius: 4px; }
.lien-evitement:focus { left: 16px; }

/* Accroche : la bulle passe sous la photo sur petit écran ; menu non collant */
@media (max-width: 860px) {
  body > header { position: static !important; }
  section[id] { scroll-margin-top: 0; }
  .bulle-accroche {
    position: static !important;
    transform: none !important;
    width: auto !important;
    aspect-ratio: auto !important;
    border-radius: 0 !important;
    background: #22201E !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }
}

/* Formulaire */
.champ-cache { position: absolute !important; left: -10000px !important; width: 1px; height: 1px; overflow: hidden; }
.statut-formulaire { margin: 0; font-size: 15px; line-height: 1.5; min-height: 1.5em; }
.statut-formulaire[data-etat="ok"] { color: #2F5D3A; font-weight: 600; }
.statut-formulaire[data-etat="erreur"] { color: #9A2B1F; font-weight: 600; }
button[disabled] { opacity: 0.6; cursor: wait !important; }