/* Page d'information : même en-tête, même pied, même marge et même écart de section que le reste du site.
   Titres de rubrique à gauche (Bricolage étroit), texte à droite (Source Sans 3), filet noir entre les rubriques. */
.legal{padding:clamp(132px, 110px + 5.6vw, 190px) var(--marge) var(--sec)}
.legal__entete{display:flex;flex-direction:column;gap:var(--e-3);margin-bottom:var(--e-5)}
.legal__maj{font:400 16px/1.5 var(--texte);color:var(--gris-texte)}
.legal__rubrique{display:grid;grid-template-columns:1.12fr 1fr;gap:clamp(32px, 3vw, 56px);padding:var(--e-3) 0 var(--e-4);border-top:1px solid var(--noir);scroll-margin-top:96px}
.legal__rubrique h2{font:600 clamp(26px, 22.66px + .857vw, 35px)/1.05 var(--titre);font-stretch:80%;letter-spacing:-.01em;margin:0}
.legal__texte{display:flex;flex-direction:column;gap:14px;max-width:620px;font:400 18px/1.55 var(--texte);color:var(--encre)}
.legal__texte p{margin:0}
.legal__texte a{color:var(--rouge-fonce);text-decoration:underline;text-underline-offset:3px}
.legal__texte strong{font-weight:600;color:var(--noir)}
.entete:not(.plein){color:var(--noir)}
@media (max-width:767px){
  .legal__rubrique{grid-template-columns:1fr;gap:16px}
  .legal__texte{font-size:17px}
}