*{box-sizing:border-box}
:root{
 --navy:#10365d;
 --navy2:#174a77;
 --sky:#dcecf8;
 --sky2:#eef7fc;
 --orange:#f15a16;
 --text:#172c3f;
 --muted:#5f7180;
 --line:#ccd9e2;
}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#fff;line-height:1.5}
.topbar{height:86px;display:flex;align-items:center;padding:0 3.5vw;gap:28px;position:sticky;top:0;background:#fff;z-index:50;border-bottom:1px solid #dce3e9;box-shadow:0 2px 12px rgba(16,54,93,.06)}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--navy);min-width:205px}
.brand-icon{font-size:34px;color:var(--orange)}
.brand strong{font-size:31px;letter-spacing:2px;display:block;line-height:.9}
.brand small{font-size:13px;letter-spacing:5px}
.mainnav{display:flex;align-items:center;gap:25px;flex:1;justify-content:center}
.mainnav a{text-decoration:none;color:#182f46;text-transform:uppercase;font-weight:700;font-size:13px;padding:32px 0 27px;border-bottom:3px solid transparent;white-space:nowrap}
.mainnav a:hover,.mainnav a.active{color:var(--orange);border-bottom-color:var(--navy)}
.petition-button{background:var(--orange);color:#fff;text-decoration:none;text-transform:uppercase;font-weight:700;padding:17px 24px;border-radius:4px;white-space:nowrap}
.menu-toggle{display:none}
.hero{min-height:680px;background:url('assets/feu-foret.png') center/cover no-repeat;position:relative;display:flex;align-items:center}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,27,41,.76),rgba(9,27,41,.27))}
.hero-content{position:relative;color:#fff;width:min(1500px,92%);margin:auto;padding:75px 0}
.expanded-name{font-size:37px;margin:0 0 55px;font-weight:300}
.expanded-name span{color:#d91515;font-weight:700}
.hero h1{font-size:43px;margin:0 0 25px;max-width:1100px}
.hero-main{font-size:36px;font-weight:700;margin:0 0 22px;max-width:1350px}
.hero-sub{font-size:27px;font-weight:700;margin:0 0 65px;max-width:1350px}
.hero-actions{display:flex;gap:80px;flex-wrap:wrap}
.button{display:inline-block;text-decoration:none;font-weight:800;text-transform:uppercase;padding:18px 32px;border-radius:2px;border:2px solid var(--navy);cursor:pointer}
.button.dark{background:var(--navy);color:#fff}
.button.light{background:#fff;color:var(--navy)}
.button.compact{padding:16px 26px}
.intro-strip{display:grid;grid-template-columns:60px 1fr auto;gap:25px;align-items:center;padding:26px 3.5vw;border-bottom:1px solid var(--line);background:#fff}
.intro-strip .info{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#2480c5;color:#fff;font-weight:700;font-size:27px}
.intro-strip p{font-size:20px;margin:0}
.section{padding:90px 6vw}
.two-cols{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}
.two-cols img{width:100%;border-radius:8px;box-shadow:0 10px 28px rgba(16,54,93,.15)}
.kicker{text-transform:uppercase;color:var(--orange);font-size:15px;font-weight:800;letter-spacing:1px}
h2{font-size:39px;line-height:1.12;color:var(--navy);margin:14px 0 28px}
.two-cols p{font-size:21px}
.pale-box{background:var(--sky);padding:24px 28px;border-left:8px solid var(--navy2);font-size:20px;font-weight:600;margin-top:35px}
.concept-section{background:var(--sky2)}
.concept-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:45px}
.concept-grid article{background:#fff;padding:32px 25px;border-radius:10px;box-shadow:0 6px 20px rgba(16,54,93,.08)}
.concept-grid span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--navy);color:#fff;font-weight:700}
.concept-grid h3{font-size:23px;color:var(--navy);margin:22px 0 10px}
.concept-grid p{font-size:18px}
.experiment-section{background:var(--sky);display:grid;grid-template-columns:1fr 320px;gap:45px;align-items:stretch}
.statement{background:#c7def0;padding:30px 34px;border-radius:6px;margin:18px 0 30px;max-width:800px}
.statement h2{font-size:32px;margin:0 0 10px}
.statement p{font-size:26px;font-weight:700;margin:0;color:var(--navy)}
.experiment-copy>p{font-size:20px}
.measure-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:25px;border:1px solid #aac2d4}
.measure-grid div{background:#cfe2f1;padding:18px 22px;font-weight:700;border:1px solid #aac2d4}
.objective-card{background:#fff;border-radius:8px;padding:35px 28px;text-align:center;box-shadow:0 7px 24px rgba(16,54,93,.13)}
.objective-card small{display:block;color:var(--orange);text-transform:uppercase;font-weight:800}
.objective-card strong{display:block;font-size:42px;color:var(--navy);margin:24px 0 12px}
.objective-card a{display:block;text-decoration:none;background:var(--navy);color:#fff;font-weight:800;text-transform:uppercase;padding:15px;margin-top:18px}
.objective-card a.orange{background:var(--orange)}
.documentation-section h2{margin-bottom:45px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.cards article{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 7px 22px rgba(16,54,93,.08);padding-bottom:28px}
.card-visual{height:205px;display:grid;place-items:center;text-align:center;font-size:28px;font-weight:800;color:#fff;letter-spacing:1px}
.card-visual.book{background:linear-gradient(145deg,#173f67,#2f78a6)}
.card-visual.press{background:linear-gradient(145deg,#6d879e,#a9bfd0)}
.card-visual.docs{background:linear-gradient(145deg,#4e86a8,#93c5de)}
.card-visual small{display:block;font-size:16px;font-weight:400}
.cards h3,.cards p,.cards a{margin-left:25px;margin-right:25px}
.cards h3{color:var(--navy);font-size:24px}
.cards p{min-height:78px;font-size:17px}
.cards a{display:inline-block;color:var(--navy);font-weight:800;text-decoration:none;border:2px solid var(--navy);padding:11px 16px}
.contact-section{background:var(--navy);color:#fff;padding:65px 6vw;display:flex;justify-content:space-between;align-items:center;gap:40px}
.contact-section h2{color:#fff;margin:8px 0}
.contact-section a{color:#fff;font-size:24px;font-weight:700}
footer{background:#0b2947;color:#fff;display:flex;justify-content:space-around;gap:20px;padding:28px 4vw;font-size:14px}
.single-page{min-height:calc(100vh - 86px);background:var(--sky2);padding:80px 6vw}
.book-page{max-width:1100px;margin:auto;display:grid;grid-template-columns:340px 1fr;gap:75px;align-items:center;background:#fff;padding:55px;border-radius:12px}
.book-cover{height:480px;background:linear-gradient(150deg,#11385f,#2d79a7);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 14px 30px rgba(16,54,93,.25)}
.book-cover strong{font-size:50px}
.book-cover span{font-size:23px;max-width:260px;margin:25px 0}
.support-page{max-width:900px;margin:auto;background:#fff;padding:55px;border-radius:12px}
.support-page blockquote{white-space:pre-line;background:var(--sky);padding:28px;border-left:7px solid var(--navy);font-size:19px}
@media(max-width:1100px){
 .mainnav{display:none}.menu-toggle{display:block;margin-left:auto}.petition-button{font-size:12px;padding:14px}
 .hero{min-height:600px}.expanded-name{font-size:28px}.hero h1{font-size:37px}.hero-main{font-size:29px}.hero-sub{font-size:23px}
 .two-cols,.experiment-section,.book-page{grid-template-columns:1fr}
 .concept-grid{grid-template-columns:1fr 1fr}.cards{grid-template-columns:1fr}
}
@media(max-width:700px){
 .topbar{height:auto;min-height:72px;padding:10px 16px;flex-wrap:wrap}.brand{min-width:auto}.brand strong{font-size:24px}.petition-button{margin-left:auto}
 .mainnav.open{display:flex;order:4;width:100%;flex-direction:column;gap:0;align-items:flex-start}
 .mainnav.open a{padding:10px 0}
 .hero-content{padding:55px 0}.expanded-name{font-size:22px;margin-bottom:35px}.hero h1{font-size:31px}.hero-main{font-size:24px}.hero-sub{font-size:20px}
 .hero-actions{gap:14px}.button{width:100%;text-align:center}
 .intro-strip{grid-template-columns:45px 1fr}.intro-strip .button{grid-column:1/-1}
 .section{padding:60px 6vw}h2{font-size:31px}.concept-grid{grid-template-columns:1fr}.measure-grid{grid-template-columns:1fr}
 .contact-section,footer{flex-direction:column;align-items:flex-start}.book-page{padding:25px}.book-cover{height:400px}
}


/* =========================================================
   VERSION 5.0 — BASE STABILISEE
   Corrections exclusivement issues des six PowerPoint.
   ========================================================= */

/* Accueil V4.0 conservé, seul l'assombrissement est réduit. */
.hero-overlay{background:linear-gradient(90deg,rgba(9,27,41,.20),rgba(9,27,41,.03))}

/* Titres de chapitre : rouge validé RVB 192,0,0. */
.kicker{color:#C00000}

/* Constat et Concept : reproduction exacte de la structure V3.1. */
.content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:80px max(4vw,calc((100vw - 1380px)/2));border-top:1px solid var(--line)}
.content.soft{background:#f3f6fa}
.content.reverse .text{order:2}
.content .text{padding:10px 0}
.content h2{font-size:clamp(34px,3.5vw,54px);line-height:1.08;margin:10px 0 25px;color:var(--navy)}
.content p,.content li{font-size:19px}
.content img{width:100%;height:430px;object-fit:cover;border-radius:5px;box-shadow:0 12px 35px rgba(0,0,0,.14)}
.highlight{background:#edf5fb;border-left:6px solid #1670c8;padding:18px 22px;font-weight:700}
.warning{background:#fff4ec;border-left:6px solid var(--orange);padding:18px 22px}

/* Demande prioritaire V4.0 : bleu ciel, caractères noirs. */
.experiment-section{background:#dcecf8;color:#111}
.experiment-copy>p,.experiment-section p{color:#111}
.statement{background:#c7def0;display:flex;align-items:center;justify-content:center;min-height:150px;text-align:center;padding:28px 34px}
.statement-text{font-size:32px!important;line-height:1.28;font-weight:800;color:#111!important;margin:0;width:100%}
.objective-card{display:flex;flex-direction:column;justify-content:center;align-items:stretch;text-align:center}
.objective-card small{font-size:16px}
.objective-card p{font-size:19px;color:#111;margin-left:auto;margin-right:auto}
/* Les deux boutons sont conservés à leur taille V4.0. */

/* Documentation V4.0 strictement conservée hors couleur des têtes de chapitre. */

/* Contact V4.0 : uniquement fond bleu ciel et caractères noirs. */
.contact-section{background:#dcecf8;color:#111}
.contact-section h2,.contact-section p,.contact-section a{color:#111}

@media(max-width:820px){
 .content{grid-template-columns:1fr;padding-top:60px;padding-bottom:60px}
 .content.reverse .text{order:initial}
 .content img{height:auto}
}


/* Corrections ciblées V5.2 — aucune autre page modifiée */
:root{--ocre-recif:#b6532c}

/* Accueil : mire encore éclaircie, sans modification de structure */
.hero::after{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(255,255,255,.16);
  pointer-events:none;
}
.hero-overlay{
  background:linear-gradient(90deg,rgba(9,27,41,.10),rgba(9,27,41,0));
  z-index:1;
}
.hero-content{z-index:2}

/* Demande prioritaire */
.demand-kicker{color:var(--ocre-recif)!important}
.statement{
  display:block;
  min-height:150px;
  text-align:left;
  padding:28px 34px;
}
.statement-line{
  margin:0;
  width:100%;
  color:#111!important;
  font-weight:800;
  line-height:1.25;
  text-align:left;
  white-space:nowrap;
}
.statement-line-1{font-size:27px!important}
.statement-line-2{font-size:27px!important;margin-top:12px}
.objective-title{color:var(--ocre-recif)!important}
.objective-card a.orange{background:var(--ocre-recif)!important}

/* Contact */
.contact-kicker{color:var(--ocre-recif)!important}

/* Pied de page : copyright à gauche */
footer{justify-content:space-between}
footer span:last-child{order:-1}

@media(max-width:900px){
  .statement-line{white-space:normal}
  .statement-line-1,.statement-line-2{font-size:25px!important}
}


/* Corrections ciblées V5.3 — uniquement les éléments validés */
.brand strong{color:var(--ocre-recif)}
.brand small{color:var(--navy)}
.mainnav a.active{color:var(--ocre-recif)}
.petition-button{background:var(--ocre-recif)}
.intro-strip p{justify-self:start;text-align:left;font-size:18px;white-space:nowrap}
.folder-cover{position:relative;overflow:hidden}
.folder-cover::before{
  content:"";position:absolute;top:0;left:0;width:42%;height:38px;
  background:rgba(255,255,255,.18);border-radius:0 0 12px 0;
}
.folder-cover strong,.folder-cover span,.folder-cover small{position:relative;z-index:1}
@media(max-width:1250px){
  .intro-strip p{white-space:normal;font-size:18px}
}


/* Corrections ciblées V5.4 */
.mainnav a.active{
  color:#182f46;
}

.statement{
  max-width:730px;
  min-height:0;
  padding:20px 26px;
  margin:18px 0 30px;
}

.statement-line{
  line-height:1.35;
}

.statement-line-1{
  font-size:26px!important;
}

.statement-line-2{
  font-size:26px!important;
  margin-top:18px;
}


/* =========================================================
   VERSION 5.9 — AJOUT DU PITCH ET ORDRE DOCUMENTAIRE
   Modifications strictement limitées au bandeau et aux blocs.
   ========================================================= */
@media(min-width:1101px){
  .topbar{padding-left:1.6vw;padding-right:1.6vw;gap:16px}
  .brand{min-width:175px}
  .mainnav{justify-content:flex-start;gap:15px}
  .mainnav a{font-size:12px}
  .petition-button{padding-left:16px;padding-right:16px}
}
.cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.card-visual.pitch{background:linear-gradient(145deg,#9a4528,#c77955)}
.pitch-cover{background:linear-gradient(150deg,#8f3f25,#c47754)}
.cards h3,.cards p,.cards a{margin-left:20px;margin-right:20px}
.cards p{min-height:104px}
@media(max-width:1300px) and (min-width:1101px){
  .topbar{gap:10px;padding-left:1vw;padding-right:1vw}
  .brand{min-width:155px}
  .brand strong{font-size:27px}
  .brand small{font-size:11px;letter-spacing:4px}
  .mainnav{gap:10px}
  .mainnav a{font-size:11px}
  .petition-button{font-size:11px;padding:14px 12px}
}
@media(max-width:1100px){
  .cards{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
  .cards{grid-template-columns:1fr}
  .cards p{min-height:0}
}


/* =========================================================
   VERSION 5.9 — POLISSAGE ERGONOMIQUE
   Bandeau plus lisible et navigation documentaire en deux temps.
   ========================================================= */
@media(min-width:1301px){
  .topbar{padding-left:1.25vw;padding-right:1.25vw;gap:12px}
  .brand{min-width:168px}
  .mainnav{gap:12px}
  .mainnav a{font-size:14px;font-weight:800;letter-spacing:.1px}
  .petition-button{padding-left:14px;padding-right:14px}
}
@media(max-width:1300px) and (min-width:1101px){
  .topbar{padding-left:.7vw;padding-right:.7vw;gap:8px}
  .brand{min-width:145px}
  .brand strong{font-size:26px}
  .brand small{font-size:10px;letter-spacing:3.5px}
  .mainnav{gap:8px}
  .mainnav a{font-size:13px;font-weight:800;letter-spacing:0}
  .petition-button{font-size:11px;padding:13px 10px}
}
.mainnav.single a{font-weight:800}
.documentation-return{text-align:center;margin-top:42px}
.documentation-return .button{min-width:230px}


/* =========================================================
   VERSION 5.9 — POLISSAGE N°2
   Répartition harmonieuse du bandeau et retour Accueil en tête
   de la section Documentation.
   ========================================================= */
@media(min-width:1101px){
  .mainnav{
    justify-content:space-evenly;
    gap:0;
    min-width:0;
  }
  .mainnav a{
    flex:0 0 auto;
  }
}
.documentation-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}
.documentation-heading .kicker{margin:0}
.documentation-home-link{
  color:#000;
  text-decoration:none;
  text-transform:uppercase;
  font-size:14px;
  font-weight:800;
  white-space:nowrap;
}
.documentation-home-link:hover{text-decoration:underline}
@media(max-width:700px){
  .documentation-heading{align-items:flex-start;flex-direction:column;gap:10px}
}