
.bureau-page{color:#0a2f47}.bureau-page p{font-size:14px;line-height:1.58}.bureau-page h2{font-size:34px;line-height:1.08;margin:8px 0 20px}.bureau-hero{background:#fff}.hero-bureau-grid{display:grid;grid-template-columns:50% 50%;min-height:475px}.hero-portrait{position:relative;overflow:hidden}.hero-portrait img{width:100%;height:100%;object-fit:cover}.photo-note{position:absolute;bottom:12px;left:12px;background:rgba(4,50,67,.8);color:white;padding:6px 9px;font-size:10px;text-transform:uppercase;letter-spacing:.05em}.hero-bureau-copy{padding:66px max(48px,calc((100vw - 1280px)/2)) 50px 70px;align-self:center}.hero-bureau-copy h1{font-size:49px;line-height:1.03;margin:8px 0 24px}.hero-bureau-copy h1 span{color:#078c8b}.hero-lead{font-size:18px!important;font-weight:650}.hero-signature{border-left:3px solid #058b8c;padding-left:20px;font-weight:700;margin-top:25px}
.history-section{padding:64px 0;background:#f8f8f5}.history-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:center}.timeline{position:relative;display:grid;gap:26px;padding-left:38px}.timeline:before{content:"";position:absolute;left:8px;top:5px;bottom:5px;width:2px;background:#b8d3d2}.timeline div{display:grid;grid-template-columns:105px 1fr;gap:20px;position:relative}.timeline div:before{content:"";position:absolute;left:-35px;top:6px;width:12px;height:12px;border-radius:50%;background:#078b8a}.timeline strong{font-size:21px;color:#078b8a}
.structure-section{background:#fff}.structure-grid{display:grid;grid-template-columns:43% 57%;min-height:500px}.teal-panel{background:linear-gradient(135deg,#006369,#004e55);color:white;padding:54px 54px 48px max(32px,calc((100vw - 1280px)/2))}.teal-panel h2{font-size:31px}.teal-panel strong{display:block;color:#d4e12d;margin-top:20px;font-size:16px}.structure-right{display:grid;grid-template-rows:auto 1fr}.credentials{display:grid;grid-template-columns:repeat(3,1fr);gap:0;background:#fff}.credentials div{text-align:center;padding:35px 18px;border-right:1px solid #dfe5e5}.credentials div:last-child{border-right:0}.credential-icon{display:block;font-size:38px;color:#087b7c;margin-bottom:9px}.credentials b{display:block;color:#087b7c;font-size:14px}.credentials small{display:block;font-size:12px;line-height:1.4;margin-top:6px}.structure-right img{width:100%;height:100%;min-height:240px;object-fit:cover}
.dominique-section{padding:65px 0;background:#f3f0e9}.dominique-grid{display:grid;grid-template-columns:37% 63%;gap:70px;align-items:center}.portrait-card img{width:100%;aspect-ratio:4/5;object-fit:cover}.portrait-card p{text-align:center;font-size:11px!important;color:#697f88}.science-points{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:25px}.science-points span{border-top:2px solid #0c8c8b;padding-top:10px;font-size:12px;font-weight:700}
.uses-section{padding:60px 0}.uses-grid{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center}.uses-copy strong{color:#088c8b;font-size:19px}.uses-visual{display:grid;grid-template-columns:1.25fr .75fr;gap:10px}.uses-visual .main{width:100%;height:330px;object-fit:cover}.uses-small{display:grid;gap:10px}.uses-small img{width:100%;height:160px;object-fit:cover}
.philosophy-section{padding:58px 0;background:linear-gradient(100deg,#00585e,#007e78);color:#fff}.philosophy-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.philo-copy h2{font-size:32px}.compromise{position:relative;min-height:300px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-items:center}.compromise span{border:1px solid rgba(255,255,255,.65);padding:16px 10px;text-align:center;font-size:12px}.compromise-center{grid-column:2;grid-row:1/3;width:118px;height:118px;border-radius:50%;background:white;color:#006c6d;display:grid;place-items:center;text-align:center;font-weight:900;justify-self:center;z-index:2}.compromise strong{grid-column:1/4;text-align:center;font-size:22px;color:#d7e429;margin-top:8px}
.calculation-section{padding:60px 0;background:white}.calculation-grid{display:grid;grid-template-columns:48% 52%;gap:62px;align-items:center}.calculation-visual img{width:100%;max-height:350px;object-fit:contain}.highlight{color:#078b8a!important;font-weight:800}
.territory-section{padding:58px 0;background:#f7f8f6}.territory-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}.territory-grid img{width:100%;max-height:320px;object-fit:contain}
.repers-section{padding:42px 0;background:#fff}.repers-grid{display:grid;grid-template-columns:repeat(4,1fr)}.repers-grid div{text-align:center;padding:8px 28px;border-right:1px solid #d9e1e1}.repers-grid div:last-child{border-right:0}.repers-grid b{display:block;color:#078b8a;font-size:30px;margin-bottom:7px}.repers-grid span{font-size:12px;line-height:1.4}
.bureau-final{display:grid;grid-template-columns:55% 45%;background:#06344a;color:white}.bureau-final>img{width:100%;height:100%;min-height:280px;object-fit:cover}.final-left{display:flex;align-items:center}.final-inner{padding:48px 0}.final-inner h2{font-size:34px}.final-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.final-outline{border-color:white;color:white;background:transparent}
@media(max-width:900px){.hero-bureau-grid,.history-grid,.structure-grid,.dominique-grid,.uses-grid,.philosophy-grid,.calculation-grid,.territory-grid,.bureau-final{grid-template-columns:1fr}.hero-bureau-copy{padding:45px 24px}.hero-portrait{height:420px}.structure-right{grid-template-rows:auto auto}.credentials{grid-template-columns:1fr 1fr 1fr}.teal-panel{padding:45px 24px}.dominique-grid,.uses-grid,.philosophy-grid,.calculation-grid,.territory-grid{gap:35px}.bureau-final>img{height:260px}.repers-grid{grid-template-columns:1fr 1fr}.repers-grid div{border-bottom:1px solid #d9e1e1}.science-points{grid-template-columns:1fr}}
@media(max-width:560px){.hero-bureau-copy h1{font-size:37px}.hero-portrait{height:340px}.history-section,.dominique-section,.uses-section,.calculation-section,.territory-section{padding:45px 0}.timeline div{grid-template-columns:75px 1fr}.credentials{grid-template-columns:1fr}.credentials div{border-right:0;border-bottom:1px solid #dfe5e5}.uses-visual{grid-template-columns:1fr}.uses-visual .main,.uses-small img{height:220px}.compromise{grid-template-columns:1fr 1fr}.compromise-center{grid-column:1/3;grid-row:auto}.compromise strong{grid-column:1/3}.repers-grid{grid-template-columns:1fr}}

/* V3 — robust responsive grids and redesigned compromise diagram */
.structure-grid,.credentials,.dominique-grid,.uses-grid,.philosophy-grid,.calculation-grid,.territory-grid{min-width:0}
.structure-grid>* ,.credentials>* ,.dominique-grid>* ,.uses-grid>* ,.philosophy-grid>* ,.calculation-grid>* ,.territory-grid>*{min-width:0}
.compromise{min-height:360px;display:grid;grid-template-columns:1fr 150px 1fr;grid-template-rows:repeat(3,1fr) auto;gap:14px 22px;align-items:center}
.compromise span{border:1px solid rgba(255,255,255,.55);border-radius:999px;padding:13px 16px;font-size:13px;background:rgba(255,255,255,.045)}
.compromise-center{grid-column:2;grid-row:1/4;width:142px;height:142px;box-shadow:0 10px 28px rgba(0,0,0,.12);font-size:17px}
.compromise .p1{grid-column:1;grid-row:1}.compromise .p2{grid-column:3;grid-row:1}.compromise .p3{grid-column:1;grid-row:2}.compromise .p4{grid-column:3;grid-row:2}.compromise .p5{grid-column:1;grid-row:3}.compromise .p6{grid-column:3;grid-row:3}
.compromise strong{grid-column:1/4;grid-row:4;font-size:23px;margin-top:12px}
@media(max-width:1100px) and (min-width:901px){
 .structure-grid{grid-template-columns:40% 60%}.teal-panel{padding-right:34px}.credentials div{padding:28px 12px}.credentials small{font-size:11px}
 .philosophy-grid{gap:40px}.compromise{grid-template-columns:1fr 125px 1fr;gap:12px}.compromise-center{width:120px;height:120px;font-size:15px}
}
@media(max-width:900px){.compromise{grid-template-columns:1fr 130px 1fr}.compromise-center{grid-column:2;grid-row:1/4}.compromise strong{grid-column:1/4;grid-row:4}}
@media(max-width:560px){.compromise{grid-template-columns:1fr 1fr;grid-template-rows:auto}.compromise-center{grid-column:1/3;grid-row:auto}.compromise .p1,.compromise .p2,.compromise .p3,.compromise .p4,.compromise .p5,.compromise .p6{grid-column:auto;grid-row:auto}.compromise strong{grid-column:1/3;grid-row:auto}}
/* V5 */
.structure-grid{min-height:0}.structure-right{grid-template-rows:auto auto}.structure-right>img{height:390px;min-height:0;object-fit:cover}.teal-panel{padding-bottom:42px}
@media(max-width:1100px){.structure-right>img{height:330px}}
@media(max-width:900px){.structure-right>img{height:300px}}

/* V6 — reconstruction complète du bloc structure : grille autonome et robuste au zoom */
.structure-v6{padding:64px 0;background:#f7f8f6;overflow:hidden}
.structure-v6__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:0;align-items:stretch}
.structure-v6__copy,.structure-v6__visual{min-width:0}
.structure-v6__copy{background:linear-gradient(135deg,#006369,#004e55);color:#fff;padding:48px 46px}
.structure-v6__copy h2{font-size:clamp(27px,2.25vw,36px);line-height:1.08;margin:8px 0 22px;overflow-wrap:normal;word-break:normal}
.structure-v6__copy p{max-width:52ch;margin:0 0 15px;font-size:14px;line-height:1.58}
.structure-v6__copy strong{display:block;max-width:52ch;color:#d4e12d;margin-top:22px;font-size:16px;line-height:1.45}
.structure-v6__visual{display:flex;flex-direction:column;background:#fff}
.structure-v6__credentials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));flex:0 0 auto}
.structure-v6__credential{min-width:0;text-align:center;padding:27px 14px 24px;border-right:1px solid #dfe5e5}
.structure-v6__credential:last-child{border-right:0}
.structure-v6__icon{display:block;font-size:32px;line-height:1;color:#087b7c;margin-bottom:9px}
.structure-v6__credential b{display:block;color:#087b7c;font-size:14px;line-height:1.25}
.structure-v6__credential small{display:block;font-size:12px;line-height:1.4;margin-top:6px}
.structure-v6__photo{min-height:0;flex:1;overflow:hidden;background:#e8eeee}
.structure-v6__photo img{display:block;width:100%;height:100%;min-height:300px;max-height:390px;object-fit:cover;object-position:center}
@media(max-width:1050px){
 .structure-v6{padding:48px 0}
 .structure-v6__grid{grid-template-columns:1fr}
 .structure-v6__copy{padding:40px 38px}
 .structure-v6__copy p,.structure-v6__copy strong{max-width:72ch}
 .structure-v6__photo img{height:330px;min-height:0;max-height:none}
}
@media(max-width:650px){
 .structure-v6{padding:36px 0}
 .structure-v6__copy{padding:34px 24px}
 .structure-v6__credentials{grid-template-columns:1fr}
 .structure-v6__credential{padding:20px 18px;border-right:0;border-bottom:1px solid #dfe5e5}
 .structure-v6__credential:last-child{border-bottom:0}
 .structure-v6__photo img{height:240px}
}

/* V7 — ajustements validés */
/* Hero P3 plus compact : l'image accompagne le contenu sans dominer l'écran. */
.hero-bureau-grid{grid-template-columns:minmax(360px,42%) minmax(0,58%);min-height:0;align-items:stretch}
.hero-portrait{height:clamp(390px,37vw,570px)}
.hero-bureau-copy{padding-top:48px;padding-bottom:42px}
@media(max-width:900px){.hero-bureau-grid{grid-template-columns:1fr}.hero-portrait{height:360px}.hero-bureau-copy{padding:38px 24px}}
@media(max-width:560px){.hero-portrait{height:300px}}

/* Bloc culture scientifique : visuel métier distinct du portrait du hero. */
.dominique-grid{grid-template-columns:minmax(280px,32%) minmax(0,68%);gap:58px}
.portrait-card img{aspect-ratio:4/3;max-height:390px;object-fit:cover}

/* Bon compromis : pictogrammes libres, aucun cartouche/carré. */
.compromise span{border:0!important;background:transparent!important;box-shadow:none!important;display:flex;align-items:center;gap:16px;padding:8px 4px;color:#fff;font-weight:700;text-align:left}
.compromise span i{font-style:normal;font-weight:400;font-size:29px;line-height:1;min-width:36px;text-align:center;color:#fff}
.compromise-center{border-radius:50%;background:#fff;color:#006a70;display:grid;place-items:center;text-align:center;font-weight:800}

/* V9 responsive hardening */
.hero-bureau-grid,.structure-v6__grid,.dominique-grid,.uses-grid,.philosophy-grid,.calculation-grid,.territory-grid,.bureau-final{max-width:100%}
.structure-v6__photo img{width:100%;object-fit:cover}
@media(max-width:900px){.structure-v6__grid{display:grid;grid-template-columns:minmax(0,1fr)}.structure-v6__copy,.structure-v6__visual{width:100%}}
