/* tp-paris.css - TELEPILOTE SAS - page « Formation drone à Paris et en Île-de-France » (menu 485, article 285) - v5 du 08/10/2026
   Chargée par tpls/blocks/head.php pour le menu 485 seulement, hors optimiseur T3. Préfixe .tpp- ; charte de l'accueil v3 :
   bleu nuit #0a2540, orange #ff6600 (fond) / #c24e00 (texte sur blanc) / #ffb37f (texte sur bleu nuit), police Exo 2. */
.tpp{--n:#0a2540;--n2:#103a62;--b:#1b6699;--o:#ff6600;--o2:#ff8a3d;--ot:#c24e00;--ot2:#a64300;--ol:#ffb37f;--g:#f5f7fa;--l:#e3e8ef;--t2:#33475b;--t3:#4a5b6e;--sh:0 2px 10px rgba(10,37,64,.06);--sh2:0 16px 36px rgba(10,37,64,.16);
color:var(--n);font-family:'Exo 2',Arial,sans-serif;font-size:17px;line-height:1.6}
/* Remises à zéro de faible spécificité (:where) : les règles de composant (.tpp-xxx) passent toujours devant */
:where(.tpp) *,:where(.tpp) *::before,:where(.tpp) *::after{box-sizing:border-box}
:where(.tpp) p{margin:0 0 12px}
:where(.tpp) ul,:where(.tpp) ol,:where(.tpp) dl{list-style:none;margin:0;padding:0}
:where(.tpp) li{margin:0;padding:0;list-style:none}
:where(.tpp) li::before,:where(.tpp) li::after{content:none}
:where(.tpp) dd,:where(.tpp) dt{margin:0;line-height:inherit;font-weight:inherit}
:where(.tpp) figure{margin:0}
:where(.tpp) img{max-width:100%;height:auto;display:block;border:0}
:where(.tpp) a{color:var(--b);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
:where(.tpp) a:hover{color:var(--n)}
/* tp-lisible.css impose :is(#t3-mainbody,#t3-department) :is(dd,dt){font-size:var(--tp-fs)!important} (spécificité 1,0,1) :
   les tailles propres à la page passent par #t3-mainbody .tpp .xxx (1,2,1 et plus), avec !important */
#t3-mainbody .tpp .tpp-quick dt{font-size:15px!important;line-height:1.3}
#t3-mainbody .tpp .tpp-quick dd{font-size:15px!important}
#t3-mainbody .tpp .tpp-pc__lieu dd{font-size:15.5px!important}
#t3-mainbody .tpp .tpp-pc__d dd,#t3-mainbody .tpp .tpp-pc__p dd{font-size:16.5px!important}
#t3-mainbody .tpp .tpp-pc__c :is(dt,dd),#t3-mainbody .tpp .tpp-pc__f :is(dt,dd),#t3-mainbody .tpp .tpp-visio :is(dt,dd){font-size:15px!important}
.tpp a:focus-visible,.tpp summary:focus-visible,.tpp button:focus-visible,.tpp [tabindex]:focus-visible{outline:3px solid var(--ot);outline-offset:2px;border-radius:4px}
.tpp .tpp-hero a:focus-visible,.tpp .tpp-sec--n a:focus-visible,.tpp .tpp-sec--n summary:focus-visible,.tpp .tpp-quick__next a:focus-visible{outline-color:#fff}
:where(.tpp) strong,:where(.tpp) b{font-weight:700}
.tpp-i{width:22px;height:22px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;display:inline-block;vertical-align:middle}
.tpp-xs-only{display:none}
.tpp-sr{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:-1px;padding:0;border:0}
.tpp summary{cursor:pointer;list-style:none}
.tpp summary::-webkit-details-marker{display:none}
.tpp summary::marker{content:""}
/* Titres (le gabarit et tp-lisible.css imposent leurs tailles avec !important) */
#t3-mainbody .tpp h1.tpp-h1,#t3-mainbody .tpp h2,#t3-mainbody .tpp h3,#t3-mainbody .tpp h4{font-family:'Exo 2',Arial,sans-serif!important;color:var(--n)!important;padding:0!important;border:0!important;background:none!important;text-align:left!important;text-transform:none!important;letter-spacing:normal!important;max-width:none!important;font-weight:700!important}
#t3-mainbody .tpp h1.tpp-h1::before,#t3-mainbody .tpp h1.tpp-h1::after,#t3-mainbody .tpp h2::before,#t3-mainbody .tpp h3::before,#t3-mainbody .tpp h3::after,#t3-mainbody .tpp h4::before,#t3-mainbody .tpp h4::after{content:none!important;display:none!important}
#t3-mainbody .tpp h1.tpp-h1{font-size:clamp(32px,3.15vw,44px)!important;line-height:1.12!important;color:#fff!important;margin:0 0 14px!important;letter-spacing:-.01em!important}
#t3-mainbody .tpp h2{font-size:32px!important;line-height:1.2!important;margin:0 0 16px!important}
#t3-mainbody .tpp h2::after{content:""!important;display:block!important;width:56px;height:4px;margin-top:12px;background:var(--o);border-radius:2px}
#t3-mainbody .tpp h3{font-size:20px!important;line-height:1.3!important;margin:0 0 8px!important}
#t3-mainbody .tpp h4{font-size:18px!important;line-height:1.3!important;margin:0 0 8px!important}
#t3-mainbody .tpp .tpp-sec--n h2,#t3-mainbody .tpp .tpp-sec--n h3{color:#fff!important}
.tpp-intro{font-size:18px;line-height:1.6;color:var(--t2);max-width:52em;margin:0 0 22px}
.tpp-kick{margin:0 0 12px;font-size:15px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--b)}
.tpp-note{font-size:16px;line-height:1.55;color:var(--t2);margin:0;max-width:62em}
.tpp-links{font-weight:600;margin:18px 0 0}
.tpp-more-link{margin:22px 0 0;font-weight:700}
.tpp-more-link a{text-decoration:none}
.tpp-more-link a:hover,.tpp-more-link a:focus-visible{text-decoration:underline}
.tpp-more-link .tpp-i{width:20px;height:20px;margin-left:6px;color:var(--ot)}
/* Sections pleine largeur (fond étendu sans débordement horizontal) */
.tpp-sec{position:relative;padding:68px 0 64px;margin:0;clear:both;scroll-margin-top:20px}
.tpp-sec--g{background:var(--g);box-shadow:0 0 0 100vmax var(--g);clip-path:inset(0 -100vmax)}
.tpp-sec--n{background:var(--n);box-shadow:0 0 0 100vmax var(--n);clip-path:inset(0 -100vmax);color:#fff}
.tpp-sec--n a{color:#fff}
.tpp-sec--n a:hover,.tpp-sec--n a:focus-visible{color:var(--ol)}
/* Boutons (52 px, contraste AA : bleu nuit sur orange 5,6:1) */
#t3-mainbody .tpp .tpp-btn,.tpp-bar a{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:12px 18px;border-radius:10px;font-family:'Exo 2',Arial,sans-serif;font-size:17px!important;font-weight:700;line-height:1.2;text-decoration:none!important;text-align:center;border:2px solid transparent;cursor:pointer;transition:background-color .15s,color .15s,border-color .15s,box-shadow .15s}
#t3-mainbody .tpp .tpp-btn .tpp-i{width:20px;height:20px}
#t3-mainbody .tpp .tpp-btn--primary{background:var(--o);border-color:var(--o);color:var(--n)!important;box-shadow:0 8px 20px rgba(255,102,0,.28)}
#t3-mainbody .tpp .tpp-btn--primary:hover,#t3-mainbody .tpp .tpp-btn--primary:focus-visible{background:var(--o2);border-color:var(--o2)}
#t3-mainbody .tpp .tpp-btn--light{background:#fff;border-color:#fff;color:var(--n)!important}
#t3-mainbody .tpp .tpp-btn--light:hover,#t3-mainbody .tpp .tpp-btn--light:focus-visible{background:#e6eef6;border-color:#e6eef6}
#t3-mainbody .tpp .tpp-btn--ghostw{background:transparent;border-color:#fff;color:#fff!important}
#t3-mainbody .tpp .tpp-btn--ghostw:hover,#t3-mainbody .tpp .tpp-btn--ghostw:focus-visible{background:#fff;color:var(--n)!important}
#t3-mainbody .tpp .tpp-btn--navy{background:var(--n);border-color:var(--n);color:#fff!important}
#t3-mainbody .tpp .tpp-btn--navy:hover,#t3-mainbody .tpp .tpp-btn--navy:focus-visible{background:var(--n2);border-color:var(--n2)}
#t3-mainbody .tpp .tpp-btn:focus-visible{outline:3px solid var(--ot);outline-offset:3px}
#t3-mainbody .tpp .tpp-sec--n .tpp-btn:focus-visible,#t3-mainbody .tpp .tpp-hero .tpp-btn:focus-visible{outline-color:#fff}
.tpp-cta{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 16px}
.tpp-ref{display:inline-block;margin-left:4px;font-size:15px;font-weight:600;text-decoration:none!important;vertical-align:super;line-height:1}
/* ===== 1. Hero : titre à gauche, vraie vidéo à droite, fond bleu nuit uni ===== */
.tpp-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "media" "body" "proof";gap:0;align-items:start;margin:-30px 0 0;padding:44px 0 100px;background:var(--n);box-shadow:0 0 0 100vmax var(--n);clip-path:inset(0 -100vmax);color:#fff}
.tpp-hero__head{grid-area:head;min-width:0}
.tpp-hero__body{grid-area:body;min-width:0}
.tpp-hero__media{grid-area:media}
.tpp-hero .tpp-proof{grid-area:proof}
.tpp-eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 18px;padding:6px 14px 6px 10px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);font-size:15px;font-weight:600;line-height:1.3;color:#dbe5ef}
.tpp-eyebrow .tpp-i{width:18px;height:18px;color:var(--ol)}
.tpp-promise{margin:0 0 14px;font-size:20px;font-weight:600;line-height:1.35;color:#fff}
.tpp-reponse{margin:0 0 22px;font-size:17px;line-height:1.6;color:#dbe5ef;max-width:40em}
.tpp-proof{display:grid;gap:10px;margin:0}
.tpp-proof li{display:flex;gap:12px;align-items:flex-start;font-size:16px;line-height:1.45;color:#dbe5ef}
.tpp-proof .tpp-i{width:22px;height:22px;color:var(--ol);margin-top:1px}
.tpp-proof strong{color:#fff}
.tpp-proof .tpp-ref{color:#fff}
.tpp-hero__links{display:flex;flex-wrap:wrap;gap:0 26px;margin:0;font-size:16px}
.tpp-hero__links a{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:#fff;font-weight:600}
.tpp-hero__links a:hover,.tpp-hero__links a:focus-visible{color:var(--ol)}
.tpp-hero__links .tpp-i{width:20px;height:20px;color:var(--ol)}
.tpp-hero__media{min-width:0;margin:0 0 22px}
.tpp-stage{position:relative;aspect-ratio:16/9;width:100%;border-radius:18px;overflow:hidden;background:linear-gradient(135deg,#15426d 0%,#0d2f52 55%,#0a2540 100%);box-shadow:0 22px 48px rgba(0,0,0,.38),0 0 0 1px rgba(255,255,255,.1)}
.tpp-stage video,.tpp-stage noscript img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block;margin:0;max-width:none}
.tpp-stage video{opacity:0;transition:opacity .6s ease}
.tpp-stage>img{display:none}
.tpp-stage.is-playing video{opacity:1}
.tpp-stage__ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.2)}
.tpp-stage__ph .tpp-i{width:72px;height:72px;stroke-width:1.1}
.tpp-stage.is-playing .tpp-stage__ph{display:none}
.tpp-stage__btn{position:absolute;right:14px;bottom:14px;z-index:2;width:48px;height:48px;border-radius:50%;border:2px solid rgba(255,255,255,.92);background:rgba(10,37,64,.74);color:#fff;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;transition:background-color .15s,color .15s}
.tpp-stage__btn:hover,.tpp-stage__btn:focus-visible{background:var(--o);border-color:var(--o);color:var(--n)}
.tpp-stage__btn:focus-visible{outline:3px solid #fff!important;outline-offset:2px}
.tpp-stage__btn svg{width:18px;height:18px;fill:currentColor}
.tpp-stage__cap{margin:12px 0 0;font-size:15px;line-height:1.45;color:#c9d6e3}
/* ===== 2. Bandeau de faits iconisés ===== */
.tpp-facts{position:relative;z-index:2;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:-60px 0 0;background:#fff;border-radius:18px;border:1px solid var(--l);box-shadow:var(--sh2);overflow:hidden}
.tpp-facts li{display:flex;flex-direction:column;align-items:flex-start;padding:20px 18px 18px;border-left:1px solid var(--l)}
.tpp-facts li:first-child{border-left:0}
.tpp-facts__ico{width:46px;height:46px;margin:0 0 12px;border-radius:12px;background:#fff1e8;color:var(--ot);display:flex;align-items:center;justify-content:center}
.tpp-facts__ico .tpp-i{width:26px;height:26px}
.tpp-facts strong{display:block;font-size:20px;line-height:1.2;color:var(--n);margin:0 0 2px}
.tpp-facts li>span:last-child{font-size:15px;line-height:1.35;color:var(--t3)}
/* ===== 3. Sommaire « Sur cette page » ===== */
.tpp-toc{margin:30px 0 0}
.tpp-toc__d>summary{display:flex;align-items:center;gap:12px;margin:0 0 10px;pointer-events:none}
.tpp-toc__t{font-size:15px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--b)}
.tpp-toc__n{display:none}
.tpp-toc ul{display:flex;flex-wrap:wrap;gap:8px}
.tpp-toc a{display:inline-flex;align-items:center;min-height:44px;padding:8px 16px;border-radius:999px;border:1px solid #cfd9e4;background:#fff;color:var(--n);text-decoration:none;font-size:16px;font-weight:600;line-height:1.2;transition:border-color .15s,color .15s,background-color .15s}
.tpp-toc a:hover,.tpp-toc a:focus-visible{border-color:var(--b);color:var(--b);background:#f0f6fb}
/* Repli générique (+ / −) */
.tpp details>summary::after{content:"";flex:0 0 auto}
.tpp .tpp-more>summary::after,.tpp .tpp-fam>summary::after,.tpp .tpp-q>summary::after,.tpp .tpp-notes>summary::after,.tpp .tpp-m-fold>summary::after{content:"−";margin-left:auto;width:30px;height:30px;border-radius:50%;background:#e6eef6;color:var(--b);font-weight:700;font-size:20px;line-height:1;display:inline-flex;align-items:center;justify-content:center}
.tpp details:not([open])>summary::after{content:"+"}
/* ===== 4. L'essentiel : fiche rapide + tableau complet replié ===== */
.tpp-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:row dense;gap:12px;margin:0 0 16px}
.tpp-quick>div{display:flex;flex-direction:column;padding:16px 18px 16px;border-radius:14px;background:#fff;border:1px solid var(--l);box-shadow:var(--sh)}
.tpp-quick dt{display:flex;align-items:center;gap:8px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--b);line-height:1.3}
.tpp-quick dt .tpp-i{width:22px;height:22px;color:var(--ot)}
.tpp-quick dd strong{display:block;margin:8px 0 4px;font-size:17px;line-height:1.35;color:var(--n)}
.tpp-quick dd>span{display:block;font-size:15px;line-height:1.45;color:var(--t3)}
.tpp-quick .tpp-quick__wide{grid-column:span 2}
.tpp-quick .tpp-quick__next{background:var(--n);border-color:var(--n);color:#fff}
.tpp-quick__next dt,.tpp-quick__next dt .tpp-i{color:var(--ol)}
.tpp-quick__next dd strong{color:#fff;font-size:19px}
.tpp-quick__next dd>span{color:#dbe5ef;font-size:16px}
.tpp-quick__next a{color:#fff;font-weight:700;white-space:nowrap}
.tpp-quick__next a:hover,.tpp-quick__next a:focus-visible{color:var(--ol)}
.tpp-more{margin:6px 0 0;border:1px solid var(--l);border-radius:14px;background:#fff}
.tpp-more>summary{display:flex;align-items:center;gap:12px;min-height:56px;padding:10px 18px;font-weight:700;color:var(--b)}
.tpp-more[open]>summary{border-bottom:1px solid var(--l)}
.tpp-more>:not(summary){margin:0;padding:14px 18px 16px}
.tpp-more>p{color:var(--t2);font-size:16px}
.tpp-tablewrap{overflow-x:auto}
.tpp-table{width:100%;border-collapse:collapse;margin:0;font-size:16px;line-height:1.5;background:#fff}
.tpp-table caption{caption-side:top;text-align:left;padding:0 0 10px;font-size:15px;color:var(--t3)}
.tpp-table th,.tpp-table td{padding:11px 14px;text-align:left;vertical-align:top;border-top:1px solid var(--l);font-size:16px;line-height:1.5}
.tpp-table thead th{background:var(--n);color:#fff;font-size:15px;letter-spacing:.03em;border-top:0}
.tpp-table tbody th{width:24%;color:var(--n);font-weight:700}
.tpp-table tbody tr:nth-child(even){background:#fafbfd}
/* ===== 5. Pourquoi le campus : une journée au campus ===== */
.tpp-lead{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 32px;margin:0 0 6px}
.tpp-lead .tpp-intro{margin-bottom:18px}
#t3-mainbody .tpp .tpp-h3k{margin:8px 0 18px!important;font-size:15px!important;letter-spacing:.06em!important;text-transform:uppercase!important;color:var(--b)!important}
.tpp-day{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:0 0 28px}
.tpp-day__s{position:relative;display:flex;flex-direction:column;background:#fff;border-radius:16px;border:1px solid var(--l);box-shadow:var(--sh)}
.tpp-day__f{border-radius:16px 16px 0 0;overflow:hidden;background:var(--l)}
.tpp-day__f img{width:100%;aspect-ratio:3/2;object-fit:cover}
.tpp-day__b{position:relative;padding:30px 18px 20px}
.tpp-day__n{position:absolute;top:-24px;left:16px;width:46px;height:46px;border-radius:50%;background:var(--o);color:var(--n);border:3px solid #fff;font-weight:700;font-size:19px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px rgba(10,37,64,.18)}
.tpp-day__b p{margin:0;font-size:16px;line-height:1.55;color:var(--t2)}
.tpp-day__b strong{color:var(--n);font-size:17px}
.tpp-day__s:not(:last-child)::after{content:"";position:absolute;z-index:2;top:calc((100% - 0px) * 0 + 33%);right:-17px;width:14px;height:14px;border-top:3px solid var(--o);border-right:3px solid var(--o);transform:rotate(45deg)}
.tpp-hand{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);background:#fff;border-radius:18px;overflow:hidden;border:1px solid var(--l);box-shadow:var(--sh);margin:0 0 22px}
.tpp-hand__f{min-height:100%;background:var(--l)}
.tpp-hand__f img{width:100%;height:100%;min-height:260px;object-fit:cover}
.tpp-hand__b{display:flex;flex-direction:column;justify-content:center;padding:28px 32px}
.tpp-hand__k{display:inline-flex;align-items:center;gap:8px;margin:0 0 10px;font-size:15px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--b)}
.tpp-hand__k .tpp-i{color:var(--ot)}
.tpp-hand__k .tpp-i{width:24px;height:24px}
.tpp-hand__b p:last-child{margin:0;font-size:18px;line-height:1.6;color:var(--n)}
.tpp-guides{margin:0;font-size:16px;line-height:1.6;color:var(--t2);max-width:62em}
/* ===== 6. Venir au campus ===== */
.tpp-go{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin:6px 0 22px;align-items:stretch}
.tpp-go__map{display:flex;flex-direction:column;gap:14px;min-width:0}
.tpp-map{background:#fff;border-radius:18px;border:1px solid var(--l);overflow:hidden;box-shadow:var(--sh)}
.tpp-map__svg{display:block;width:100%;height:auto}
.tpp-map text{font-family:'Exo 2',Arial,sans-serif}
.tpp-map .m-bg{fill:#f7f9fc}
.tpp-map .m-zone{fill:#eaf1f8;stroke:#c3d2e2;stroke-width:1.5;stroke-dasharray:5 5}
.tpp-map .m-zl{font-size:13.5px;font-weight:600;fill:#4a5b6e}
.tpp-map .m-road{fill:none;stroke:#1b6699;stroke-width:4;stroke-linecap:round;stroke-dasharray:10 7}
.tpp-map .m-pill{fill:#0a2540}
.tpp-map .m-pillt{font-size:14px;font-weight:700;fill:#fff;text-anchor:middle}
.tpp-map .m-halo{fill:rgba(10,37,64,.1)}
.tpp-map .m-paris{fill:#0a2540}
.tpp-map .m-lab{font-size:16px;font-weight:700;fill:#0a2540;text-anchor:middle}
.tpp-map .m-sub{font-size:13.5px;fill:#4a5b6e;text-anchor:middle}
.tpp-map .m-l{text-anchor:start}
.tpp-map .m-r{text-anchor:end}
.tpp-map .m-pin{fill:#ff6600;stroke:#c24e00;stroke-width:1.2}
.tpp-map .m-pinc{fill:#fff}
.tpp-map .m-gare{fill:#fff;stroke:#1b6699;stroke-width:3}
.tpp-map .m-g{font-size:14px;font-weight:600;fill:#0a2540}
.tpp-map .m-leg{font-size:13px;fill:#4a5b6e}
.tpp-map .m-note{font-size:13px;font-style:italic;fill:#4a5b6e;text-anchor:end}
.tpp-addr{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;padding:16px 20px;border-radius:14px;background:var(--g);border:1px solid var(--l)}
.tpp-addr p{flex:1 1 260px;margin:0;font-size:16px;line-height:1.55}
.tpp-addr .tpp-addr__go{flex:0 0 auto}
.tpp-go__photo{position:relative;margin:0;border-radius:18px;overflow:hidden;background:var(--n);box-shadow:var(--sh2);min-height:320px}
.tpp-go__photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tpp-go__photo figcaption{position:absolute;left:14px;right:14px;bottom:14px;padding:9px 14px;border-radius:10px;background:rgba(10,37,64,.86);color:#fff;font-size:15px;line-height:1.4}
.tpp-modes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 22px}
.tpp-modes>li{display:flex}
.tpp-mode{flex:1 1 auto;padding:20px 20px 18px;border-radius:16px;background:#fff;border:1px solid var(--l);box-shadow:var(--sh)}
.tpp-mode>summary{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin:0 0 8px}
.tpp-mode__ico{width:46px;height:46px;border-radius:12px;background:#e6eef6;color:var(--b);display:flex;align-items:center;justify-content:center}
.tpp-mode__ico .tpp-i{width:26px;height:26px}
#t3-mainbody .tpp .tpp-mode h3{font-size:18px!important;margin:0!important}
.tpp-mode p{margin:0;font-size:16px;line-height:1.55;color:var(--t2)}
.tpp-warn{display:flex;gap:16px;align-items:flex-start;margin:0 0 18px;padding:18px 22px;border-radius:16px;background:#fff6ef;border:2px solid #e65c00}
.tpp-warn__ico{flex:0 0 46px;width:46px;height:46px;border-radius:50%;background:#c24e00;color:#fff;display:flex;align-items:center;justify-content:center}
.tpp-warn__ico .tpp-i{width:26px;height:26px}
.tpp-warn p{margin:0;font-size:16.5px;line-height:1.55;color:var(--n)}
.tpp-warn .tpp-warn__t{margin:2px 0 4px;font-size:19px;font-weight:700;color:#8a3700}
.tpp-contacts{display:flex;flex-wrap:wrap;gap:10px 28px;margin:0;font-size:16px;line-height:1.55;color:var(--t2)}
.tpp-contacts>span{display:flex;gap:10px;align-items:flex-start;flex:1 1 380px;min-width:0}
.tpp-contacts .tpp-i{color:var(--b);margin-top:2px}
/* ===== 7. Ce que vous trouvez sur le campus ===== */
.tpp-eq{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:32px;align-items:start}
.tpp-eq__d>summary{display:flex;align-items:center;gap:12px;margin:0 0 6px}
.tpp-eq__s{font-size:15px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--b)}
.tpp-eq__list li{display:flex;gap:14px;align-items:flex-start;padding:15px 0;border-bottom:1px solid #dde5ee;font-size:17px;line-height:1.5}
.tpp-eq__list li:first-child{padding-top:4px}
.tpp-eq__list .tpp-i{width:28px;height:28px;flex:0 0 28px;color:var(--ot)}
.tpp-gal{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.tpp-gal figure{position:relative;margin:0;border-radius:14px;overflow:hidden;background:var(--l)}
.tpp-gal__wide{grid-column:1/-1}
.tpp-gal img{width:100%;aspect-ratio:4/3;object-fit:cover}
.tpp-gal .tpp-gal__wide img{aspect-ratio:960/423}
.tpp-gal figcaption{position:absolute;left:8px;bottom:8px;max-width:calc(100% - 16px);padding:4px 10px;border-radius:6px;background:rgba(10,37,64,.86);color:#fff;font-size:15px!important;line-height:1.35!important}
.tpp-gal figure:not(.tpp-gal__wide){background:none;border-radius:0;overflow:visible}
.tpp-gal figure:not(.tpp-gal__wide) img{border-radius:12px;background:var(--l)}
.tpp-gal figure:not(.tpp-gal__wide) figcaption{position:static;max-width:none;border-radius:0;background:none;color:var(--t3);padding:6px 2px 0}
/* ===== 8. Compris / non compris (double codage : icône + mot) ===== */
.tpp-inc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0 0 18px}
.tpp-inc__col{padding:22px 24px 10px;border-radius:18px;background:#fff;border:1px solid var(--l);box-shadow:var(--sh)}
.tpp-inc__col--yes{border-top:5px solid #1f7a4d}
.tpp-inc__col--no{border-top:5px solid var(--n)}
#t3-mainbody .tpp .tpp-inc h3{display:flex;align-items:center;gap:10px;font-size:20px!important;margin:0 0 6px!important}
.tpp-inc__col>summary{display:flex;align-items:center;gap:10px;margin:0 0 6px}
.tpp-inc h3 .tpp-i{width:32px;height:32px;padding:5px;border-radius:50%;stroke-width:2.4}
.tpp-inc__col--yes h3 .tpp-i{background:#e3f4ea;color:#1f7a4d}
.tpp-inc__col--no h3 .tpp-i{background:#fdeaea;color:#b42318}
.tpp-inc li{display:flex;gap:12px;align-items:flex-start;padding:14px 0;border-top:1px solid var(--l);font-size:16px;line-height:1.5;color:var(--t2)}
.tpp-inc li:first-child{border-top:0}
.tpp-inc__m .tpp-i{width:22px;height:22px;stroke-width:2.4;margin-top:1px}
.tpp-inc__col--yes .tpp-inc__m{color:#1f7a4d}
.tpp-inc__col--no .tpp-inc__m{color:#b42318}
.tpp-inc li strong{display:block;color:var(--n);font-size:17px}
/* ===== 9. Parcours : filtres + cartes par famille ===== */
.tpp-filter{margin:0 0 22px;padding:16px 18px;border-radius:16px;background:#fff;border:1px solid var(--l)}
.tpp-filter__l{margin:0 0 10px;font-size:15px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--b)}
.tpp-filter__chips{display:flex;flex-wrap:wrap;gap:8px}
#t3-mainbody .tpp .tpp-chip{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin:0;padding:8px 16px;border-radius:999px;border:1px solid #c3cfdc;background:#fff;color:var(--n);font-family:'Exo 2',Arial,sans-serif!important;font-size:16px!important;font-weight:600;line-height:1.2;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s}
#t3-mainbody .tpp .tpp-chip:hover{border-color:var(--b)}
#t3-mainbody .tpp .tpp-chip[aria-pressed="true"]{background:var(--n);border-color:var(--n);color:#fff}
#t3-mainbody .tpp .tpp-chip:focus-visible{outline:3px solid var(--ot);outline-offset:2px}
.tpp-chip__n{display:inline-flex;min-width:24px;height:24px;padding:0 6px;border-radius:999px;background:#e6eef6;color:var(--n);font-size:15px;font-weight:700;align-items:center;justify-content:center}
.tpp-chip[aria-pressed="true"] .tpp-chip__n{background:var(--o);color:var(--n)}
.tpp-filter__out{margin:12px 0 0;font-size:15px;color:var(--t3)}
.tpp-fam{margin:0 0 14px;border-radius:18px;background:#fff;border:1px solid var(--l);box-shadow:var(--sh)}
.tpp-fam[hidden]{display:none}
.tpp-fam>summary{display:flex;align-items:center;gap:14px;min-height:68px;padding:12px 20px}
.tpp-fam__ico{flex:0 0 46px;width:46px;height:46px;border-radius:12px;background:#e6eef6;color:var(--b);display:flex;align-items:center;justify-content:center}
.tpp-fam__ico .tpp-i{width:26px;height:26px}
#t3-mainbody .tpp .tpp-fam h3{flex:1 1 auto;margin:0!important;font-size:20px!important}
.tpp-fam__tag{display:inline-block;margin-left:8px;padding:2px 10px;border-radius:999px;background:#e6eef6;color:#14507a;font-size:15px;font-weight:700;line-height:1.5;vertical-align:2px;white-space:nowrap}
.tpp-fam__n{flex:0 0 auto;font-size:15px;font-weight:600;color:var(--t3);white-space:nowrap}
.tpp-pk{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;align-items:start}
.tpp-pk>.tpp-fam{margin:0}
.tpp-cards{display:grid;grid-template-columns:minmax(0,1fr);gap:0;padding:0 8px 8px}
/* Un parcours = une ligne de comparaison (lien sur toute la ligne) ; prix alignés en colonne sur ordinateur */
.tpp .tpp-pc{position:relative;display:block;padding:14px 12px 12px;border-top:1px solid var(--l);border-radius:10px;background:none;transition:background-color .15s}
.tpp .tpp-pc[hidden]{display:none}
.tpp-pc:hover,.tpp-pc:focus-within{background:#f3f7fb}
#t3-mainbody .tpp .tpp-pc__t{margin:0 0 8px!important;padding-right:36px!important;font-size:17.5px!important;line-height:1.3!important}
.tpp-pc__t a{color:var(--n);text-decoration:none}
.tpp-pc__t a::after{content:"";position:absolute;inset:0;border-radius:10px;z-index:1}
.tpp-pc__t a:focus-visible{outline:none}
.tpp-pc__t a:focus-visible::after{outline:3px solid var(--ot);outline-offset:-3px}
.tpp-pc:hover .tpp-pc__t a{color:var(--b);text-decoration:underline}
.tpp-pc__dl{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"lieu lieu" "d p" "c c" "f f";gap:5px 16px;margin:0;align-items:start}
.tpp-pc__dl>div{display:flex;align-items:flex-start;gap:8px;min-width:0}
.tpp-pc__lieu{grid-area:lieu}
.tpp .tpp-pc__who{display:table;margin:0 0 8px;padding:1px 10px;border-radius:999px;background:#e6eef6;color:#14507a;font-size:15px;font-weight:600;line-height:1.5}
.tpp-pc__d{grid-area:d}
.tpp-pc__p{grid-area:p}
.tpp-pc__c{grid-area:c}
.tpp-pc__f{grid-area:f}
.tpp-pc__dl dt .tpp-i{width:18px;height:18px;margin-top:3px;color:var(--ot)}
.tpp-pc__lieu dd{font-weight:600;line-height:1.45;color:var(--n)}
.tpp-pc__d dd,.tpp-pc__p dd{font-weight:700;line-height:1.4;color:var(--n)}
.tpp .tpp-pc__c,.tpp .tpp-pc__f{display:block;position:relative;padding-left:26px;font-size:15px;line-height:1.5}
.tpp-pc__c dt,.tpp-pc__f dt{display:inline;font-weight:700;color:var(--t3)}
.tpp-pc__c dt .tpp-i,.tpp-pc__f dt .tpp-i{position:absolute;left:0;top:0;margin-top:2px;color:var(--b)}
.tpp-pc__c dt::after,.tpp-pc__f dt::after{content:"\00a0: "}
.tpp-pc__c dd,.tpp-pc__f dd{display:inline;color:var(--t2)}
.tpp-pc__go{position:absolute;top:15px;right:10px;display:inline-flex;align-items:center;gap:4px;color:var(--b)}
.tpp-pc__gol{display:none}
.tpp-pc__go .tpp-i{width:22px;height:22px;transition:transform .15s}
.tpp-pc:hover .tpp-pc__go .tpp-i{transform:translateX(3px)}
@media (min-width:992px){
.tpp-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:4px 14px 14px}
.tpp .tpp-pc{display:flex;flex-direction:column;padding:14px 16px 12px;border:1px solid var(--l);border-radius:14px;background:#fff;transition:background-color .15s,box-shadow .15s}
.tpp-pc:hover,.tpp-pc:focus-within{background:#f7fafd;border-color:#b9cde0;box-shadow:var(--sh)}
#t3-mainbody .tpp .tpp-pc__t{margin:0 0 6px!important;padding-right:0!important}
.tpp .tpp-pc__who{align-self:flex-start;margin:0 0 8px}
.tpp-pc__dl{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"lieu lieu" "d p" "c c" "f f";gap:4px 18px}
.tpp-pc__go{position:static;margin-top:auto;padding-top:8px;font-size:15px;font-weight:700}
.tpp-pk{gap:10px}
.tpp-fam>summary{min-height:60px;padding:8px 20px}
.tpp-filter{margin-bottom:16px}
.tpp-pc__gol{display:inline}
.tpp-pc__go .tpp-i{width:18px;height:18px}
.tpp .tpp-pc__c,.tpp .tpp-pc__f{color:var(--t3)}
}
.tpp-fam__note{margin:0;padding:14px 20px;border-top:1px solid var(--l);background:#fafbfd;border-radius:0 0 18px 18px;font-size:16px;line-height:1.55;color:var(--t2)}
/* ===== 10. À distance ===== */
.tpp-visio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 18px}
.tpp-visio li{display:flex;flex-direction:column;padding:22px 22px 18px;border-radius:16px;background:#fff;border:1px solid var(--l);box-shadow:var(--sh)}
.tpp-visio__ico{width:46px;height:46px;border-radius:12px;background:#e6eef6;color:var(--b);display:flex;align-items:center;justify-content:center;margin:0 0 14px}
.tpp-visio__ico .tpp-i{width:26px;height:26px}
.tpp-visio h3 a{color:var(--n)}
.tpp-visio h3 a:hover,.tpp-visio h3 a:focus-visible{color:var(--b)}
.tpp-visio__o{font-size:16px;line-height:1.5;color:var(--t2);margin:0 0 14px}
.tpp-visio dl{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}
.tpp-visio dl>div{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--g);font-size:15px;line-height:1.3}
.tpp-visio dt{display:flex;align-items:center;gap:6px;font-weight:600;color:var(--t3)}
.tpp-visio dt .tpp-i{width:18px;height:18px;color:var(--ot)}
.tpp-visio dt::after{content:" :"}
.tpp-visio dd{font-weight:700;color:var(--n)}
/* ===== 11. Entreprises et collectivités ===== */
.tpp-ent{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:28px;align-items:start;margin:0 0 30px}
.tpp-ent__txt p{margin:0;font-size:17px;line-height:1.65;color:var(--t2)}
.tpp-ent__chips{display:grid;gap:8px}
.tpp-ent__chips li{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;background:#fff;border:1px solid var(--l);font-size:16px;font-weight:600;line-height:1.35}
.tpp-ent__chips .tpp-i{color:var(--ot)}
.tpp-refs__t{margin:0 0 14px;font-size:16px;font-weight:600;color:var(--t2)}
.tpp-logos{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.tpp-logos li{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:10px;min-height:112px;padding:16px 10px 12px;border-radius:14px;background:#fff;border:1px solid var(--l);text-align:center}
.tpp-logos img{flex:0 0 auto;width:auto;max-width:100%;height:36px;max-height:none;object-fit:contain;margin:auto 0 0;filter:grayscale(1);opacity:.85;transition:filter .2s,opacity .2s}
.tpp-logos li:hover img{filter:none;opacity:1}
.tpp-logos span{font-size:15px;line-height:1.3;color:var(--t3);font-weight:600}
/* ===== 12. Financer : votre situation, qui finance ===== */
.tpp-fin{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0}
.tpp-fin>li{display:flex}
.tpp-fin details{flex:1 1 auto;padding:20px 20px 18px;border-radius:16px;background:#fff;border:1px solid var(--l);box-shadow:var(--sh)}
.tpp-fin summary{display:grid;grid-template-columns:46px minmax(0,1fr);gap:4px 14px;align-items:start;margin:0 0 10px}
.tpp-fin__ico{grid-row:1/span 2;width:46px;height:46px;border-radius:12px;background:#e6eef6;color:var(--b);display:flex;align-items:center;justify-content:center}
.tpp-fin__ico .tpp-i{width:26px;height:26px}
#t3-mainbody .tpp .tpp-fin h3{grid-column:2;margin:0!important;font-size:18px!important}
.tpp-fin__who{grid-column:2;display:block;font-size:16px;line-height:1.45;font-weight:600;color:var(--n)}
.tpp-fin summary::after{grid-column:3;grid-row:1}
.tpp-fin p{margin:0;font-size:15.5px;line-height:1.55;color:var(--t2)}
.tpp-fin .tpp-fin__cpf{grid-column:1/-1}
.tpp-fin__cpf details{background:var(--g);border-style:dashed;border-color:#b8c6d6;box-shadow:none}
.tpp-fin__cpf .tpp-fin__ico{background:#fff}
/* ===== 13. Examen CATS ===== */
.tpp-cats__n{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 26px;max-width:760px}
.tpp-cats__n li{padding:18px 20px;border-radius:16px;background:var(--n);color:#fff;text-align:center}
.tpp-cats__n strong{display:block;font-size:40px;line-height:1.05;color:var(--ol)}
.tpp-cats__n span{display:block;margin-top:4px;font-size:16px;color:#dbe5ef}
.tpp-cats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0 0 20px;max-width:980px}
.tpp-cats__o{padding:22px 24px;border-radius:16px;background:#fff;border:1px solid var(--l);box-shadow:var(--sh)}
.tpp-cats__o--tp{border:2px solid var(--o)}
.tpp-cats__k{display:flex;align-items:center;gap:8px;margin:0 0 4px;font-size:16px;font-weight:700;color:var(--b)}
.tpp-cats__k .tpp-i{color:var(--ot)}
.tpp-cats__p{margin:0 0 8px;font-size:38px;font-weight:700;line-height:1.1;color:var(--n)}
.tpp-cats__o p:last-child{margin:0;font-size:16px;line-height:1.55;color:var(--t2)}
.tpp-cats__x{margin:0 0 12px;font-size:17px}
/* ===== 14. Résultats (fond bleu nuit) ===== */
.tpp-kpi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 18px}
.tpp-kpi li{padding:20px 22px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16)}
.tpp-kpi strong{display:block;margin:0 0 6px;font-size:40px;line-height:1.05;color:var(--ol)}
.tpp-kpi li>span{display:block;font-size:16px;line-height:1.45;color:#fff}
.tpp-kpi__two strong{font-size:32px;line-height:1.15}
.tpp .tpp-kpi__two strong{display:grid;grid-template-columns:max-content max-content;column-gap:10px;align-items:baseline}
.tpp-kpi__two strong>span{display:contents}
.tpp-kpi__two small{font-size:16px;font-weight:600;letter-spacing:.02em;color:#fff}
.tpp-kpi .tpp-ref{color:#fff}
.tpp-res__d{margin:0 0 18px;font-size:15px;line-height:1.55;color:#c9d6e3;max-width:62em}
.tpp-quali{display:flex;gap:14px;align-items:flex-start;margin:0 0 16px;padding:18px 20px;border-radius:16px;background:#fff;color:var(--n);font-size:16px;line-height:1.6}
.tpp-quali>.tpp-i{width:34px;height:34px;flex:0 0 34px;color:#1f7a4d}
.tpp-sec--n .tpp-quali a{color:var(--b)}
.tpp-sec--n .tpp-quali a:hover,.tpp-sec--n .tpp-quali a:focus-visible{color:var(--n)}
.tpp-notes>summary{display:flex;align-items:center;gap:12px;min-height:48px;font-size:16px;font-weight:700;color:#fff}
.tpp-notes>summary::after{background:rgba(255,255,255,.14)!important;color:#fff!important}
.tpp-notes p{margin:8px 0 0;color:#c9d6e3;line-height:1.55}
/* ===== 15. FAQ ===== */
.tpp-faq{max-width:920px}
.tpp-q:last-child{border-bottom:1px solid var(--l)}
.tpp-q{border-top:1px solid var(--l)}
.tpp-q>summary{display:flex;align-items:center;gap:16px;min-height:64px;padding:12px 0}
#t3-mainbody .tpp .tpp-q h3{flex:1 1 auto;margin:0!important;font-size:19px!important;line-height:1.35!important}
.tpp-q>summary:hover h3{color:var(--b)!important}
.tpp-q p{margin:0 0 18px;padding-right:46px;font-size:17px;line-height:1.65;color:var(--t2)}
/* ===== 16. Prochaine étape ===== */
.tpp-next{padding-bottom:40px}
.tpp-next__in{padding:36px 40px;border-radius:22px;background:linear-gradient(120deg,#103a62 0%,#0a2540 70%);border:1px solid rgba(255,255,255,.14);box-shadow:0 22px 50px rgba(0,0,0,.25)}
.tpp-next__p{margin:0 0 22px;font-size:18px;line-height:1.6;color:#dbe5ef;max-width:46em}
.tpp-next .tpp-cta{margin:0}
.tpp-src{margin:22px 0 0;color:#c9d6e3;line-height:1.55}
.tpp-src small{font-size:15px}
#t3-mainbody .item-page .pager.pagenav,#t3-mainbody .item-page hr.divider-vertical{display:none!important}
#t3-mainbody.t3-mainbody{padding-bottom:0}
/* ===== Barre d'action collante (mobile) : créée par tp-paris.js, hors .tpp ===== */
.tpp-bar{position:fixed;left:0;right:0;bottom:0;z-index:1040;display:none;gap:8px;padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px));background:rgba(10,37,64,.97);box-shadow:0 -8px 24px rgba(0,0,0,.25);transform:translateY(110%);transition:transform .2s ease;font-family:'Exo 2',Arial,sans-serif}
.tpp-bar.is-on{transform:none}
.tpp-bar a{flex:1 1 0;min-height:50px;padding:8px 10px;font-size:16px!important;border-radius:10px}
.tpp-bar a svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.tpp-bar .tpp-bar__call{background:#ff6600;border-color:#ff6600;color:#0a2540!important}
.tpp-bar .tpp-bar__rdv{background:#fff;border-color:#fff;color:#0a2540!important}
.tpp-bar a:focus-visible{outline:3px solid #fff;outline-offset:2px}
/* ===== Tablette ===== */
@media (max-width:991px){
.tpp-facts{grid-template-columns:repeat(3,minmax(0,1fr))}
.tpp-facts li:nth-child(4){border-left:0}
.tpp-facts li:nth-child(n+4){border-top:1px solid var(--l)}
.tpp-quick{grid-template-columns:repeat(3,minmax(0,1fr))}
.tpp-day{grid-template-columns:repeat(2,minmax(0,1fr))}
.tpp-day__s:nth-child(2)::after{display:none}
.tpp-modes{grid-template-columns:repeat(2,minmax(0,1fr))}
.tpp-visio,.tpp-fin{grid-template-columns:repeat(2,minmax(0,1fr))}
.tpp-logos{grid-template-columns:repeat(4,minmax(0,1fr))}
.tpp-kpi{grid-template-columns:repeat(2,minmax(0,1fr))}
.tpp-ent{grid-template-columns:minmax(0,1fr)}
}
@media (min-width:992px){
.tpp-hero{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);grid-template-areas:"head head" "body media" "proof proof";column-gap:36px;row-gap:0;padding:44px 0 96px}
#t3-mainbody .tpp .tpp-hero .tpp-btn{font-size:16px!important;padding:12px 14px;gap:8px}
#t3-mainbody .tpp .tpp-hero .tpp-btn .tpp-i{width:18px;height:18px}
#t3-mainbody .tpp h1.tpp-h1{margin-bottom:26px!important;max-width:21em!important}
.tpp-hero__media{margin:4px 0 18px}
.tpp-hero .tpp-proof{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:8px;padding:0;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14)}
.tpp-hero .tpp-proof li{padding:16px 18px;border-left:1px solid rgba(255,255,255,.14)}
.tpp-hero .tpp-proof li:first-child{border-left:0}
}
@media (min-width:1200px){
.tpp-hero{width:min(1180px,calc(100vw - 64px));margin-left:calc(50% - min(590px,50vw - 32px));grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);column-gap:40px}
#t3-mainbody .tpp h1.tpp-h1{max-width:none!important;font-size:42px!important}
}
/* Repli sur ordinateur et tablette : les blocs .tpp-m-fold restent ouverts, sans bouton */
@media (min-width:768px){
.tpp .tpp-m-fold>summary{pointer-events:none;cursor:default}
.tpp .tpp-m-fold>summary::after{display:none!important}
}
/* ===== Mobile ===== */
@media (max-width:767px){
.tpp{font-size:16px}
#t3-mainbody .tpp h1.tpp-h1{font-size:29px!important;line-height:1.15!important;margin-bottom:12px!important}
#t3-mainbody .tpp h2{font-size:25px!important;margin-bottom:12px!important}
#t3-mainbody .tpp h2::after{margin-top:10px;width:44px}
#t3-mainbody .tpp h3{font-size:18px!important}
.tpp-intro{font-size:16px;margin-bottom:16px}
.tpp-sec{padding:32px 0 30px}
.tpp{padding:0 6px}
.tpp-hero{padding:20px 0 70px}
.tpp-eyebrow{font-size:15px;margin-bottom:12px;padding:5px 12px 5px 8px}
.tpp-hero__media{margin:4px 0 16px}
.tpp-promise{font-size:18px;margin-bottom:10px}
.tpp-reponse{font-size:16px;line-height:1.55;margin-bottom:18px}
.tpp-hero .tpp-proof{margin-top:10px;padding-top:16px;border-top:1px solid rgba(255,255,255,.16)}
.tpp-proof li{font-size:15.5px}
.tpp-hero__links{gap:0 18px;margin-bottom:2px;font-size:15px}
.tpp-promise{display:none}
.tpp .tpp-xs-only{display:inline}
.tpp-hero__links a{gap:6px}
.tpp-xs-hide{display:none}
.tpp-stage{border-radius:14px}
.tpp-stage__cap{margin-top:8px}
.tpp-cta .tpp-btn{flex:1 1 100%}
.tpp-facts{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:-46px;border-radius:16px}
.tpp-facts li{display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;align-content:center;padding:12px 10px 12px 12px;border-left:1px solid var(--l)!important;border-top:1px solid var(--l)!important}
.tpp-facts li:first-child{display:none}
.tpp-facts li:nth-child(even){border-left:0!important}
.tpp-facts li:nth-child(-n+3){border-top:0!important}
.tpp-facts__ico{grid-row:1/span 2;align-self:center;width:34px;height:34px;margin:0;border-radius:10px}
.tpp-facts__ico .tpp-i{width:20px;height:20px}
.tpp-facts strong{font-size:16px;margin:0}
.tpp-facts li>span:last-child{font-size:15px;line-height:1.3}
.tpp-toc{margin-top:18px}
.tpp-toc__d{border:1px solid var(--l);border-radius:14px;background:#fff}
.tpp-toc__d>summary{pointer-events:auto;min-height:52px;margin:0;padding:8px 16px}
.tpp-toc__n{display:inline;font-size:15px;color:var(--t3)}
.tpp-toc ul{padding:0 12px 14px}
.tpp-toc a{font-size:15px;padding:8px 13px}
.tpp-quick{grid-template-columns:minmax(0,1fr);gap:8px}
.tpp-quick .tpp-quick__wide{grid-column:auto}
.tpp-quick>div{padding:12px 13px}
.tpp-quick dt .tpp-i{width:20px;height:20px}
.tpp-quick dd strong{font-size:15.5px;margin:6px 0 0;line-height:1.3}
.tpp-quick dd>span{display:none}
.tpp-quick .tpp-quick__keep dd>span{display:block;margin-top:4px;font-size:15px}
.tpp-quick .tpp-quick__sec{display:none}
.tpp-quick .tpp-quick__next dd>span{display:block;margin-top:4px}
.tpp-more>summary{padding:10px 14px;min-height:52px;font-size:15.5px}
.tpp-more>:not(summary){padding:12px 14px 14px}
.tpp-table,.tpp-table tbody,.tpp-table tr,.tpp-table th,.tpp-table td{display:block;width:100%!important}
.tpp-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.tpp-table tr{padding:10px 0;border-top:1px solid var(--l)}
.tpp-table tbody tr:nth-child(even){background:none}
.tpp-table th,.tpp-table td{border:0;padding:2px 0}
.tpp-table tbody th{font-size:16px;color:var(--b)}
.tpp-lead{grid-template-columns:minmax(0,1fr);gap:0}
.tpp-lead .tpp-intro{margin-bottom:12px}
.tpp-day{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -16px 22px;padding:2px 16px 14px;scroll-padding:0 16px;-webkit-overflow-scrolling:touch}
.tpp-day__s{flex:0 0 80%;scroll-snap-align:start}
.tpp-day__s::after{display:none!important}
.tpp-day__b{padding:28px 14px 16px}
.tpp-day__b p{font-size:15.5px}
.tpp-hand{grid-template-columns:118px minmax(0,1fr);border-radius:16px}
.tpp-hand__f img{min-height:100%;aspect-ratio:auto;height:100%}
.tpp-hand__b{padding:14px 14px 14px}
.tpp-hand__k{font-size:15px;margin-bottom:6px;letter-spacing:.03em}
.tpp-hand__b p:last-child{font-size:15.5px;line-height:1.55}
.tpp-guides{font-size:15.5px}
.tpp-go{grid-template-columns:minmax(0,1fr);gap:14px}
.tpp-addr{padding:12px 14px;gap:10px}
.tpp-addr p{font-size:15.5px;flex-basis:100%}
.tpp-addr .tpp-addr__go,.tpp-addr .tpp-addr__go .tpp-btn{width:100%}
.tpp-go__photo{min-height:0;aspect-ratio:16/9}
.tpp-go__photo figcaption{left:10px;right:10px;bottom:10px;font-size:15px;padding:7px 12px}
.tpp-modes{grid-template-columns:minmax(0,1fr);gap:8px;margin-bottom:16px}
.tpp-mode{padding:6px 14px}
.tpp-mode>summary{flex-direction:row;align-items:center;gap:12px;min-height:52px;margin:0}
.tpp-mode[open]>summary{margin-bottom:6px}
.tpp-mode[open]{padding-bottom:14px}
.tpp-mode__ico{width:38px;height:38px;flex:0 0 38px}
.tpp-mode__ico .tpp-i{width:22px;height:22px}
#t3-mainbody .tpp .tpp-mode h3{font-size:17px!important;flex:1 1 auto}
.tpp-mode p{font-size:15.5px}
.tpp-warn{padding:14px 16px;gap:12px}
.tpp-warn__ico{flex-basis:40px;width:40px;height:40px}
.tpp-warn .tpp-warn__t{font-size:17px}
.tpp-warn p{font-size:15.5px}
.tpp-contacts{font-size:15.5px}
.tpp-contacts>span{flex-basis:100%}
.tpp-eq{grid-template-columns:minmax(0,1fr);gap:18px}
.tpp-eq__list li{padding:11px 0;font-size:16px}
.tpp-eq__list .tpp-i{width:24px;height:24px;flex-basis:24px}
.tpp-gal{gap:8px}
.tpp-gal figcaption{font-size:15px!important;left:6px;bottom:6px;padding:2px 8px}
.tpp-gal figure:not(.tpp-gal__wide) figcaption{padding:4px 2px 0}
.tpp-gal figure:not(.tpp-gal__wide) img{border-radius:10px}
.tpp-inc{grid-template-columns:minmax(0,1fr);gap:12px}
.tpp-inc__col{padding:6px 14px}
.tpp-inc__col>summary{min-height:52px;margin:0}
.tpp-inc__col[open]{padding-bottom:4px}
.tpp-eq__d{border:1px solid var(--l);border-radius:14px;background:#fff;padding:4px 14px}
.tpp-eq__d>summary{min-height:50px;margin:0}
.tpp-eq__d[open]{padding-bottom:6px}
.tpp-eq__list li:last-child{border-bottom:0}
#t3-mainbody .tpp .tpp-inc h3{font-size:18px!important}
.tpp-inc li{padding:9px 0;font-size:15px;gap:10px}
.tpp-inc li strong{font-size:16px}
.tpp-filter{padding:12px 0 12px 12px;margin-bottom:14px}
.tpp-filter__chips{flex-wrap:nowrap;overflow-x:auto;padding:2px 12px 8px 2px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
#t3-mainbody .tpp .tpp-chip{flex:0 0 auto;white-space:nowrap;font-size:15px!important;padding:8px 12px;gap:6px;scroll-snap-align:start}
.tpp-filter__out{margin-top:6px}
.tpp-fam{border-radius:14px}
.tpp-fam>summary{min-height:60px;padding:8px 12px;gap:10px}
.tpp-fam__ico{flex-basis:38px;width:38px;height:38px}
.tpp-fam__ico .tpp-i{width:22px;height:22px}
#t3-mainbody .tpp .tpp-fam h3{font-size:17px!important}
.tpp-fam__tag{display:table;margin:4px 0 0;font-size:15px}
.tpp-fam__n{display:none}
.tpp-pk{gap:10px}
.tpp-cards{padding:0 4px 6px}
.tpp .tpp-pc{padding:12px 10px 10px}
#t3-mainbody .tpp .tpp-pc__t{font-size:17px!important}
.tpp-pc__go{top:12px;right:6px}
.tpp-fam__note{padding:12px 14px;font-size:15.5px}
.tpp-visio{grid-template-columns:minmax(0,1fr);gap:10px}
.tpp-visio li{padding:14px 14px 12px;display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:12px}
.tpp-visio dl>div{padding:4px 10px}
.tpp-visio__l{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.tpp-visio dt::after{content:none}
.tpp-visio__ico{width:40px;height:40px;margin:0;grid-row:1/span 3}
.tpp-visio__ico .tpp-i{width:22px;height:22px}
.tpp-visio h3,.tpp-visio__o,.tpp-visio dl{grid-column:2}
.tpp-visio__o{margin-bottom:8px;font-size:15px;line-height:1.45}
.tpp-visio{gap:8px}
.tpp-visio dl{gap:6px}
#t3-mainbody .tpp .tpp-visio h3{font-size:17px!important;margin-bottom:4px!important}
.tpp-ent{gap:16px;margin-bottom:22px}
.tpp-ent__txt p{font-size:16px}
.tpp-ent__chips{display:none}
.tpp-ent__chips li{padding:6px 10px;font-size:15px;gap:6px}
.tpp-ent__chips .tpp-i{width:18px;height:18px}
.tpp-logos{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.tpp-logos li{min-height:0;padding:10px 6px 8px;gap:8px;border-radius:10px}
.tpp-logos img{height:30px;margin:0}
.tpp-logos span{display:block;font-size:15px;line-height:1.25}
.tpp-fin{grid-template-columns:minmax(0,1fr);gap:8px}
.tpp-fin details{padding:12px 14px}
.tpp-fin summary{grid-template-columns:38px minmax(0,1fr) auto;gap:2px 12px;margin:0}
.tpp-fin details[open] summary{margin-bottom:8px}
.tpp-fin__ico{width:38px;height:38px}
.tpp-fin__ico .tpp-i{width:22px;height:22px}
#t3-mainbody .tpp .tpp-fin h3{font-size:17px!important}
.tpp-fin__who{font-size:15.5px}
.tpp-fin details:not([open]) .tpp-fin__who{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tpp-fin summary::after{align-self:center;grid-row:1/span 2}
.tpp-fin p{font-size:15.5px}
.tpp-cats__n{gap:8px;margin-bottom:18px}
.tpp-cats__n li{padding:12px 6px;border-radius:12px}
.tpp-cats__n strong{font-size:26px}
.tpp-cats__n span{font-size:15px}
.tpp-cats{grid-template-columns:minmax(0,1fr);gap:10px}
.tpp-cats__o{padding:14px 14px}
.tpp-cats__p{font-size:30px;margin-bottom:4px}
.tpp-cats__o p:last-child{font-size:15.5px}
.tpp-cats__x{font-size:16px}
.tpp-kpi{gap:8px}
.tpp-kpi li{padding:12px 12px}
.tpp-kpi strong{font-size:28px;margin-bottom:4px}
.tpp-kpi span{font-size:15px}
.tpp-quali{padding:14px 14px;font-size:15.5px;gap:10px}
.tpp-quali>.tpp-i{width:28px;height:28px;flex-basis:28px}
.tpp-q>summary{min-height:56px;padding:10px 0;gap:12px}
#t3-mainbody .tpp .tpp-q h3{font-size:17px!important}
.tpp-q p{padding-right:0;font-size:16px;margin-bottom:14px}
.tpp-next__in{padding:22px 16px;border-radius:18px}
.tpp-src{margin-top:16px}
.tpp-next__p{font-size:16px;margin-bottom:16px}
#t3-mainbody .tpp .tpp-next .tpp-btn--ghostw{font-size:16px!important;padding:12px 14px;justify-content:flex-start;text-align:left}
.tpp-kpi__two strong{font-size:24px}
.tpp-kpi__two small{font-size:15px}
.tpp-bar{display:flex}
}
@media (max-width:359px){
.tpp-logos{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* Barre collante : marge basse pour ne rien recouvrir */
html.tpp-bar-pad body{padding-bottom:70px}
@media (prefers-reduced-motion:reduce){
.tpp *,.tpp-bar{transition:none!important;scroll-behavior:auto!important}
.tpp-pc:hover .tpp-pc__go .tpp-i{transform:none}
}
@media print{
.tpp-hero,.tpp-sec--n{background:#fff!important;box-shadow:none!important;color:#000!important}
#t3-mainbody .tpp h1.tpp-h1,#t3-mainbody .tpp .tpp-sec--n h2{color:#000!important}
.tpp-stage,.tpp-bar,.tpp-toc,.tpp-filter{display:none!important}
.tpp details>*{display:block!important}
}