/* Clear navigation and consistent project facts, 2026-10-05. */
.et-route,.et-chain{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:0;list-style:none}
.et-chain{grid-template-columns:repeat(4,minmax(0,1fr));margin:24px 0}
.et-route a,.et-chain a{display:flex;flex-direction:column;gap:8px;min-height:72px;padding:20px;border:1px solid rgba(19,32,51,.18);border-radius:16px;text-decoration:none;background:rgba(255,255,255,.88);color:#132033;line-height:1.5;overflow-wrap:anywhere}
.et-route a:hover,.et-chain a:hover{border-color:#1769aa}.et-route span,.et-chain span{font-size:.875rem;color:#43536a}.et-route b,.et-chain b{font-size:1rem}
.et-facts{display:grid;gap:10px;margin:18px 0;font-size:.875rem;line-height:1.6}.et-facts div{border-top:1px solid currentColor;padding-top:8px}.et-facts dt{font-weight:700}.et-facts dd{margin:2px 0 0;overflow-wrap:anywhere}
.et-reading{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.et-reading a{display:inline-flex;align-items:center;min-height:44px;padding:10px 16px;border:1px solid #aab4c1;border-radius:24px;text-decoration:none;color:#132033;background:#fff}
.et-review{font-size:.875rem;line-height:1.6;color:#43536a}.et-milestones{display:grid;gap:14px;padding-left:24px;line-height:1.6}.et-milestones time{font-weight:700}
body .et-route a:focus-visible,body .et-chain a:focus-visible,body .et-reading a:focus-visible{outline:3px solid #1769aa;outline-offset:4px}
@media(max-width:760px){.et-route,.et-chain{grid-template-columns:minmax(0,1fr)}.et-route a,.et-chain a{padding:16px;min-width:0}.et-reading{gap:8px}.sp-nav{flex-wrap:wrap;justify-content:flex-end}.sp-topin{align-items:flex-start;padding:12px 0}.sp-nav a{display:inline-flex;align-items:center;min-height:44px}.sp-btn,.ph-actions a,.pp-chips a{min-height:44px;display:inline-flex;align-items:center}.sp-actions,.ph-actions{flex-wrap:wrap}.sp-card,.pp-cell{min-width:0;overflow-wrap:anywhere}.sp h1{font-size:clamp(2.4rem,11vw,4rem)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.et-route a,.et-chain a{transition:none}}
@media(prefers-reduced-transparency:reduce){.et-route a,.et-chain a{background:#fff}}

.et-home{--et-ink:#142033;--et-gold:#b98a35;background:#f7f6f1;color:var(--et-ink);font-family:Inter,system-ui,sans-serif}.et-home a{color:inherit}.et-home section,.et-home header{padding:48px 24px}.et-home .et-inner{max-width:1140px;margin:auto}.et-home .et-hero{background:#101a2c;color:#f8f5ea;padding:80px 24px 56px}.et-home h1{font-size:clamp(2.1rem,5vw,4.2rem);line-height:1.1;max-width:900px;margin:12px 0 24px}.et-home h2{font-size:clamp(1.6rem,3vw,2.3rem);line-height:1.2;margin:0 0 18px}.et-home h3{font-size:1.15rem;margin:0 0 12px}.et-home p{line-height:1.7;max-width:850px}.et-home .et-kicker{font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;color:#e4c471}.et-home .et-lead{font-size:1.2rem}.et-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:24px}.et-home .et-primary{display:inline-flex;align-items:center;min-height:48px;padding:12px 22px;border-radius:10px;background:#f4e8c8;color:#101a2c;text-decoration:none;font-weight:650}.et-home .et-secondary{padding:12px 0;text-underline-offset:5px}.et-metrics,.et-paths,.et-segments{display:grid;gap:20px}.et-metrics,.et-paths{grid-template-columns:repeat(3,minmax(0,1fr))}.et-metrics{margin-top:40px;border-top:1px solid #ffffff30;padding-top:24px}.et-metrics strong{display:block;font-size:1.4rem}.et-metrics p{font-size:.85rem;margin:8px 0}.et-metrics a{font-size:.8rem;text-underline-offset:3px}.et-paths a,.et-segments article{padding:26px;border:1px solid #d7d9dc;border-radius:14px;background:white}.et-paths a{text-decoration:none;min-height:152px}.et-paths a:hover{border-color:#b98a35}.et-paths b{display:block;font-size:1.2rem}.et-paths span{display:block;line-height:1.6;margin-top:10px}.et-segments{grid-template-columns:repeat(4,minmax(0,1fr))}.et-home .et-tinted{background:#eceeea}.et-home .et-inline-links{display:flex;gap:22px;flex-wrap:wrap}.et-home a:focus-visible,.et-web a:focus-visible{outline:3px solid #2575c5;outline-offset:4px}.et-web{max-width:1140px;margin:32px auto;padding:28px 24px;color:inherit}.et-web h2{line-height:1.3}.et-project-scroll{overflow-x:auto;border:1px solid #c9cdd1;border-radius:12px}.et-project-table{border-collapse:collapse;width:100%;min-width:740px;font-size:.9rem}.et-project-table th,.et-project-table td{text-align:start;vertical-align:top;padding:16px;border-bottom:1px solid #c9cdd1;line-height:1.5}.et-project-table th{background:#172638;color:#f5f7fa}.et-project-table tr:last-child td{border-bottom:0}.et-project-table a{color:inherit;text-decoration:underline}.et-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.et-contact-form label{display:block;font-size:.875rem;font-weight:600;line-height:1.6}.et-contact-form input,.et-contact-form select,.et-contact-form textarea{box-sizing:border-box;width:100%;padding:12px;min-height:48px;border:1px solid #9da7b4;border-radius:8px;font:inherit;font-size:1rem;color:#142033;background:#fff;margin:6px 0 16px}.et-contact-form textarea{min-height:150px}.et-contact-form .et-full{grid-column:1/-1}.et-contact-form button{min-height:48px;min-width:160px;padding:12px 20px;background:#172638;color:white;border:0;border-radius:8px;font:600 1rem system-ui;cursor:pointer}.et-contact-form button:disabled{opacity:.6;cursor:default}.et-contact-form [role=status]{padding:16px;border:1px solid #8b9eae;border-radius:8px;line-height:1.6}.et-contact-form .et-privacy{font-size:.9rem;font-weight:400}.et-web small{line-height:1.6;display:block}.et-home [dir=rtl]{text-align:right}@media(max-width:760px){.et-metrics,.et-paths,.et-segments,.et-form-grid{grid-template-columns:1fr}.et-home section{padding:32px 20px}.et-home .et-hero{padding:54px 20px 36px}.et-paths a{min-height:0}.et-home .et-lead{font-size:1.05rem}.et-project-scroll{max-width:100%}}

/* Scope new home styling above the existing theme overrides. */
html:not(#et-web-1):not(#et-web-2):not(#et-web-3):not(#et-web-4):not(#et-web-5):not(#et-web-6):not(#et-web-7):not(#et-web-8):not(#et-web-9):not(#et-web-10):not(#et-web-11):not(#et-web-12):not(#et-web-13):not(#et-web-14):not(#et-web-15):not(#et-web-16):not(#et-web-17):not(#et-web-18):not(#et-web-19):not(#et-web-20):not(#et-web-21):not(#et-web-22):not(#et-web-23):not(#et-web-24):not(#et-web-25):not(#et-web-26):not(#et-web-27):not(#et-web-28):not(#et-web-29):not(#et-web-30):not(#et-web-31):not(#et-web-32):not(#et-web-33):not(#et-web-34):not(#et-web-35):not(#et-web-36):not(#et-web-37):not(#et-web-38):not(#et-web-39):not(#et-web-40):not(#et-web-41):not(#et-web-42):not(#et-web-43):not(#et-web-44) #main-content.et-home{padding-top:var(--nav-h,138px)!important;color:#142033!important;background:#f7f6f1!important}
html:not(#et-web-1):not(#et-web-2):not(#et-web-3):not(#et-web-4):not(#et-web-5):not(#et-web-6):not(#et-web-7):not(#et-web-8):not(#et-web-9):not(#et-web-10):not(#et-web-11):not(#et-web-12):not(#et-web-13):not(#et-web-14):not(#et-web-15):not(#et-web-16):not(#et-web-17):not(#et-web-18):not(#et-web-19):not(#et-web-20):not(#et-web-21):not(#et-web-22):not(#et-web-23):not(#et-web-24):not(#et-web-25):not(#et-web-26):not(#et-web-27):not(#et-web-28):not(#et-web-29):not(#et-web-30):not(#et-web-31):not(#et-web-32):not(#et-web-33):not(#et-web-34):not(#et-web-35):not(#et-web-36):not(#et-web-37):not(#et-web-38):not(#et-web-39):not(#et-web-40):not(#et-web-41):not(#et-web-42):not(#et-web-43):not(#et-web-44) #main-content.et-home .et-hero :is(h1,p,strong,a){color:#f8f5ea!important;-webkit-text-fill-color:currentColor!important}
html:not(#et-web-1):not(#et-web-2):not(#et-web-3):not(#et-web-4):not(#et-web-5):not(#et-web-6):not(#et-web-7):not(#et-web-8):not(#et-web-9):not(#et-web-10):not(#et-web-11):not(#et-web-12):not(#et-web-13):not(#et-web-14):not(#et-web-15):not(#et-web-16):not(#et-web-17):not(#et-web-18):not(#et-web-19):not(#et-web-20):not(#et-web-21):not(#et-web-22):not(#et-web-23):not(#et-web-24):not(#et-web-25):not(#et-web-26):not(#et-web-27):not(#et-web-28):not(#et-web-29):not(#et-web-30):not(#et-web-31):not(#et-web-32):not(#et-web-33):not(#et-web-34):not(#et-web-35):not(#et-web-36):not(#et-web-37):not(#et-web-38):not(#et-web-39):not(#et-web-40):not(#et-web-41):not(#et-web-42):not(#et-web-43):not(#et-web-44) #main-content.et-home .et-hero .et-primary{color:#101a2c!important;background:#f4e8c8!important}
html:not(#et-web-1):not(#et-web-2):not(#et-web-3):not(#et-web-4):not(#et-web-5):not(#et-web-6):not(#et-web-7):not(#et-web-8):not(#et-web-9):not(#et-web-10):not(#et-web-11):not(#et-web-12):not(#et-web-13):not(#et-web-14):not(#et-web-15):not(#et-web-16):not(#et-web-17):not(#et-web-18):not(#et-web-19):not(#et-web-20):not(#et-web-21):not(#et-web-22):not(#et-web-23):not(#et-web-24):not(#et-web-25):not(#et-web-26):not(#et-web-27):not(#et-web-28):not(#et-web-29):not(#et-web-30):not(#et-web-31):not(#et-web-32):not(#et-web-33):not(#et-web-34):not(#et-web-35):not(#et-web-36):not(#et-web-37):not(#et-web-38):not(#et-web-39):not(#et-web-40):not(#et-web-41):not(#et-web-42):not(#et-web-43):not(#et-web-44) #main-content.et-home section :is(h2,h3,p,b,span,a){color:#142033!important}

/* Projets : liens « Supports publics » empiles (16 px de haut, quasi colles) portes a 24 px de cible (WCAG 2.5.8). */
.et-project-table td a{display:inline-block;padding:4px 0}
/* Accueil arabe : l en-tete .arh est en position absolue, transparent, texte blanc, prevu pour se poser sur un fond sombre.
   Le nouvel accueil laissait 138 px de fond creme au-dessus du heros : menu illisible. Le heros sombre remonte sous l en-tete : --nav-h a 0 sur ce main (la regle qui le decale lit var(--nav-h,138px)). */
main.et-home[dir="rtl"]{--nav-h:0px}
main.et-home[dir="rtl"]>.et-hero:not(#ar0):not(#ar1):not(#ar2):not(#ar3):not(#ar4):not(#ar5):not(#ar6):not(#ar7):not(#ar8):not(#ar9):not(#ar10):not(#ar11):not(#ar12):not(#ar13):not(#ar14):not(#ar15):not(#ar16):not(#ar17):not(#ar18):not(#ar19):not(#ar20):not(#ar21):not(#ar22):not(#ar23):not(#ar24):not(#ar25):not(#ar26):not(#ar27):not(#ar28):not(#ar29){padding-top:176px!important}

/* Accueil (revue du 8 octobre) :
   - liens de texte de meme couleur que le texte et sans soulignement (WCAG 1.4.1) : les feuilles du theme
     retirent le soulignement avec jusqu a 45 identifiants factices ; on le retablit avec 40 + :is ;
   - fonds teintes des sections annules par ces memes feuilles (section transparente) ;
   - hauteur de barre connue avant le script : 77 px sous 1241 px, 138 px au-dessus (mesures FR et EN),
     sinon le heros partait a 138 px puis remontait de 61 px sur mobile (CLS 0,066) ;
   - titre : « roche-mere » ne se coupe plus apres le trait d union. */
html:not(#eh0):not(#eh1):not(#eh2):not(#eh3):not(#eh4):not(#eh5):not(#eh6):not(#eh7):not(#eh8):not(#eh9):not(#eh10):not(#eh11):not(#eh12):not(#eh13):not(#eh14):not(#eh15):not(#eh16):not(#eh17):not(#eh18):not(#eh19):not(#eh20):not(#eh21):not(#eh22):not(#eh23):not(#eh24):not(#eh25):not(#eh26):not(#eh27):not(#eh28):not(#eh29):not(#eh30):not(#eh31):not(#eh32):not(#eh33):not(#eh34):not(#eh35):not(#eh36):not(#eh37):not(#eh38):not(#eh39) .et-home :is(.et-secondary,.et-metrics a,.et-segments a,.et-actions a:not(.et-primary),.et-inline-links a,p a){text-decoration:underline!important;text-decoration-thickness:1px!important;text-underline-offset:.22em!important}
html:not(#eh0):not(#eh1):not(#eh2):not(#eh3):not(#eh4):not(#eh5):not(#eh6):not(#eh7):not(#eh8):not(#eh9):not(#eh10):not(#eh11):not(#eh12):not(#eh13):not(#eh14):not(#eh15):not(#eh16):not(#eh17):not(#eh18):not(#eh19):not(#eh20):not(#eh21):not(#eh22):not(#eh23):not(#eh24):not(#eh25):not(#eh26):not(#eh27):not(#eh28):not(#eh29):not(#eh30):not(#eh31):not(#eh32):not(#eh33):not(#eh34):not(#eh35):not(#eh36):not(#eh37):not(#eh38):not(#eh39) .et-home .et-tinted{background:#eceeea!important}
:root:has(main.et-home){--nav-h:77px}
@media(min-width:1241px){:root:has(main.et-home){--nav-h:138px}}
html:not(#eh0):not(#eh1):not(#eh2):not(#eh3):not(#eh4):not(#eh5):not(#eh6):not(#eh7):not(#eh8):not(#eh9):not(#eh10):not(#eh11):not(#eh12):not(#eh13):not(#eh14):not(#eh15):not(#eh16):not(#eh17):not(#eh18):not(#eh19):not(#eh20):not(#eh21):not(#eh22):not(#eh23):not(#eh24):not(#eh25):not(#eh26):not(#eh27):not(#eh28):not(#eh29):not(#eh30):not(#eh31):not(#eh32):not(#eh33):not(#eh34):not(#eh35):not(#eh36):not(#eh37):not(#eh38):not(#eh39) .et-home .et-nw{white-space:nowrap;color:inherit!important;-webkit-text-fill-color:currentColor!important;font:inherit!important}

/* Accueil, titres h1/h2 en Instrument Serif 400 comme toutes les autres pages et le pied de page
   (maquette A/B validee le 8 octobre). L arabe garde sa police (pas de glyphes arabes dans Instrument Serif). */
html:not(#ef0):not(#ef1):not(#ef2):not(#ef3):not(#ef4):not(#ef5):not(#ef6):not(#ef7):not(#ef8):not(#ef9):not(#ef10):not(#ef11):not(#ef12):not(#ef13):not(#ef14):not(#ef15):not(#ef16):not(#ef17):not(#ef18):not(#ef19):not(#ef20):not(#ef21):not(#ef22):not(#ef23):not(#ef24):not(#ef25):not(#ef26):not(#ef27):not(#ef28):not(#ef29):not(#ef30):not(#ef31):not(#ef32):not(#ef33):not(#ef34):not(#ef35):not(#ef36):not(#ef37):not(#ef38):not(#ef39) .et-home:not([dir="rtl"]) :is(h1,h2){font-family:'Instrument Serif',Georgia,'Times New Roman',serif!important;font-weight:400!important;letter-spacing:-.01em!important;line-height:1.02!important}
html:not(#ef0):not(#ef1):not(#ef2):not(#ef3):not(#ef4):not(#ef5):not(#ef6):not(#ef7):not(#ef8):not(#ef9):not(#ef10):not(#ef11):not(#ef12):not(#ef13):not(#ef14):not(#ef15):not(#ef16):not(#ef17):not(#ef18):not(#ef19):not(#ef20):not(#ef21):not(#ef22):not(#ef23):not(#ef24):not(#ef25):not(#ef26):not(#ef27):not(#ef28):not(#ef29):not(#ef30):not(#ef31):not(#ef32):not(#ef33):not(#ef34):not(#ef35):not(#ef36):not(#ef37):not(#ef38):not(#ef39) .et-home:not([dir="rtl"]) h1{font-size:clamp(48px,6.4vw,92px)!important}
html:not(#ef0):not(#ef1):not(#ef2):not(#ef3):not(#ef4):not(#ef5):not(#ef6):not(#ef7):not(#ef8):not(#ef9):not(#ef10):not(#ef11):not(#ef12):not(#ef13):not(#ef14):not(#ef15):not(#ef16):not(#ef17):not(#ef18):not(#ef19):not(#ef20):not(#ef21):not(#ef22):not(#ef23):not(#ef24):not(#ef25):not(#ef26):not(#ef27):not(#ef28):not(#ef29):not(#ef30):not(#ef31):not(#ef32):not(#ef33):not(#ef34):not(#ef35):not(#ef36):not(#ef37):not(#ef38):not(#ef39) .et-home:not([dir="rtl"]) h2{font-size:clamp(34px,3.6vw,52px)!important}