*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4f7fb;color:#18314d;font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{text-decoration:none;color:inherit}.shell{max-width:1170px;margin:auto;padding:0 28px}.top{background:#092e5a;color:white;position:sticky;top:0;z-index:20;box-shadow:0 4px 18px #001d3c26}.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:78px}.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:1px;font-size:20px}.brand img{width:54px;height:54px;object-fit:contain}.brand small{display:block;font-weight:400;letter-spacing:.2px;font-size:10px;color:#a9c4e2}.links{display:flex;align-items:center;gap:22px;font-size:13px;font-weight:700}.links a:hover,.links .current{color:#f6ce37}.button{display:inline-block;background:#f4cc34;color:#092e5a!important;padding:13px 20px;border-radius:4px;font-weight:800;font-size:13px;letter-spacing:.3px;border:0;cursor:pointer}.button:hover{background:#ffe174}.button.outline{background:transparent;color:#fff!important;border:1px solid #d2e3f2}.button.white{background:#fff}.hero{background:linear-gradient(110deg,#07264ae8,#0b4073df),url('assets/metal.jpg') center/cover;color:white;padding:105px 0 112px}.eyebrow{color:#f6ce37;text-transform:uppercase;font-size:12px;letter-spacing:2px;font-weight:800}.hero h1{font-size:clamp(40px,6vw,72px);line-height:1.09;max-width:850px;margin:20px 0}.hero p{max-width:670px;font-size:19px;color:#d9e5f3}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:-45px;position:relative}.stat{background:white;padding:27px;border-top:4px solid #f6ce37;box-shadow:0 14px 35px #10375b1c}.stat strong{display:block;font-size:19px;color:#0a3969}.stat span{font-size:13px;color:#5a7187}.section{padding:86px 0}.section h2,.pagehero h1{font-size:clamp(30px,4vw,46px);line-height:1.16;margin:12px 0 20px;color:#0b3565}.section .lead{max-width:760px;font-size:17px;color:#546d83}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:32px}.tile{background:white;padding:29px;border:1px solid #dfe7ef;box-shadow:0 10px 30px #102f4c0c}.tile .num{color:#c5a021;font-size:12px;font-weight:800;letter-spacing:1px}.tile h3{color:#103b6d;font-size:20px;margin:10px 0}.tile p{color:#52697e;font-size:14px}.stripe{background:#0b3666;color:white;padding:65px 0}.stripe h2{color:white;font-size:34px;margin:0 0 12px}.stripe p{color:#d2e2f3;max-width:750px}.pagehero{padding:70px 0;background:linear-gradient(110deg,#dce9f5,#f7fafd);border-bottom:1px solid #cdddeb}.pagehero p{max-width:800px;color:#4b647b}.two{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.photo{width:100%;height:320px;object-fit:cover;border-radius:3px;box-shadow:0 18px 35px #123d6728}.note{padding:20px 24px;background:#e9f1fa;border-left:4px solid #f4cc34;margin-top:26px;font-size:14px}.footer{background:#071f3d;color:#d3e0ee;padding:40px 0;font-size:13px}.footer strong{color:white}.footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.reader{background:#e4ebf3;border-radius:8px;padding:22px;box-shadow:0 16px 45px #0d2e4b21}.reader-top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:15px}.reader-stage{min-height:510px;display:flex;align-items:center;justify-content:center;background:#bac9d9;padding:15px;border-radius:4px;overflow:hidden}.reader-stage img{max-width:100%;max-height:640px;object-fit:contain;box-shadow:0 10px 25px #061d3670;transition:opacity .18s}.reader-controls{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:16px}.reader-controls button{padding:11px 17px;background:#0a3b70;color:white;border:0;border-radius:4px;cursor:pointer}.reader-controls button:disabled{opacity:.35;cursor:default}.muted{color:#667d92;font-size:13px}.realisation{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}.realisation img{width:100%;height:270px;object-fit:contain;background:white;border:1px solid #dce4ec;padding:10px}.mobile-toggle{display:none}@media(max-width:850px){.mobile-toggle{display:block;background:none;border:1px solid #7b9bbd;color:white;padding:8px 12px}.nav{flex-wrap:wrap}.links{display:none;flex-basis:100%;padding-bottom:15px;flex-direction:column;align-items:stretch}.links.open{display:flex}.grid,.stats,.realisation{grid-template-columns:1fr 1fr}.two{grid-template-columns:1fr}.hero{padding:75px 0}.reader-stage{min-height:350px}}@media(max-width:540px){.shell{padding:0 18px}.grid,.stats,.realisation{grid-template-columns:1fr}.stats{margin-top:0}.section{padding:55px 0}.reader{padding:10px}.reader-stage{min-height:270px;padding:8px}.reader-controls{gap:10px}.brand{font-size:17px}}
/* Accueil V2 — montage animé basé sur les photographies de la plaquette */
.hero-video{position:relative;min-height:640px;display:flex;align-items:center;overflow:hidden;background:#061a30;padding:115px 0 130px}
.hero-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.75) contrast(1.16)}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,21,43,.96) 0%,rgba(6,31,58,.89) 42%,rgba(4,25,50,.36) 100%)}
.hero-inner{position:relative;z-index:1;width:100%}.hero-video h1{font-size:clamp(44px,6.6vw,85px);max-width:950px;letter-spacing:-2px}.hero-video p{max-width:630px}.hero-footnote{font-size:11px;color:#b7cde2;margin-top:48px;letter-spacing:.2px}
.hero-video .button{box-shadow:0 8px 30px #0004;transition:transform .2s}.hero-video .button:hover{transform:translateY(-3px)}
@media(max-width:650px){.hero-video{min-height:650px;padding:90px 0 90px}.hero-shade{background:linear-gradient(90deg,#041b36ed,#062443ad)}.hero-video h1{letter-spacing:-1px}}
@media(prefers-reduced-motion:reduce){.hero-film{display:none}.hero-video{background:linear-gradient(100deg,#082d59e9,#09365bc9),url('assets/page-06.webp') center/cover}}

/* V3 : hero filmé, sans fondu ni diaporama */
.hero-video{min-height:690px;height:min(88vh,920px);padding:0;display:flex;align-items:center;position:relative;isolation:isolate;background:#071e36;overflow:hidden}.hero-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(4,17,34,.91) 0%,rgba(4,22,44,.78) 40%,rgba(3,17,34,.16) 100%)}.hero-inner{width:100%;padding-top:70px;padding-bottom:70px}.hero-video h1{font-size:clamp(48px,7.4vw,104px);letter-spacing:-.045em;line-height:.99;max-width:970px;text-shadow:0 4px 26px #0006}.hero-video p{max-width:570px}.hero-footnote{font-size:11px;color:#b7c9da;margin-top:52px}.demo-video-bar{background:#102e50;color:#fff;padding:17px 0}.demo-video-inner{display:flex;gap:22px;align-items:center;flex-wrap:wrap;justify-content:space-between}.demo-video-inner strong{display:block;font-size:14px}.demo-video-inner span{display:block;color:#bbd1e4;font-size:12px}.demo-file-label{background:#f4cc34;color:#102e50;padding:12px 17px;font-size:12px;font-weight:800;cursor:pointer;border-radius:4px}.demo-file-label:hover{background:#ffe079}#demoStatus{font-size:11px;max-width:230px}@media(max-width:700px){.hero-video{height:auto;min-height:650px}.hero-shade{background:linear-gradient(90deg,#04182eea,#04182e91)}.hero-video h1{font-size:clamp(44px,11vw,70px)}}@media(prefers-reduced-motion:reduce){.hero-film{display:none}}

/* Aperçu V5 - galerie de pièces */
.showcase{background:#eaf1f8}.soft{background:#edf3f8}.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:34px 0}.portfolio-grid figure{margin:0;background:#fff;box-shadow:0 12px 35px #102f4c16;border:1px solid #dbe4ed;overflow:hidden}.portfolio-grid img{width:100%;height:300px;object-fit:cover;object-position:center;display:block}.portfolio-grid figcaption{padding:16px 18px;color:#123a68;font-weight:700;font-size:15px}.portfolio-six img{height:350px;object-fit:contain;padding:12px;background:#fff}@media(max-width:780px){.portfolio-grid{grid-template-columns:1fr 1fr}.portfolio-grid img{height:230px}}@media(max-width:520px){.portfolio-grid{grid-template-columns:1fr}}

/* V6: illustrative photography; original V5 palette/layout retained */
.skill-photo{display:block;width:calc(100% + 58px);height:190px;object-fit:cover;margin:-29px -29px 24px}.illustration-disclaimer{font-size:12px;color:#6c7e90;padding-top:18px;padding-bottom:25px}.tile{overflow:hidden}

/* Secteurs d'application : photos distinctes des savoir-faire et réalisations */
.sector-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:30px}.sector-card{margin:0;overflow:hidden;border-radius:14px;background:#fff;box-shadow:0 9px 28px rgba(16,42,69,.08)}.sector-card img{display:block;width:100%;height:195px;object-fit:cover}.sector-card figcaption{padding:20px 20px 22px}.sector-card strong{display:block;font-size:1.08rem;color:#17344f}.sector-card p{margin:8px 0 0;font-size:.93rem;line-height:1.5;color:#536477}@media(max-width:900px){.sector-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:570px){.sector-grid{grid-template-columns:1fr}.sector-card img{height:220px}}

/* V8: photographie unique par savoir-faire, gros plans produits plutôt que planches de catalogues */
.skill-photo{height:215px;object-fit:cover}
.portfolio-grid img{height:285px;object-fit:cover;background:#edf2f6}

/* V10B — finition acier bleu brosse : sobriete et lisibilite */
.top,.stripe,.footer{background-color:#092b51;background-image:linear-gradient(180deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,.045) 7%,transparent 28%,rgba(0,9,28,.17) 67%,rgba(0,5,17,.38) 100%),repeating-linear-gradient(0deg,transparent 0px,rgba(255,255,255,.012) 1px,transparent 2px,transparent 5px),linear-gradient(110deg,#071d37 0%,#123f70 43%,#0b305b 72%,#061a32 100%)}
.top{border-bottom:1px solid rgba(192,219,242,.27);box-shadow:0 5px 22px rgba(0,12,32,.25)}
.stripe{border-top:1px solid rgba(200,225,246,.2);border-bottom:1px solid rgba(0,12,32,.3)}
.footer{background-color:#06172c;background-image:linear-gradient(180deg,rgba(255,255,255,.07),transparent 45%,rgba(0,0,0,.25)),repeating-linear-gradient(0deg,transparent 0,rgba(255,255,255,.009) 1px,transparent 2px,transparent 5px),linear-gradient(110deg,#051426,#0c3156,#061a30)}
.nav{min-height:96px;gap:14px}
.brand{flex:0 0 auto;gap:13px;font-size:clamp(22px,2.1vw,28px);line-height:1.05;letter-spacing:.6px;text-shadow:0 2px 8px rgba(0,0,0,.3)}
.brand img{width:76px;height:76px;object-fit:contain;filter:drop-shadow(0 1px 3px rgba(255,255,255,.12))}
.brand small{font-size:10px;letter-spacing:1.1px;margin-top:8px;color:#f3d46b;font-weight:700}
.links{gap:clamp(9px,1.2vw,18px);font-size:12px}
@media(max-width:1000px){.nav{flex-wrap:wrap;padding-top:9px;padding-bottom:9px}.links{margin-left:auto}}
@media(max-width:850px){.links{margin-left:0}.brand img{width:68px;height:68px}.nav{min-height:84px}}


/* V11 — bleu acier brosse chaleureux, inspire de la maquette approuvee.
   Superposition de reflets bleus doux et de micro-lignes horizontales. */
.top,.stripe,.footer{
 background-color:#12518d;
 background-image:
  radial-gradient(ellipse 60% 110% at 52% 6%,rgba(91,167,222,.30),transparent 74%),
  linear-gradient(100deg,rgba(4,32,72,.45) 0%,rgba(24,104,173,.17) 29%,rgba(103,178,228,.25) 52%,rgba(13,68,130,.12) 75%,rgba(2,32,74,.36) 100%),
  repeating-linear-gradient(0deg,rgba(232,246,255,.075) 0px,rgba(232,246,255,.075) 1px,rgba(5,41,91,.05) 2px,transparent 3px,transparent 5px),
  linear-gradient(180deg,#195f9e 0%,#15538e 36%,#104779 70%,#0c3564 100%);
 background-blend-mode:screen,normal,normal,normal;
}
.top{border-bottom:3px solid #f6ce37;box-shadow:0 5px 20px rgba(3,32,71,.24)}
.stripe{border-top:1px solid rgba(203,233,255,.32);border-bottom:1px solid rgba(4,30,65,.38)}
.footer{background-color:#104779;}
.brand{color:#fff;text-shadow:0 2px 8px rgba(3,26,58,.33)}
.links a{color:#f5f9ff}
.links .current,.links a:hover{color:#ffd73d}
@media(max-width:850px){.top{background-position:center}}

/* V11B : bleu satine. Suppression des lignes periodiques (effet rayures).
   Reflets larges et micro-grain aleatoire discret, non repetitif a l'oeil. */
.top,.stripe,.footer{
 background-color:#15518b;
 background-image:
   radial-gradient(ellipse 68% 170% at 53% -28%,rgba(105,185,236,.31) 0%,rgba(69,145,209,.13) 48%,transparent 78%),
   linear-gradient(104deg,rgba(3,33,79,.35) 0%,rgba(21,94,157,.08) 30%,rgba(87,165,221,.17) 54%,rgba(5,48,105,.30) 100%),
   url('assets/bleu-satine-grain.png'),
   linear-gradient(180deg,#1c609b 0%,#16558e 42%,#10477e 76%,#0d396e 100%);
 background-size:cover,cover,1000px 420px,cover;
 background-blend-mode:normal,normal,soft-light,normal;
}

/* V11C : matiere acier bleu brosse non periodique, proche de la maquette mail. */
.top,.stripe,.footer{background-color:#104a86;background-image:linear-gradient(180deg,rgba(255,255,255,.055),transparent 35%,rgba(0,14,43,.16)),url('assets/bleu-brosse-reference.webp');background-size:100% 100%,cover;background-position:center;background-repeat:no-repeat;background-blend-mode:normal,normal;}

/* V11D : centrage du slogan sous le nom, sans changer le reste */
.brand > span {display:flex;flex-direction:column;align-items:center;text-align:center;}
.brand > span small {width:100%;text-align:center;}

/* V11F : uniquement la premiere photo de la galerie, plus lumineuse et entierement cadree. */
.showcase .portfolio-grid figure:first-child img{object-fit:contain;object-position:center;background:#30343a;filter:brightness(1.28) contrast(.96)}

/* V11G : photo de reference integree sans superposition ni filtres. */
.showcase .portfolio-grid img{height:auto;aspect-ratio:525 / 323;object-fit:cover;object-position:center}
.showcase .portfolio-grid figure:first-child img{object-fit:cover;object-position:center;background:#30343a;filter:none}

/* V11H — seul ajustement : agrandissement du logo en en-tête */
@media(min-width:851px){.brand img{width:100px;height:100px}.nav{min-height:112px}}
@media(max-width:850px){.brand img{width:82px;height:82px}}
@media(max-width:540px){.brand img{width:74px;height:74px}}

/* V11I : drapeaux animés, sans hampe et sans séparateur */
.flag-line{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;vertical-align:middle}.waving-flag{width:37px;height:26px;object-fit:contain;vertical-align:middle;filter:drop-shadow(0 2px 2px #082f4d30);transform-origin:left center;animation:flag-flutter 3.8s ease-in-out infinite}.flag-india{animation-delay:-1.15s}@keyframes flag-flutter{0%,100%{transform:perspective(90px) rotateY(-7deg) skewY(-1deg)}50%{transform:perspective(90px) rotateY(8deg) skewY(1deg)}}@media(prefers-reduced-motion:reduce){.waving-flag{animation:none}}

/* V11J — drapeaux plus grands et ondulation plus visible, sans toucher aux autres sections. */
.stats .flag-line{gap:7px;align-items:center;flex-wrap:wrap;line-height:1.4}
.stats .waving-flag{width:55px;height:37px;flex:0 0 auto;transform-origin:left center;animation:flag-flutter 3.8s ease-in-out infinite;will-change:transform}
.stats .flag-india{animation-delay:-.95s;animation-duration:2.6s}
@keyframes flag-flutter-v11j{0%,100%{transform:perspective(110px) rotateY(-17deg) skewY(-3deg) translateY(1px);filter:drop-shadow(0 2px 2px #082f4d30) brightness(.96)}25%{transform:perspective(110px) rotateY(3deg) skewY(2deg) translateY(-2px);filter:drop-shadow(0 3px 3px #082f4d35) brightness(1.08)}50%{transform:perspective(110px) rotateY(17deg) skewY(3deg) translateY(1px);filter:drop-shadow(0 2px 2px #082f4d30) brightness(.97)}75%{transform:perspective(110px) rotateY(-4deg) skewY(-2deg) translateY(-2px);filter:drop-shadow(0 3px 3px #082f4d35) brightness(1.08)}}
@media(prefers-reduced-motion:reduce){.stats .waving-flag{animation:none;will-change:auto}}

/* Page 4 — Marchés & Applications, scoped additions only */
.markets-hero{padding:85px 0 90px;background:linear-gradient(105deg,rgba(5,30,59,.95) 0%,rgba(9,49,88,.91) 56%,rgba(5,32,62,.63) 100%),url('assets/accueil-technique-03.webp') center/cover;color:#fff;border-bottom:4px solid #e7b319}
.markets-hero h1{color:#fff;max-width:850px;font-size:clamp(35px,4.7vw,58px);line-height:1.1}
.markets-hero p{color:#e3edf8;max-width:740px;font-size:18px;line-height:1.7}
.markets-section{background:#f3f7fb}
.markets-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px;margin-top:36px}
.market-card{grid-column:span 2;background:#fff;border:1px solid #dae4ee;box-shadow:0 12px 30px rgba(15,47,78,.09);overflow:hidden;display:flex;flex-direction:column}
.market-card-wide{grid-column:span 3}
.market-card img{width:100%;aspect-ratio:1.85/1;object-fit:cover;display:block}
.market-card-wide img{aspect-ratio:2.2/1}
.market-copy{padding:25px 25px 28px;flex:1}
.market-num{display:block;color:#c49a08;font-size:12px;font-weight:800;letter-spacing:1.1px}
.market-card h3{color:#0b3565;font-size:21px;line-height:1.25;margin:12px 0 13px}
.market-card p{color:#536d85;font-size:15px;line-height:1.65;margin:0}
.markets-disclaimer{font-size:12px;color:#63798d;margin:26px 0 0;max-width:900px}
.markets-cta .eyebrow{margin-bottom:12px}
@media(max-width:900px){.market-card,.market-card-wide{grid-column:span 3}}
@media(max-width:590px){.market-card,.market-card-wide{grid-column:span 6}.markets-hero{padding:62px 0}.market-copy{padding:20px}.market-card img,.market-card-wide img{aspect-ratio:1.75/1}}


/* PAGE 5 — bloc unique, nettoyé. Les pages 1 à 4 ne sont pas concernées. */
.plaquette-page{position:relative;isolation:isolate;background:#f9fbfd}
/* Un seul calque de filigrane sur toute la page, sans raccord entre sections. */
.plaquette-page::before{
  content:"";position:absolute;top:78px;left:0;width:100%;height:650px;
  z-index:0;pointer-events:none;
  background:url('assets/page5-filigrane-clean.png') center top/100% 650px no-repeat;
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 62%,transparent 100%);
  mask-image:linear-gradient(to bottom,#000 0%,#000 62%,transparent 100%);
}
.plaquette-page .top{position:relative;z-index:5}
.plaquette-page .pagehero,.plaquette-page .section{position:relative;z-index:1;background:transparent}
.plaquette-page .pagehero{padding:32px 0 38px;border-bottom:1px solid #d9e2eb}
.plaquette-page .pagehero h1{margin:8px 0 13px}
.plaquette-page .pagehero p{margin:0;max-width:880px}
.plaquette-page .section{padding:7px 0 65px}
.plaquette-page .reader{position:relative;background:rgba(231,239,247,.91);border:1px solid #d1dce8;border-radius:9px;padding:14px 17px 16px;box-shadow:0 15px 40px rgba(30,59,87,.17)}
.plaquette-page .reader-top{margin-bottom:11px;min-height:32px}
.plaquette-page .reader-stage{height:590px;min-height:590px;padding:0;background:#aeb9c5 url('assets/page5-aluminium-reference-fidele.jpg') center/cover no-repeat;border:1px solid #abb8c5;border-radius:4px 4px 0 0;box-shadow:inset 0 2px 10px rgba(19,38,58,.14)}
.plaquette-page .reader-stage img{height:570px;max-height:calc(100% - 14px);max-width:95%;width:auto;object-fit:contain;box-shadow:0 8px 22px rgba(10,31,54,.32)}
.plaquette-page .reader-controls{margin-top:0;background:linear-gradient(#293e50,#182b3c);color:#f2f6fa;border-radius:0 0 4px 4px;min-height:42px;gap:22px}
.plaquette-page .reader-controls button{background:transparent;color:#f4f8fb;border:1px solid #65798b;padding:5px 12px}
.plaquette-page .reader-controls strong{font-size:13px}
.plaquette-page .reader .muted{margin-bottom:0}
@media(max-width:900px){.plaquette-page::before{background-size:auto 650px;background-position:right top}.plaquette-page .reader-stage{height:540px;min-height:540px}.plaquette-page .reader-stage img{height:520px}}
@media(max-width:600px){.plaquette-page .pagehero{padding:28px 0}.plaquette-page .reader{padding:9px}.plaquette-page .reader-stage{height:390px;min-height:390px}.plaquette-page .reader-stage img{height:370px}.plaquette-page::before{opacity:.7}}

/* Page 5 : double-page fonctionnelle ; aucun changement aux fonds et textures validés. */
.plaquette-page .book-spread{display:flex;justify-content:center;align-items:center;width:100%;height:100%;gap:0;min-width:0}
.plaquette-page .book-spread img{display:block;flex:0 1 auto;width:auto;height:calc(100% - 20px);max-width:49%;max-height:570px;object-fit:contain;box-shadow:0 8px 22px rgba(10,31,54,.32)}
.plaquette-page .book-spread img[hidden]{display:none}
.plaquette-page .book-spread:not(.single-page) img+img{box-shadow:4px 8px 22px rgba(10,31,54,.27)}
.plaquette-page .reader-stage.single-page .book-spread img{max-width:95%}
.plaquette-page .reader-controls{flex-wrap:wrap;gap:12px}
.plaquette-page .reader-stage:fullscreen{height:100vh;min-height:100vh;background-size:cover;padding:18px}
.plaquette-page .reader-stage:fullscreen .book-spread img{max-height:calc(100vh - 40px)}
@media(max-width:700px){.plaquette-page .book-spread img{max-width:95%;height:calc(100% - 14px)}.plaquette-page .reader-controls{gap:7px}.plaquette-page .reader-controls button{font-size:12px}}


/* Page 5 — navigation épurée, sans rotation ni doublon graphique. */
.plaquette-page .reader-stage{position:relative;overflow:hidden}
.plaquette-page .book-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;display:grid;place-items:center;width:35px;height:35px;padding:0;border:0;border-radius:50%;background:rgba(249,251,253,.78);color:#183b58;font-size:21px;line-height:1;cursor:pointer;box-shadow:0 2px 7px rgba(20,40,60,.10);transition:background .15s ease,opacity .15s ease}
.plaquette-page .book-arrow:hover{background:#fff}
.plaquette-page .book-arrow:disabled{opacity:.15;cursor:default}
.plaquette-page .book-arrow-left{left:9px}
.plaquette-page .book-arrow-right{right:9px}
.plaquette-page .reader-controls button[hidden]{display:none!important}
.plaquette-page .book-progress{display:flex;align-items:center;gap:12px;padding:12px 8px 0}
.plaquette-page .book-progress input{flex:1;min-width:0;appearance:none;-webkit-appearance:none;height:6px;border:0;border-radius:20px;outline-offset:5px;cursor:pointer;background:linear-gradient(to right,#697681 var(--progress,0%),#cbd2d8 var(--progress,0%))}
.plaquette-page .book-progress input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:48px;height:10px;border-radius:20px;background:#606a72;border:0;cursor:grab}
.plaquette-page .book-progress input::-moz-range-thumb{width:48px;height:10px;border-radius:20px;background:#606a72;border:0;cursor:grab}
.plaquette-page .book-progress span{font-size:12px;color:#536a7e;min-width:42px;text-align:right}
@media(max-width:700px){.plaquette-page .book-arrow{width:28px;height:28px;font-size:17px}.plaquette-page .book-arrow-left{left:3px}.plaquette-page .book-arrow-right{right:3px}}

/* Correctif final ciblé page 5 : aucun bord transversal entre hero et lecteur. */
.plaquette-page .pagehero{border-bottom:0}
/* Feuille mobile confinée dans la double-page, sans mouvement parasite. */
.plaquette-page .book-spread{position:relative;perspective:1800px;overflow:visible}
.plaquette-page .book-leaf{position:absolute;top:50%;left:50%;height:calc(100% - 20px);width:auto;max-width:49%;object-fit:contain;transform-origin:left center;transform:translateY(-50%) rotateY(0deg);backface-visibility:hidden;pointer-events:none;z-index:2;box-shadow:0 6px 15px #13283b36}
.plaquette-page .book-leaf.turn-next{animation:omtech-leaf-next .58s cubic-bezier(.35,.05,.2,1) forwards}
.plaquette-page .book-leaf.turn-back{left:auto;right:50%;transform-origin:right center;animation:omtech-leaf-back .58s cubic-bezier(.35,.05,.2,1) forwards}
@keyframes omtech-leaf-next{0%{transform:translateY(-50%) rotateY(0deg);opacity:1}75%{opacity:1}100%{transform:translateY(-50%) rotateY(-179deg);opacity:0}}
@keyframes omtech-leaf-back{0%{transform:translateY(-50%) rotateY(0deg);opacity:1}75%{opacity:1}100%{transform:translateY(-50%) rotateY(179deg);opacity:0}}
@media(prefers-reduced-motion:reduce){.plaquette-page .book-leaf.turn-next,.plaquette-page .book-leaf.turn-back{animation:none;display:none}}
/* Flèches dessinées au trait, non dépendantes des glyphes des polices. */
.plaquette-page .book-arrow{font-size:0;background:transparent;box-shadow:none;width:32px;height:46px;border-radius:0}
.plaquette-page .book-arrow:hover{background:rgba(255,255,255,.38)}
.plaquette-page .book-arrow svg{width:26px;height:26px;stroke:#173b57;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}

/* Page 5 : restauration de la grande lecture, sans changer les habillages validés. */
@media(min-width:901px){
 .plaquette-page .reader-stage{height:710px;min-height:710px}
 .plaquette-page .reader-stage img{height:690px;max-height:calc(100% - 14px)}
 .plaquette-page .book-spread img{height:calc(100% - 14px);max-height:690px;max-width:49%}
 .plaquette-page .book-leaf{height:calc(100% - 14px)}
}
@media(min-width:701px) and (max-width:900px){
 .plaquette-page .reader-stage{height:620px;min-height:620px}
 .plaquette-page .book-spread img{height:calc(100% - 14px);max-height:600px;max-width:49%}
}

/* Page 6 uniquement : bandeau compact, sans effet sur les pages 1 à 5. */
.contact-page .pagehero{padding:34px 0 38px}
.contact-page .pagehero h1{margin:8px 0 12px;font-size:clamp(30px,3.3vw,43px)}
.contact-page .pagehero p{margin:0;max-width:790px;line-height:1.55}
@media(max-width:600px){.contact-page .pagehero{padding:28px 0 32px}}

/* Page 6 : engagement de confidentialite (sans incidence sur les autres pages) */
.contact-page .confidentialite-projet{margin-top:22px;padding:22px 24px;background:#e9f0f8;border-left:4px solid #ffcf24;color:#0a315c}
.contact-page .confidentialite-projet h3{font-size:18px;margin:0 0 12px;text-transform:uppercase;letter-spacing:.02em}
.contact-page .confidentialite-projet p{margin:0 0 12px;line-height:1.6}
.contact-page .confidentialite-projet .confidentialite-document{font-weight:700;text-decoration:underline;text-underline-offset:3px}
.contact-page .confidentialite-projet .confidentialite-prudence{font-size:13px;margin-bottom:0}

/* Page 6 : coordonnées commerciales uniquement — autres pages inchangées */
.contact-page .contact-coordinates{padding:27px 28px 24px}
.contact-page .contact-coordinates h3{margin:10px 0 7px}
.contact-page .contact-coordinates .contact-intro{margin:0 0 17px;color:#526c88;font-size:13px}
.contact-page .contact-address{border-top:1px solid #dbe4ee;padding:14px 0 12px;font-size:13px;line-height:1.55}
.contact-page .contact-address:last-child{padding-bottom:0}
.contact-page .contact-heading{display:flex;align-items:center;gap:9px;color:#093c72;margin-bottom:5px;font-size:14px}
.contact-page .contact-flag{font-size:18px;line-height:1}
.contact-page .contact-person{font-weight:600;color:#123b64;margin:3px 0}
.contact-page .contact-address address{font-style:normal;color:#415b75;margin:2px 0 6px}
.contact-page .contact-address a{display:block;color:#0a548c;text-decoration:none;overflow-wrap:anywhere}
.contact-page .contact-address a:hover{text-decoration:underline}
@media(max-width:600px){.contact-page .contact-coordinates{padding:22px 19px}}

/* Page 6 uniquement — colonnes alignees et coordonnees avec pictogrammes */
.contact-page .contact-two{align-items:stretch;gap:32px}
.contact-page .contact-left{min-width:0;display:flex;flex-direction:column;padding:27px 0 0}
.contact-page .contact-left h2{margin-top:0}
.contact-page .contact-left .confidentialite-projet{flex:1;margin-top:22px}
.contact-page .contact-coordinates{height:100%;box-sizing:border-box}
.contact-page .contact-address{padding:15px 0 14px}
.contact-page .contact-heading strong{font-size:14px}
.contact-page .contact-methods{display:flex;align-items:center;gap:12px 20px;flex-wrap:wrap;margin-top:9px}
.contact-page .contact-methods a{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;font-size:13px;text-decoration:underline;text-underline-offset:3px}
.contact-page .contact-methods .contact-whatsapp-icon{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#28c75b;color:white;font-size:17px;line-height:1;font-weight:700}
.contact-page .contact-methods .contact-email span{font-size:23px;color:#1687df;line-height:1}
.contact-page .confidentialite-document small{display:block;margin-top:14px;text-decoration:none;font-weight:600}
@media(max-width:850px){.contact-page .contact-two{display:block}.contact-page .contact-left{padding:0}.contact-page .contact-coordinates{height:auto;margin-top:24px}}

/* PAGE 6 — maquette approuvée : styles isolés, sans toucher aux autres pages. */
@media(min-width:851px){
 .contact-page .contact-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:stretch}
 .contact-page .contact-left,.contact-page .contact-coordinates{background:#fff;border:1px solid #dbe5ef;box-shadow:0 3px 18px rgba(13,44,76,.045);padding:28px 28px 24px;min-width:0;box-sizing:border-box;height:100%}
 .contact-page .contact-left{display:flex;flex-direction:column}
 .contact-page .contact-left .confidentialite-projet{margin-top:24px;flex:1}
}
.contact-page .contact-left h2{font-size:clamp(32px,3.6vw,45px);line-height:1.17;letter-spacing:-.025em;margin:4px 0 22px}
.contact-page .contact-left>.actions{margin-top:16px}
.contact-page .contact-coordinates{padding:28px 28px 24px}
.contact-page .contact-coordinates .eyebrow{letter-spacing:.14em}
.contact-page .contact-coordinates h3{font-size:26px;margin:14px 0 4px}
.contact-page .contact-coordinates .contact-intro{font-size:14px;margin-bottom:25px}
.contact-page .contact-address{padding:18px 0 17px;font-size:14px}
.contact-page .contact-heading{gap:13px;font-size:16px;margin-bottom:10px}
.contact-page .contact-heading strong{font-size:16px}
.contact-page .contact-flag{font-size:24px}
.contact-page .contact-person{font-size:15px;margin:4px 0 10px}
.contact-page .contact-location{display:flex;gap:12px;align-items:flex-start;margin:8px 0 10px}
.contact-page .contact-location address{margin:0;line-height:1.65}
.contact-page .contact-pin-icon{width:21px;height:25px;flex:none;color:#0786ee;margin-top:1px}
.contact-page .contact-methods{gap:10px 15px;margin-top:13px}
.contact-page .contact-methods a{font-size:14px;gap:9px;color:#0878d8}
.contact-page .contact-methods .contact-whatsapp-icon{display:block;width:26px;height:26px;flex:none;border-radius:0;background:none}
.contact-page .contact-methods .contact-mail-icon{width:26px;height:26px;flex:none;color:#0786ee}
.contact-page .confidentialite-document a{display:inline;overflow-wrap:break-word}
@media(max-width:850px){.contact-page .contact-left{background:#fff;padding:22px 20px;border:1px solid #dbe5ef}.contact-page .contact-coordinates{margin-top:18px}.contact-page .contact-methods a{white-space:normal}}

/* Page 6: drapeaux flottants existants de la page accueil */
.contact-page .contact-production-flags{display:inline-flex;align-items:center;gap:5px;flex-wrap:wrap;vertical-align:middle}
.contact-page .contact-production-flags .waving-flag{width:55px;height:37px;flex:0 0 auto}

/* Restauration visuelle ciblee 20-10-2026 : pas de changement structurel. */
/* Supprimer le filet jaune sous la navigation sur toutes les pages. */
.top{border-bottom:0 !important;}
/* Restaurer le panneau bleu metal brosse derriere les titres jaunes des sections. */
.section .eyebrow, .pagehero .eyebrow, .markets-hero .eyebrow,
.contact-page .eyebrow, .showcase .eyebrow {
 display:table;
 width:auto;
 max-width:100%;
 box-sizing:border-box;
 padding:9px 18px;
 margin:0 0 20px;
 color:#ffd73d;
 background-color:#104a86;
 background-image:linear-gradient(180deg,rgba(255,255,255,.055),transparent 35%,rgba(0,14,43,.16)),url('assets/bleu-brosse-reference.webp');
 background-size:100% 100%,cover;
 background-position:center;
 background-repeat:no-repeat;
}