@media(min-width:1400px){#navSearch{width:40px!important;padding:0!important;border-radius:999px!important}}
@media(max-width:1500px){.nav-cta .btn-p{padding:10px 16px;font-size:.84rem}.nav-links{gap:0}}

.nav-item-mini .nav-trigger{padding:8px 7px;gap:3px;font-size:.84rem}@media(max-width:1460px){.brand-tx{max-width:175px}.brand-tx small{font-size:0.6875rem}}

/* ultra méga-menus harmonisés */
.nav-item-mini{position:relative}@media(max-width:1240px) and (min-width:1001px){/* fusionné dans le mode burger ≤1240 */}



@media(max-width:480px){.brand-mk{width:46px!important;height:46px!important;padding:5px!important;border-radius:12px!important}.brand{gap:9px}.brand-tx{font-size:.92rem;max-width:150px}#navSearch{width:36px!important;height:36px!important}.nav-in{padding-left:14px;padding-right:14px}}
.brand,.brand-mk{flex:none}.brand-tx{max-width:210px}

@media(max-width:768px){#toTop{bottom:calc(64px + env(safe-area-inset-bottom))!important;right:14px}}@media(max-width:1240px){}

@media(max-width:560px){#oilticker{display:none!important}.brand small{display:none}}
/* ponts de sortie harmonisés */
.sec-next{display:flex;justify-content:flex-end;margin-top:34px;padding-top:18px;border-top:1px solid var(--hair)}.sec-next a{font-family:var(--fm);font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:#A9B6CC;display:inline-flex;align-items:center;gap:8px;transition:color .2s;text-decoration:none}.sec-next a:hover{color:var(--gold-l)}.sec-next a::after{content:"→";color:var(--gold-l);transition:transform .2s}.sec-next a:hover::after{transform:translateX(4px)}

section[id]{scroll-margin-top:96px}
#nezBar a.nz-on{color:var(--gold-l);background:rgba(217,168,79,.12)}#nezBar a.nz-on svg{stroke:var(--gold-l)}
@media(max-width:560px){.nav-cta .btn-p{display:none}}
#nezProg{position:fixed;top:0;left:0;height:3px;width:0;z-index:120;background:linear-gradient(90deg,var(--blue-l),var(--gold-l));pointer-events:none;transition:width .12s linear}



#nezBar{position:fixed;left:0;right:0;bottom:0;z-index:95;display:none;background:rgba(8,14,26,.80);-webkit-backdrop-filter:blur(22px) saturate(140%);backdrop-filter:blur(22px) saturate(140%);border-top:1px solid var(--hair);padding:6px 4px calc(6px + env(safe-area-inset-bottom));pointer-events:none}#nezBar a{pointer-events:auto}
#nezBar a{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;text-decoration:none;color:rgba(245,247,250,.65);font-family:var(--fm);font-size:0.6875rem;letter-spacing:.04em;padding:4px 2px;border-radius:8px}
#nezBar a svg{width:19px;height:19px}
#nezBar a:active,#nezBar a:hover{color:var(--gold-l)}
@media(max-width:768px){#nezBar{display:flex}}
@media print{#nezProg,#nezBar{display:none!important}}
@media(prefers-reduced-motion:reduce){#nezProg{transition:none}}

@media (prefers-reduced-transparency:reduce){.nx-mega{background:#0A0F1A!important}.nav-links{background:rgba(6,11,20,.98)!important}#nezBar{background:rgba(8,14,26,.97)!important}}
@media print{section,article,div{break-inside:auto!important;page-break-inside:auto!important}.reveal,.rv,.reveal-up,.reveal-blur,[data-d]{opacity:1!important;transform:none!important;filter:none!important;animation:none!important;transition:none!important}*{content-visibility:visible!important}header.hero{display:block!important}.diapo,#scrollcue,.lum-ctl,#homeFab,.share,#toTop,#lum-veil,.rootland,#preloader,#ckn,#cmdk{display:none!important}}

html{scrollbar-gutter:stable}

/* QA mobile : cibles tactiles & lisibilite des micro-etiquettes */
@media (max-width:700px){
.crumb a{display:inline-block;padding:7px 4px;margin:-7px -4px}
.foot-col a,.foot-poles a,.foot-legal a,.foot-social a{display:inline-block;padding:6px 3px;margin:-6px -3px}
.tri-more{padding:9px 12px 9px 0!important;margin-top:9px!important}
.pc-more{padding:9px 10px!important;margin:-4px -10px!important}
.tri-biz-g span{font-size:0.6875rem!important}
.biz-clab{font-size:0.6875rem!important}
.scrollcue{font-size:0.6875rem!important}
}

/* QA mobile : libelles de la barre d onglets un cran plus lisibles */
#nezBar a{font-size:0.6875rem}
/* QA mobile : zone tactile du bouton de langue des journaux */
.jlang{padding:10px 12px!important;margin:-10px -12px -10px 0;border-radius:10px}

/* Mode lecture claire des carnets */
#jlightBtn{margin-left:10px;background:none;border:1px solid var(--hair);border-radius:999px;color:inherit;width:34px;height:34px;cursor:pointer;font-size:.95rem;line-height:1;flex:none}
#jlightBtn:hover{border-color:var(--gold-l)}
html.et-jlight{--bg:#FAF7F1;--bg2:#FFFFFF;--ink:#1A2330;--mut:rgba(26,35,48,.64);--hair:rgba(26,35,48,.16);--gold:#8A6A1E;--gold-l:#7A5C14;--blue-l:#155FA8}
html.et-jlight body{background:var(--bg)!important;color:var(--ink)!important}
html.et-jlight body::before,html.et-jlight body::after{display:none!important}
html.et-jlight #jlightBtn{border-color:rgba(26,35,48,.3)}
html.et-jlight b:not(#_),html.et-jlight strong:not(#_),html.et-jlight h1:not(#_),html.et-jlight h2:not(#_),html.et-jlight h3:not(#_){color:#10161F!important}

html.et-jlight .jtop a:not(#_){color:#F5F7FA!important}
html.et-jlight .jtop #jlightBtn{color:#F5F7FA;border-color:rgba(245,247,250,.4)}
html.et-jlight .jkey:not(#_),html.et-jlight blockquote:not(#_){background:#fff!important;border-color:rgba(26,35,48,.2)!important;color:#1A2330!important}
html.et-jlight .jsig:not(#_),html.et-jlight .jdek:not(#_),html.et-jlight .jmeta:not(#_){color:rgba(26,35,48,.72)!important}
html.et-jlight .jfoot:not(#_),html.et-jlight footer:not(#_){background:#F1ECE2!important;color:#1A2330!important}
html.et-jlight a:not(#_):not(.jback):not(.jlang){color:#155FA8}
html.et-jlight{background:#FAF7F1!important}
html.et-jlight .jtop a b:not(#_){color:#E8C36A!important}
html.et-jlight #secrail a:not(#_){background:rgba(11,20,34,.85)!important;color:rgba(245,247,250,.85)!important;border-color:rgba(255,255,255,.14)!important}

/* Mode clair des pages editoriales : contenu principal seulement, chrome et heros restent sombres */
#plightBtn{position:fixed;left:14px;bottom:14px;z-index:70;width:38px;height:38px;border-radius:999px;border:1px solid rgba(245,247,250,.28);background:rgba(11,20,34,.72);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#F5F7FA;cursor:pointer;font-size:1rem;line-height:1}
#plightBtn:hover{border-color:#E8C36A}
@media(max-width:720px){#plightBtn{bottom:74px}}
html.et-plight main:not(#_){background:#FAF7F1!important;color:#1A2330!important}
html.et-plight main section:not(#_),html.et-plight main article:not(#_),html.et-plight main div:not(#_){background-color:transparent!important;box-shadow:none!important;color:#1A2330}
html.et-plight main .subland{display:none!important}
html.et-plight main h1:not(#_),html.et-plight main h2:not(#_),html.et-plight main h3:not(#_),html.et-plight main h4:not(#_),html.et-plight main b:not(#_),html.et-plight main strong:not(#_),html.et-plight main dt:not(#_){color:#10161F!important;text-shadow:none!important;-webkit-text-fill-color:#10161F!important;background:none!important}
html.et-plight main p:not(#_),html.et-plight main li:not(#_),html.et-plight main span:not(#_),html.et-plight main td:not(#_),html.et-plight main th:not(#_),html.et-plight main i:not(#_),html.et-plight main em:not(#_),html.et-plight main small:not(#_),html.et-plight main dd:not(#_),html.et-plight main figcaption:not(#_),html.et-plight main blockquote:not(#_),html.et-plight main label:not(#_){color:#2A3648!important;text-shadow:none!important}
html.et-plight main h1 em:not(#_),html.et-plight main h2 em:not(#_),html.et-plight main .kick:not(#_),html.et-plight main [class*="kick"]:not(#_){color:#7A5C14!important}
html.et-plight main a:not(#_){color:#155FA8!important}
html.et-plight main .card:not(#_),html.et-plight main [class*="card"]:not(#_),html.et-plight main [class*="panel"]:not(#_){background:#FFFFFF!important;border:1px solid rgba(26,35,48,.16)!important;box-shadow:0 2px 10px rgba(26,35,48,.06)!important}
html.et-plight main td:not(#_),html.et-plight main th:not(#_){border-color:rgba(26,35,48,.2)!important;background:#fff!important}
html.et-plight .subland{display:none!important}
html.et-plight body{background:#FAF7F1!important}
html.et-plight main .cp-ct a:not(#_) b{color:#10161F!important}
html.et-plight main section:not(#_),html.et-plight main article:not(#_),html.et-plight main div:not(#_):not([role="img"]){background-image:none!important}
html.et-plight main article:not(#_){background-color:#fff!important;border:1px solid rgba(26,35,48,.16)!important;box-shadow:0 2px 10px rgba(26,35,48,.06)!important}
html.et-plight #secrail a:not(#_){background:rgba(11,20,34,.85)!important;color:rgba(245,247,250,.85)!important;border-color:rgba(255,255,255,.14)!important}
html.et-plight main button:not(#_):not(#plightBtn){color:#1A2330!important}
html.et-plight main [role="tab"]:not(#_),html.et-plight main [role="button"]:not(#_){color:#1A2330!important}
/* Exceptions heros photo : le texte y reste clair */
html.et-plight main .pghero h1:not(#_),html.et-plight main .pghero h2:not(#_),html.et-plight main [class*="hero"] h1:not(#_),html.et-plight main .diapo h1:not(#_),html.et-plight main .diapo h2:not(#_),html.et-plight main .pghero b:not(#_),html.et-plight main [class*="hero"] h1 b:not(#_){color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important}
html.et-plight main .pghero h1 em:not(#_),html.et-plight main [class*="hero"] h1 em:not(#_){color:#F0CE82!important;-webkit-text-fill-color:#F0CE82!important}
html.et-plight main .pghero p:not(#_),html.et-plight main .pghero li:not(#_),html.et-plight main .pghero span:not(#_),html.et-plight main [class*="hero"] p:not(#_),html.et-plight main .diapo p:not(#_),html.et-plight main .diapo span:not(#_){color:rgba(245,247,250,.92)!important}
html.et-plight main .pghero .pgk:not(#_),html.et-plight main .pghero .kick:not(#_){color:#F9E5B2!important}
html.et-plight main .pghero a:not(#_){color:#F5F7FA!important}
html.et-plight main .pghero .crumb a:not(#_),html.et-plight main .pghero .crumb span:not(#_),html.et-plight main .pghero .bcrumb a:not(#_){color:rgba(245,247,250,.78)!important}

/* Contraste AA du mode clair : pied de page en sombre plein, accents assombris */
html.et-plight footer:not(#_),html.et-jlight footer:not(#_){background:#0B1422!important}
html.et-plight footer *:not(#_):not(a),html.et-jlight footer *:not(#_):not(a){color:rgba(245,247,250,.85)!important}
html.et-plight footer a:not(#_),html.et-jlight footer a:not(#_){color:#EAD9A8!important}
html.et-plight footer h3:not(#_),html.et-jlight footer h3:not(#_),html.et-plight footer b:not(#_),html.et-jlight footer b:not(#_){color:#FFFFFF!important}
html.et-jlight .jfoot:not(#_){background:#0B1422!important;color:rgba(245,247,250,.85)!important}
html.et-jlight .jfoot a:not(#_){color:#EAD9A8!important}
html.et-plight main .kick:not(#_),html.et-plight main [class*="kick"]:not(#_),html.et-plight main h1 em:not(#_),html.et-plight main h2 em:not(#_){color:#6B500F!important}
html.et-jlight h1 em:not(#_),html.et-jlight h2 em:not(#_),html.et-jlight .jkick:not(#_),html.et-jlight .sc-lb:not(#_),html.et-jlight .cb-k:not(#_){color:#6B500F!important}
html.et-plight main .esg-t td:not(#_),html.et-plight main .esg-t th:not(#_),html.et-plight main .esg-t b:not(#_),html.et-plight main .epw-no:not(#_),html.et-plight main .epw-k:not(#_){color:#1A2330!important;background:#fff!important}

/* Pages dont les sections vivent hors <main> (ex. cibles-2030) : miroir des regles d'encre */
html.et-plight body>section:not(#_){background:#FAF7F1!important;background-image:none!important;box-shadow:none!important}
html.et-plight body>section div:not(#_){background-color:transparent!important;background-image:none!important;box-shadow:none!important}
html.et-plight body>section h1:not(#_),html.et-plight body>section h2:not(#_),html.et-plight body>section h3:not(#_),html.et-plight body>section h4:not(#_),html.et-plight body>section b:not(#_),html.et-plight body>section strong:not(#_),html.et-plight body>section dt:not(#_){color:#10161F!important;text-shadow:none!important;-webkit-text-fill-color:#10161F!important;background:none!important}
html.et-plight body>section p:not(#_),html.et-plight body>section li:not(#_),html.et-plight body>section span:not(#_),html.et-plight body>section td:not(#_),html.et-plight body>section th:not(#_),html.et-plight body>section i:not(#_),html.et-plight body>section em:not(#_),html.et-plight body>section small:not(#_),html.et-plight body>section dd:not(#_),html.et-plight body>section caption:not(#_),html.et-plight body>section label:not(#_),html.et-plight body>section button:not(#_){color:#2A3648!important;text-shadow:none!important}
html.et-plight body>section a:not(#_){color:#155FA8!important}
html.et-plight body>section td:not(#_),html.et-plight body>section th:not(#_){background:#fff!important;border-color:rgba(26,35,48,.2)!important}
html.et-plight body>section .card:not(#_),html.et-plight body>section [class*="card"]:not(#_){background:#FFFFFF!important;border:1px solid rgba(26,35,48,.16)!important}
html.et-plight body>section [class*="kick"]:not(#_),html.et-plight body>section h2 em:not(#_),html.et-plight body>section [class*="-no"]:not(#_),html.et-plight body>section [class*="-k"]:not(#_){color:#6B500F!important}
html.et-plight body>header.pghero h1:not(#_),html.et-plight body>header.pghero h2:not(#_){color:#fff!important}
html.et-plight body>header.pghero p:not(#_),html.et-plight body>header.pghero span:not(#_){color:rgba(245,247,250,.92)!important}

/* Finitions AA du mode clair */
html.et-plight main .ivt-cta:not(#_),html.et-plight body>section .ivt-cta:not(#_){background:#0B1422!important;color:#F5F7FA!important;border-color:#0B1422!important}
html.et-plight [style*="E8C36A"]:not(#_),html.et-plight [style*="F0CE82"]:not(#_){color:#8A6210!important}
html.et-plight [style*="5AA7F0"]:not(#_),html.et-plight [style*="7FB8F5"]:not(#_){color:#1B4E8C!important}
html.et-plight [style*="34D399"]:not(#_){color:#0E7A55!important}
html.et-jlight .hero-cap:not(#_){color:rgba(245,247,250,.9)!important;background:rgba(8,13,22,.78)!important}
html.et-jlight .sc-lb:not(#_){color:#F0CE82!important}
html.et-jlight .more-k:not(#_){color:#6B500F!important}
html.et-jlight .cb-k:not(#_){color:#F0CE82!important}
html.et-jlight .cb:not(#_),html.et-jlight [class*="cta-band"]:not(#_){background:#0B1422!important}
html.et-jlight .cb-btn:not(#_){background:#E8C36A!important;color:#0B1422!important}
html.et-jlight .jfoot *:not(#_):not(a){color:rgba(245,247,250,.85)!important}
html.et-plight .share-k:not(#_),html.et-plight main [class*="share-k"]:not(#_){color:#55647C!important}
html.et-plight [class^="pgr"] .pgr-t:not(#_),html.et-plight .pgr-t:not(#_){color:#10161F!important}
html.et-plight .pgr-dir:not(#_){color:#6B500F!important}
html.et-plight .back:not(#_){color:rgba(245,247,250,.88)!important}
html.et-plight main summary:not(#_),html.et-plight body>section summary:not(#_){color:#10161F!important}

/* Ultimes finitions AA */
html.et-plight footer a:not(#_):not(#__){color:#EAD9A8!important}
html.et-jlight footer a:not(#_):not(#__),html.et-jlight .jfoot a:not(#_):not(#__){color:#EAD9A8!important}
html.et-plight main section.hero h1:not(#_):not(#__),html.et-plight main section.hero h2:not(#_):not(#__){color:#10161F!important;-webkit-text-fill-color:#10161F!important}
html.et-plight main section.hero p:not(#_):not(#__),html.et-plight main section.hero span:not(#_):not(#__){color:#2A3648!important}
html.et-jlight section:where([data-eh~=eh3]):not(.ehz):not(#_){background:#0B1422!important}
html.et-jlight section:where([data-eh~=eh3]):not(.ehz) h2:not(#_):not(#__),html.et-jlight section:where([data-eh~=eh3]):not(.ehz) h3:not(#_):not(#__){color:#FFFFFF!important}
html.et-jlight section:where([data-eh~=eh3]):not(.ehz) p:not(#_):not(#__):not(.cb-k){color:rgba(245,247,250,.85)!important}
html.et-plight #modele div:not([class]):not(#_){color:#2A3648!important}
html.et-plight .cta div:not([class]):not(#_){color:#2A3648!important}
html.et-plight .btn:not(#_):not(#plightBtn){background:#0B1422!important;color:#F5F7FA!important;border-color:#0B1422!important}
html.et-plight #contact-rapide a:not(#_):not(#__){color:#0B1422!important}
html.et-plight main section.hero h1 em:not(#_):not(#__){background:none!important;-webkit-text-fill-color:#6B500F!important;color:#6B500F!important}
html.et-plight .corp-nav a:not(#_):not(#__){color:#EAD9A8!important}
html.et-plight #kit-media div:not(#_):not(#__){color:#2A3648!important}

/* QA mode clair : finitions passe B */
html.et-plight body>header.hero:not(#_){background:#0B1422!important;background-image:none!important}
html.et-plight a[style*="F59E0B"]:not(#_):not(#__),html.et-plight a[style*="f59e0b"]:not(#_):not(#__),html.et-plight body>section a[href$="#partenariats"]:not(#_):not(#__){color:#0B1422!important}
html.et-plight main code:not(#_):not(#__),html.et-plight body>section code:not(#_):not(#__){color:#6B500F!important;background:rgba(138,98,16,.08)!important}
html.et-plight .pof-ct:not(#_):not(#__){color:#10161F!important}
html.et-plight .ets-lv:not(#_):not(#__){color:#0B1422!important}
html.et-plight .ets-lv:not(#_):not(#__){color:#0B1422!important;background:rgba(255,255,255,.88)!important;border-radius:6px;padding:0 6px}
html.et-plight body>section div:not(#_):not(#__){color:#2A3648!important}
html.et-plight #secrail a:not(#_):not(#__),html.et-jlight #secrail a:not(#_):not(#__){background:rgba(11,20,34,.96)!important}
html.et-plight main div:not(#_):not(#__){color:#2A3648!important}
html.et-plight main .pghero div:not(#_):not(#__):not(#___),html.et-plight main [class*="hero"] div:not(#_):not(#__):not(#___),html.et-plight main .diapo div:not(#_):not(#__):not(#___){color:rgba(245,247,250,.92)!important}
html.et-plight main section.hero div:not(#_):not(#__):not(#___):not(#____){color:#2A3648!important}
html.et-plight main button:not(#plightBtn):not(#_):not(#__):not(#___){color:#1A2330!important}
html.et-plight [class^="fcta"]:not(#_):not(#__):not(#___),html.et-plight [class^="fcta"] *:not(#_):not(#__):not(#___){color:#0B1422!important}
html.et-plight main a[href$="investisseurs#cadre-eco"]:not(#_){text-decoration:underline!important}
html.et-plight a[href$="investisseurs#cadre-eco"]:not(#_){text-decoration:underline!important}

/* Hubs AR/EN en mode clair */
html[dir="rtl"] #plightBtn{left:auto;right:14px}
html.et-plight main .wrap>a[href]:not([class]):not(#_):not(#__){text-decoration:underline!important}
html.et-plight .lang a:not(#_):not(#__){color:#0B1422!important}
html.et-plight header .lang a:not(#_):not(#__):not(#___){color:#F5F7FA!important}
html.et-plight .wrap>a:not([class]):not(#_):not(#__){text-decoration:underline!important;color:#155FA8!important}
html.et-plight footer .wrap>a:not(#_):not(#__):not(#___){color:#EAD9A8!important;text-decoration:underline!important}
html.et-plight header .lang a[aria-current="page"]:not(#_):not(#__):not(#___):not(#____),html.et-plight header .lang a.on:not(#_):not(#__):not(#___):not(#____){color:#0B1422!important;background:#E8C36A!important}

html.et-plight main .pghero a.pgh-btn:not(#_){color:#0B1422!important}
html.et-plight main a.ppt-cta:not(#_){color:#0B1422!important}
html.et-plight main a.mad-cta:not(#_){color:#0B1422!important}
html.et-plight main .mkt-cta a:not(#_):not(#__){color:#0B1422!important}
html.et-plight main a.btn:not(.btn-p):not(.btn-g):not(.btn-ghost):not(.btn-shop):not(#_){color:#0B1422!important}
html.et-plight main a.cb-p:not(#_){color:#0B1422!important}
html.et-plight main a.hxi-cta:not(#_){color:#0B1422!important}
html.et-plight main a.iv-pivot:not(#_){color:#0a1322!important}
html.et-plight main .mkt-nav a:not(#_){color:rgba(245,247,250,.74)!important}

/* Verre liquide — repli opaque complet sous prefers-reduced-transparency (le reset universel perdait contre les blurs !important à spécificité id/classe) */
@media (prefers-reduced-transparency:reduce){
.nav:not(#_),.nav.scrolled:not(#_){-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:rgba(8,13,24,.97)!important}
#ckn:not(#_){-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#0B1422!important}
}

/* Verre liquide — meme repli pour navigateurs sans backdrop-filter */
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
.nav:not(#_),.nav.scrolled:not(#_){background:rgba(8,13,24,.97)!important}
#ckn:not(#_){background:#0B1422!important}
.nx-mega:not(#_){background:linear-gradient(180deg,#0c1728,#0a1422)!important}
.pole-subnav:not(#_){background:#0B1422!important}
}

/* mobile : cible tactile 44px pour la loupe ; indices clavier du cmdk masques au tactile */
@media(max-width:768px){#nav .nav-search{width:44px!important;height:44px!important}}
@media(hover:none) and (pointer:coarse){.cmdk-foot{display:none!important}}

/* RTL : miroir complet des flottants — plightBtn a droite, toTop a gauche */
html[dir="rtl"] #toTop{right:auto!important;left:16px!important}

/* ===== QA MOBILE — zones de tap etendues (2026-07) ===== */
@media(pointer:coarse){
.flip-cta:not(#_x),.sc-link:not(#_x),.pj-go:not(#_x),.hnews-all:not(#_x){
 padding-top:9px!important;padding-bottom:9px!important;margin-top:-9px!important;margin-bottom:-9px!important;position:relative;z-index:1}
a.ttl:not(#_x),nav.bcrumb a{padding:8px 4px;margin:-8px -4px}
a[style*="underline"]{padding-top:8px;padding-bottom:8px}
.pj-syn a{padding-top:8px;padding-bottom:8px}
.foot-sep+a,a:where([data-eh~=eh2]):not(.ehz){padding:8px 3px}
.go:not(#_x),.pmore-home:not(#_x),.foot-col a:not(.foot-pole):not(#_x),a[download]:not(#_x){padding-top:7px!important;padding-bottom:7px!important;margin-top:-7px!important;margin-bottom:-7px!important;position:relative;z-index:1}
html[lang="ar"] a{padding-top:6px;padding-bottom:6px}
}
@media(max-width:768px){
#navLinks.open:not(#_x),.nav-links.open:not(#_x){background:linear-gradient(180deg,rgba(9,15,27,.985),rgba(6,10,18,.995))!important}
}

/* light-theme glass (translucent panels) */
html.et-plight main:not(#_),html.et-plight body>section:not(#_){background:linear-gradient(162deg,#F5F1EA 0%,#EDEDF1 52%,#F3EEE6 100%)!important}
html.et-plight main .card:not(#_),html.et-plight main [class*="card"]:not(#_),html.et-plight main [class*="panel"]:not(#_),html.et-plight main article:not(#_),html.et-plight body>section .card:not(#_),html.et-plight body>section [class*="card"]:not(#_){background:rgba(255,255,255,.46)!important;background-color:rgba(255,255,255,.46)!important;-webkit-backdrop-filter:blur(20px) saturate(1.6)!important;backdrop-filter:blur(20px) saturate(1.6)!important;border:1px solid rgba(26,35,48,.1)!important;box-shadow:0 8px 30px rgba(26,35,48,.12),inset 0 1px 0 rgba(255,255,255,.65)!important}

/* --- polish 202607 : barre carnets, cue mobile, lisibilite nav mobile --- */
header.jtop .hero-cap:not(#_),header.jtop .hero-halo:not(#_){display:none!important}
@media(max-width:768px){.scrollcue:not(#_){bottom:calc(70px + env(safe-area-inset-bottom))!important}}
#nezBar:not(#_){background:rgba(8,14,26,.94);-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);border-top:1px solid rgba(255,255,255,.12)}

/* iOS safe-area : les commandes flottantes remontent au-dessus de l'indicateur d'accueil et s'ecartent des bords arrondis. No-op sur les appareils sans zone sure. */
@supports(bottom:env(safe-area-inset-bottom)){#plightBtn:not(#_){margin-bottom:env(safe-area-inset-bottom);margin-left:env(safe-area-inset-left)}}
html.et-plight a.cb-p:not(#_):not(#__){color:#0B1422!important;-webkit-text-fill-color:#0B1422!important}

/* ======================================================================
   ECLAIRCISSEMENT (2026-08) : pied de page et barre de navigation en clair.
   Remplace le pied sombre #0B1422 et la barre rgba(9,14,23,.5) du mode clair.
   Portee stricte : html.et-plight / html.et-jlight — le theme sombre est intact.
   Specificite : 5 negations d'ID pour passer devant les reparations AA
   anterieures (qui montent a 3). Ne pas reduire.
   ====================================================================== */
/* ============================================================
   ECL1 — Eclaircissement : pied de page et barre de navigation
   Portee stricte : html.et-plight / html.et-jlight uniquement.
   Le theme sombre n'est pas touche.
   Specificite : 5 negations d'ID pour battre
   html.et-plight footer .wrap>a:not(#_):not(#__):not(#___)
   ============================================================ */

/* ---------- 1. PIED DE PAGE : fond clair ---------- */
html.et-plight footer:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5),
html.et-jlight footer:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5),
html.et-jlight .jfoot:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5){
  background:linear-gradient(180deg,#F7F3EC 0%,#EFE9DE 100%)!important;
  background-color:#F3EEE5!important;
  color:#2A3648!important;
  border-top:1px solid rgba(26,35,48,.10)!important;
  text-shadow:none!important}

/* le filet decoratif du haut, reaccorde sur fond clair */
html.et-plight footer:not(#e1):not(#e2):not(#e3):not(#e4)::before,
html.et-jlight footer:not(#e1):not(#e2):not(#e3):not(#e4)::before{
  background:linear-gradient(90deg,transparent,rgba(184,138,42,.95) 16%,rgba(21,95,168,.75) 50%,rgba(33,138,44,.7) 84%,transparent)!important;
  opacity:1!important}

/* ---------- 2. PIED DE PAGE : encre ---------- */
html.et-plight footer *:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5),
html.et-jlight footer *:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5),
html.et-jlight .jfoot *:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5){
  color:#2A3648!important;text-shadow:none!important}

html.et-plight footer p:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5),
html.et-plight footer small:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5),
html.et-plight footer .foot-desc:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5),
html.et-jlight footer p:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5),
html.et-jlight footer .foot-desc:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5){
  color:#4A5668!important}

html.et-plight footer h3:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5),
html.et-jlight footer h3:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5),
html.et-plight footer .foot-col h3:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5),
html.et-jlight footer .foot-col h3:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5),
html.et-plight footer .foot-vals-k:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5),
html.et-plight footer .foot-social-k:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5),
html.et-jlight footer .foot-vals-k:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5),
html.et-jlight footer .foot-social-k:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5){
  color:#6B500F!important}

html.et-plight footer b:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5),
html.et-plight footer strong:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5),
html.et-jlight footer b:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5),
html.et-jlight footer strong:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5){
  color:#10161F!important}

/* ---------- 3. PIED DE PAGE : liens ---------- */
html.et-plight footer a:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5),
html.et-jlight footer a:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5),
html.et-jlight .jfoot a:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5),
html.et-plight footer .wrap>a:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5),
html.et-plight footer .foot-col a:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5),
html.et-plight footer .foot-legal a:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5),
html.et-jlight footer .foot-legal a:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5){
  color:#0E4172!important;text-decoration:none!important}

html.et-plight footer a:hover:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5),
html.et-plight footer .foot-col a:not(.foot-pole):hover:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5),
html.et-plight footer .foot-legal a:hover:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5),
html.et-jlight footer a:hover:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5){
  color:#6B500F!important;text-decoration:underline!important;text-underline-offset:3px}

/* pastilles des poles */
html.et-plight footer a.foot-pole:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5),
html.et-jlight footer a.foot-pole:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5){
  color:#2A3648!important;
  background:rgba(255,255,255,.62)!important;
  border:1px solid rgba(26,35,48,.16)!important;
  box-shadow:0 1px 2px rgba(26,35,48,.05)!important}
html.et-plight footer a.foot-pole:hover:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5){
  color:#6B500F!important;
  background:rgba(255,255,255,.9)!important;
  border-color:rgba(138,98,16,.42)!important}

/* jetons de valeurs */
html.et-plight footer .foot-vals span:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5),
html.et-jlight footer .foot-vals span:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5){
  color:#3A4657!important;
  background:rgba(255,255,255,.58)!important;
  border-color:rgba(26,35,48,.16)!important}

/* reseaux sociaux */
html.et-plight footer .foot-social a:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5),
html.et-jlight footer .foot-social a:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5){
  color:#3A4657!important;
  background:rgba(255,255,255,.62)!important;
  border:1px solid rgba(26,35,48,.16)!important}
html.et-plight footer .foot-social a:hover:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5){
  color:#6B500F!important;
  background:rgba(184,138,42,.14)!important;
  border-color:rgba(138,98,16,.4)!important;
  box-shadow:0 6px 18px -8px rgba(138,98,16,.5)!important}

/* barre legale */
html.et-plight footer .foot-legal:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5),
html.et-jlight footer .foot-legal:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5){
  border-top:1px solid rgba(26,35,48,.14)!important}
html.et-plight footer .foot-legal:not(#e1):not(#e2):not(#e3):not(#e4) span:not(#e5),
html.et-jlight footer .foot-legal:not(#e1):not(#e2):not(#e3):not(#e4) span:not(#e5){
  color:#4A5668!important}

/* marque du pied : la pastille garde sa tuile sombre, le logo reste lisible */
html.et-plight footer .brand-mk:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5),
html.et-jlight footer .brand-mk:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5){
  background:linear-gradient(145deg,#16294A,#0B1422)!important;
  border:1px solid rgba(138,98,16,.38)!important;
  box-shadow:0 4px 16px rgba(26,35,48,.22),inset 0 1px 0 rgba(255,255,255,.08)!important}
html.et-plight footer .brand-tx .s:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5),
html.et-jlight footer .brand-tx .s:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5){
  background:linear-gradient(110deg,#12558F,#7A5C14)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important}
html.et-plight footer .brand-tx small:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5),
html.et-jlight footer .brand-tx small:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5){
  color:#5C6879!important}
html.et-plight footer .logo-img:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5),
html.et-jlight footer .logo-img:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5){
  filter:none!important}

/* ---------- 4. BARRE DE NAVIGATION : verre clair ---------- */
html.et-plight .nav:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5),
html.et-jlight .nav:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5){
  background:linear-gradient(180deg,rgba(250,247,241,.955),rgba(246,242,234,.925))!important;
  background-color:rgba(250,247,241,.94)!important;
  -webkit-backdrop-filter:blur(16px) saturate(150%)!important;
  backdrop-filter:blur(16px) saturate(150%)!important;
  border-bottom:1px solid rgba(26,35,48,.10)!important;
  color:#2A3648!important}

html.et-plight .nav.scrolled:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5),
html.et-plight .nav.nx.scrolled:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5),
html.et-jlight .nav.scrolled:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5){
  background:rgba(250,247,241,.94)!important;
  background-color:rgba(250,247,241,.94)!important;
  -webkit-backdrop-filter:blur(22px) saturate(165%)!important;
  backdrop-filter:blur(22px) saturate(165%)!important;
  box-shadow:0 10px 34px rgba(26,35,48,.13)!important}

html.et-plight .nav.scrolled:not(#e1):not(#e2):not(#e3):not(#e4)::after,
html.et-jlight .nav.scrolled:not(#e1):not(#e2):not(#e3):not(#e4)::after{
  background:linear-gradient(90deg,transparent,rgba(138,98,16,.55),rgba(21,95,168,.5),transparent)!important}

/* bandeau utilitaire du haut */
html.et-plight .nx-util:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5),
html.et-jlight .nx-util:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5){
  background:rgba(243,238,229,.58)!important;-webkit-backdrop-filter:blur(14px) saturate(120%)!important;backdrop-filter:blur(14px) saturate(120%)!important;
  border-bottom:1px solid rgba(26,35,48,.10)!important}
html.et-plight .nx-util-in>a:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5),
html.et-jlight .nx-util-in>a:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5){
  color:#4A5668!important}
html.et-plight .nx-util-in>a:hover:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5){
  color:#6B500F!important}
html.et-plight .nx-util-in>a[aria-current]:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5){
  color:#6B500F!important;font-weight:600}
html.et-plight .nx-util-in .nx-lang:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5),
html.et-plight .nx-util-in .nx-langx:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5),
html.et-jlight .nx-util-in .nx-lang:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5){
  color:#2A3648!important;border-color:rgba(26,35,48,.22)!important}
html.et-plight .nx-util-in .nx-lang b:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5){
  color:#77530C!important}
html.et-plight .nx-util-in .nx-lang:hover:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5){
  border-color:rgba(138,98,16,.5)!important;color:#6B500F!important}
html.et-plight .nx-util-in .nx-invest:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5),
html.et-jlight .nx-util-in .nx-invest:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5){
  color:#77530C!important;border-color:rgba(138,98,16,.45)!important}
html.et-plight .nx-util-in .nx-invest:hover:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5){
  background:rgba(184,138,42,.13)!important;color:#6B500F!important}

/* marque */
html.et-plight .nav .brand-mk:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5),
html.et-jlight .nav .brand-mk:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5){
  background:linear-gradient(145deg,#16294A,#0B1422)!important;
  border:1px solid rgba(138,98,16,.38)!important;
  box-shadow:0 4px 16px rgba(26,35,48,.20),inset 0 1px 0 rgba(255,255,255,.08)!important}
/* « Ener » est un noeud de texte nu dans .brand-tx : il heritait de --cream
   (quasi blanc) et devenait invisible sur la barre claire. */
html.et-plight .nav .brand-tx:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5),
html.et-jlight .nav .brand-tx:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5){
  color:#10161F!important;text-shadow:none!important}
html.et-plight .nav .brand-tx .s:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5),
html.et-jlight .nav .brand-tx .s:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5){
  background:linear-gradient(110deg,#12558F,#7A5C14)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important}
html.et-plight .nav .brand-tx small:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5),
html.et-jlight .nav .brand-tx small:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5){
  color:#4A5668!important}
html.et-plight .nav .logo-img:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5){
  filter:none!important}

/* declencheurs de menu */
html.et-plight .nav-trigger:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5),
html.et-plight #nav .nav-links>.nav-item>.nav-trigger:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5),
html.et-jlight .nav-trigger:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5){
  color:#2A3648!important;
  background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,255,255,.34))!important;
  border:1px solid rgba(26,35,48,.13)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7)!important}
html.et-plight .nav-trigger:hover:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5),
html.et-plight #nav .nav-links>.nav-item>.nav-trigger:hover:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5),
html.et-plight #nav .nav-links>.nav-item>.nav-trigger[aria-expanded="true"]:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5),
html.et-plight .nav-trigger[aria-expanded="true"]:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5){
  color:#10161F!important;
  background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(255,255,255,.62))!important;
  border-color:rgba(138,98,16,.45)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 0 22px -8px rgba(138,98,16,.4)!important}
html.et-plight .nav-trigger.is-active:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5){
  color:#10161F!important;
  background:linear-gradient(180deg,rgba(184,138,42,.20),rgba(184,138,42,.08))!important;
  box-shadow:inset 0 0 0 1px rgba(138,98,16,.38)!important}

/* bouton recherche et bouton menu */
html.et-plight .nav-search:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5),
html.et-plight .nav-cta .nav-search:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5),
html.et-plight .nx .nav-search:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5),
html.et-plight .nav-tog:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5),
html.et-jlight .nav-search:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5),
html.et-jlight .nav-tog:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5){
  color:#2A3648!important;
  background:linear-gradient(160deg,rgba(255,255,255,.78),rgba(255,255,255,.4))!important;
  border:1px solid rgba(26,35,48,.16)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75)!important}
html.et-plight .nav-search:hover:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5),
html.et-plight .nav-cta .nav-search:hover:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5),
html.et-plight .nav-tog:hover:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5){
  color:#6B500F!important;
  background:linear-gradient(160deg,rgba(184,138,42,.16),rgba(255,255,255,.5))!important;
  border-color:rgba(138,98,16,.5)!important}

/* ---------- 5. MEGA-MENUS ---------- */
/* le fond du panneau n'existe qu'au-dessus de 1240px : sous ce seuil le
   mega-menu est deplie a plat dans le tiroir et doit rester transparent */
@media(min-width:1241px){
html.et-plight .nx-mega:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5),
html.et-plight .nx .nx-mega:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5),
html.et-jlight .nx-mega:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5){
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(250,247,241,.99))!important;
  -webkit-backdrop-filter:blur(28px) saturate(170%)!important;
  backdrop-filter:blur(28px) saturate(170%)!important;
  border:1px solid rgba(26,35,48,.12)!important;
  box-shadow:0 44px 90px -34px rgba(26,35,48,.38)!important;
  color:#2A3648!important}
}
html.et-plight .nx .nx-mega:not(#e1):not(#e2):not(#e3):not(#e4)::before{
  background:linear-gradient(90deg,transparent,rgba(138,98,16,.7),rgba(138,98,16,.28),transparent)!important}
html.et-plight .nx-col .nxh:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5),
html.et-plight .nx .nx-col .nxh:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5){
  color:#6B500F!important;border-bottom-color:rgba(138,98,16,.25)!important}
html.et-plight .nx-col a:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5),
html.et-plight .nx .nx-col a:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5){
  color:#2A3648!important}
html.et-plight .nx-col a strong:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5){color:#10161F!important}
html.et-plight .nx-col a em:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5){color:#5C6879!important}
html.et-plight .nx-col a:hover:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5),
html.et-plight .nx .nx-col a:hover:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5){
  background:rgba(21,95,168,.09)!important}
html.et-plight .nx .nx-col a:hover strong:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5){color:#6B500F!important}
html.et-plight .nx .nx-col a:not(#e1):not(#e2):not(#e3):not(#e4)::after{color:#8A6A1E!important}
html.et-plight .nx-col a[aria-current="page"]:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5){
  background:linear-gradient(90deg,rgba(184,138,42,.20),transparent 80%)!important;
  box-shadow:inset 2px 0 0 #8A6A1E!important}
html.et-plight .nx-col a[aria-current="page"] strong:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5){
  color:#6B500F!important}

/* carte mise en avant du mega-menu */
html.et-plight .nx-feat:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5),
html.et-plight .nx .nx-feat:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5){
  color:#2A3648!important;
  border:1px solid rgba(138,98,16,.28)!important;
  background-image:linear-gradient(165deg,rgba(21,95,168,.12),rgba(255,255,255,.94)),radial-gradient(120% 90% at 100% 0%,rgba(184,138,42,.16),transparent 55%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important}
html.et-plight .nx-feat .tag:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5),
html.et-plight .nx .nx-feat .tag:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5),
html.et-plight .nx-feat .arr:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5),
html.et-plight .nx .nx-feat .arr:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5){
  color:#6B500F!important}
html.et-plight .nx-feat em:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5){color:#4A5668!important}
html.et-plight .nx-feat strong:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5){color:#10161F!important}

/* ---------- 6. TIROIR MOBILE (sous 1241px seulement) ---------- */
@media(max-width:1240px){
html.et-plight .nav-links:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5),
html.et-plight #navLinks.open:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5),
html.et-plight .nav-links.open:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5),
html.et-plight .nx .nav-links:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5),
html.et-plight #nav .nav-links:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5),
html.et-jlight .nav-links:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5){
  /* Panneau modal : fond plein. A .985 le titre blanc du hero transparaissait
     en filigrane derriere les libelles du tiroir. */
  background:linear-gradient(180deg,#FAF7F1,#F3EFE7)!important;
  -webkit-backdrop-filter:blur(24px) saturate(155%)!important;
  backdrop-filter:blur(24px) saturate(155%)!important;
  box-shadow:0 34px 70px -22px rgba(26,35,48,.28)!important;
  border-bottom-color:rgba(26,35,48,.12)!important}
html.et-plight .nx .nav-item:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5){
  border-bottom:1px solid rgba(26,35,48,.10)!important}
html.et-plight .nav-links a.active:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5){color:#10161F!important}
html.et-plight .nx-util-m a:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5){color:#4A5668!important}
html.et-plight .nx-util-m a.cta:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5){
  background:linear-gradient(180deg,#D8A63F,#C08E28)!important;color:#22170A!important;
  border:1px solid rgba(94,68,10,.42)!important}
}

/* ---------- 7. BARRE DE NAVIGATION BASSE (mobile, #nezBar) ---------- */
/* Derniere bande sombre de la navigation : 60px fixes en bas de chaque page
   mobile, rgba(8,14,26,.94). Meme traitement verre clair que la barre haute. */
html.et-plight #nezBar:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5),
html.et-jlight #nezBar:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5){
  background:linear-gradient(180deg,rgba(250,247,241,.955),rgba(245,241,234,.975))!important;
  background-color:rgba(250,247,241,.96)!important;
  -webkit-backdrop-filter:blur(16px) saturate(150%)!important;
  backdrop-filter:blur(16px) saturate(150%)!important;
  border-top:1px solid rgba(26,35,48,.12)!important;
  box-shadow:0 -8px 26px rgba(26,35,48,.10)!important;
  color:#2A3648!important}
html.et-plight #nezBar a:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5),
html.et-plight #nezBar button:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5),
html.et-jlight #nezBar a:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5){
  color:#3A4657!important;text-shadow:none!important}
html.et-plight #nezBar a[aria-current]:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5),
html.et-plight #nezBar a.on:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5),
html.et-plight #nezBar a.active:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5){
  color:#77530C!important}
html.et-plight #nezBar a:active:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5){
  background:rgba(184,138,42,.12)!important}


/* --- Tiroirs des cartes maillons (accueil) : bande sombre -> verre clair --- */
html.et-plight main .hubdrawer:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5){
 background:rgba(255,255,255,.66)!important;
 border-top:1px solid rgba(26,35,48,.14)!important;
 box-shadow:0 10px 30px -18px rgba(26,35,48,.35)!important}
html.et-plight main .hubdrawer a:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5){color:#155FA8!important}
html.et-plight main .hubdrawer a:hover:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5){background:rgba(26,35,48,.055)!important;color:#0E4172!important}
html.et-plight main .hubdrawer .hd-h:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5){color:#5C6879!important}
/* ======================================================================
   MOBILE TACTILE (2026-08) : cibles tactiles portees a 44x44 CSS px sur
   pointeur grossier (WCAG 2.5.5 AAA, 2.5.8 AA).

   Complete — et ne remplace pas — la couche iOS decrite au MAINTENANCE 19,
   qui pose des pastilles ::after de 44x44 centrees sur les petits controles.
   Le releve au toucher (elementFromPoint, pas de 1 px, sonde tap2.js) a
   montre que ces pastilles se CHEVAUCHENT quand les cibles sont trop
   rapprochees : dans la zone commune c'est le frere suivant qui gagne le
   test de toucher, si bien que la zone reellement utile retombe a 38-42 px.
   On agrandit donc ici la boite reelle et on ecarte les voisines, plutot
   que d'empiler une pastille de plus.

   Portee stricte : @media(pointer:coarse) — aucun effet sur le bureau.
   Specificite : :not(#_):not(#__) comme la couche iOS, afin de rester au
   meme niveau qu'elle et au-dessus des styles <style> en ligne des pages.
   ====================================================================== */

@media(pointer:coarse){

/* --- pied de page : reseaux sociaux -------------------------------------
   38x38 dessines + pastille 44 centree => 3 px de debordement de chaque
   cote dans un ecart de 4 px : les pastilles voisines se recouvraient.
   On passe la boite elle-meme a 44x44 et l'ecart a 12 px.               */
.foot-social:not(#_):not(#__),
footer .foot-social:not(#_):not(#__){gap:12px!important}

.foot-social a:not(#_):not(#__),
footer .foot-social a:not(#_):not(#__){
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:44px!important;height:44px!important;
  min-width:44px!important;min-height:44px!important;
  padding:0!important;margin:0!important}

/* --- pied de page : liens legaux (FAQ, Contact, Cookies...) -------------
   texte de .8rem sur une ligne : 22 px de haut utiles. Marges negatives
   supprimees pour que deux rangees enroulees ne se recouvrent plus.     */
.foot-legal-links:not(#_):not(#__){
  gap:6px 18px!important;align-items:center!important}

.foot-legal-links a:not(#_):not(#__){
  display:inline-block!important;
  padding:11px 6px!important;margin:0!important;
  line-height:1.2!important}

/* --- plan du site : la page dont tout l'objet est de taper des liens ---
   26 px de haut, 6 a 9 px d'ecart. On monte a 44 et on resserre la
   marge de <li> pour que la hauteur totale de colonne bouge peu.        */
.sm-col li:not(#_):not(#__){margin:0 0 2px!important}

.sm-col a:not(#_):not(#__){
  padding:9px 0!important;min-height:44px!important}

/* --- en-tetes autonomes : « <- Retour au site » ------------------------ */
.hd .back:not(#_):not(#__),
a.back:not(#_):not(#__){
  display:inline-block!important;
  padding:11px 6px!important;margin:-11px -6px!important}

/* --- glossaire : filtres par theme -------------------------------------
   29 px de haut, .7rem, ecart 7 px. Egalement un gain de lisibilite :
   .78rem au lieu de .7rem, cohérent avec les pastilles .chip de /boutique. */
.cats:not(#_):not(#__){gap:9px!important}

.cats button:not(#_):not(#__){
  min-height:44px!important;
  padding:10px 15px!important;
  font-size:.78rem!important}

/* --- carte du reseau aval : cercles de captage des hubs -----------------
   propriete geometrique SVG (r) pilotee en CSS ; ignoree sans dommage par
   les moteurs qui ne la connaissent pas. 19 -> 22 unites = 44 px de
   diametre pour les hubs isoles (Faya, Fada, Bardai, Abeche, Mao).      */
.avnet-hit:not(#_):not(#__){r:22px}

/* --- accueil : l'affordance des cartes retournables doit etre visible ---
   .flip .flip-hint est a opacity:.55 et ne passait a 1 que sur :hover.   */
.flip .flip-hint:not(#_):not(#__){opacity:1!important}

}

/* --- accueil : cartes retournables au TOUCHER --------------------------
   Le script en ligne d'index.html bascule la classe « flipped » au clic,
   mais AUCUNE regle CSS du site ne reagissait a cette classe : seul
   « .flip:hover .flip-in » retournait la carte. Sur un ecran tactile, ou
   :hover n'existe pas (ou reste colle apres un appui), la face arriere —
   son intitule, son texte et son lien .flip-cta — etait donc totalement
   inatteignable. On rend la classe operante, et sur pointeur sans survol
   on neutralise :hover pour que l'etat soit pilote par le seul appui.
   ====================================================================== */
.flip.flipped:not(#_):not(#__) .flip-in{transform:rotateY(180deg)!important}

@media(hover:none){
  .flip:not(.flipped):not(#_):not(#__) .flip-in{transform:none!important}
}

/* ============================================================
   TYPO MOBILE (2026-08)
   Objectif : rapprocher le corps de texte mobile des standards
   des majors (16px / 1.6) sans toucher aux micro-typographies
   (kickers, badges, pastilles) ni aux blocs deja >= 15px.

   Methode : la couche ne vise QUE des conteneurs dont l'audit
   (/root/work/ty.js -> ty.json) a montre qu'ils ne contiennent
   AUCUN texte de contenu >= 15px. Un plancher pose la ne peut
   donc rien retrecir. Les tailles declarees < 12px (kick, fs,
   mentions legales) sont volontairement laissees intactes.

   Paliers : 12.0-12.9px -> 14.2 | 13.0-13.9px -> 14.8 | >= 14.0px -> 15.2
   Interligne porte a 1.6 minimum dans les memes blocs.
   Portee : @media (max-width:640px) uniquement.
   Voir MAINTENANCE.md section 24.
   ============================================================ */
@media (max-width:640px){
a.cp:not(#_):not(#__) span,
a.isv-l:not(#_):not(#__) span,
a.prof:not(#_):not(#__) p,
details.cm-more:not(#_):not(#__) li,
div.atlas-grid:not(#_):not(#__) p,
div.atlas-timeline:not(#_):not(#__) p,
div.bit-grid:not(#_):not(#__) p,
div.bx263:not(#_):not(#__) p,
div.bx291:not(#_):not(#__) span,
div.bx325:not(#_):not(#__) p,
div.bx339:not(#_):not(#__) p,
div.bx344:not(#_):not(#__) p,
div.bx359:not(#_):not(#__) p,
div.bx365:not(#_):not(#__) p,
div.bx374:not(#_):not(#__) p,
div.bx410:not(#_):not(#__) p,
div.bx416:not(#_):not(#__) div,
div.bx482:not(#_):not(#__) p,
div.bx95:not(#_):not(#__) p,
div.carbon-grid:not(#_):not(#__) div,
div.card-m:not(#_):not(#__) p,
div.card:not(#_):not(#__) div,
div.ce-card:not(#_):not(#__) span,
div.comm-grid:not(#_):not(#__) p,
div.ct-grid:not(#_):not(#__) p,
div.eor-grid:not(#_):not(#__) p,
div.esg-card:not(#_):not(#__) div,
div.esg3-grid:not(#_):not(#__) li,
div.expand-grid:not(#_):not(#__) li,
div.fam6:not(#_):not(#__) span,
div.fil-grid:not(#_):not(#__) p,
div.glow-card:not(#_):not(#__) li,
div.gt-grid:not(#_):not(#__) p,
div.hub-grid:not(#_):not(#__) p,
div.hxf-face:not(#_):not(#__) p,
div.imx-fields:not(#_):not(#__) span,
div.kpi:not(#_):not(#__) div,
div.lc-grid:not(#_):not(#__) p,
div.nextgen-grid:not(#_):not(#__) p,
div.ofs4-grid:not(#_):not(#__) p,
div.pc:not(#_):not(#__) p,
div.ppt-card:not(#_):not(#__) span,
div.prod-b2b:not(#_):not(#__) p,
div.qx3_54:not(#_):not(#__) p,
div.reg-grid:not(#_):not(#__) p,
div.rh-card:not(#_):not(#__) div,
div.scard:not(#_):not(#__) span,
div.sect-row:not(#_):not(#__) div,
div.stp:not(#_):not(#__) p,
div.tier1-grid:not(#_):not(#__) p,
div.tri-det:not(#_):not(#__) li,
div.tri-step:not(#_):not(#__) span,
div.tt-grid:not(#_):not(#__) div,
div.val-levers:not(#_):not(#__) p,
div.vc-grid:not(#_):not(#__) p,
div.viz-grid:not(#_):not(#__) p,
div.voie-card:not(#_):not(#__) div,
div.welltype-grid:not(#_):not(#__) p,
li.bx90:not(#_):not(#__) span,
ol.acq-steps:not(#_):not(#__) span,
ol.atl-refs:not(#_):not(#__) li,
table.atl-tbl:not(#_):not(#__) td,
ul.acq-dlist:not(#_):not(#__) li,
ul.acq-list:not(#_):not(#__) li,
ul.bx181:not(#_):not(#__) li,
ul.bx280:not(#_):not(#__) li,
ul.bx292:not(#_):not(#__) li,
ul.bx36:not(#_):not(#__) li,
ul.bx49:not(#_):not(#__) li,
ul.bx531:not(#_):not(#__) li,
ul.ce-li:not(#_):not(#__) li{font-size:14.8px!important;line-height:1.6!important}
a.fid-card:not(#_):not(#__) span,
a.ttg-t:not(#_):not(#__) span,
button.dist-step:not(#_):not(#__) p,
div.bx110:not(#_):not(#__) span,
div.bx121:not(#_):not(#__) span,
div.bx139:not(#_):not(#__) p,
div.bx152:not(#_):not(#__) span,
div.bx153:not(#_):not(#__) span,
div.bx156:not(#_):not(#__) p,
div.bx15:not(#_):not(#__) span,
div.bx203:not(#_):not(#__) p,
div.bx226:not(#_):not(#__) span,
div.bx276:not(#_):not(#__) p,
div.bx365:not(#_):not(#__) div,
div.bx376:not(#_):not(#__) div,
div.bx388:not(#_):not(#__) p,
div.bx588:not(#_):not(#__) span,
div.bx72:not(#_):not(#__) p,
div.card-m:not(#_):not(#__) div,
div.fam-card:not(#_):not(#__) p,
div.ia-grid:not(#_):not(#__) p,
div.nextgen-grid:not(#_):not(#__) li,
div.pr:not(#_):not(#__) span,
div.qx1_18:not(#_):not(#__) p,
div.qx2_19:not(#_):not(#__) p,
div.qx2_31:not(#_):not(#__) p,
div.qx2_53:not(#_):not(#__) div,
div.qx2_56:not(#_):not(#__) p,
div.rd-axes:not(#_):not(#__) p,
div.road-grid:not(#_):not(#__) p,
div.sfam-i:not(#_):not(#__) span,
div.tech-future-grid:not(#_):not(#__) p,
span.fx2-b:not(#_):not(#__) p,
span.fx2-f:not(#_):not(#__) p,
span.pmore-body:not(#_):not(#__) span{font-size:14.2px!important;line-height:1.6!important}
a.adx:not(#_):not(#__) p,
a.pubc:not(#_):not(#__) p,
div.bx389:not(#_):not(#__) p,
div.epw-c:not(#_):not(#__) p,
div.eth-c:not(#_):not(#__) p,
div.flip-f:not(#_):not(#__) p,
div.foot-brand:not(#_):not(#__) p,
div.glow-card:not(#_):not(#__) p,
div.glow-card:not(#_):not(#__) span,
div.gov-c:not(#_):not(#__) p,
div.hp:not(#_):not(#__) li,
div.mkt-brand:not(#_):not(#__) p,
div.pj:not(#_):not(#__) p,
div.term:not(#_):not(#__) dd,
div.tri-biz:not(#_):not(#__) p,
div.tri-c:not(#_):not(#__) p,
li.bx194:not(#_):not(#__) span,
table.esg-t:not(#_):not(#__) td{font-size:15.2px!important;line-height:1.6!important}
div.hp:not(#_):not(#__) p{font-size:14.8px!important;line-height:1.7!important}
div.acq-card:not(#_):not(#__) p{font-size:15.2px!important;line-height:1.64!important}
div.expand-grid:not(#_):not(#__) p{font-size:15.2px!important;line-height:1.65!important}
}
/* ============================================================
   TUILES UNIFIEES (2026-08)
   Langage de carte unique pour tout le site.
   1. Echelle de rayon a 3 crans : 14 / 18 / 22 (9 valeurs mesurees avant).
   2. Elevation douce et coherente pour les familles restees plates.
   3. Survol : levee de 2px + ombre renforcee, sous prefers-reduced-motion.
   4. Filets d'accent superieurs ramenes de 3px a 2px.
   5. .mseg : la pastille de categorie redevient une puce, plus une barre grise.
   Les selecteurs sont NOMMES : jamais de ciblage par geometrie mesuree
   (les parties internes .hpcard-body, .hpcard-l, .sfam-i ressortent
   comme des fausses tuiles dans les sondes).
   ============================================================ */

/* ---- 1. RAYONS : cran 22 (cartes editoriales / vitrines) ---- */
main .card:not(#_):not(#__),
main .card-m:not(#_):not(#__),
main .prof:not(#_):not(#__),
main .hpcard:not(#_):not(#__),
main .hpcard-kpis:not(#_):not(#__),
main .hxi-card:not(#_):not(#__),
main .mfo-lever:not(#_):not(#__),
main .hncard:not(#_):not(#__),
main .sc-card:not(#_):not(#__),
main .glow-card:not(#_):not(#__),
main .pubc:not(#_):not(#__),
main .divc:not(#_):not(#__),
main .esg-card:not(#_):not(#__),
main .pj:not(#_):not(#__),
main article.cp:not(#_):not(#__){border-radius:22px!important}

/* ---- 1. RAYONS : cran 18 (tuiles standard) ---- */
main .ttg-t:not(#_):not(#__),
main .tri-c:not(#_):not(#__),
main .tri-step:not(#_):not(#__),
main .tri-kpi:not(#_):not(#__),
main .kpi:not(#_):not(#__),
main a.cp:not(#_):not(#__),
main .rh-card:not(#_):not(#__),
main .fam-card:not(#_):not(#__),
main .acq-card:not(#_):not(#__),
main .ce-card:not(#_):not(#__),
main .ppt-card:not(#_):not(#__),
main .it-card:not(#_):not(#__),
main .vb-card:not(#_):not(#__),
main .val:not(#_):not(#__),
main .sfam:not(#_):not(#__),
main .dist-btn:not(#_):not(#__),
main .ngs-p:not(#_):not(#__),
main .doc:not(#_):not(#__),
main .gov-c:not(#_):not(#__),
main .ct-card:not(#_):not(#__),
main .ets-bar:not(#_):not(#__){border-radius:18px!important}

/* ---- 1. RAYONS : cran 14 (puces compactes / chiffres) ---- */
main .orgc:not(#_):not(#__),
main .ckpi:not(#_):not(#__),
main .mkt-brand:not(#_):not(#__),
main .stp:not(#_):not(#__),
main .ppl-tile:not(#_):not(#__),
main .ngs-t:not(#_):not(#__){border-radius:14px!important}

/* ---- 4. FILETS D'ACCENT : 3px -> 2px ----
   Uniquement les classes dont la mesure donne 3px partout ;
   .prof est exclue (1px sur /solutions, 3px sur /clients). */
main .kpi:not(#_):not(#__),
main a.cp:not(#_):not(#__),
main .orgc:not(#_):not(#__),
main .ngs-p:not(#_):not(#__){border-top-width:2px!important}

/* ---- 2. ELEVATION : familles restees plates, theme clair ---- */
html.et-plight main .tri-c:not(#_):not(#__),
html.et-plight main .tri-step:not(#_):not(#__),
html.et-plight main .tri-kpi:not(#_):not(#__),
html.et-plight main .kpi:not(#_):not(#__),
html.et-plight main a.cp:not(#_):not(#__),
html.et-plight main .pubc:not(#_):not(#__),
html.et-plight main .gov-c:not(#_):not(#__),
html.et-plight main .pj:not(#_):not(#__),
html.et-plight main .orgc:not(#_):not(#__),
html.et-plight main .doc:not(#_):not(#__),
html.et-plight main .val:not(#_):not(#__),
html.et-plight main .ckpi:not(#_):not(#__),
html.et-plight main .mkt-brand:not(#_):not(#__),
html.et-plight main .stp:not(#_):not(#__),
html.et-plight main .sfam:not(#_):not(#__),
html.et-plight main .dist-btn:not(#_):not(#__),
html.et-plight main .ppl-tile:not(#_):not(#__),
html.et-plight main .ngs-p:not(#_):not(#__),
html.et-plight main .ngs-t:not(#_):not(#__){
 box-shadow:0 1px 2px rgba(26,35,48,.045),0 12px 30px -22px rgba(26,35,48,.42)!important}

/* ---- 2. ELEVATION : memes familles, theme sombre ---- */
html:not(.et-plight) main .tri-c:not(#_):not(#__),
html:not(.et-plight) main .tri-step:not(#_):not(#__),
html:not(.et-plight) main .tri-kpi:not(#_):not(#__),
html:not(.et-plight) main .kpi:not(#_):not(#__),
html:not(.et-plight) main a.cp:not(#_):not(#__),
html:not(.et-plight) main .pubc:not(#_):not(#__),
html:not(.et-plight) main .gov-c:not(#_):not(#__),
html:not(.et-plight) main .pj:not(#_):not(#__),
html:not(.et-plight) main .orgc:not(#_):not(#__),
html:not(.et-plight) main .doc:not(#_):not(#__),
html:not(.et-plight) main .val:not(#_):not(#__),
html:not(.et-plight) main .ckpi:not(#_):not(#__),
html:not(.et-plight) main .mkt-brand:not(#_):not(#__),
html:not(.et-plight) main .stp:not(#_):not(#__),
html:not(.et-plight) main .sfam:not(#_):not(#__),
html:not(.et-plight) main .dist-btn:not(#_):not(#__),
html:not(.et-plight) main .ppl-tile:not(#_):not(#__),
html:not(.et-plight) main .ngs-p:not(#_):not(#__),
html:not(.et-plight) main .ngs-t:not(#_):not(#__){
 box-shadow:0 1px 2px rgba(0,0,0,.22),0 16px 36px -26px rgba(0,0,0,.72)!important}

/* ---- 3. SURVOL : levee coherente sur les tuiles interactives ---- */
@media (prefers-reduced-motion:no-preference){
 main a.ttg-t:not(#_):not(#__),
 main a.prof:not(#_):not(#__),
 main a.pubc:not(#_):not(#__),
 main a.cp:not(#_):not(#__),
 main a.doc:not(#_):not(#__),
 main a.hncard:not(#_):not(#__),
 main button.dist-btn:not(#_):not(#__),
 main button.ets-bar:not(#_):not(#__),
 main label.ct-card:not(#_):not(#__){
  transition:transform .22s cubic-bezier(.22,.61,.36,1),box-shadow .22s ease,border-color .22s ease!important}
 html.et-plight main a.ttg-t:hover:not(#_):not(#__),
 html.et-plight main a.prof:hover:not(#_):not(#__),
 html.et-plight main a.pubc:hover:not(#_):not(#__),
 html.et-plight main a.cp:hover:not(#_):not(#__),
 html.et-plight main a.doc:hover:not(#_):not(#__),
 html.et-plight main a.hncard:hover:not(#_):not(#__),
 html.et-plight main button.dist-btn:hover:not(#_):not(#__),
 html.et-plight main button.ets-bar:hover:not(#_):not(#__),
 html.et-plight main label.ct-card:hover:not(#_):not(#__){
  transform:translateY(-2px)!important;
  box-shadow:0 2px 4px rgba(26,35,48,.06),0 20px 40px -24px rgba(26,35,48,.5)!important;
  border-color:rgba(26,35,48,.24)!important}
 html:not(.et-plight) main a.ttg-t:hover:not(#_):not(#__),
 html:not(.et-plight) main a.prof:hover:not(#_):not(#__),
 html:not(.et-plight) main a.pubc:hover:not(#_):not(#__),
 html:not(.et-plight) main a.cp:hover:not(#_):not(#__),
 html:not(.et-plight) main a.doc:hover:not(#_):not(#__),
 html:not(.et-plight) main a.hncard:hover:not(#_):not(#__),
 html:not(.et-plight) main button.dist-btn:hover:not(#_):not(#__),
 html:not(.et-plight) main button.ets-bar:hover:not(#_):not(#__),
 html:not(.et-plight) main label.ct-card:hover:not(#_):not(#__){
  transform:translateY(-2px)!important;
  box-shadow:0 2px 6px rgba(0,0,0,.3),0 26px 48px -28px rgba(0,0,0,.85)!important}
}
/* Respect strict de la preference systeme */
@media (prefers-reduced-motion:reduce){
 main a.ttg-t:not(#_):not(#__),
 main a.prof:not(#_):not(#__),
 main a.pubc:not(#_):not(#__),
 main a.cp:not(#_):not(#__),
 main a.doc:not(#_):not(#__),
 main a.hncard:not(#_):not(#__),
 main button.dist-btn:not(#_):not(#__),
 main button.ets-bar:not(#_):not(#__),
 main label.ct-card:not(#_):not(#__){transition:none!important;transform:none!important}
}

/* ---- 5. .mseg : puce de categorie, non plus bandeau gris ----
   .mseg n'a AUCUNE regle de base dans le site ; seule une surcharge
   claire lui donnait un fond, et comme .prof est un flex colonne
   le span s'etirait sur toute la largeur. */
main .mseg:not(#_):not(#__){
 display:inline-flex!important;
 align-self:flex-start!important;
 width:auto!important;
 padding:3px 10px!important;
 border-radius:999px!important;
 font-size:12px!important;
 line-height:1.5!important;
 font-weight:700!important;
 letter-spacing:.07em!important;
 text-transform:uppercase!important;
 background:color-mix(in srgb, var(--mc,#155FA8) 13%, transparent)!important;
 border:1px solid color-mix(in srgb, var(--mc,#155FA8) 26%, transparent)!important}
html.et-plight main .mseg:not(#_):not(#__):not(#___){
 color:color-mix(in srgb, var(--mc,#155FA8) 42%, #0B1422)!important}
html:not(.et-plight) main .mseg:not(#_):not(#__):not(#___){
 color:color-mix(in srgb, var(--mc,#9FB4CE) 72%, #FFFFFF)!important}

/* ============================================================
   SECONDE PASSE : les familles a classe generique (.d .t .h .hp .pr .step)
   ne peuvent PAS etre ciblees seules — un selecteur `.t` frapperait tout
   le site. Elles sont donc ancrees sur leur conteneur de grille, releve
   par sonde DOM (probe2.js) :
     .hse-prac>.pr  .hse-tri>.hp  .cli-deep>.d  .offer>.aside
     .steps>.step   .traj>.t      .hz>.h        .ec-tiers>.ec-tier
     .ppl-sel>.ppl-f
   ============================================================ */
main .hse-tri .hp:not(#_):not(#__),
main .offer .aside:not(#_):not(#__),
main .steps .step:not(#_):not(#__),
main .traj .t:not(#_):not(#__),
main .hz .h:not(#_):not(#__),
main .ppl-sel .ppl-f:not(#_):not(#__),
main .avnet-panel:not(#_):not(#__),
main .avnet-mapwrap:not(#_):not(#__),
main .acq-door:not(#_):not(#__),
main .ppte-tile:not(#_):not(#__){border-radius:18px!important}

main .hse-prac .pr:not(#_):not(#__),
main .ec-tiers .ec-tier:not(#_):not(#__){border-radius:14px!important}

main .steps .step:not(#_):not(#__),
main .traj .t:not(#_):not(#__),
main .ec-tiers .ec-tier:not(#_):not(#__){border-top-width:2px!important}

html.et-plight main .divc:not(#_):not(#__),
html.et-plight main .prof:not(#_):not(#__),
html.et-plight main .hse-prac .pr:not(#_):not(#__),
html.et-plight main .hse-tri .hp:not(#_):not(#__),
html.et-plight main .cli-deep .d:not(#_):not(#__),
html.et-plight main .offer .aside:not(#_):not(#__),
html.et-plight main .steps .step:not(#_):not(#__),
html.et-plight main .traj .t:not(#_):not(#__),
html.et-plight main .hz .h:not(#_):not(#__),
html.et-plight main .ec-tiers .ec-tier:not(#_):not(#__),
html.et-plight main .ppl-sel .ppl-f:not(#_):not(#__){
 box-shadow:0 1px 2px rgba(26,35,48,.045),0 12px 30px -22px rgba(26,35,48,.42)!important}

html:not(.et-plight) main .divc:not(#_):not(#__),
html:not(.et-plight) main .prof:not(#_):not(#__),
html:not(.et-plight) main .hse-prac .pr:not(#_):not(#__),
html:not(.et-plight) main .hse-tri .hp:not(#_):not(#__),
html:not(.et-plight) main .cli-deep .d:not(#_):not(#__),
html:not(.et-plight) main .offer .aside:not(#_):not(#__),
html:not(.et-plight) main .steps .step:not(#_):not(#__),
html:not(.et-plight) main .traj .t:not(#_):not(#__),
html:not(.et-plight) main .hz .h:not(#_):not(#__),
html:not(.et-plight) main .ec-tiers .ec-tier:not(#_):not(#__),
html:not(.et-plight) main .ppl-sel .ppl-f:not(#_):not(#__){
 box-shadow:0 1px 2px rgba(0,0,0,.22),0 16px 36px -26px rgba(0,0,0,.72)!important}

/* Ch218 : sous le seuil 1241px le panneau nx-mega restait peint en sombre par la regle non gardee -> en theme clair le tiroir montrait du texte sombre sur fond nuit. Derogation mobile claire. */
@media(max-width:1240px){
html.et-plight .nx-mega:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5),
html.et-plight .nx .nx-mega:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5),
html.et-jlight .nx-mega:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5){
background:rgba(250,247,241,.97)!important;
border:1px solid rgba(26,35,48,.10)!important;
box-shadow:0 18px 40px -24px rgba(26,35,48,.25)!important}
}

/* 247 — signature de la barre en sombre : #A8B4C7 (voir feuille commune). */
html:not(.et-plight):not(.et-jlight) .brand-tx small:not(#_):not(#__):not(#___) { color: #A8B4C7 !important; }

/* Ch257 - anneau de focus par defaut, specificite nulle */
:where(a,button,[role="button"],[tabindex],select,summary):focus-visible{outline:2px solid var(--etfv,#E8C36A);outline-offset:2px}html.et-plight{--etfv:#74570B}html.et-jlight{--etfv:#74570B}

/* Ch321 (theme clair) - le pied de page aplatit TOUS ses liens en !important
   (regle "html.et-plight footer a" heritee), ce qui defait aussi le souligne
   des liens en ligne dans un paragraphe. On le retablit pour ces seuls liens
   nus, avec une specificite superieure (WCAG 1.4.1). */
html.et-plight footer :is(p,li,dd) a:not([class]):not(#e1):not(#e2):not(#e3):not(#e4):not(#e5):not(#e6){
  text-decoration:underline!important;text-underline-offset:.18em!important;
  text-decoration-thickness:.055em!important;
  text-decoration-color:color-mix(in srgb,currentColor 55%,transparent)!important}

/* Ch322 : les curseurs (input[type=range]) etaient pris dans deux regles ecrites
   pour les champs de texte.
   (1) Cible : la garantie de 28 px du chapitre 219 etait enfermee dans
       @media(pointer:coarse) ; a la souris la piste ne mesurait que 7 px de haut.
       Sur la pile de curseurs de l'estimateur volumetrique, l'exception
       d'espacement de WCAG 2.5.8 ne joue pas (voisins a moins de 24 px).
   (2) Focus : "input:focus-visible{outline:none!important}" remplace l'anneau
       par une bordure doree et une lueur — invisible sur un curseur, qui n'a pas
       de bordure. Au clavier, le curseur focalise ne se distinguait plus du tout
       (WCAG 2.4.7). Mesure : 15/255 d'ecart au maximum entre focalise et non
       focalise, sur un halo creme. */
input[type=range]:not(#_):not(#__){min-height:28px;padding-block:10.5px;background-clip:content-box}
input[type=range]:not(#_):not(#__):focus-visible{
  outline:2px solid var(--etfv,#E8C36A)!important;
  outline-offset:3px!important;
  box-shadow:none!important}
/* Ch323 — 1. Le minimum automatique d'un element de grille vaut son min-content :
   un enfant indivisible (bouton insecable, champ, mot long) fait grossir la piste
   au-dela de la fenetre, et le contenu sort de l'ecran sans que la page defile. */
.ep-models>*,.ms-usecases>*,.prod-synth>*,.modref-grid>*,.client-grid>*,.tech-grid>*,.prod-b2b>*,
.truck-grid>*,.carbon-grid>*,.regime-grid>*,.rd-axes>*,.chain-grid>*,.fin-grid>*,.appfeat-grid>*,
.maint-grid>*,.taskforce-grid>*,.htech-grid>*,.buy-grid>*,.univ-grid>*,.hub-grid>*,.recomp-grid>*,
.welltype-grid>*,.bit-grid>*,.viz-grid>*,.vc-grid>*,.gt-grid>*,.flotte-grid>*,.compare-grid>*,
.pole-grid>*,.plc-grid>*,.biz-grid>*,.ppt-grid>*,.pof-grid>*,.sb-grid>*,.ttg-g>*,.hxi-grid>*,
.ce-grid>*,.zk-grid>*,.hnews-grid>*,.pipe-ops>*,.profiles>*,.ckpis>*,.steps>*,.fx2g>*,
.cli-deep>*,.vb-grid>*,.mkt-brands>*{min-width:0}
/* la grille ESG des brochures imbrique grille dans flex : le plancher doit tomber a chaque etage */
.esg3-grid,.esg3-grid *{min-width:0}
.esg3-grid :where(li,p,strong,span){overflow-wrap:break-word}
/* 2. un bouton insecable ne doit jamais depasser son conteneur */
.btn:not(#_):not(#__){max-width:100%}
@media(max-width:1040px){.btn,.fcta{white-space:normal!important}}
@media(max-width:760px){
  /* 3. les mots trop longs se coupent au lieu de sortir de la boite */
  body :where(p,li,dd,dt,h1,h2,h3,h4,h5,h6,span,strong,b,em,td,th,label,figcaption,a,div){overflow-wrap:break-word}
  /* 4. un tableau large defile dans sa propre boite au lieu de pousser la page */
  :where(article,.jbody,main) table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
}

/* Ch323 — 5. Accordeon du pied de page sur telephone : un script enveloppe le
   titre dans un <button> a padding nul, pose au milieu d'un h3 qui, lui, porte
   30 px de marge interne. Seule la bande centrale de 12 a 20 px etait donc
   tactile, et le « + » a droite, dessine par le h3, ne repondait pas du tout.
   On deplace la marge interne sur le bouton : la ligne entiere devient la cible. */
@media(max-width:760px){
  footer .foot-grid .foot-col>h3:not(#_):not(#__){padding:0!important}
  footer .foot-grid .foot-col>h3>button:not(#_):not(#__){
    display:block;width:100%;text-align:start;
    padding:15px 26px 15px 0!important;margin:0!important;min-height:50px}
}

/* Ch323 — 6. Deux gardes de lisibilite et de gene sur telephone.
   La signature sous le logo tombait a 9,6 px, le plus petit texte du site.
   Et sur ar.html le bouton de theme se posait sous le variateur de luminosite
   (chevauchement de 42 x 22 px), donc a moitie inatteignable. */
@media(max-width:470px){
  .brand-tx small:not(#_):not(#__){font-size:11px!important;letter-spacing:.06em!important}
}
@media(max-width:720px){
  body:where([data-eh~=eh8]):not(.ehz) #plightBtn:not(#_):not(#__){bottom:150px}
}

/* Ch323 — 7. Le courriel et le telephone du pied de page sont les deux liens
   qu'on touche le plus depuis un telephone : ils mesuraient 18 px de haut,
   marge interne comprise. On les porte a 44 px. */
@media(max-width:760px){
  footer .foot-col a[href^="mailto:"]:not(#_),footer .foot-col a[href^="tel:"]:not(#_){
    display:flex!important;align-items:center;min-height:44px;padding:8px 0!important}
}

/* Ch324 : sur neuf pages anglaises, la feuille qui sort le preloader du flux
   n'etait pas chargee : le voile occupait 178 px en haut de page, puis
   disparaissait vers 4,3 s en tirant tout le contenu vers le haut. Saut de
   mise en page mesure a 0,22-0,23 sur telephone bride. Le voile est un
   element de couverture : sa place est hors flux, partout. */
#preloader:not(#_):not(#__){position:fixed;inset:0;z-index:9999;pointer-events:none}
/* et le voile doit s'effacer des que le script le marque « done » : sans cette
   regle il restait opaque une seconde et demie par-dessus la page. */
#preloader.done:not(#_):not(#__){opacity:0;visibility:hidden;transition:opacity .5s ease,visibility .5s}

/* Ch332 : les pastilles de pole du pied de page tiraient leur teinte des
   variables de theme de chaque page — quatre familles de feuilles, quatre
   resolutions : l'Aval n'avait aucune pastille sur 87 pages (variable
   absente, repli sur la couleur du texte), le vert de GreenTech existait en
   trois nuances, l'or d'Amont en deux. Une seule teinte par pole, partout,
   adressee par le lien (l'!important est necessaire : l'accent est pose en
   style en ligne dans le gabarit). Pastille decorative : memes valeurs dans
   les deux themes. */
footer .foot-pole[href^="/amont"],footer .foot-pole[href^="/pole-amont"]{--pc:#E8C36A!important}
footer .foot-pole[href^="/intermediaire"],footer .foot-pole[href^="/pole-intermediaire"]{--pc:#5AA7F0!important}
footer .foot-pole[href^="/aval"],footer .foot-pole[href^="/pole-aval"]{--pc:#F09A4A!important}
footer .foot-pole[href^="/petrochimie"],footer .foot-pole[href^="/pole-enerchimie"]{--pc:#D177B4!important}
footer .foot-pole[href^="/greentech"],footer .foot-pole[href^="/pole-greentech"]{--pc:#34D399!important}
footer .foot-pole[href^="/tchaditech"],footer .foot-pole[href^="/pole-tchaditech"]{--pc:#96A2EC!important}
footer .foot-pole[href^="/tchaditude"],footer .foot-pole[href^="/pole-tchaditude"]{--pc:#C4B5FD!important}
footer .foot-pole[href^="/enerconseils"],footer .foot-pole[href^="/pole-enerconseils"]{--pc:#1FA496!important}

/* Ch333 : les messages d'erreur du formulaire de contact (.ct-err, role=alert)
   restaient rouges en theme sombre mais viraient au bleu nuit en theme clair —
   la repeinture de theme passait dessus. Un message d'erreur doit rester un
   message d'erreur : rouge sombre lisible sur fond creme (6,3:1). */
html.et-plight .ct-err:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5):not(#e6),
html.et-jlight .ct-err:not(#e1):not(#e2):not(#e3):not(#e4):not(#e5):not(#e6){color:#B42318!important}

/* Ch349 : a l'impression, le chrome d'ecran a position fixe (bandeau cookies,
   rail de traversee, retour accueil, bascule de theme) se repetait sur chaque
   page imprimee. */
@media print{#ckn:not(#e1):not(#e2):not(#e3),#aurail:not(#e1):not(#e2):not(#e3),#homeFab:not(#e1):not(#e2):not(#e3),#plightBtn:not(#e1):not(#e2):not(#e3),#jlightBtn:not(#e1):not(#e2):not(#e3),#toTop:not(#e1):not(#e2):not(#e3),#toTop-fix:not(#e1):not(#e2):not(#e3){display:none!important}}

html.et-plight main .note:not(#_):not(#__),html.et-plight body>section .note:not(#_):not(#__){color:#3A4657!important;background:rgba(255,255,255,.52)!important;-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);border-color:rgba(26,35,48,.22)!important}


/* ======================================================================
   QA+ — chrome liquide v4 / accessibilité & coût GPU (2026-09-27)
   - réduit le coût du verre sur petits écrans sans supprimer la profondeur
   - renforce les modes contraste élevé / Windows High Contrast
   - conserve le fallback opaque et le comportement reduced-transparency
   ====================================================================== */
@media (max-width:768px){
  #nezBar:not(#_){
    -webkit-backdrop-filter:blur(12px) saturate(125%);
    backdrop-filter:blur(12px) saturate(125%);
  }
  #plightBtn:not(#_){
    -webkit-backdrop-filter:blur(8px) saturate(120%);
    backdrop-filter:blur(8px) saturate(120%);
  }
}
@media (prefers-contrast:more){
  #nezBar:not(#_),#plightBtn:not(#_){
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    background:#07101D!important;
    border-color:currentColor!important;
  }
  .nav:not(#_),.nav.scrolled:not(#_),#ckn:not(#_){
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    background:#07101D!important;
  }
}
@media (forced-colors:active){
  #nezBar:not(#_),#plightBtn:not(#_),.nav:not(#_),.nav.scrolled:not(#_),#ckn:not(#_){
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    background:Canvas!important;
    color:CanvasText!important;
    border:1px solid ButtonText!important;
  }
  #nezBar a,#plightBtn,.nav a,.nav button,#ckn a,#ckn button{
    color:LinkText!important;
    forced-color-adjust:auto;
  }
  #nezBar a:focus-visible,#plightBtn:focus-visible,.nav a:focus-visible,.nav button:focus-visible{
    outline:2px solid Highlight!important;
    outline-offset:2px;
  }
}