/* tp-home3.css - TELEPILOTE SAS - accueil v3 - 07/10/2026 */
.tp3{color:#0a2540;font-family:'Exo 2',Arial,sans-serif;font-size:17px;line-height:1.6}
.tp3 *,.tp3 *::before,.tp3 *::after{box-sizing:border-box}
.tp3 p,.tp3 ul,.tp3 ol{margin:0 0 12px}
.tp3 ul,.tp3 ol{padding-left:22px}
.tp3 a{color:#1b6699;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.tp3 a:hover,.tp3 a:focus-visible{color:#0a2540}
.tp3 a:focus-visible,.tp3 summary:focus-visible{outline:3px solid #ff6600;outline-offset:2px}
.tp3 b,.tp3 strong{font-weight:700;color:inherit}
.tp3 img{max-width:100%;height:auto}
.tp3 summary{cursor:pointer;list-style:none}
.tp3 summary::-webkit-details-marker{display:none}
/* Titres */
#t3-department .tp3 h1.tp-hero__title{font-family:'Exo 2',Arial,sans-serif!important;font-size:clamp(30px,2.8vw,38px)!important;line-height:1.15!important;font-weight:800!important;color:#0a2540!important;margin:0 0 10px!important;padding:0!important;border:0!important;text-align:left!important}
#t3-department .tp3 h2{font-family:'Exo 2',Arial,sans-serif!important;font-size:30px!important;line-height:1.2!important;font-weight:800!important;color:#0a2540!important;margin:0 0 14px!important;padding:0!important;border:0!important;background:none!important;text-align:left!important;max-width:none!important}
#t3-department .tp3 h2::after{content:"";display:block;width:56px;height:4px;margin-top:10px;background:#ff6600;border-radius:2px}
#t3-department .tp3 h3{font-family:'Exo 2',Arial,sans-serif!important;font-size:20px!important;line-height:1.3!important;font-weight:700!important;color:#0a2540!important;margin:0 0 8px!important;padding:0!important;border:0!important;background:none!important;text-align:left!important;display:inline}
.tp3 .tp3-intro{font-size:18px;line-height:1.55;color:#33475b;max-width:46em;margin:0 0 22px}
/* Boutons 52 px, AA */
#t3-department .tp3 .tp-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:10px 24px;border-radius:8px;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;flex:0 1 auto}
#t3-department .tp3 .tp-btn--primary{background:#ff6600;border-color:#ff6600;color:#0a2540!important}
#t3-department .tp3 .tp-btn--primary:hover,#t3-department .tp3 .tp-btn--primary:focus-visible{background:#ff8a3d;border-color:#ff8a3d}
#t3-department .tp3 .tp-btn--ghost{background:#fff;border-color:#0a2540;color:#0a2540!important}
#t3-department .tp3 .tp-btn--ghost:hover,#t3-department .tp3 .tp-btn--ghost:focus-visible{background:#0a2540;color:#fff!important}
#t3-department .tp3 .tp-btn--light{background:#fff;border-color:#fff;color:#0a2540!important}
#t3-department .tp3 .tp-btn--ghostw{background:transparent;border-color:#fff;color:#fff!important}
#t3-department .tp3 .tp-btn:focus-visible{outline:3px solid #ff6600;outline-offset:3px}
.tp3 .tp3-cta{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 16px}
.tp3 .tp3-sec>.tp3-cta{margin-top:22px;margin-bottom:0}
/* Sections : fonds pleine largeur */
.tp3 .tp3-sec{position:relative;padding:52px 0 48px;margin:0;clear:both}
.tp3 .tp3-sec--gray{background:#f5f7fa;box-shadow:0 0 0 100vmax #f5f7fa;clip-path:inset(0 -100vmax)}
.tp3 .tp3-sec--navy{background:#0a2540;box-shadow:0 0 0 100vmax #0a2540;clip-path:inset(0 -100vmax);color:#fff}
#t3-department .tp3 .tp3-sec--navy h2,#t3-department .tp3 .tp3-sec--navy h3{color:#fff!important}
.tp3 .tp3-sec--navy .tp3-intro{color:#dbe5ef}
.tp3 .tp3-sec--navy a{color:#fff}
.tp3 .tp3-sec--navy a:hover,.tp3 .tp3-sec--navy a:focus-visible{color:#ffb37f}
/* 1. Hero */
#t3-department .tp3 .tp-hero{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"media" "body" "proof";gap:14px;align-items:start;margin:0;padding:0 0 32px;background:none;border:0;border-radius:0;color:#0a2540;font-size:17px;line-height:1.6}
.tp3 .tp3-hero__body{grid-area:body;min-width:0}
.tp3 .tp3-hero__media{grid-area:media;min-width:0}
.tp3 .tp3-eyebrow{display:inline-block;margin:0 0 14px;padding:6px 14px;border-radius:999px;background:#f5f7fa;border:1px solid #d6dee8;font-size:15px;font-weight:700;color:#1b6699}
.tp3 .tp3-hero__concept{font-size:22px;font-weight:700;color:#e65c00;margin:0 0 10px;line-height:1.3}
.tp3 .tp3-hero__lead{font-size:17px;line-height:1.55;color:#33475b;margin:0 0 20px;max-width:40em}
.tp3 .tp3-hero__links{display:flex;flex-wrap:wrap;gap:4px 22px;margin:0;font-size:16px}
.tp3 .tp3-hero__links a{display:inline-flex;align-items:center;gap:8px;min-height:32px;font-weight:600;color:#1b6699}
.tp3 .tp3-ico{display:inline-flex;width:26px;height:26px;align-items:center;justify-content:center;border-radius:50%;background:#e6eef6;color:#1b6699;font-size:12px;flex:0 0 26px}
.tp3 .tp-stage{position:relative;aspect-ratio:16/9;width:100%;border-radius:14px;overflow:hidden;background:#0a2540;box-shadow:0 12px 32px rgba(10,37,64,.18)}
.tp3 .tp-stage__poster,.tp3 .tp-stage video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block;margin:0;max-width:none}
.tp3 .tp-stage video{opacity:0;transition:opacity .5s ease}
.tp3 .tp-stage.is-playing video{opacity:1}
.tp3 .tp-stage.is-film video{opacity:1;object-fit:contain;background:#0a2540}
.tp3 .tp-stage__toggle{position:absolute;right:14px;bottom:14px;z-index:2;width:48px;height:48px;border-radius:50%;border:2px solid rgba(255,255,255,.9);background:rgba(10,37,64,.75);color:#fff;font-size:16px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}
.tp3 .tp-stage__toggle:hover,.tp3 .tp-stage__toggle:focus-visible{background:#ff6600;border-color:#ff6600;color:#0a2540;outline:none}
.tp3 .tp3-stage__cap{margin:10px 0 0;font-size:15px;color:#4a5b6e}
.tp3 .tp3-proof{grid-area:proof;list-style:none;margin:0;padding:14px 0 0;border-top:1px solid #e3e8ef;display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.tp3 .tp3-proof li{margin:0;padding:0 0 0 14px;border-left:4px solid #ff6600;list-style:none}
.tp3 .tp3-proof li::before{content:none}
.tp3 .tp3-proof strong{display:block;font-size:24px;font-weight:800;line-height:1.15;color:#0a2540}
.tp3 .tp3-proof span{display:block;font-size:15px;line-height:1.45;color:#33475b}
.tp3 .tp3-proof .tp3-proof__link{border-left-color:#1b6699;align-self:center;font-weight:700;font-size:16px}
.tp3 .tp3-ref{font-size:15px;font-weight:600;line-height:1;vertical-align:super;position:static;margin-left:3px}
.tp3 .tp3-ref a{text-decoration:none;padding:6px;margin:-6px}
.tp3 .tp3-sec--navy .tp3-ref a{color:#fff}
.tp3 .tp3-band{grid-template-columns:repeat(2,minmax(0,1fr));margin:0 0 22px;gap:8px 14px}
/* 2. Portes par projet */
.tp3 .tp3-doors{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin:0 0 24px}
.tp3 .tp3-door{display:grid;grid-template-columns:44px minmax(0,1fr);grid-template-rows:auto auto;column-gap:14px;align-items:center;padding:14px 18px;border-radius:12px;background:#fff;border:1px solid #e3e8ef;color:#0a2540;text-decoration:none;min-height:84px;box-shadow:0 2px 10px rgba(10,37,64,.05)}
.tp3 .tp3-door:hover,.tp3 .tp3-door:focus-visible{border-color:#1b6699;box-shadow:0 6px 18px rgba(10,37,64,.12);color:#0a2540}
.tp3 .tp3-door__ico{grid-row:1/span 2;width:44px;height:44px;border-radius:10px;background:#e6eef6;color:#1b6699;display:flex;align-items:center;justify-content:center}
.tp3 .tp3-door__ico svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.tp3 .tp3-door strong{font-size:19px;line-height:1.25;font-weight:700}
.tp3 .tp3-door>span:not(.tp3-door__ico){font-size:15px;line-height:1.4;color:#4a5b6e}
.tp3 .tp3-door--help{border-style:dashed;border-color:#1b6699}
.tp3 .tp3-door--team{background:#0a2540;color:#fff;border-color:#0a2540}
.tp3 .tp3-door--team:hover,.tp3 .tp3-door--team:focus-visible{background:#0c426f;color:#fff}
.tp3 .tp3-door--team .tp3-door__ico{background:rgba(255,255,255,.12);color:#ffb37f}
.tp3 .tp3-door--team>span:not(.tp3-door__ico){color:#dbe5ef}
.tp3 .tp3-def{padding:18px 22px;background:#fff;border-left:4px solid #ff6600;border-radius:8px;box-shadow:0 2px 10px rgba(10,37,64,.05);max-width:62em}
.tp3 .tp3-def p{margin:0 0 10px}
.tp3 .tp3-def__links{margin:0!important;font-weight:600;font-size:16px;line-height:1.7}
/* 3. Parcours : familles repliables + tableaux (cartes sur mobile) */
.tp3 .tp3-fam{margin:0 0 12px;border:1px solid #e3e8ef;border-radius:12px;background:#fff;overflow:hidden}
.tp3 .tp3-fam>summary{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;padding:10px 16px;min-height:50px}
.tp3 details>summary::after{content:"−";margin-left:auto;width:26px;height:26px;border-radius:50%;background:#e6eef6;color:#1b6699;font-weight:800;display:inline-flex;align-items:center;justify-content:center;flex:0 0 26px}
.tp3 details:not([open])>summary::after{content:"+"}
#t3-department .tp3 .tp3-fam>summary h3{margin:0!important}
.tp3 .tp3-fam__tag{display:inline-block;vertical-align:middle;margin-left:6px;padding:3px 10px;border-radius:999px;background:#e6eef6;color:#1b6699;font-size:15px;font-weight:700;line-height:1.4}
.tp3 .tp3-fam__n{font-size:15px;color:#4a5b6e;font-weight:600}
.tp3 .tp3-fam__all{display:inline-flex;align-items:center;min-height:44px;margin:0 0 6px;padding:0;border:0;background:none;font:inherit;font-weight:700;color:#1b6699;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.tp3 .tp3-cmp{width:100%;border-collapse:collapse;margin:0;font-size:16px;line-height:1.4;table-layout:fixed}
.tp3 .tp3-cmp th,.tp3 .tp3-cmp td{padding:9px 12px;text-align:left;vertical-align:top;border-top:1px solid #e3e8ef;font-size:16px;line-height:1.4}
.tp3 .tp3-cmp thead th{background:#f5f7fa;color:#33475b;font-size:15px;font-weight:700;padding:5px 12px}
.tp3 .tp3-cmp th:nth-child(1){width:37%}
.tp3 .tp3-cmp th:nth-child(2){width:14%}
.tp3 .tp3-cmp th:nth-child(3){width:19%}
.tp3 .tp3-cmp th:nth-child(4){width:16%}
.tp3 .tp3-cmp td:first-child a{font-weight:700;font-size:17px;color:#0a2540}
.tp3 .tp3-cmp td:first-child small{display:inline-block;margin:2px 0 0 6px;padding-left:8px;border-left:3px solid #ff6600;font-size:15px;color:#1b6699;font-weight:600;line-height:1.3;vertical-align:baseline}
.tp3 .tp3-fam__note{margin:0;padding:10px 16px;background:#f5f7fa;border-top:1px solid #e3e8ef;font-size:16px;color:#33475b}
.tp3 .tp3-cards{display:grid;gap:12px}
.tp3 .tp3-pc{position:relative;display:flex;flex-direction:column;padding:16px 18px;border-radius:12px;background:#fff;border:1px solid #e3e8ef;box-shadow:0 2px 10px rgba(10,37,64,.05)}
.tp3 .tp3-pc__k{margin:0 0 6px;font-size:15px;font-weight:700;color:#1b6699;padding-left:10px;border-left:3px solid #ff6600;line-height:1.3}
.tp3 .tp3-pc h3 a{color:#0a2540;text-decoration:none}
.tp3 .tp3-pc h3 a:hover,.tp3 .tp3-pc h3 a:focus-visible{color:#1b6699;text-decoration:underline}
.tp3 .tp3-pc__l1{margin:0 0 4px;font-size:16px;line-height:1.45}
.tp3 .tp3-pc__l2{margin:0 0 8px;font-size:15px;line-height:1.45;color:#4a5b6e}
.tp3 .tp3-pc__go{margin:auto 0 0;font-size:15px;font-weight:700;color:#1b6699}
/* Outil d'orientation */
.tp3 .tp3-outil{margin:0 0 22px;border:1px dashed #1b6699;border-radius:12px;background:#f5f7fa}
.tp3 .tp3-outil>summary{display:flex;align-items:center;gap:12px;padding:12px 16px;min-height:54px;font-size:17px;color:#0a2540}
.tp3 .tp3-outil>summary::before{content:"?";width:32px;height:32px;border-radius:50%;background:#0a2540;color:#fff;font-weight:800;display:inline-flex;align-items:center;justify-content:center;flex:0 0 32px}
.tp3 .tp3-outil__long{display:none}
.tp3 .tp3-outil__in{padding:4px 16px 16px}
.tp3 .tp3-outil__nojs{margin:0}
.tp3 .tp3-outil fieldset{border:0;margin:0 0 14px;padding:0;min-width:0}
.tp3 .tp3-outil legend{font-weight:700;font-size:17px;margin:0 0 8px;padding:0;color:#0a2540}
.tp3 .tp3-outil__opts{display:flex;flex-wrap:wrap;gap:8px}
.tp3 .tp3-outil__opt{position:relative;display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;border-radius:999px;background:#fff;border:1px solid #c9d3df;font-size:16px;font-weight:600;color:#0a2540;cursor:pointer}
.tp3 .tp3-outil__opt input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.tp3 .tp3-outil__opt:has(input:checked){background:#0a2540;border-color:#0a2540;color:#fff}
.tp3 .tp3-outil__opt:has(input:focus-visible){outline:3px solid #ff6600;outline-offset:2px}
.tp3 .tp3-outil__res{margin-top:16px}
.tp3 .tp3-outil__res .tp3-cards{margin-bottom:12px}
.tp3 .tp3-outil__why{font-size:15px;color:#33475b;margin:0 0 8px;line-height:1.45}
.tp3 .tp3-outil__fin{font-size:16px;margin:0}
/* 4. Livrables : cartes « Le geste / Le livrable » */
.tp3 .tp3-liv{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.tp3 .tp3-lv{display:flex;flex-direction:column;padding:18px 20px 16px;border-radius:12px;background:#fff;border:1px solid #e3e8ef;box-shadow:0 2px 10px rgba(10,37,64,.05)}
.tp3 .tp3-lv>summary,.tp3 .tp3-step>summary,.tp3 .tp3-def>summary{display:block;padding:0;margin:0 0 6px}
.tp3 .tp3-lv__in{display:flex;flex-direction:column;flex:1 1 auto}
.tp3 .tp3-lv__kicker{display:block;margin:0 0 6px;font-size:15px;font-weight:700;color:#1b6699;text-transform:uppercase;letter-spacing:.04em;line-height:1.4}
#t3-department .tp3 .tp3-lv h3,#t3-department .tp3 .tp3-day h3{font-size:20px!important;margin:0 0 8px!important;display:block}
.tp3 .tp3-lv p{margin:0 0 8px;font-size:16px;line-height:1.5;color:#33475b}
.tp3 .tp3-lv p b{color:#0a2540}
.tp3 .tp3-lim{border-left:3px solid #ff6600;padding-left:10px}
.tp3 .tp3-lv__go{margin-top:auto;padding-top:6px;font-weight:700;font-size:16px;text-decoration:none}
.tp3 .tp3-lv--help{border:1px dashed #1b6699}
.tp3 .tp3-lv--help .tp-btn{margin:4px 0 12px;width:fit-content;max-width:100%}
/* 5. Conditions + une journée au campus */
.tp3 .tp3-cond{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:start}
.tp3 .tp3-facts{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:10px}
.tp3 .tp3-facts li{margin:0;padding:0 0 0 14px;border-left:3px solid #ff6600;font-size:17px;line-height:1.5}
.tp3 .tp3-facts li::before{content:none}
.tp3 .tp3-links{font-weight:600;font-size:16px;line-height:1.7;margin:0}
.tp3 .tp3-cond__video{position:relative;display:block;border-radius:12px;overflow:hidden;background:#0a2540;box-shadow:0 8px 24px rgba(10,37,64,.2);text-decoration:none}
.tp3 .tp3-cond__video img{display:block;width:100%;height:auto}
.tp3 .tp3-cond__play{position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;background:rgba(10,37,64,.8);border:2px solid #fff;color:#fff;font-size:22px;display:flex;align-items:center;justify-content:center}
.tp3 .tp3-cond__cap{position:absolute;left:14px;bottom:12px;padding:5px 12px;border-radius:6px;background:rgba(10,37,64,.85);color:#fff;font-size:15px;font-weight:700}
.tp3 .tp3-day__t{margin:26px 0 10px;font-size:15px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#1b6699}
.tp3 .tp3-day{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.tp3 .tp3-day li{position:relative;margin:0;padding:12px 14px 12px 58px;background:#f5f7fa;border:1px solid #e3e8ef;border-radius:12px;list-style:none}
.tp3 .tp3-day li::before{content:none}
.tp3 .tp3-day__n{position:absolute;left:12px;top:12px;width:34px;height:34px;border-radius:50%;background:#ff6600;color:#0a2540;font-weight:800;font-size:16px;display:flex;align-items:center;justify-content:center}
#t3-department .tp3 .tp3-day h3{font-size:18px!important;margin:0 0 4px!important}
.tp3 .tp3-day p{margin:0;font-size:16px;line-height:1.5;color:#33475b}
/* 6. Preuves (fond marine) */
.tp3 .tp3-kpi{list-style:none;margin:0 0 10px;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.tp3 .tp3-kpi li{margin:0;padding:16px 18px;border-radius:12px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);list-style:none}
.tp3 .tp3-kpi li::before{content:none}
.tp3 .tp3-kpi strong{display:block;font-size:28px;font-weight:800;line-height:1.1;color:#ffb37f;margin:0 0 4px}
.tp3 .tp3-kpi span{display:block;font-size:17px;line-height:1.4;color:#fff}
.tp3 .tp3-kpi small{display:block;margin-top:6px;font-size:15px;line-height:1.4;color:#c9d6e3}
.tp3 .tp3-notes{margin:0 0 22px;font-size:15px;line-height:1.5;color:#c9d6e3}
.tp3 .tp3-notes>summary{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:16px;font-weight:700;color:#fff;text-decoration:underline;text-underline-offset:3px}
.tp3 .tp3-notes p{margin:8px 0 0}
.tp3 .tp3-badges{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.tp3 .tp3-badges li,.tp3 .tp3-track li{margin:0;min-height:56px;min-width:72px;padding:6px 12px;border-radius:8px;background:#fff;color:#0a2540;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;list-style:none}
.tp3 .tp3-badges li::before,.tp3 .tp3-track li::before{content:none}
.tp3 .tp3-badges img,.tp3 .tp3-track img{max-width:150px;display:block}
.tp3 .tp3-rs{display:grid;gap:12px;margin:0 0 18px}
.tp3 .tp3-rs__card,.tp3 .tp3-sec--navy a.tp3-rs__card,.tp3 .tp3-sec--navy a.tp3-rs__card:hover{display:flex;flex-direction:column;gap:6px;padding:18px 20px;border-radius:12px;background:#fff;color:#0a2540;text-decoration:none}
.tp3 .tp3-rs__code{font-size:26px;font-weight:800;color:#e65c00;line-height:1.1}
.tp3 .tp3-rs__name{font-size:18px;line-height:1.35;font-weight:700;color:#0a2540}
.tp3 .tp3-rs__meta{font-size:15px;line-height:1.4;color:#4a5b6e}
.tp3 .tp3-rs__go{margin-top:auto;padding-top:4px;font-size:15px;font-weight:700;color:#1b6699}
.tp3 .tp3-quali{font-size:16px;line-height:1.55;color:#dbe5ef;margin:0 0 20px;max-width:60em}
.tp3 .tp3-quali b{color:#fff}
.tp3 .tp3-refs__t{margin:0 0 10px;font-size:15px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#ffb37f}
.tp3 .tp3-refs__n{margin:0 0 12px;font-size:19px;font-weight:700;line-height:1.35;color:#fff}
.tp3 .tp3-marquee{overflow:hidden;margin:0 0 22px}
.tp3 .tp3-track{display:flex;width:max-content;margin:0;padding:4px 0 6px;list-style:none;animation:tp3-scroll 80s linear infinite}
.tp3 .tp3-marquee:hover .tp3-track,.tp3 .tp3-marquee:focus-within .tp3-track{animation-play-state:paused}
.tp3 .tp3-track li{flex:0 0 auto;margin-right:10px}
@keyframes tp3-scroll{to{transform:translateX(-50%)}}
/* 7. Financement */
.tp3 .tp3-table{width:100%;border-collapse:separate;border-spacing:0;margin:0 0 18px;background:#fff;border:1px solid #e3e8ef;border-radius:12px;overflow:hidden;font-size:16px;line-height:1.45}
.tp3 .tp3-table th,.tp3 .tp3-table td{padding:11px 14px;text-align:left;vertical-align:top;border-bottom:1px solid #e3e8ef;font-size:16px;line-height:1.45}
.tp3 .tp3-table thead th{background:#0a2540;color:#fff;font-size:15px;font-weight:700;letter-spacing:.03em}
.tp3 .tp3-table tbody tr:last-child td{border-bottom:0}
.tp3 .tp3-table td:first-child{width:24%}
.tp3 .tp3-table td:nth-child(2){width:32%}
.tp3 .tp3-fr>summary{display:none}
.tp3 .tp3-fr p{margin:0}
/* 8. FAQ */
.tp3 .tp3-faq__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:0 28px;margin:0 0 18px;align-items:start}
.tp3 .tp3-q{border-top:1px solid #e3e8ef}
.tp3 .tp3-q>summary{display:flex;align-items:flex-start;gap:12px;padding:13px 0;min-height:52px}
#t3-department .tp3 .tp3-q h3{font-size:19px!important;margin:0!important;color:#0a2540!important;line-height:1.35!important}
.tp3 .tp3-q p{margin:0 0 14px;color:#33475b}
#t3-department .tp3 .tp3-res{padding:14px 18px;background:#f5f7fa;border-radius:8px;font-weight:600;max-width:none!important}
.tp3 .tp3-res b{font-weight:800}
/* 9. Prochaine étape (fond gris) */
.tp3 .tp3-next .tp3-cta{margin-bottom:14px}
.tp3 .tp3-next__alt{font-size:16px;color:#33475b;margin:0 0 22px}
.tp3 .tp3-next__more{padding-top:16px;border-top:1px solid #e3e8ef;font-size:16px;color:#33475b}
.tp3 .tp3-net{margin:0}
.tp3 .tp3-net>summary{display:flex;align-items:center;gap:10px;min-height:44px;color:#0a2540}
.tp3 .tp3-net ul{margin:10px 0 0;padding-left:20px;columns:2;column-gap:28px}
.tp3 .tp3-net li{margin:0 0 4px;break-inside:avoid}
/* Mobile */
@media (max-width:767px){
.tp3{font-size:16px}
#t3-department .tp3 h1.tp-hero__title{font-size:28px!important;margin-bottom:8px!important}
#t3-department .tp3 h2{font-size:24px!important}
#t3-department .tp3 h3{font-size:18px!important}
.tp3 .tp3-lv>summary,.tp3 .tp3-step>summary,.tp3 .tp3-def>summary{display:flex;flex-wrap:wrap;align-items:flex-start;column-gap:8px}
.tp3 .tp3-def>summary strong{flex:1 1 0}
.tp3 .tp3-def:not([open])>summary{margin:0}
.tp3 .tp3-def{padding:12px 16px}
.tp3 .tp3-intro{font-size:16px;margin-bottom:16px}
.tp3 .tp3-q>summary{padding:9px 0;min-height:44px}
.tp3 .tp3-step>summary h3{flex:1 1 0}
.tp3 .tp3-step[open]>summary{margin-bottom:4px}
.tp3 .tp3-lv{padding:12px 14px 10px}
.tp3 .tp3-day__t{margin:18px 0 8px}
.tp3 .tp3-day li{padding:10px 12px 10px 56px}
.tp3 .tp3-door{padding:10px;row-gap:2px}
.tp3 .tp3-fam>summary{padding:8px 14px;gap:4px 10px}
.tp3 .tp3-cmp tr{padding:6px 0 8px}
.tp3 .tp3-table tr{padding:4px 0}
.tp3 .tp3-table td{padding:4px 14px}
.tp3 .tp3-badges li{min-height:44px;min-width:0;padding:4px 8px;font-size:15px}
.tp3 .tp3-badges img{max-width:100px}
#t3-department .tp3 .tp3-sec--navy .tp3-cta .tp-btn{flex:1 1 40%}
.tp3 .tp3-lv__kicker{flex:1 1 100%}
#t3-department .tp3 .tp3-lv>summary h3{flex:1 1 0;margin:0!important}
.tp3 .tp3-lv[open]>summary{margin-bottom:8px}
.tp3 .tp3-fr>summary{display:flex;align-items:center;gap:8px;min-height:32px;font-size:15px;font-weight:700;color:#1b6699;text-transform:uppercase}
.tp3 .tp3-fr[open]>summary{margin-bottom:4px}
.tp3 .tp3-table td:nth-child(3)::before{display:none}
.tp3 .tp3-kpi li:last-child{grid-column:1/-1}
#t3-department .tp3 .tp-hero{padding:0 0 26px;gap:10px}
.tp3 .tp3-hero__media .tp-stage{border-radius:0;margin:0 -10px;width:calc(100% + 20px)}
.tp3 .tp3-stage__cap{margin-top:6px}
.tp3 .tp3-eyebrow{margin-bottom:10px}
.tp3 .tp3-hero__concept{font-size:19px;margin-bottom:6px}
.tp3 .tp3-hero__lead{font-size:16px;line-height:1.5;margin-bottom:14px}
.tp3 .tp3-hero__lead2{display:none}
.tp3 .tp3-cta .tp-btn{flex:1 1 100%}
.tp3 .tp3-proof{padding-top:10px;gap:6px}
.tp3 .tp3-proof li{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 8px}
.tp3 .tp3-proof strong,.tp3 .tp3-proof span{display:inline}
.tp3 .tp3-proof strong{font-size:18px}
.tp3 .tp3-sec{padding:20px 0 18px}
.tp3 .tp3-sec--gray,.tp3 .tp3-sec--navy{margin-inline:-10px;padding-inline:10px;box-shadow:none;clip-path:none}
.tp3 .tp3-facts li,.tp3 .tp3-kpi span{font-size:16px}
.tp3 .tp3-kpi{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.tp3 .tp3-kpi li{padding:10px 10px 8px}
.tp3 .tp3-kpi strong{font-size:22px}
.tp3 .tp3-table td:first-child::before{display:none}
.tp3 .tp3-table td:first-child{font-size:17px;padding-top:10px}
.tp3 .tp3-cmp td:first-child small{display:block;margin:3px 0 0}
.tp3 :is(.tp3-table,.tp3-cmp),.tp3 :is(.tp3-table,.tp3-cmp) :is(thead,tbody,tr,td,th){display:block;width:100%!important}
.tp3 :is(.tp3-table,.tp3-cmp) :is(thead,th){position:absolute;width:1px!important;height:1px;overflow:hidden;clip:rect(0 0 0 0);padding:0;margin:-1px;border:0}
.tp3 .tp3-table tr{border-bottom:2px solid #e3e8ef}
.tp3 .tp3-table tr:last-child{border-bottom:0}
.tp3 .tp3-table td{border-bottom:0}
.tp3 .tp3-table td::before,.tp3 .tp3-cmp td:not(:first-child)::before{content:attr(data-l);display:block;font-size:15px;font-weight:700;color:#1b6699;text-transform:uppercase;letter-spacing:.03em}
.tp3 .tp3-cmp td:not(:first-child)::before,.tp3 .tp3-table td:nth-child(2)::before{content:attr(data-l) " :";display:inline;margin-right:6px}
.tp3 .tp3-cmp tr{border-top:1px solid #e3e8ef}
.tp3 .tp3-cmp td{border:0;padding:3px 16px}
.tp3 .tp3-cmp td:first-child a{font-size:18px}
.tp3 .tp3-net ul{columns:1}
}
@media (min-width:360px) and (max-width:599px){
.tp3 .tp3-doors{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.tp3 .tp3-door{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;row-gap:4px;padding:12px;min-height:0;align-items:start}
.tp3 .tp3-door__ico{grid-row:1;width:36px;height:36px}
.tp3 .tp3-door__ico svg{width:22px;height:22px}
.tp3 .tp3-door strong{font-size:16px;line-height:1.2}
.tp3 .tp3-door>span:not(.tp3-door__ico){font-size:15px;line-height:1.3}
.tp3 .tp3-door__x{display:none}
.tp3 .tp3-door--team{grid-column:span 2}
}
@media (min-width:600px){
.tp3 .tp3-doors,.tp3 .tp3-cards,.tp3 .tp3-kpi,.tp3 .tp3-rs,.tp3 .tp3-liv,.tp3 .tp3-faq__grid,.tp3 .tp3-day{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:768px){
.tp3 .tp3-outil>summary,.tp3 .tp3-lv>summary,.tp3 .tp3-step>summary,.tp3 .tp3-def>summary{pointer-events:none}
.tp3 .tp3-outil>summary::after,.tp3 .tp3-lv>summary::after,.tp3 .tp3-step>summary::after,.tp3 .tp3-def>summary::after{display:none}
.tp3 .tp3-outil__long{display:inline}
.tp3 .tp3-day{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.tp3 .tp3-band{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 18px}
}
@media (min-width:992px){
#t3-department .tp3 .tp-hero{grid-template-columns:minmax(0,11fr) minmax(0,10fr);grid-template-areas:"body media" "body proof";gap:14px 32px;padding:24px 0 40px}
.tp3 .tp3-doors,.tp3 .tp3-cards,.tp3 .tp3-liv{grid-template-columns:repeat(3,minmax(0,1fr))}
.tp3 .tp3-door--team{grid-column:span 3}
.tp3 .tp3-cond{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:36px}
.tp3 .tp3-kpi{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (prefers-reduced-motion:reduce){.tp3 .tp-stage video{transition:none}.tp3 .tp3-track{animation:none;width:auto;overflow-x:auto}.tp3 .tp3-track li:nth-child(n+60){display:none}}
/* 07/10 soir : le complement de sous-titre des portes etait rendu en bloc (regle 'span' descendante) -> retour a la ligne avant la virgule */
.tp3 .tp3-door>span>.tp3-door__x{display:none}
@media (min-width:768px){.tp3 .tp3-door>span>.tp3-door__x{display:inline!important}}