/* =====================================================================
   DESIGN E — « Atelier »
   Industriel et concret : photos plein cadre (entrepôt, port), titres
   condensés très gras, noir profond et corail du logo, angles vifs,
   gros chiffres. Parle au négoce, à la distribution, à la logistique.
   ===================================================================== */
:root{
  --encre:#141414; --texte:#262626; --gris:#5C5C5C;
  --violet:#A65F3E; --violet-logo:#E2A585; --violet-clair:#F8EDE6;
  --menthe:#E2A585; --menthe-fonce:#94573A; --corail:#E2A585; --corail-fonce:#94573A;
  --calcaire:#EFEEEC; --filet:#D9D7D3;
  --f-titre:"Archivo",system-ui,sans-serif; --f-texte:"Archivo",system-ui,sans-serif;
}
h1,h2,h3,h4{font-stretch:78%;font-weight:800;letter-spacing:-.01em;text-transform:none}
h1{font-size:clamp(3rem,7.4vw,6.4rem);line-height:.92;font-weight:900}
h2{font-size:clamp(2.2rem,4.4vw,3.6rem);line-height:.98}
h3{font-stretch:85%}
body{font-stretch:100%}
.btn{border-radius:0;font-stretch:90%;font-weight:800;padding:17px 28px}
.btn-plein{background:var(--corail);border-color:var(--corail);color:#141414}
.btn-plein:hover{background:#141414;border-color:#141414;color:#fff}
.btn-ligne{border-color:#141414;color:#141414}
.btn-clair{background:var(--corail);border-color:var(--corail);color:#141414;border-radius:0}
.lien{color:var(--violet)}

/* En-tête noir */
.entete{background:#141414;border-bottom:0}
.logo img{background:#fff;padding:6px 10px;height:50px}
.menu>a,.sous>a{color:#E8E6E3}
.menu>a:hover,.sous>a:hover{color:var(--corail)}
.menu .btn{color:#141414}
.sous-menu{border-radius:0;background:#141414;border-color:#333}
.sous-menu a{color:#fff}.sous-menu a:hover{background:#222}
.burger span{background:#fff}
@media (max-width:1120px){.menu{background:#141414}}

/* Hero : photo d'entrepôt plein cadre */
.hero{padding-top:clamp(90px,12vw,170px);color:#E8E6E3;position:relative;overflow:hidden;
  background:
   url("../images/motif-alveoles.svg?v=3") right -80px top 40px/560px no-repeat,
   radial-gradient(50% 60% at 85% 20%,rgba(226,165,133,.22),transparent 70%),
   linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px) 0 0/56px 56px,
   linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px) 0 0/56px 56px,
   linear-gradient(180deg,#1C1B1A,#141414)}
.hero h1{color:#fff;max-width:11ch}
.hero .intro{color:#E0DDD8;font-size:1.25rem}
.hero .btn-ligne{border-color:#fff;color:#fff}
.hero .btn-ligne:hover{background:#fff;color:#141414}
.reperes{color:#CFCBC4}
.reperes svg{color:var(--corail)}
.carte-img img{border-radius:0}
.hero .preuves{background:#fff;padding:24px 28px;border:0;margin-bottom:0}
.hero{padding-bottom:clamp(56px,7vw,88px)}

/* Sections : chiffres et filets épais */
.band-calcaire{background:var(--calcaire)}
.band-encre{background:#141414}
.band>.wrap>h2:first-child{max-width:18ch}
.band>.wrap>h2:first-child::after{content:"";display:block;width:72px;height:8px;background:var(--corail);margin-top:22px}
.constat h2::after{content:"";display:block;width:72px;height:8px;background:var(--corail);margin-top:22px}
.bloc,.expert,.module-f,.carte-formation,.parcours li,.form,.encart,.cas-visuel,.legal-bloc,.qualiopi,.livrable,.formule,.formules,.tableau-wrap,.mod,.module{border-radius:0!important;box-shadow:none!important}
.bloc,.expert,.carte-formation,.module-f,.parcours li{border:0;border-left:6px solid var(--corail);background:#fff}
.ic,.bloc .ic,.mod .ic,.expert .ic,.coord-c .ic,.ic-m{border-radius:0!important;background:#F8EDE6!important;color:var(--corail-fonce)!important;box-shadow:inset 0 0 0 1.5px rgba(226,165,133,.55)}
.picto{border-radius:0;background:#fff;color:var(--corail-fonce);border:1.5px solid var(--corail)}
.frise::before{background:repeating-linear-gradient(90deg,var(--corail) 0 10px,transparent 10px 18px);height:2px}
.frise li:first-child .picto{background:var(--corail);border-color:var(--corail);color:#141414}
.frise .num{font-family:var(--f-titre);font-stretch:78%;font-size:2.6rem;font-weight:900;color:var(--corail);line-height:1}
.etape .n{font-stretch:78%;font-weight:900;color:var(--corail);font-size:4rem}
.symptomes li{border-radius:0;border-color:#141414;text-decoration-color:var(--corail);text-decoration-thickness:1px}
.constat .chute{border-left-color:var(--corail);border-left-width:8px;font-stretch:85%}
.solutions{border-top:8px solid #141414}
.solution h3{font-size:clamp(1.8rem,3vw,2.5rem);font-weight:900;white-space:nowrap}
.solution .marque{border-radius:0;width:14px;height:14px}
.cas{border-top:3px solid #141414}
.cas h3{font-size:clamp(1.7rem,3vw,2.4rem);font-weight:800}
.cas-theme{color:var(--violet);text-transform:none}
.cas-img img,.visuel,.visuel img,.visuel-plat img{border-radius:0!important}
.calendrier li::before{border-radius:0;border-color:var(--corail)}
.calendrier li.fait::before{background:var(--corail)}
.indic{border-top:8px solid var(--corail)}
.indic b{font-stretch:78%;font-weight:900}
.parcours li::before{border-radius:0;background:var(--corail);color:#141414}
.tableau thead th.mis-en-avant{background:var(--corail);color:#141414}
.faq{border-top:8px solid #141414}
.faq summary{font-stretch:85%;font-size:1.25rem}
.faq summary::before,.faq summary::after{background:var(--corail)}
.modalites li{border-radius:0;background:#141414;color:#fff}
.qualiopi{border-left:6px solid var(--corail)!important}

/* Pages intérieures : même fond que l'accueil (trio d'alvéoles du logo, halo, grille) */
.entete-page,.fiche-hero{position:relative;overflow:hidden;background:
   var(--motif,url("../images/motif-alveoles.svg?v=3")) right -80px top 40px/560px no-repeat,
   radial-gradient(50% 60% at 85% 20%,rgba(226,165,133,.22),transparent 70%),
   linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px) 0 0/56px 56px,
   linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px) 0 0/56px 56px,
   linear-gradient(180deg,#1C1B1A,#141414);color:#E0DDD8}
.entete-page h1,.entete-page .sur-titre{color:#fff}
.entete-page .intro,.entete-page .fil,.entete-page .fil a{color:#D6D2CB}
.entete-page .btn-ligne{border-color:#fff;color:#fff}
.entete-page .bloc{border-left-color:var(--corail)}
.entete-page .resume-fiche span{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.25)}
.entete-page .todo-bloc{color:#6B4E00}
.band-encre:has(.final){background:radial-gradient(45% 70% at 10% 100%,rgba(226,165,133,.25),transparent 70%),linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px) 0 0/56px 56px,linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px) 0 0/56px 56px,#141414}
.pied{background:#0A0A0A}

/* Visuels générés */
.carte{border-radius:0!important}
.tuile{border-radius:0!important;color:var(--corail-fonce)!important}
.tuile-fin{background:#141414!important;color:var(--corail)!important}
.module,.cas-visuel{border-radius:0!important}

/* Réseau : cartes égales, logo au centre */
.reseau{gap:24px}
.reseau .expert:nth-child(odd){padding-right:76px}
.reseau .expert:nth-child(even){padding-left:76px}
@media (max-width:1024px){.hero{background-size:360px,auto,56px 56px,56px 56px,auto;background-position:right -120px top 20px,0 0,0 0,0 0,0 0}}
.solution{grid-template-columns:360px 1fr 190px}@media (max-width:1024px){.solution{grid-template-columns:1fr}.solution h3{white-space:normal}}
@media (max-width:767px){.reseau .expert:nth-child(n){padding:24px 24px 24px 28px}}

.fiche .reglement.faq{border-top:0;max-width:none;margin-top:0}

/* Diagnostic et Formations : même trio, pictogramme dans une alvéole */
.alv-diagnostic{--motif:url("../images/motif-diagnostic.svg?v=3")}
.alv-formations{--motif:url("../images/motif-formations.svg?v=3")}

/* Version adoucie (10/10/2026) : orange pêche, moins d'aplats, angles vifs conservés */
.btn-plein,.btn-clair{background:linear-gradient(135deg,#EDBB9E,#D9946F);border-color:transparent;color:#1A1A1A;box-shadow:0 10px 28px -14px rgba(217,148,111,.75)}
.btn-plein:hover,.btn-clair:hover{background:linear-gradient(135deg,#F2C6AC,#DFA07D);border-color:transparent;color:#141414}
.btn-ligne{border-width:1px}
.entete .menu .btn{background:transparent;border:1px solid rgba(226,165,133,.75);color:#F3D9CA;box-shadow:none}
.entete .menu .btn:hover{background:rgba(226,165,133,.14);color:#fff}
.band>.wrap>h2:first-child::after,.constat h2::after{height:3px;width:48px}
.bloc,.expert,.carte-formation,.module-f,.parcours li{border-left-width:2px}
.constat .chute{border-left-width:3px}
.indic{border-top-width:3px}
.qualiopi{border-left-width:2px!important}
.frise li:first-child .picto,.parcours li::before,.tableau thead th.mis-en-avant{background:linear-gradient(135deg,#EDBB9E,#D9946F)}
.frise .num,.band:not(.band-encre) .etape .n{color:#B9714C}

/* =====================================================================
   MODE CLAIR (13/10/2026) — remplace les aplats noirs par des fonds clairs.
   Pour revenir au mode sombre : supprimer ce bloc jusqu'à la fin du fichier.
   ===================================================================== */
:root{--sable:#F7F3EF;--sable-2:#F1EBE5;--trait:rgba(20,20,20,.06)}

/* En-tête blanc */
.entete{background:rgba(255,255,255,.96);backdrop-filter:saturate(1.2) blur(6px);border-bottom:1px solid var(--filet)}
.logo img{background:transparent;padding:0}
.menu>a,.sous>a{color:#262626}
.menu>a:hover,.sous>a:hover{color:var(--corail-fonce)}
.sous-menu{background:#fff;border-color:var(--filet);box-shadow:0 14px 34px -14px rgba(20,20,20,.25)}
.sous-menu a{color:#262626}.sous-menu a:hover{background:var(--sable)}
.burger span{background:#141414}
@media (max-width:1120px){.menu{background:#fff}}
.entete .menu .btn{border-color:var(--corail-fonce);color:var(--corail-fonce)}
.entete .menu .btn:hover{background:var(--violet-clair);color:#141414}

/* Bandeaux d'en-tête (accueil, pages, fiches) : sable clair, grille fine, alvéoles du logo */
.hero,.entete-page,.fiche-hero{color:#262626;background:
   var(--motif,url("../images/motif-alveoles.svg?v=3")) right -80px top 40px/560px no-repeat,
   radial-gradient(50% 60% at 85% 20%,rgba(226,165,133,.28),transparent 70%),
   linear-gradient(var(--trait) 1px,transparent 1px) 0 0/56px 56px,
   linear-gradient(90deg,var(--trait) 1px,transparent 1px) 0 0/56px 56px,
   linear-gradient(180deg,var(--sable),#fff)}
.hero h1,.entete-page h1,.entete-page .sur-titre,.fiche-hero h1{color:#141414}
.hero .intro,.entete-page .intro,.fiche-hero .intro{color:#4A4A4A}
.entete-page .fil,.entete-page .fil a,.fiche-hero .fil,.fiche-hero .fil a,.fiche-hero .h1-pre{color:#6B6B6B}
.fiche-hero .sur-titre{color:var(--corail-fonce)}
.hero .btn-ligne,.entete-page .btn-ligne{border-color:#141414;color:#141414}
.hero .btn-ligne:hover,.entete-page .btn-ligne:hover{background:#141414;color:#fff}
.reperes{color:#4A4A4A}
.reperes svg{color:var(--corail-fonce)}
.hero .preuves{border:1px solid var(--filet)}
.entete-page .resume-fiche span{background:#fff;color:#141414;border-color:var(--filet)}
.entete-page .bloc{box-shadow:0 18px 40px -26px rgba(20,20,20,.35)!important}
.faits{border-top-color:rgba(20,20,20,.14)}
.faits>div{border-right-color:rgba(20,20,20,.10)}
.faits dt{color:var(--corail-fonce)}
.faits dd{color:#141414}
@media (max-width:767px){.faits>div:nth-child(n+3){border-top-color:rgba(20,20,20,.10)}}

/* Sections « encre » (facturation électronique, appel final) : sable */
.band-encre,.band-encre:has(.final){background:
   radial-gradient(45% 70% at 10% 100%,rgba(226,165,133,.22),transparent 70%),
   linear-gradient(var(--trait) 1px,transparent 1px) 0 0/56px 56px,
   linear-gradient(90deg,var(--trait) 1px,transparent 1px) 0 0/56px 56px,
   var(--sable-2);color:#3A3A3A}
.band-encre h2,.band-encre h3{color:#141414}
.band-encre .intro{color:#4A4A4A}
.calendrier::before{background:rgba(20,20,20,.15)}
.calendrier li::before{background:var(--sable-2);border-color:var(--corail-fonce)}
.calendrier li.fait::before{background:var(--corail)}
.calendrier time{color:#141414}
.calendrier span{color:#4A4A4A}
.coord{border-top-color:rgba(20,20,20,.14)}
.coord li{border-bottom-color:rgba(20,20,20,.14)}
.coord span{color:#6B6B6B}
.coord a,.coord b{color:#141414}
.coord a:hover{color:var(--corail-fonce)}
.band:not(.band-encre) .etape .n,.band-encre .etape .n{color:#B9714C}

/* Pied de page clair */
.pied{background:var(--calcaire);color:#4A4A4A;border-top:1px solid var(--filet)}
.pied h4,.pied .logo{color:#141414}
.pied a{color:#4A4A4A}
.pied a:hover{color:var(--corail-fonce)}
.legal{border-top-color:rgba(20,20,20,.10)}
.logo-pied img{border:1px solid var(--filet)}

/* Encart d'inscription des fiches formation : blanc */
.inscription{background:#fff;color:#3A3A3A;border:1px solid var(--filet);border-top:4px solid var(--corail);box-shadow:0 20px 44px -30px rgba(20,20,20,.4)}
.ins-tag{color:var(--corail-fonce)}
.ins-prix,.ins-titre{color:#141414}
.ins-prix small,.ins-sous,.ins-liste dt{color:#6B6B6B}
.ins-note{color:#7A7A7A}
.ins-liste{border-top-color:var(--filet)}
.ins-liste>div{border-bottom-color:var(--filet)}
.ins-liste dd{color:#141414}
.ins-liste a{color:var(--corail-fonce)}
.inscription .btn-ligne{border-color:#141414;color:#141414}
.inscription .btn-ligne:hover{background:#141414;color:#fff}
.ins-contact a{color:#3A3A3A}
.ins-contact svg{color:var(--corail-fonce)}
.ins-onglets{border-color:var(--filet)}
.ins-onglets button{color:#3A3A3A}
.ins-onglets button:hover:not([aria-selected="true"]){background:var(--sable)}

/* Petits éléments encore noirs */
.modalites li{background:var(--sable-2);color:#141414}
.tuile-fin{background:var(--corail)!important;color:#141414!important}