/* Commun à toutes les pages Parsanet : police, remise à zéro, pied de page. */
@font-face { font-family: "Roboto Flex"; src: url("../fonts/roboto_flex.ttf"); font-weight: 100 1000; font-stretch: 25% 151%; font-display: swap; }

*, *::before, *::after { box-sizing: border-box; }
* { margin: 0; padding: 0; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
html, body { overflow-x: clip; }
body { font-family: "Roboto Flex", system-ui, -apple-system, "Segoe UI", sans-serif; line-height: 1.55; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
img, video, svg { display: block; max-width: 100%; }
img, video { height: auto; }
a { color: inherit; }
button { font: inherit; }
:focus-visible { outline: 3px solid #7b4dff; outline-offset: 3px; border-radius: 4px; }
.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* Le mot « parsanet » avec son petit drapeau. */
.pn-word { font-weight: 900; font-stretch: 125%; letter-spacing: -.035em; line-height: 1; text-decoration: none; white-space: nowrap; }
.pn-dot { display: inline-block; width: .17em; height: .17em; margin-left: .06em; border-radius: .03em; vertical-align: baseline;
          background: linear-gradient(#239f40 0 33.33%, #fff 33.33% 66.66%, #da0000 66.66%); box-shadow: 0 0 0 1px rgba(0,0,0,.14); }

/* Pied de page commun. */
.pn-foot { padding: 56px clamp(20px, 5vw, 72px) 40px; font-size: .92rem; }
.pn-foot .in { max-width: 1240px; margin: 0 auto; display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 32px 48px; }
.pn-foot h3 { font-size: .78rem; text-transform: uppercase; letter-spacing: .12em; margin-bottom: 14px; opacity: .6; font-weight: 700; }
.pn-foot ul { list-style: none; display: grid; gap: 8px; }
.pn-foot a { text-decoration: none; opacity: .85; }
.pn-foot a:hover { opacity: 1; text-decoration: underline; text-underline-offset: 3px; }
.pn-foot .legal { grid-column: 1 / -1; padding-top: 24px; margin-top: 8px; border-top: 1px solid color-mix(in oklab, currentColor 14%, transparent); opacity: .7; font-size: .85rem; display: flex; flex-wrap: wrap; gap: 8px 28px; justify-content: space-between; }
.pn-foot .pn-word { font-size: 1.6rem; display: inline-block; margin-bottom: 12px; }
.pn-foot p { max-width: 38ch; opacity: .75; }
@media (max-width: 760px) { .pn-foot .in { grid-template-columns: 1fr 1fr; } .pn-foot .in > :first-child { grid-column: 1 / -1; } }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
}