/* TéléAccès+ v2.3.81 — HARMONISATION SOUS-PAGES — PAGE PAR PAGE — 2026-09-29
   Couche visuelle finale. Aucun comportement fonctionnel. Aucun fichier admin. */
:root{--ta-h-bg:#03142f;--ta-h-panel:rgba(4,35,78,.88);--ta-h-panel2:rgba(5,54,112,.78);--ta-h-cyan:#2bc8ff;--ta-h-blue:#087dff;--ta-h-line:rgba(75,205,255,.72);--ta-h-text:#f7fbff;--ta-h-muted:#b9d7eb;--ta-h-shadow:0 18px 46px rgba(0,0,0,.34),0 0 20px rgba(26,167,255,.11)}
html body.ta-page{background:#03142f url('assets/fige/18_FOND_MONTAGNES_PAGES_FONCTIONNELLES.png') center top/cover fixed no-repeat!important;color:var(--ta-h-text)!important;min-height:100vh!important}
html body.ta-page:before{content:''!important;position:fixed!important;inset:0!important;z-index:-2!important;background:linear-gradient(180deg,rgba(0,10,28,.35),rgba(0,16,44,.64) 45%,rgba(0,8,23,.88))!important;pointer-events:none!important}
html body.ta-page a{color:#eaf8ff}
.ta-public-header{position:sticky!important;top:0!important;z-index:1000!important;background:linear-gradient(180deg,rgba(1,15,35,.985),rgba(2,22,49,.97))!important;border-bottom:1px solid rgba(73,211,255,.48)!important;box-shadow:0 12px 30px rgba(0,0,0,.30)!important;backdrop-filter:blur(16px)!important}
.ta-public-inner{width:min(1500px,96%)!important;margin:auto!important}
.ta-public-brand strong{color:#fff!important;text-shadow:0 0 16px rgba(36,191,255,.24)!important}.ta-public-brand strong span{color:#2bc8ff!important}.ta-public-brand small{color:#9bdfff!important}
.ta-public-nav a{background:transparent!important;border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;box-shadow:none!important;color:#fff!important}.ta-public-nav a:hover,.ta-public-nav a.active{border-bottom-color:#2bc8ff!important;color:#fff!important;text-shadow:0 0 14px rgba(43,200,255,.35)!important}
.ta-public-actions a,.ta-public-actions select{background:rgba(3,29,64,.92)!important;border:1px solid rgba(67,193,255,.58)!important;color:#fff!important;border-radius:10px!important;box-shadow:none!important}.ta-public-actions a.primary{background:linear-gradient(135deg,#19c5ff,#087cff)!important;border-color:#83e4ff!important;box-shadow:0 0 18px rgba(25,180,255,.22)!important}
.ta-content,body.ta-page.ta-legacy .wrap,body.ta-page.ta-legacy .container,body.ta-page.ta-legacy .help61{width:min(1440px,94%)!important;max-width:1440px!important;margin-left:auto!important;margin-right:auto!important}
body.ta-page .ta-hero,body.ta-page .ta-modern-hero,body.ta-page .hero,body.ta-page .hero66,body.ta-page .ta74-hero{position:relative!important;overflow:hidden!important;border:1px solid rgba(77,205,255,.88)!important;border-radius:22px!important;background:linear-gradient(90deg,rgba(1,20,52,.88),rgba(3,43,91,.70) 55%,rgba(5,71,126,.36)),url('assets/fige/18_FOND_MONTAGNES_PAGES_FONCTIONNELLES.png') center 48%/cover no-repeat!important;box-shadow:0 24px 58px rgba(0,0,0,.36),0 0 24px rgba(28,174,255,.10)!important;padding:30px 34px!important;color:#fff!important}
body.ta-page .ta-hero:after,body.ta-page .ta-modern-hero:after,body.ta-page .hero:after,body.ta-page .hero66:after,body.ta-page .ta74-hero:after{content:''!important;position:absolute!important;left:0!important;right:0!important;bottom:0!important;height:3px!important;background:linear-gradient(90deg,transparent,#24d1ff 20%,#087dff 55%,transparent)!important;box-shadow:0 0 22px rgba(27,193,255,.58)!important}
body.ta-page h1,body.ta-page h2,body.ta-page h3{color:#fff!important}body.ta-page p,body.ta-page .ta-muted{color:var(--ta-h-muted)!important}
body.ta-page :is(.ta-card,.card,.card58,.ta59card,.panel,.channel,.event,.nn-box,.fav-card,.highlight,.status,.timezone,.ta-feature-strip,.ta-note,.ta-contact-method,.ta-action-card){background:linear-gradient(145deg,rgba(6,55,116,.82),rgba(2,23,57,.91))!important;border:1px solid rgba(75,199,255,.76)!important;border-radius:16px!important;color:#fff!important;box-shadow:var(--ta-h-shadow)!important;backdrop-filter:blur(9px)!important}
body.ta-page :is(.ta-card,.card,.card58,.ta59card,.panel,.channel,.event,.ta-contact-method,.ta-action-card):hover{border-color:#75e0ff!important;box-shadow:0 20px 48px rgba(0,0,0,.36),0 0 24px rgba(35,190,255,.18)!important}
body.ta-page :is(.ta-btn,.btn,.smallbtn,.iconbtn,.ta59btn,button:not(.modal-close)){background:linear-gradient(135deg,#15c4ff 0%,#087cff 100%)!important;border:1px solid #83e4ff!important;color:#fff!important;border-radius:10px!important;box-shadow:0 0 16px rgba(16,173,255,.22)!important;font-weight:800!important;text-shadow:0 1px 2px rgba(0,0,0,.25)!important}
body.ta-page :is(.ta-btn,.btn,.smallbtn,.iconbtn,.ta59btn,button:not(.modal-close)):hover{background:linear-gradient(135deg,#2bd0ff,#0a8cff)!important;box-shadow:0 0 22px rgba(37,191,255,.40)!important;transform:translateY(-1px)!important}
body.ta-page :is(input,select,textarea,.ta-input,.ta-select){background:rgba(2,24,56,.94)!important;border:1px solid rgba(63,192,248,.75)!important;color:#fff!important;border-radius:10px!important;box-shadow:inset 0 0 12px rgba(0,0,0,.12)!important}body.ta-page :is(input,select,textarea):focus{outline:none!important;border-color:#66d9ff!important;box-shadow:0 0 0 3px rgba(39,188,255,.15)!important}
body.ta-page table{width:100%!important;border-collapse:separate!important;border-spacing:0!important;overflow:hidden!important;border:1px solid rgba(67,190,245,.62)!important;border-radius:14px!important;background:rgba(2,24,57,.82)!important;color:#fff!important;box-shadow:0 14px 34px rgba(0,0,0,.22)!important}
body.ta-page table thead th{background:linear-gradient(180deg,rgba(8,76,145,.96),rgba(4,43,91,.96))!important;color:#fff!important;border-bottom:1px solid rgba(86,207,255,.70)!important;font-weight:850!important}
body.ta-page table :is(th,td){border-bottom:1px solid rgba(59,145,202,.32)!important;padding:11px 12px!important;color:#eef9ff!important}body.ta-page table tbody tr{background:rgba(3,31,69,.72)!important}body.ta-page table tbody tr:nth-child(even){background:rgba(4,42,88,.66)!important}body.ta-page table tbody tr:hover{background:rgba(8,77,146,.68)!important}
body.ta-page :is(.badge,.pill,.ta-badge){border:1px solid rgba(73,199,255,.62)!important;background:rgba(4,55,111,.86)!important;color:#f2fbff!important;border-radius:999px!important}
body.ta-page .ta-grid,body.ta-page .cards,body.ta-page .cards58,body.ta-page .ta59grid{gap:16px!important}
body.ta-page .ta-subnav{display:flex!important;gap:8px!important;flex-wrap:wrap!important;margin:16px 0 20px!important;padding:10px!important;background:rgba(1,20,49,.72)!important;border:1px solid rgba(55,177,238,.45)!important;border-radius:14px!important}.ta-subnav a{padding:9px 12px!important;border:1px solid rgba(66,190,247,.55)!important;border-radius:9px!important;background:rgba(5,55,112,.78)!important;text-decoration:none!important;font-weight:800!important}
body.ta-page.ta-legacy>header:not(.ta-public-header),body.ta-page.ta-legacy>.top,body.ta-page.ta-legacy .langs,body.ta-page.ta-legacy .langs61,body.ta-page.ta-legacy .top61,body.ta-page.ta-legacy .brandline{display:none!important}body.ta-page.ta-legacy footer:not(.ta-heritage-footer):not(.ta-site-footer){display:none!important}
.ta-heritage-footer{background:rgba(1,15,36,.96)!important;border-top:1px solid rgba(68,196,255,.42)!important;color:#c4dfef!important}
.ta-wa-float a{background:linear-gradient(135deg,#0c6fd4,#04aaf2)!important;border:1px solid #8addff!important;box-shadow:0 0 25px rgba(0,158,255,.45)!important}
@media(max-width:900px){.ta-content,body.ta-page.ta-legacy .wrap,body.ta-page.ta-legacy .container{width:95%!important}body.ta-page .ta-hero,body.ta-page .ta-modern-hero,body.ta-page .hero{padding:24px 20px!important}.ta-public-nav{overflow-x:auto!important;justify-content:flex-start!important}.ta-public-actions{overflow-x:auto!important;justify-content:flex-start!important}}
@media(max-width:620px){body.ta-page table{display:block!important;overflow-x:auto!important;white-space:nowrap!important}.ta-public-inner{width:96%!important}}

/* ========================================================================
   TÉLÉACCÈS+ — HARMONISATION FUTURISTE FINALE — 2026-09-29
   Référence approuvée: grandes cartes bleu nuit, bordures cyan, icônes
   lumineuses, même langage visuel sur toutes les sous-pages.
   ======================================================================== */
:root{
  --ta-f-bg:#03142f;
  --ta-f-panel:#08254e;
  --ta-f-panel-2:#0a3265;
  --ta-f-panel-soft:rgba(6,42,88,.92);
  --ta-f-line:#159ff5;
  --ta-f-line-hot:#4fd8ff;
  --ta-f-text:#f5fbff;
  --ta-f-muted:#b9d7eb;
  --ta-f-button:#087df2;
  --ta-f-button-2:#0ba8ff;
}
html body.ta-page{
  background:
    linear-gradient(180deg,rgba(0,12,34,.40),rgba(0,25,63,.70) 45%,rgba(0,8,24,.92)),
    url('assets/fige/18_FOND_MONTAGNES_PAGES_FONCTIONNELLES.png') center 58%/cover fixed no-repeat!important;
  color:var(--ta-f-text)!important;
}
html body.ta-page:before{background:linear-gradient(180deg,rgba(0,12,36,.08),rgba(0,25,65,.26) 42%,rgba(0,7,22,.58))!important}

/* Header: language list remains readable even before hover on Windows/Chrome. */
.ta-public-actions .ta-lang,
.ta-public-actions select.ta-lang{
  color-scheme:dark!important;
  background-color:#071d3d!important;
  color:#fff!important;
  border-color:#178fd9!important;
}
.ta-public-actions .ta-lang option,
.ta-public-actions select.ta-lang option{
  background:#071d3d!important;
  background-color:#071d3d!important;
  color:#fff!important;
}
.ta-public-actions .ta-lang option:checked{background:#0b4f92!important;color:#fff!important}

/* Hero: compact, polished, same visual vocabulary as the approved futuristic reference. */
body.ta-page :is(.ta-hero,.ta-modern-hero,.hero,.hero66,.ta74-hero){
  min-height:150px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  padding:28px 32px!important;
  border:1px solid rgba(55,192,255,.90)!important;
  border-radius:18px!important;
  background:
    radial-gradient(circle at 83% 18%,rgba(37,191,255,.22),transparent 24%),
    linear-gradient(105deg,rgba(4,29,67,.97),rgba(6,47,96,.88) 64%,rgba(7,75,128,.58)),
    url('assets/fige/18_FOND_MONTAGNES_PAGES_FONCTIONNELLES.png') center 45%/cover no-repeat!important;
  box-shadow:0 18px 44px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.04),0 0 26px rgba(12,159,245,.12)!important;
}
body.ta-page :is(.ta-hero,.ta-modern-hero,.hero,.hero66,.ta74-hero) h1{
  font-size:clamp(28px,3vw,42px)!important;
  line-height:1.08!important;
  margin:4px 0 8px!important;
  letter-spacing:-.02em!important;
}
body.ta-page .ta-eyebrow{
  display:inline-flex!important;width:max-content!important;align-items:center!important;
  min-height:26px!important;padding:4px 10px!important;border-radius:999px!important;
  border:1px solid rgba(70,205,255,.55)!important;background:rgba(7,71,135,.60)!important;
  color:#bfeeff!important;font-weight:850!important;font-size:12px!important;letter-spacing:.06em!important;text-transform:uppercase!important;
}

/* Grid pages: large futuristic tiles, not the old small card look. */
body.ta-page .ta-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
  margin-top:18px!important;
}
body.ta-page .ta-grid>.ta-card,
body.ta-page .ta-grid>article.ta-card{
  position:relative!important;
  min-height:230px!important;
  padding:28px 28px 26px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  overflow:hidden!important;
  border:1px solid rgba(36,170,244,.90)!important;
  border-radius:16px!important;
  background:
    radial-gradient(circle at 80% 12%,rgba(27,181,255,.16),transparent 31%),
    linear-gradient(145deg,rgba(8,49,101,.98),rgba(4,27,65,.98))!important;
  box-shadow:0 16px 38px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.035),0 0 18px rgba(8,139,232,.10)!important;
  backdrop-filter:blur(10px)!important;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease!important;
}
body.ta-page .ta-grid>.ta-card:after,
body.ta-page .ta-grid>article.ta-card:after{
  content:''!important;position:absolute!important;left:0!important;right:0!important;bottom:0!important;height:2px!important;
  background:linear-gradient(90deg,transparent,#13b7ff 18%,#0a7ef5 72%,transparent)!important;opacity:.72!important;
}
body.ta-page .ta-grid>.ta-card:hover,
body.ta-page .ta-grid>article.ta-card:hover{
  transform:translateY(-2px)!important;
  border-color:#55d8ff!important;
  box-shadow:0 20px 48px rgba(0,0,0,.34),0 0 26px rgba(19,174,255,.18)!important;
}
body.ta-page .ta-card .ta-icon{
  width:58px!important;height:58px!important;display:grid!important;place-items:center!important;
  margin:0 0 26px!important;border-radius:12px!important;border:1px solid #169eea!important;
  background:linear-gradient(145deg,rgba(5,38,83,.90),rgba(7,67,126,.75))!important;
  color:#22c6ff!important;font-size:29px!important;line-height:1!important;
  box-shadow:inset 0 0 18px rgba(16,142,229,.16),0 0 18px rgba(16,142,229,.12)!important;
}
body.ta-page .ta-grid>.ta-card h2{font-size:22px!important;margin:0 0 9px!important;color:#fff!important;letter-spacing:-.01em!important}
body.ta-page .ta-grid>.ta-card p{margin:0 0 18px!important;color:#c0dceb!important;line-height:1.55!important}
body.ta-page .ta-grid>.ta-card .ta-btn{margin-top:auto!important;min-width:132px!important}

/* General cards/panels that are not part of a ta-grid. */
body.ta-page :is(.ta-card,.card,.card58,.card66,.ta59card,.panel,.panel61,.choice61,.box,.stat,.notice,.result,.ta59result,.form-card,.phone-side,.guide,.status,.timezone){
  border:1px solid rgba(39,166,237,.78)!important;
  background:linear-gradient(145deg,rgba(7,48,99,.94),rgba(3,25,60,.96))!important;
  color:#f7fbff!important;
  box-shadow:0 15px 36px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.025)!important;
  backdrop-filter:blur(9px)!important;
}
body.ta-page :is(.panel,.panel61,.box,.guide){border-radius:15px!important}
body.ta-page :is(.panel,.panel61,.box,.guide) h2,
body.ta-page :is(.panel,.panel61,.box,.guide) h3{color:#fff!important}

/* Legacy clickable choices become the same futuristic tiles. */
body.ta-page :is(.choice61,.device-btn,.issue,.device){
  min-height:112px!important;
  border:1px solid rgba(32,161,235,.88)!important;
  border-radius:13px!important;
  background:linear-gradient(145deg,rgba(7,48,100,.97),rgba(3,25,61,.98))!important;
  color:#fff!important;
  box-shadow:0 12px 28px rgba(0,0,0,.24)!important;
}
body.ta-page :is(.choice61,.device-btn,.issue,.device):hover{border-color:#54d8ff!important;background:linear-gradient(145deg,rgba(9,64,127,.98),rgba(3,31,72,.98))!important}

/* Tables: modern dark data grid. */
body.ta-page :is(.table,.table-wrap,.tablewrap){
  border:1px solid rgba(38,166,237,.76)!important;border-radius:14px!important;
  background:rgba(2,21,53,.94)!important;box-shadow:0 14px 34px rgba(0,0,0,.25)!important;overflow:auto!important;
}
body.ta-page table{background:#061d42!important;border:0!important;border-radius:14px!important;box-shadow:none!important;color:#f5fbff!important}
body.ta-page thead th{background:linear-gradient(180deg,#0b4a88,#083667)!important;color:#eaf9ff!important;border-color:rgba(59,165,225,.55)!important}
body.ta-page tbody td{background:rgba(5,36,78,.90)!important;color:#eaf6ff!important;border-color:rgba(44,130,190,.34)!important}
body.ta-page tbody tr:nth-child(even) td{background:rgba(7,44,91,.90)!important}
body.ta-page tbody tr:hover td{background:rgba(9,65,122,.94)!important}

/* Forms and buttons. */
body.ta-page :is(input,select,textarea,.ta-input,.ta-select){
  background:#061d42!important;color:#fff!important;border:1px solid rgba(39,164,235,.78)!important;border-radius:9px!important;
}
body.ta-page select option{background:#071d3d!important;color:#fff!important}
body.ta-page :is(.ta-btn,.btn,.btn58,.btn61,.btn66,.ta59btn,.smallbtn,button:not(.modal-close)){
  min-height:42px!important;padding:10px 16px!important;border-radius:9px!important;
  border:1px solid #36c8ff!important;background:linear-gradient(135deg,#0a99ef,#086eea)!important;color:#fff!important;
  box-shadow:0 0 16px rgba(8,137,235,.18)!important;
}
body.ta-page :is(.ta-btn,.btn,.btn58,.btn61,.btn66,.ta59btn,.smallbtn,button:not(.modal-close)):hover{background:linear-gradient(135deg,#14b9ff,#087ef4)!important;border-color:#67ddff!important}

/* Compact toolbars/subnav. */
body.ta-page :is(.ta-subnav,.tabs,.ta59bar:not(:first-of-type)){
  border:1px solid rgba(38,157,226,.62)!important;border-radius:12px!important;
  background:rgba(3,28,64,.88)!important;padding:10px!important;
}

/* Keep white blocks from historical inline styles from reappearing. */
body.ta-page [style*="background:#fff"],body.ta-page [style*="background: #fff"],
body.ta-page [style*="background:white"],body.ta-page [style*="background: white"]{
  background:linear-gradient(145deg,rgba(7,48,99,.94),rgba(3,25,60,.96))!important;color:#f7fbff!important;
}

@media(max-width:820px){body.ta-page .ta-grid{grid-template-columns:1fr!important}body.ta-page .ta-grid>.ta-card{min-height:190px!important}}


/* ========================================================================
   TÉLÉACCÈS+ — FUTURISTE RÉFÉRENCE APPROUVÉE — FINAL3
   Les classes ci-dessous reconstruisent les modules eux-mêmes. Elles ne
   se contentent pas de placer la montagne derrière l'ancien design.
   ======================================================================== */
body.ta-page .ta67-nav{display:none!important}
body.ta-page .ta-future-page{width:min(1180px,calc(100% - 34px));margin:26px auto 52px;position:relative;z-index:1}
body.ta-page .ta-future-hero{position:relative;min-height:210px;display:flex;align-items:center;padding:38px 42px;margin-bottom:22px;overflow:hidden;border:1px solid rgba(56,204,255,.86);border-radius:20px;background:linear-gradient(90deg,rgba(0,15,43,.95),rgba(4,47,99,.80) 58%,rgba(7,82,140,.34)),url('assets/fige/18_FOND_MONTAGNES_PAGES_FONCTIONNELLES.png') center 48%/cover no-repeat;box-shadow:0 24px 58px rgba(0,0,0,.42),0 0 28px rgba(23,172,255,.11)}
body.ta-page .ta-future-hero:after{content:'';position:absolute;inset:auto 0 0;height:3px;background:linear-gradient(90deg,transparent,#28d4ff 20%,#087dff 58%,transparent);box-shadow:0 0 24px rgba(26,190,255,.55)}
body.ta-page .ta-future-hero>div{position:relative;z-index:2;max-width:720px}
body.ta-page .ta-future-kicker{display:inline-flex;align-items:center;min-height:28px;padding:5px 11px;margin-bottom:10px;border:1px solid rgba(63,207,255,.62);border-radius:999px;background:rgba(5,64,127,.62);color:#9be8ff;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
body.ta-page .ta-future-hero h1{font-size:clamp(32px,4vw,50px)!important;line-height:1.02!important;margin:0 0 12px!important;letter-spacing:-.035em!important}
body.ta-page .ta-future-hero p{max-width:620px!important;margin:0!important;color:#c4dfef!important;font-size:17px!important;line-height:1.58!important}
body.ta-page .ta-account-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0 0 18px}
body.ta-page .ta-overview-card{display:flex;align-items:center;gap:16px;min-height:100px;padding:18px 20px;border:1px solid rgba(40,172,241,.74);border-radius:15px;background:linear-gradient(145deg,rgba(5,47,99,.93),rgba(2,25,61,.96));box-shadow:0 16px 34px rgba(0,0,0,.29),inset 0 1px 0 rgba(255,255,255,.035)}
body.ta-page .ta-overview-card span{display:block;color:#8fdfff;font-size:12px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;margin-bottom:5px}
body.ta-page .ta-overview-card strong{display:block;color:#fff;font-size:15px;line-height:1.45}
body.ta-page .ta-future-grid{display:grid;gap:18px;margin:0 0 22px}
body.ta-page .ta-future-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
body.ta-page .ta-future-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
body.ta-page .ta-future-card{position:relative;min-height:210px;padding:26px 28px 24px;display:flex;flex-direction:column;align-items:flex-start;text-decoration:none!important;overflow:hidden;border:1px solid rgba(32,166,239,.92);border-radius:16px;background:radial-gradient(circle at 82% 8%,rgba(29,184,255,.13),transparent 31%),linear-gradient(145deg,rgba(7,49,102,.985),rgba(2,24,59,.99));box-shadow:0 17px 40px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.032);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
body.ta-page .ta-future-card:after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,#18c9ff 22%,#087dff 70%,transparent);opacity:.78}
body.ta-page .ta-future-card:hover{transform:translateY(-4px);border-color:#5edcff;box-shadow:0 23px 52px rgba(0,0,0,.40),0 0 28px rgba(18,177,255,.18)}
body.ta-page .ta-future-card-compact{min-height:220px}
body.ta-page .ta-future-icon{width:58px;height:58px;display:grid;place-items:center;flex:0 0 auto;margin-bottom:25px;border:1px solid #18a7f3;border-radius:13px;background:linear-gradient(145deg,rgba(4,31,72,.94),rgba(6,70,132,.76));color:#28caff;box-shadow:inset 0 0 20px rgba(21,153,237,.18),0 0 20px rgba(13,147,237,.10)}
body.ta-page .ta-future-icon .ta-svg-icon{width:34px;height:34px;display:block}
body.ta-page .ta-future-card-copy h2{margin:0 0 8px!important;font-size:21px!important;color:#fff!important;letter-spacing:-.015em!important}
body.ta-page .ta-future-card-copy p{margin:0!important;color:#b9d7e8!important;line-height:1.55!important}
body.ta-page .ta-future-arrow{position:absolute;right:22px;bottom:18px;color:#33ceff;font-size:30px;font-weight:300;line-height:1}
body.ta-page .ta-future-cta{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;min-height:128px;padding:22px 26px;border:1px solid rgba(41,176,243,.83);border-radius:16px;background:linear-gradient(120deg,rgba(4,42,88,.96),rgba(4,29,68,.96));box-shadow:0 17px 40px rgba(0,0,0,.29)}
body.ta-page .ta-future-cta h2{margin:0 0 5px!important;font-size:22px!important}.ta-future-cta p{margin:0!important;color:#b9d7e8!important}
body.ta-page .ta-future-support-avatar,body.ta-page .ta-future-cta-art{width:62px;height:62px;display:grid;place-items:center;border:1px solid #19aff6;border-radius:15px;background:linear-gradient(145deg,#063976,#071f49);color:#28caff;box-shadow:0 0 24px rgba(17,174,255,.15)}
body.ta-page .ta-future-support-avatar .ta-svg-icon{width:36px;height:36px}
body.ta-page .ta-future-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:10px 18px;border:1px solid #5fdcff;border-radius:9px;background:linear-gradient(135deg,#0cb6fb,#0875ee);color:#fff!important;text-decoration:none!important;font-weight:900;box-shadow:0 0 20px rgba(14,160,247,.20);cursor:pointer}
body.ta-page .ta-future-button:hover{background:linear-gradient(135deg,#22caff,#0a86f8);box-shadow:0 0 25px rgba(22,185,255,.34);transform:translateY(-1px)}
body.ta-page .ta-future-button.secondary{background:rgba(5,43,88,.90);border-color:rgba(64,188,246,.70);box-shadow:none}
body.ta-page .ta-future-panel{padding:24px;border:1px solid rgba(35,167,238,.88);border-radius:16px;background:linear-gradient(145deg,rgba(7,48,100,.975),rgba(3,24,59,.985));box-shadow:0 18px 42px rgba(0,0,0,.31)}
body.ta-page .ta-panel-heading{display:flex;align-items:center;gap:15px;margin-bottom:20px}.ta-panel-heading .ta-future-icon{margin:0}.ta-panel-heading h2{margin:3px 0 0!important}
body.ta-page .ta-future-form label{display:grid;gap:7px;color:#dcefff;font-weight:800}.ta-future-form .ta-input{width:100%;box-sizing:border-box}
body.ta-page .ta-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:14px}.ta-future-form>label{margin-bottom:14px}
body.ta-page .ta-form-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}
body.ta-page .ta-renew-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 18px}.ta-renew-step{display:flex;align-items:center;gap:11px;padding:14px 16px;border:1px solid rgba(35,158,224,.62);border-radius:12px;background:rgba(3,31,71,.88);color:#b9d9eb}.ta-renew-step span{width:31px;height:31px;display:grid;place-items:center;border:1px solid #168fe2;border-radius:50%;background:#052b61;color:#74ddff;font-weight:900}.ta-renew-step.active{border-color:#52d6ff;color:#fff;box-shadow:0 0 20px rgba(31,180,255,.10)}
body.ta-page .ta-renew-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr);gap:18px}.ta-summary-row{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid rgba(58,149,204,.28)}.ta-summary-row span{color:#9cc9e2}.ta-summary-row strong{color:#fff;text-align:right}.ta-summary-note{display:flex;gap:10px;align-items:flex-start;margin-top:18px;padding:13px;border:1px solid rgba(38,157,221,.43);border-radius:10px;background:rgba(4,34,76,.74)}.ta-summary-note p{margin:0!important}.ta-status-dot{width:9px;height:9px;margin-top:7px;flex:0 0 auto;border-radius:50%;background:#28d0ff;box-shadow:0 0 12px #28d0ff}

/* Contact page: two-column reference treatment, no old flat white cards. */
body.ta-page .ta-content-page.ta-modern-page{width:min(1180px,calc(100% - 34px));margin:26px auto 52px}.ta-modern-page .ta-modern-hero{min-height:190px!important;margin-bottom:18px!important}.ta-modern-page .ta-feature-strip{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}.ta-modern-page .ta-feature-strip>div{padding:16px 17px;border:1px solid rgba(37,159,226,.72);border-radius:12px;background:linear-gradient(145deg,rgba(6,48,99,.94),rgba(3,25,61,.96));box-shadow:0 12px 28px rgba(0,0,0,.24)}.ta-modern-page .ta-feature-strip strong,.ta-modern-page .ta-feature-strip small{display:block}.ta-modern-page .ta-feature-strip small{margin-top:3px;color:#a8cee3}.ta-contact-modern{display:grid!important;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;gap:18px!important;margin-top:18px!important}.ta-contact-methods{display:grid!important;gap:14px!important}.ta-contact-method{display:grid!important;grid-template-columns:auto 1fr auto!important;align-items:center!important;gap:14px!important;min-height:126px!important;padding:20px!important;text-decoration:none!important}.ta-contact-method .ta-card-icon{width:52px;height:52px;display:grid;place-items:center;border:1px solid #169fe8;border-radius:12px;background:#052b61;color:#2ac9ff;font-size:25px}.ta-contact-method h2{margin:0 0 5px!important}.ta-contact-method strong{color:#8ddfff}.ta-contact-method p{margin:4px 0 0!important}.ta-card-arrow{color:#2ac9ff;font-size:25px}.ta-form-card{padding:23px!important}.ta-card-heading{display:flex;justify-content:space-between;gap:16px;align-items:center}.ta-card-heading h2{margin:4px 0 0!important}.ta-contact-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.ta-contact-form label{display:grid;gap:6px}.ta-contact-form .wide{grid-column:1/-1}.ta-contact-form input,.ta-contact-form textarea{width:100%;box-sizing:border-box}

/* Database-backed legacy renderers: force their modules into the same dark system. */
body.ta-page.ta-legacy :is(.stats,.grid,.cards,.cards58,.ta59grid){gap:16px!important}
body.ta-page.ta-legacy :is(.stat,.card,.panel,.panel61,.choice61,.guide,.box,.table-wrap,.tablewrap,.renew-summary,.renew-card,.codebox,.status,.notice:not(.err):not(.warn)){
  border-color:rgba(35,166,236,.86)!important;background:linear-gradient(145deg,rgba(7,48,100,.975),rgba(3,24,59,.985))!important;color:#f5fbff!important;box-shadow:0 15px 36px rgba(0,0,0,.27)!important
}
body.ta-page.ta-legacy :is(.stat,.card,.panel,.panel61,.choice61,.guide,.box) h2,body.ta-page.ta-legacy :is(.stat,.card,.panel,.panel61,.choice61,.guide,.box) h3{color:#fff!important}
body.ta-page.ta-legacy :is(.muted,.mut,small){color:#afd2e5!important}

@media(max-width:900px){body.ta-page .ta-future-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.ta-contact-modern{grid-template-columns:1fr!important}.ta-modern-page .ta-feature-strip{grid-template-columns:1fr!important}.ta-renew-layout{grid-template-columns:1fr!important}}
@media(max-width:680px){body.ta-page .ta-future-page,.ta-content-page.ta-modern-page{width:min(94%,1180px)}body.ta-page .ta-future-grid-2,body.ta-page .ta-future-grid-3,body.ta-page .ta-account-overview,body.ta-page .ta-renew-steps,body.ta-page .ta-form-grid{grid-template-columns:1fr!important}.ta-future-hero{min-height:170px!important;padding:27px 22px!important}.ta-future-card{min-height:190px!important}.ta-future-cta{grid-template-columns:1fr!important}.ta-contact-form{grid-template-columns:1fr!important}.ta-contact-form .wide{grid-column:auto}}

/* Guide horaire — reconstruction visuelle dans le même système futuriste. */
body.ta-page .ta-guide-future{width:min(1240px,calc(100% - 34px))!important;margin:26px auto 52px!important}
body.ta-page .ta-guide-future .hero{min-height:190px!important;padding:30px 34px!important;margin-bottom:18px!important}
body.ta-page .ta-guide-future .filters{display:grid!important;grid-template-columns:minmax(180px,1fr) minmax(210px,1.35fr) minmax(170px,.9fr) auto!important;gap:12px!important;padding:18px!important;margin-top:0!important;border:1px solid rgba(36,168,238,.88)!important;border-radius:15px!important;background:linear-gradient(145deg,rgba(7,48,100,.97),rgba(3,24,59,.98))!important;box-shadow:0 16px 38px rgba(0,0,0,.30)!important}
body.ta-page .ta-guide-future .filters select,body.ta-page .ta-guide-future .filters input{min-height:48px!important;background:#061d42!important;border-color:rgba(50,177,241,.72)!important;color:#fff!important}
body.ta-page .ta-guide-future .section{margin-top:18px!important}
body.ta-page .ta-guide-future .section-title{padding:0 2px 8px!important}
body.ta-page .ta-guide-future .channels{display:grid!important;gap:13px!important}
body.ta-page .ta-guide-future .channel{padding:18px!important;border:1px solid rgba(34,162,232,.86)!important;border-radius:15px!important;background:linear-gradient(145deg,rgba(6,47,98,.98),rgba(2,24,59,.99))!important;box-shadow:0 14px 34px rgba(0,0,0,.28)!important}
body.ta-page .ta-guide-future .channel:hover{border-color:#58d8ff!important;box-shadow:0 20px 44px rgba(0,0,0,.34),0 0 22px rgba(20,177,255,.12)!important}
body.ta-page .ta-guide-future .nn{background:rgba(3,30,70,.92)!important;border-color:rgba(49,148,207,.48)!important;color:#fff!important}.ta-guide-future .nn.now{border-color:#2fd4a1!important}
body.ta-page .ta-guide-future .status{border:1px solid rgba(42,165,231,.72)!important;background:rgba(4,38,83,.92)!important;color:#dcefff!important}.ta-guide-future .status.error{border-color:#ff7787!important;background:rgba(87,25,40,.88)!important}
body.ta-page .ta-guide-future .fav-card,body.ta-page .ta-guide-future .highlight{background:linear-gradient(145deg,rgba(6,47,98,.97),rgba(3,24,59,.98))!important;border-color:rgba(35,163,233,.82)!important}

/* Renouvellement DB — mêmes blocs futuristes sans toucher à la logique. */
body.ta-page .ta-renew-db-page{width:min(1120px,calc(100% - 34px))!important;max-width:1120px!important}
body.ta-page .ta-renew-db-page .ta-renew-db-hero{min-height:190px!important;display:flex!important;align-items:center!important;margin:0 0 18px!important;padding:30px 34px!important;background:linear-gradient(90deg,rgba(0,16,45,.94),rgba(4,48,99,.80) 58%,rgba(7,82,140,.34)),url('assets/fige/18_FOND_MONTAGNES_PAGES_FONCTIONNELLES.png') center 48%/cover no-repeat!important}
body.ta-page .ta-renew-db-page .renew-layout{gap:18px!important}.ta-renew-db-page .renew-layout>.card{margin:0!important}.ta-renew-db-page .renew-summary{top:92px!important}
body.ta-page .ta-renew-db-page .form-title{font-size:23px!important}.ta-renew-db-page .form-sub{color:#b9d7e8!important}.ta-renew-db-page .sumrow{border-color:rgba(55,151,208,.35)!important}.ta-renew-db-page .sumrow .value{color:#6cddff!important}

/* Fidélité DB — cartes/stats transformées en modules du même langage. */
body.ta-page.ta-legacy .stats{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))!important;gap:14px!important;margin:18px 0!important}
body.ta-page.ta-legacy .stats .stat{min-height:118px!important;padding:18px!important;border:1px solid rgba(36,165,235,.84)!important;border-radius:14px!important;background:linear-gradient(145deg,rgba(7,49,101,.97),rgba(3,25,60,.98))!important;box-shadow:0 14px 32px rgba(0,0,0,.27)!important}
body.ta-page.ta-legacy .stats .stat b{display:block!important;color:#fff!important;font-size:24px!important;margin-bottom:6px!important}.stats .stat span{color:#afd3e6!important}
body.ta-page.ta-legacy .split{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}.split>.card{margin:0!important}
body.ta-page.ta-legacy .codebox{border:1px solid rgba(45,176,237,.65)!important;border-radius:10px!important;padding:11px!important;background:#061d42!important;color:#7be1ff!important}

@media(max-width:820px){body.ta-page .ta-guide-future .filters{grid-template-columns:1fr!important}body.ta-page.ta-legacy .split{grid-template-columns:1fr!important}}