/* ============================================================================
   ZONTES — habillage relevé sur zontes.fr le 2026-09-06.
   Codes du constructeur : barre BLANCHE FLOTTANTE à coins très arrondis posée sur la
   photo, wordmark dans la pilule, bouton noir en pilule, titres LÉGERS et larges,
   palette monochrome (la marque n'a pas de couleur d'accent).
   ========================================================================= */
.zt-tete{position:absolute;top:16px;left:0;right:0;z-index:90;padding:0 22px}
.zt-tete.pleine{position:sticky;top:0;padding-top:16px;padding-bottom:8px;background:transparent}
.zt-pilule{max-width:1400px;margin:0 auto;background:#fff;border-radius:44px;
  box-shadow:0 10px 34px rgba(0,0,0,.14);display:flex;align-items:center;gap:28px;
  padding:12px 14px 12px 30px;min-height:68px}
.zt-logo img{height:20px;width:auto}
.zt-liens{display:flex;gap:26px;flex:1;justify-content:center}
.zt-liens a{color:#1b1f24;font-size:15px;font-weight:400}
.zt-liens a:hover,.zt-liens a.on{color:#000;text-decoration:underline;text-underline-offset:6px}
.zt-essai{background:#101418;color:#fff;border-radius:999px;padding:13px 24px;font-size:14px;
  white-space:nowrap}
.zt-essai:hover{background:#2a3138}
.zt-burger{display:none;background:none;border:0;font-size:24px;cursor:pointer;margin-left:auto}

/* couverture : titre LÉGER et large, aligné à gauche, boutons en pilule */
.couverture{padding-top:0}
.couverture.banniere-page{padding-top:0}
.couverture .nom-dist{font-weight:300;letter-spacing:.005em;font-size:clamp(34px,5.4vw,70px)}
.cv-ey{color:#fff;font-size:15px;margin-bottom:10px;opacity:.85}
.cv-cta{margin-top:24px;border-radius:999px;background:#fff;color:#101418;box-shadow:none;
  background-image:none;text-transform:none;letter-spacing:.02em;font-weight:600}
.cv-cta:hover{background:#101418;color:#fff}
.couverture .chevron{display:none}

.sec-titre span{font-weight:300;font-size:clamp(24px,3.4vw,42px);letter-spacing:0;
  text-transform:none;color:var(--encre)}
.sec-titre::before,.sec-titre::after{display:none}
.btn,.vo-f{border-radius:999px}
.vo,.mod,.conc .c,.banniere{border-radius:14px;overflow:hidden}

.zt-pied{background:#101418;color:#e7e9ec;padding:54px 0 26px}
.zt-pied-haut{display:flex;gap:44px;flex-wrap:wrap}
.zt-pied-logo{height:22px;width:auto;filter:brightness(0) invert(1)}
.zt-pied-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;flex:1;min-width:260px}
.zt-pied h4{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#fff;margin-bottom:12px}
.zt-pied a{display:block;color:#a7adb6;font-size:14px;padding:4px 0}
.zt-pied a:hover{color:#fff}
.zt-pied-bas{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;
  border-top:1px solid #232a31;margin-top:34px;padding-top:18px;font-size:12.5px;color:#8b929b}
.zt-pied-bas a{display:inline;margin-left:18px}

.zt-tiroir{position:fixed;inset:0;background:#fff;z-index:95;overflow-y:auto;
  padding:96px 26px 40px;display:flex;flex-direction:column}
.zt-tiroir a{color:#101418;font-size:19px;padding:15px 0;border-bottom:1px solid #eceef1}
.zt-tiroir .zt-essai{text-align:center;margin-top:18px;border:0}

@media (max-width:900px){
  .zt-liens,.zt-pilule>.zt-essai{display:none}
  .zt-burger{display:block}
  .zt-pilule{padding:10px 18px;min-height:58px}
  .zt-pied-cols{grid-template-columns:1fr 1fr}
}