/* Pages offre — style des pages mission v4 (Anton, nuit chaude / crème, rouge et orange de la charte). Tout est scopé .tb-off */
.tb-off{--nuit:#141214;--nuit2:#1e1b1e;--nuit3:#2a262a;--creme:#FFFCF7;--creme2:#f3ede4;--encre:#212121;--rouge:#E84031;--rouge2:#c8321f;--orange:#F57427;--gris:#b9b1ab;--ligne:#3a3438;--ligne-c:rgba(33,33,33,.12);--f-titre:'Anton',Impact,sans-serif;--f-main:Poppins,sans-serif;--f-tampon:'Special Elite',ui-monospace,monospace;
  background:var(--nuit);color:var(--creme);font-family:var(--f-main);margin:0;padding:0;overflow-x:clip;-webkit-hyphens:manual;hyphens:manual}
.tb-off p,.tb-off li,.tb-off span,.tb-off strong,.tb-off h1,.tb-off h2{-webkit-hyphens:manual;hyphens:manual;overflow-wrap:normal;word-break:normal}
.tb-off *,.tb-off *::before,.tb-off *::after{box-sizing:border-box}
.tb-off h1,.tb-off h2{font-family:var(--f-titre);font-weight:400;letter-spacing:.02em;line-height:1.14;text-transform:uppercase;margin:0}
.tb-off p{font-size:1.05rem;line-height:1.6;margin:0 0 1em}
.tb-off a{color:inherit}
.tb-off .te-wrap{max-width:1160px;margin:0 auto;padding:0 24px}
.tb-off .te-wrap-large{max-width:1400px;margin:0 auto;padding:0 24px}
.tb-off .te-s{padding:72px 0}
.tb-off .te-nuit{background:var(--nuit);color:var(--creme)}
.tb-off .te-creme{background:var(--creme);color:var(--encre)}
.tb-off .te-titre{font-size:clamp(1.9rem,4.2vw,3rem);margin-bottom:14px}
.tb-off .te-titre-petit{font-size:clamp(1.4rem,2.6vw,1.9rem)}
.tb-off .te-chapo{max-width:62ch;font-size:1.1rem;margin-bottom:34px}
.tb-off .te-creme .te-chapo{color:#4a4247}
.tb-off .te-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:12px 30px;border-radius:999px;background:var(--rouge);color:#fff!important;font-weight:700;font-size:1rem;text-transform:uppercase;letter-spacing:.04em;text-decoration:none!important;border:2px solid var(--rouge);transition:transform .15s,background .15s}
.tb-off .te-btn:hover{background:var(--rouge2);border-color:var(--rouge2);transform:translateY(-2px)}
.tb-off .te-btn-creux{background:transparent;color:var(--creme)!important;border-color:rgba(241,238,232,.6)}
.tb-off .te-btn-creux:hover{background:rgba(255,255,255,.1);border-color:var(--creme)}
.tb-off .te-lien{display:inline-block;margin-top:10px;color:var(--orange);font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:.85rem}
.tb-off .te-lien::after{content:" \2192"}

/* ① héros */
.tb-off .te-hero{position:relative;min-height:min(86svh,780px);display:flex;align-items:flex-end;background:#000;overflow:hidden}
.tb-off .te-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.85}
.tb-off .te-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.25) 0%,rgba(0,0,0,.05) 35%,rgba(22,20,18,.92) 100%)}
.tb-off .te-hero-in{position:relative;z-index:1;max-width:1160px;width:100%;margin:0 auto;padding:120px 24px 64px}
.tb-off .te-kicker{font-family:var(--f-tampon);color:var(--orange);letter-spacing:.08em;text-transform:uppercase;font-size:.95rem;margin-bottom:14px}
.tb-off .te-hero h1{font-size:clamp(2.4rem,6.4vw,5.2rem);line-height:1.16;max-width:14ch;margin-bottom:28px;text-shadow:0 4px 30px rgba(0,0,0,.6)}
.tb-off .te-hero h1 span{color:var(--rouge)}
.tb-off .te-lead{max-width:58ch;font-size:1.15rem;margin:18px 0 26px;color:#eee7e0}
.tb-off .te-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}

/* ② repères (bandeau tamponné comme les missions) */
.tb-off .te-reperes{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 40px;padding:18px 24px;background:var(--encre);border-top:1px solid var(--ligne);border-bottom:1px solid var(--ligne);font-family:var(--f-tampon);letter-spacing:.04em;font-size:1rem;color:var(--creme)}
.tb-off .te-reperes span[role=listitem]{display:inline-flex;align-items:center;gap:10px}
.tb-off .te-ic{width:22px;height:22px;color:var(--rouge);flex:none}
.tb-off .te-ic svg{width:100%;height:100%}

/* ③ briefing : dossier papier + liste éditoriale */
.tb-off .te-brief-grille{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:48px;align-items:start}
.tb-off .te-dossier{position:relative;background:var(--creme);color:var(--encre);padding:36px 36px 28px;border-radius:4px;box-shadow:0 20px 50px rgba(0,0,0,.45);transform:rotate(-.6deg)}
.tb-off .te-dossier::before{content:"";position:absolute;inset:10px;border:1px dashed rgba(27,23,20,.18);pointer-events:none}
.tb-off .te-tampon{position:absolute;top:-16px;right:26px;transform:rotate(6deg);font-family:var(--f-tampon);color:var(--rouge);border:3px solid var(--rouge);border-radius:6px;padding:4px 12px;letter-spacing:.14em;text-transform:uppercase;font-size:.9rem;background:var(--creme)}
.tb-off .te-dossier h2{font-size:clamp(1.5rem,2.8vw,2.1rem);margin-bottom:14px}
.tb-off .te-dossier p{font-family:var(--f-tampon);font-size:1rem;line-height:1.65;color:var(--encre)}
.tb-off .te-atouts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:22px 28px;align-self:center}
.tb-off .te-atouts li{padding:16px 0 16px 22px;border-left:3px solid var(--rouge);font-size:1rem;line-height:1.55;color:#d9d2cb}
.tb-off .te-atouts b{display:block;font-family:var(--f-titre);font-weight:400;letter-spacing:.03em;text-transform:uppercase;font-size:1.15rem;color:var(--creme);margin-bottom:4px}

/* ④ deux panneaux photo */
.tb-off .te-duo{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.tb-off .te-pan{position:relative;display:block;min-height:420px;border-radius:6px;overflow:hidden;background:#111 var(--img) center/cover no-repeat;color:#fff;text-decoration:none!important;isolation:isolate}
.tb-off .te-pan::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 30%,rgba(0,0,0,.85) 100%);transition:background .2s}
.tb-off .te-pan:hover::after{background:linear-gradient(180deg,rgba(0,0,0,.1) 20%,rgba(0,0,0,.9) 100%)}
.tb-off .te-pan-txt{position:absolute;z-index:1;left:0;right:0;bottom:0;padding:28px;display:flex;flex-direction:column;gap:6px}
.tb-off .te-pan-sur{font-family:var(--f-tampon);color:var(--orange);text-transform:uppercase;letter-spacing:.08em;font-size:.9rem}
.tb-off .te-pan strong{font-family:var(--f-titre);font-weight:400;font-size:clamp(1.5rem,3vw,2.2rem);text-transform:uppercase;letter-spacing:.02em;line-height:1.1}
.tb-off .te-pan-txt>span:not(.te-pan-sur):not(.te-lien){font-size:1rem;line-height:1.5;color:#eee7e0;max-width:46ch}

/* ⑤ bande de cartes à défilement (comme « la mission en images ») */
.tb-off .te-bande{position:relative;padding:0 24px}
.tb-off .te-piste{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:6px 0 18px;max-width:1400px;margin:0 auto}
.tb-off .te-piste::-webkit-scrollbar{display:none}
.tb-off .te-carte{flex:0 0 min(340px,78vw);scroll-snap-align:start;position:relative;border-radius:6px;overflow:hidden;background:var(--nuit2);text-decoration:none!important;color:var(--creme);border:1px solid var(--ligne);display:flex;flex-direction:column;transition:transform .2s,border-color .2s}
.tb-off .te-carte:hover{transform:translateY(-4px);border-color:rgba(232,64,49,.55)}
.tb-off .te-carte img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.tb-off .te-carte-txt{padding:16px 18px 20px;display:flex;flex-direction:column;gap:4px}
.tb-off .te-num{font-family:var(--f-tampon);color:var(--orange);font-size:.9rem;letter-spacing:.1em}
.tb-off .te-carte strong{font-family:var(--f-titre);font-weight:400;font-size:1.35rem;text-transform:uppercase;letter-spacing:.02em}
.tb-off .te-carte em{font-style:normal;color:var(--orange);font-size:.85rem;text-transform:uppercase;letter-spacing:.06em}
.tb-off .te-carte-txt>span:last-child{font-size:.95rem;line-height:1.5;color:var(--gris);margin-top:6px}
.tb-off .te-fleche{position:absolute;top:36%;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:rgba(22,20,18,.8);color:var(--creme);font-size:1.6rem;line-height:1;cursor:pointer;display:none}
.tb-off .te-prec{left:8px}.tb-off .te-suiv{right:8px}
@media (min-width:1000px){.tb-off .te-fleche{display:flex;align-items:center;justify-content:center}}
.tb-off .te-plus{margin-top:26px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}
.tb-off .te-plus p{margin:0;max-width:60ch;color:var(--gris);font-size:1rem}

/* ⑥ affiches externalisées */
.tb-off .te-affiches{display:grid;grid-template-columns:repeat(var(--cols,4),1fr);gap:18px}
.tb-off .te-affiche{position:relative;display:block;border-radius:6px;overflow:hidden;text-decoration:none!important;color:#fff;background:#111;box-shadow:0 14px 34px rgba(27,23,20,.22);transition:transform .2s}
.tb-off .te-affiche:hover{transform:translateY(-4px)}
.tb-off .te-affiche img{display:block;width:100%;aspect-ratio:1/1.41;object-fit:cover;transition:transform .3s}
.tb-off .te-affiche:hover img{transform:scale(1.03)}
.tb-off .te-aff-txt{position:absolute;left:0;right:0;bottom:0;padding:70px 16px 16px;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.92));display:flex;flex-direction:column;gap:3px}
.tb-off .te-aff-txt em{font-style:normal;color:var(--orange);font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}
.tb-off .te-aff-txt strong{font-family:var(--f-titre);font-weight:400;font-size:1.3rem;text-transform:uppercase;letter-spacing:.02em;line-height:1.1}
.tb-off .te-aff-txt>span{font-size:.9rem;line-height:1.45;color:#eee7e0}

/* ⑦ citations à filet or */
.tb-off .te-citations{display:grid;grid-template-columns:1fr 1fr;gap:28px 48px;margin-top:10px}
.tb-off .te-citations blockquote{margin:0;padding:6px 0 6px 24px;border-left:3px solid var(--rouge)}
.tb-off .te-citations p{font-size:1.1rem;line-height:1.55;color:#eee7e0;margin-bottom:12px}
.tb-off .te-citations p::before{content:"\00AB\00A0"}.tb-off .te-citations p::after{content:"\00A0\00BB"}
.tb-off .te-citations footer{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:.9rem;color:var(--gris)}
.tb-off .te-citations footer b{color:var(--creme)}
.tb-off .te-ou{color:var(--orange)}

/* ⑧ chiffres + logos */
.tb-off .te-chiffres{list-style:none;margin:0 0 54px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.tb-off .te-chiffres li{text-align:center;padding:22px 10px;border:1px solid var(--ligne-c);border-radius:6px;background:#fff}
.tb-off .te-chiffres strong{display:block;font-family:var(--f-titre);font-weight:400;font-size:clamp(2.2rem,5vw,3.4rem);color:var(--rouge);line-height:1}
.tb-off .te-chiffres span{display:block;margin-top:6px;font-size:.95rem;color:#4a4247}
.tb-off .te-logos{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:22px 42px}
.tb-off .te-logos img{height:34px;width:auto;max-width:140px;object-fit:contain;filter:grayscale(1) contrast(1.1);opacity:.85}
.tb-off .te-logos-txte{text-align:center;color:#4a4247;font-size:.95rem;margin-top:22px}

/* ⑨ étapes 01-04 */
.tb-off .te-etapes{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:repeat(var(--cols,4),1fr);gap:28px}
.tb-off .te-etapes li{display:flex;gap:14px;align-items:flex-start;padding-top:18px;border-top:1px solid var(--ligne)}
.tb-off .te-etapes .te-num{font-size:1.4rem;line-height:1;padding-top:4px}
.tb-off .te-etapes strong{display:block;font-family:var(--f-titre);font-weight:400;font-size:1.3rem;text-transform:uppercase;letter-spacing:.02em;margin-bottom:6px}
.tb-off .te-etapes p{font-size:.98rem;color:var(--gris);margin:0}

/* ⑩ autres offres */
.tb-off .te-autres{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.tb-off .te-autre{position:relative;display:block;min-height:300px;border-radius:6px;overflow:hidden;background:#111 var(--img) center/cover no-repeat;color:#fff;text-decoration:none!important}
.tb-off .te-autre::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05) 20%,rgba(0,0,0,.88) 100%)}
.tb-off .te-autre-txt{position:absolute;z-index:1;left:0;right:0;bottom:0;padding:24px;display:flex;flex-direction:column;gap:6px}
.tb-off .te-autre strong{font-family:var(--f-titre);font-weight:400;font-size:1.5rem;text-transform:uppercase;letter-spacing:.02em}
.tb-off .te-autre-txt>span:not(.te-lien){font-size:.95rem;line-height:1.5;color:#eee7e0}

/* ⑪ devis */
.tb-off .te-devis-grille{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px;align-items:start}
.tb-off .te-devis-txt p{color:#d9d2cb}
.tb-off .te-devis-pts{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:10px}
.tb-off .te-devis-pts li{padding-left:26px;position:relative;color:#eee7e0}
.tb-off .te-devis-pts li::before{content:"";position:absolute;left:0;top:.5em;width:12px;height:12px;border-radius:50%;background:var(--rouge)}
.tb-off .te-form{background:var(--creme);color:var(--encre);padding:28px;border-radius:6px;box-shadow:0 20px 50px rgba(0,0,0,.45)}
.tb-off .te-form .wpcf7 p{margin:0 0 12px;font-size:.95rem}
.tb-off .te-form label{display:block;font-weight:600;font-size:.9rem;margin-bottom:4px;color:var(--encre)}
.tb-off .te-form input[type=text],.tb-off .te-form input[type=email],.tb-off .te-form input[type=tel],.tb-off .te-form select,.tb-off .te-form textarea{width:100%;padding:12px 14px;border:1px solid rgba(27,23,20,.25);border-radius:4px;background:#fff;font:inherit;font-size:1rem;color:var(--encre)}
.tb-off .te-form textarea{min-height:120px}
.tb-off .te-form input:focus,.tb-off .te-form select:focus,.tb-off .te-form textarea:focus{outline:2px solid var(--rouge);outline-offset:1px;border-color:var(--rouge)}
.tb-off .te-form .wpcf7-radio,.tb-off .te-form .wpcf7-checkbox{display:flex;flex-wrap:wrap;gap:8px 16px}
.tb-off .te-form .wpcf7-list-item{margin:0}
.tb-off .te-form .wpcf7-list-item label{display:inline-flex;align-items:center;gap:8px;font-weight:500;cursor:pointer}
.tb-off .te-form input[type=submit],.tb-off .te-form .wpcf7-submit{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:12px 34px;border-radius:999px;background:var(--rouge);color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:.04em;border:0;cursor:pointer;font:inherit;font-size:1rem}
.tb-off .te-form .wpcf7-submit:hover{background:var(--rouge2)}
.tb-off .te-form .wpcf7-not-valid-tip{color:var(--rouge);font-size:.85rem}
.tb-off .te-form .wpcf7-response-output{border:1px solid var(--rouge);border-radius:4px;padding:10px 14px;margin:12px 0 0}
.tb-off .te-form .grecaptcha-badge{visibility:hidden}

/* ⑫ agences + FAQ */
.tb-off .te-fin{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px}
.tb-off .te-agences{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.tb-off .te-agences a{display:inline-block;padding:8px 14px;border:1px solid var(--ligne-c);border-radius:999px;background:#fff;text-decoration:none!important;font-weight:600;font-size:.9rem;color:var(--encre)}
.tb-off .te-agences a:hover{border-color:var(--rouge);color:var(--rouge)}
.tb-off .te-faq{margin-top:14px;border-top:1px solid var(--ligne-c)}
.tb-off .te-faq details{border-bottom:1px solid var(--ligne-c)}
.tb-off .te-faq summary{cursor:pointer;list-style:none;padding:16px 36px 16px 0;position:relative;font-weight:600;font-size:1.02rem}
.tb-off .te-faq summary::-webkit-details-marker{display:none}
.tb-off .te-faq summary::after{content:"+";position:absolute;right:4px;top:12px;font-family:var(--f-titre);font-size:1.5rem;color:var(--rouge)}
.tb-off .te-faq details[open] summary::after{content:"\2013"}
.tb-off .te-faq p{padding:0 0 18px;margin:0;color:#4a4247;font-size:1rem}

/* écrans */
@media (max-width:1100px){
  .tb-off .te-affiches{grid-template-columns:repeat(3,1fr)}
  .tb-off .te-etapes{grid-template-columns:1fr 1fr}
}
@media (max-width:860px){
  .tb-off .te-s{padding:56px 0}
  .tb-off .te-brief-grille,.tb-off .te-duo,.tb-off .te-citations,.tb-off .te-devis-grille,.tb-off .te-fin{grid-template-columns:1fr}
  .tb-off .te-dossier{transform:none;padding:28px 22px 20px}
  .tb-off .te-chiffres{grid-template-columns:1fr 1fr}
  .tb-off .te-autres{grid-template-columns:1fr}
  .tb-off .te-pan{min-height:340px}
  .tb-off .te-hero{min-height:min(78svh,640px)}
  .tb-off .te-hero-in{padding:90px 20px 44px}
  .tb-off .te-reperes{gap:8px 22px;font-size:.9rem;padding:14px 16px}
}
@media (max-width:560px){
  .tb-off .te-reperes{display:grid;grid-template-columns:1fr 1fr;justify-items:start;gap:12px 14px;font-size:.85rem}
  .tb-off .te-reperes span[role=listitem]{align-items:flex-start;line-height:1.3}
  .tb-off .te-affiches{grid-template-columns:1fr 1fr;gap:12px}
  .tb-off .te-etapes{grid-template-columns:1fr}
  .tb-off .te-form{padding:20px 16px}
  .tb-off .te-aff-txt{padding:50px 12px 12px}
  .tb-off .te-aff-txt strong{font-size:1.05rem}
}
@media (prefers-reduced-motion:reduce){.tb-off .te-btn,.tb-off .te-carte,.tb-off .te-affiche,.tb-off .te-affiche img{transition:none}}

/* ---- ajouts du gabarit commun (20/10/2026) ---- */
/* image d'en-tête fixe (pages sans vidéo) */
.tb-off img.te-video{object-fit:cover}
/* cartes au format affiche (missions à offrir) */
.tb-off .te-piste-affiches .te-carte{flex-basis:min(250px,62vw)}
.tb-off .te-piste-affiches .te-carte img{aspect-ratio:1/1.41}
/* produits détourés (coffrets) : sur fond clair, image entière */
.tb-off .te-produits{max-width:980px;grid-template-columns:repeat(var(--cols,3),minmax(0,260px));justify-content:start}
.tb-off .te-produits .te-affiche{display:flex;align-items:center;gap:14px;background:#fff;box-shadow:0 8px 22px rgba(33,33,33,.1);padding:12px 16px}
.tb-off .te-produits .te-affiche:hover{transform:none}
.tb-off .te-produits .te-affiche img{width:84px;height:84px;aspect-ratio:auto;object-fit:contain;padding:0;flex:none}
.tb-off .te-produits .te-affiche:hover img{transform:none}
.tb-off .te-produits .te-aff-txt{position:static;padding:0;background:none;color:var(--encre)}
.tb-off .te-produits .te-aff-txt strong{font-size:1.15rem}
.tb-off .te-produits .te-aff-txt em{color:var(--rouge)}
/* choix de l'agence */
.tb-off .te-villes{list-style:none;margin:6px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.tb-off .te-villes a{display:flex;flex-direction:column;gap:4px;height:100%;padding:18px 20px;border-radius:6px;text-decoration:none!important;border:1px solid var(--ligne);background:var(--nuit2);color:var(--creme);transition:border-color .15s,transform .15s}
.tb-off .te-creme .te-villes a{background:#fff;border-color:var(--ligne-c);color:var(--encre)}
.tb-off .te-villes a:hover{border-color:var(--rouge);transform:translateY(-2px)}
.tb-off .te-villes strong{font-family:var(--f-titre);font-weight:400;font-size:1.15rem;white-space:nowrap;text-transform:uppercase;letter-spacing:.02em}
.tb-off .te-villes strong::after{content:" \2192";color:var(--rouge)}
.tb-off .te-villes span{font-size:.88rem;color:var(--gris)}
.tb-off .te-creme .te-villes span{color:#4a4247}
/* fin de page sans liste d'agences */
.tb-off .te-fin-seule{grid-template-columns:minmax(0,760px)}
@media (max-width:1100px){.tb-off .te-affiches{grid-template-columns:repeat(min(var(--cols,4),3),1fr)}}
@media (max-width:860px){.tb-off .te-etapes{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.tb-off .te-produits{grid-template-columns:1fr}.tb-off .te-affiches:not(.te-produits){grid-template-columns:1fr 1fr}.tb-off .te-etapes{grid-template-columns:1fr}.tb-off .te-villes{grid-template-columns:1fr 1fr}}
/* sections prévues sur fond nuit et tombées sur fond crème (alternance automatique) */
.tb-off .te-creme .te-etapes li{border-top-color:var(--ligne-c)}
.tb-off .te-creme .te-etapes p,.tb-off .te-creme .te-plus p{color:#4a4247}
.tb-off .te-creme .te-citations p{color:var(--encre)}
.tb-off .te-creme .te-citations footer{color:#4a4247}
.tb-off .te-creme .te-citations footer b{color:var(--encre)}
.tb-off .te-creme .te-atouts li{color:#4a4247}
.tb-off .te-creme .te-atouts b{color:var(--encre)}
.tb-off .te-creme .te-devis-txt p,.tb-off .te-creme .te-devis-pts li{color:var(--encre)}
.tb-off .te-creme .te-fleche{background:rgba(255,252,247,.9);color:var(--encre);border-color:var(--ligne-c)}
.tb-off .te-nuit .te-faq{border-top-color:var(--ligne)}
.tb-off .te-nuit .te-faq details{border-bottom-color:var(--ligne)}
.tb-off .te-nuit .te-faq p{color:var(--gris)}
.tb-off .te-nuit .te-agences a{background:var(--nuit2);border-color:var(--ligne);color:var(--creme)}
.tb-off .te-nuit .te-chiffres li{background:var(--nuit2);border-color:var(--ligne)}
.tb-off .te-nuit .te-chiffres span,.tb-off .te-nuit .te-logos-txte{color:var(--gris)}

/* vedettes : missions mises en avant (affiche + accroche + un bouton par agence) */
.tb-off .te-vedettes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,520px),1fr));gap:22px}
.tb-off .te-vedette{display:grid;grid-template-columns:minmax(0,42%) minmax(0,1fr);border-radius:6px;overflow:hidden;background:var(--nuit2);border:1px solid var(--ligne);color:var(--creme)}
.tb-off .te-creme .te-vedette{box-shadow:0 14px 34px rgba(33,33,33,.22)}
.tb-off .te-vedette img{width:100%;height:100%;object-fit:cover;display:block;min-height:320px}
.tb-off .te-ved-txt{padding:26px 26px 24px;display:flex;flex-direction:column;gap:10px}
.tb-off .te-ved-txt h3{font-family:var(--f-titre);font-weight:400;text-transform:uppercase;letter-spacing:.02em;font-size:clamp(1.6rem,2.6vw,2.2rem);line-height:1.1;margin:0}
.tb-off .te-ved-txt p{margin:0;font-size:1rem;line-height:1.55;color:#eee7e0}
.tb-off .te-ved-txt .te-ved-note{font-family:var(--f-tampon);font-size:.9rem;color:var(--orange)}
.tb-off .te-ved-liens{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:8px}
.tb-off .te-ved-liens .te-btn{min-height:44px;padding:10px 18px;font-size:.85rem}
@media (max-width:640px){.tb-off .te-vedette{grid-template-columns:1fr}.tb-off .te-vedette img{min-height:0;height:auto;max-height:440px;object-fit:contain;background:#000}}

/* ---- photos, bandeau d'action, réservation par agence (20/10/2026, retours Nassim) ---- */
.tb-off .te-photos{display:grid;gap:10px;grid-auto-rows:clamp(170px,19vw,270px)}
.tb-off .te-photos figure{margin:0;position:relative;overflow:hidden;border-radius:6px;background:var(--nuit2)}
.tb-off .te-photos img{width:100%;height:100%;object-fit:cover;display:block}
.tb-off .te-photos figcaption{position:absolute;left:10px;bottom:10px;padding:4px 10px;border-radius:999px;background:rgba(20,18,20,.78);color:var(--creme);font-size:.78rem;font-weight:600;letter-spacing:.02em}
.tb-off .te-photos-5{grid-template-columns:2fr 1fr 1fr}
.tb-off .te-photos-3{grid-template-columns:2fr 1fr}
.tb-off .te-photos-4{grid-template-columns:2fr 1fr 1fr}
.tb-off .te-photos figure:first-child{grid-row:span 2}
.tb-off .te-photos-4 figure:last-child{grid-column:span 2}
.tb-off .te-photos-s .te-titre{margin-bottom:24px}
@media (max-width:700px){
  .tb-off .te-photos{grid-auto-rows:150px}
  .tb-off .te-photos-5,.tb-off .te-photos-3,.tb-off .te-photos-4{grid-template-columns:1fr 1fr}
  .tb-off .te-photos figure:first-child{grid-column:span 2;grid-row:span 2}
  .tb-off .te-photos-4 figure:last-child{grid-column:span 2}
}
.tb-off .te-cta-bande{background:var(--rouge);color:#fff;padding:40px 0}
.tb-off .te-cta-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px 32px}
.tb-off .te-cta-titre{margin:0;font-family:var(--f-titre);text-transform:uppercase;letter-spacing:.02em;font-size:clamp(1.6rem,3.4vw,2.4rem);line-height:1.12;max-width:22ch;text-wrap:balance}
.tb-off .te-cta-bande .te-actions{margin-top:0}
.tb-off .te-cta-bande .te-btn{background:var(--creme);border-color:var(--creme);color:var(--encre)!important}
.tb-off .te-cta-bande .te-btn:hover{background:#fff;border-color:#fff}
.tb-off .te-cta-bande .te-btn-creux{background:transparent;color:#fff!important;border-color:rgba(255,255,255,.75)}
.tb-off .te-cta-bande .te-btn-creux:hover{background:rgba(255,255,255,.12);border-color:#fff}
.tb-off .te-ville-act{margin-top:auto;padding-top:8px;font-style:normal;font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--rouge)}
.tb-off .te-nuit .te-ville-act{color:var(--orange)}
.tb-off .te-villes-devis{margin:22px 0 0;font-size:1rem}
.tb-off .te-villes-devis a{color:var(--rouge);font-weight:700}
.tb-off .te-nuit .te-villes-devis a{color:var(--orange)}
.tb-off .te-creme .te-btn-creux{color:var(--encre)!important;border-color:rgba(33,33,33,.45)}
.tb-off .te-creme .te-btn-creux:hover{background:rgba(33,33,33,.06);border-color:var(--encre)}
/* formulaire Particulier (CF7 1176, balisage Bootstrap de l'ancien thème) */
.tb-off .te-form .row{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;margin:0}
.tb-off .te-form .row>[class*=col-],.tb-off .te-form .shows-contact-textarea{width:auto;max-width:none;padding:0;flex:none}
.tb-off .te-form .shows-contact-textarea{grid-column:1/-1;margin-bottom:12px}
.tb-off .te-form .form-group{margin-bottom:12px}
.tb-off .te-form .text-center{text-align:left!important}
.tb-off .te-form .quiz-contact label{font-weight:500}
.tb-off .te-form .quiz-contact input{max-width:120px}
.tb-off .te-form .wpcf7-acceptance .wpcf7-list-item label,.tb-off .te-form .wpcf7-checkbox label{font-size:.85rem;font-weight:500}
@media (max-width:560px){.tb-off .te-form .row{grid-template-columns:1fr}}
.tb-off .te-form select{height:auto;min-height:48px;line-height:1.3;padding:11px 14px;-webkit-appearance:menulist;appearance:auto}
.tb-off .te-form input[type=text],.tb-off .te-form input[type=email]{height:auto;min-height:48px;line-height:1.3}
.tb-off .te-form .shows-contact-textarea textarea{height:130px;min-height:130px;margin:0;width:100%}
.tb-off .te-form .shows-contact-textarea>*{margin:0;padding:0}
.tb-off .te-form .form-group>div{margin:0;padding:0}
@media (max-width:700px){.tb-off img.te-video{object-position:var(--pos,center)}}
@media (max-width:560px){
  .tb-off .te-villes{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .tb-off .te-villes a{padding:14px 14px}
  .tb-off .te-villes strong{white-space:normal;font-size:1.05rem;line-height:1.15}
  .tb-off .te-ville-act{font-size:.72rem;letter-spacing:.04em;white-space:nowrap}
}
/* en-tête « bandeau » : bannière animée affichée entière (texte incrusté), titre en dessous */
.tb-off .te-hero-bandeau{display:block;min-height:0;background:var(--nuit)}
.tb-off .te-hero-bandeau::after{display:none}
.tb-off .te-bandeau-media{display:block;position:relative;aspect-ratio:1700/446;background:#b8141c;overflow:hidden}
.tb-off .te-hero-bandeau .te-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:1}
.tb-off .te-hero-bandeau .te-hero-in{padding:40px 24px 52px}
.tb-off .te-hero-bandeau h1{max-width:none;font-size:clamp(2.2rem,5vw,4rem);text-shadow:none;margin-bottom:6px}
.tb-off .te-hero-bandeau .te-actions{margin-top:24px}
@media (max-width:700px){.tb-off .te-bandeau-media{aspect-ratio:auto;height:190px}.tb-off .te-hero-bandeau .te-hero-in{padding:28px 20px 40px}}
/* moteur de réservation de l'agence */
.tb-off .te-moteur{background:#fff;color:var(--encre);border-radius:6px;padding:clamp(10px,2vw,24px);box-shadow:0 18px 44px rgba(0,0,0,.28);min-height:420px}
.tb-off .te-creme .te-moteur{box-shadow:0 14px 34px rgba(33,33,33,.14);border:1px solid var(--ligne-c)}
.tb-off .te-moteur iframe{max-width:100%}
.tb-off .te-moteur-s .te-villes-devis{margin-top:20px}

/* « autres » à 4 cartes : 2 × 2 plutôt que 3 + 1 */
.tb-off .te-autres:has(>:nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:700px){.tb-off .te-autres:has(>:nth-child(4):last-child){grid-template-columns:1fr}}