/* ---- Pages legales : une colonne de lecture, sobre, la meme sur les deux ---- */
.lg-tete { margin: 0 calc(var(--cadre) + var(--marge)); padding: clamp(40px, 6vw, 88px) 0 0; }
.lg-sur { display: inline-flex; align-items: center; gap: 14px; color: var(--rouge); font-family: "Montserrat", "Helvetica Neue", Arial, sans-serif; font-size: 12.5px; font-weight: 700; letter-spacing: .22em; text-transform: uppercase; }
.lg-sur::before { content: ""; width: 34px; height: 3px; background: var(--rouge); }
.lg-titre { margin: 18px 0 0; color: var(--rouge); font-family: "Montserrat", "Helvetica Neue", Arial, sans-serif; font-weight: 900; font-size: clamp(34px, 6vw, 76px); line-height: 1; letter-spacing: .005em; text-transform: uppercase; }
.lg-maj { margin: 14px 0 0; color: rgba(43, 35, 32, .62); font-family: "Montserrat", "Helvetica Neue", Arial, sans-serif; font-size: 13px; font-weight: 600; }

.lg-page { margin: clamp(30px, 4vw, 52px) calc(var(--cadre) + var(--marge)) 0; padding-bottom: clamp(48px, 6vw, 96px); max-width: 78ch; color: #2B2320; font-family: "Montserrat", "Helvetica Neue", Arial, sans-serif; }
.lg-bloc { padding: clamp(22px, 2.6vw, 34px) 0; border-top: 2px solid rgba(134, 1, 1, .18); }
.lg-bloc:first-child { border-top: 0; padding-top: 0; }
.lg-bloc h2 { margin: 0 0 14px; color: var(--rouge); font-size: clamp(17px, 1.6vw, 21px); font-weight: 900; letter-spacing: .04em; text-transform: uppercase; line-height: 1.2; }
.lg-bloc p, .lg-bloc li { margin: 0 0 12px; font-size: 15.5px; font-weight: 500; line-height: 1.68; }
.lg-bloc p:last-child, .lg-bloc li:last-child { margin-bottom: 0; }
.lg-bloc ul { margin: 0 0 12px; padding: 0; list-style: none; }
.lg-bloc li { position: relative; padding-left: 20px; }
.lg-bloc li::before { content: ""; position: absolute; left: 0; top: .66em; width: 7px; height: 7px; background: var(--rouge); transform: rotate(45deg); }
.lg-bloc a { color: var(--rouge); font-weight: 700; text-decoration: none; border-bottom: 1.5px solid rgba(134, 1, 1, .4); }
.lg-bloc b, .lg-bloc strong { font-weight: 800; }

/* l'essentiel, en tete de la politique : le message tient en une phrase */
.lg-cle { margin: 0 0 clamp(22px, 2.6vw, 34px); padding: clamp(20px, 2.4vw, 30px); border: 4px solid var(--rouge); background: #fff; }
.lg-cle h2 { margin: 0 0 12px; color: var(--rouge); font-size: clamp(18px, 1.8vw, 23px); font-weight: 900; letter-spacing: .03em; text-transform: uppercase; }
.lg-cle p { margin: 0 0 10px; font-size: 15.5px; font-weight: 600; line-height: 1.6; }
.lg-cle p:last-child { margin-bottom: 0; }

@media (hover: hover) and (pointer: fine) { .lg-bloc a:hover { border-bottom-color: var(--rouge); } }
@media (max-width: 1023px), (pointer: coarse) {
  .lg-tete { padding-top: 24px; }
  .lg-page { margin-top: var(--ecart, 24px); padding-bottom: 32px; }
  .lg-bloc { padding: 22px 0; }
  .lg-bloc p, .lg-bloc li { font-size: 15px; }
}

/* Le logo de la barre est revele par l'envol depuis le hero ; ces pages n'en
   ont pas, il restait donc invisible. Ici il est simplement la. */
.page-legale .nav .nav-logo { opacity: 1; }