/* Deep Beauty — Base : remise à zéro et éléments de page. */
/* ---------- Base ---------- */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body { margin: 0; font-family: var(--police-systeme); font-size: 16px; line-height: 1.5; color: #333; background: #fff; }
img, video { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
button { font: inherit; color: inherit; background: none; border: 0; padding: 0; cursor: pointer; }
h1, h2, h3, p { margin: 0; }
ul { margin: 0; padding: 0; list-style: none; }
.icone { width: 1em; height: 1em; flex: none; }
.masque { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.lien-evitement { position: absolute; left: -9999px; top: 0; z-index: 100; padding: 10px 16px; background: #fff; color: #000; }
.lien-evitement:focus { left: 10px; }
:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
main :focus-visible { outline-color: var(--encre); }
.pied :focus-visible { outline-color: var(--encre); } /* pied clair : anneau de focus sombre */
.heros :focus-visible { outline-color: #fff; } /* bandeau noir : anneau de focus blanc */
.centre { text-align: center; }