:root{--navy:#003366;--navy-dark:#092142;--green:#1C8048;--green-hover:#166A3B;--trait:#5BC889;--text:#0F1F33;--bg:#F7F7F7;--white:#ffffff;--line:#E2E8F0;--muted:#5A6B7D;--radius-lg:32px;--radius-md:24px;--pill:999px;--font:"Fraunces","Source Serif 4",Georgia,"PingFang SC","Hiragino Sans",sans-serif;}
.container{max-width:1176px;margin:0 auto;padding:0 24px}
.hd-wrap,.hd-wrap.scrolled,.hd-wrap.open{background:var(--c-off,#f6f1e7);padding:14px 0}
.hd-pill,.hd-wrap.scrolled .hd-pill,.hd-wrap.open .hd-pill{background:#FFFFFF;border:1px solid var(--line);border-radius:var(--pill);min-height:72px;display:flex;align-items:center;gap:24px;padding:10px 14px 10px 28px}
.logo{display:flex;flex-direction:column;line-height:1.1;flex-shrink:0}
.logo-name{font-weight:800;font-size:20px;color:var(--navy);letter-spacing:.5px;display:flex;align-items:center;gap:8px}
.logo-name::after{content:none;display:none}
.logo-sub{font-size:11px;color:var(--text)}
.hd-nav{display:flex;align-items:center;gap:22px;margin-left:auto;font-weight:600;font-size:14.5px;color:var(--navy)}
.hd-nav>a:hover{color:var(--green)}
.drop{position:relative}
.drop>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:5px;font-weight:600;color:var(--navy)}
.drop>summary::-webkit-details-marker{display:none}
.drop>summary .caret{font-size:10px}
.drop[open]>summary{color:var(--green)}
.drop-menu{position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%);background:var(--white);border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 40px rgba(0,34,68,.14);padding:10px;min-width:190px;z-index:60;display:flex;flex-direction:column}
.drop-menu a{padding:9px 14px;border-radius:10px;font-size:14px;font-weight:500;color:var(--text);white-space:nowrap}
.drop-menu a:hover{background:var(--bg);color:var(--navy)}
.drop-menu a.on{color:var(--green);font-weight:700}
.hd-right{display:flex;align-items:center;gap:12px;flex-shrink:0}
.lang-pill{border:1px solid var(--line);border-radius:var(--pill);padding:8px 16px;background:var(--white);font-size:13.5px}
.lang-drop .drop-menu{left:auto;right:0;transform:none;max-height:320px;overflow:auto}
@media(max-width:1024px){.hd-nav{display:none}.mmenu .drop-menu{right:0;left:auto;transform:none}}
@media(max-width:768px){.hd-pill{padding:8px 10px 8px 18px;gap:10px}.hd-right .btn{display:none}}
.hd-wrap{position:sticky;top:0;z-index:70}
.hd-pill{transition:min-height .3s,box-shadow .3s}
.hd-wrap.scrolled .hd-pill{min-height:56px;box-shadow:0 12px 32px rgba(0,34,68,.14)}
@media (prefers-reduced-motion:reduce){.hslide,.hslide .hero-img,.hslide .hero-content>*,.btn::after,.pcard-img img,.hd-pill{transition:none!important}}
.lang-pill{display:inline-flex;align-items:center;gap:7px}
.lang-pill svg{color:var(--navy);flex-shrink:0}
@media(max-width:768px){.hd-pill{gap:8px;padding:8px 8px 8px 14px}.logo-name{font-size:17px}.logo-sub{font-size:10px}.lang-pill{padding:7px 12px;font-size:12.5px}}
.lang-drop .drop-menu{max-height:70vh}
.logo-sub b{font-weight:700}
@media(max-width:480px){.logo-name{font-size:13.5px;letter-spacing:0}.lang-pill svg{display:none}.lang-pill{padding-left:9px;padding-right:9px}}
.logo-domain{font-size:11px;color:#1C8048;line-height:1.1;margin-top:1px}
@media(max-width:480px){.logo-domain{font-size:10px}}
footer>.f-cbsites+.container{padding-top:56px}
.logo-domain{color:#1C8048;font-weight:600}
.hd-pill .logo{align-items:flex-start}
.hd-pill .logo-name{flex-direction:column;align-items:stretch;width:max-content;max-width:100%;gap:2px}
.hd-pill .logo-name::after{content:none!important;display:none!important}
.hd-pill .logo .logo-domain,.hd-pill .logo .logo-sub{display:block;margin-top:2px;font-size:13px;font-weight:700;color:#1C8048!important;letter-spacing:.02em;line-height:1.1;white-space:nowrap}
@media (max-width:480px){.hd-pill .logo .logo-domain,.hd-pill .logo .logo-sub{font-size:12px}.hd-pill .logo-name{gap:2px}}
/* products drop long list 1330 */.hd-nav .drop:not(.lang-drop) .drop-menu{max-height:min(70vh,520px);overflow:auto;min-width:280px;left:0;transform:none}
.hd-nav .drop:not(.lang-drop) .drop-menu a{white-space:normal;line-height:1.35}@font-face{font-family:'Archivo';src:url(fonts2/Archivo-800-normal.woff2) format('woff2');font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:'IBM Plex Sans';src:url(fonts2/IBMPlexSans-400-normal.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'IBM Plex Sans';src:url(fonts2/IBMPlexSans-600-normal.woff2) format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url(fonts2/IBMPlexMono-400-normal.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url(fonts2/IBMPlexMono-500-normal.woff2) format('woff2');font-weight:500;font-style:normal;font-display:swap}
/* v2 commun : fonds et utilitaires */
.v2 *{box-sizing:border-box}
.v2 img{max-width:100%;display:block}
.v2 .w{max-width:1200px;margin:0 auto;padding:0 24px}
.v2 section{position:relative;padding:96px 0;overflow:hidden}
.v2 .bg-navy{background:var(--c-navy);color:#eef2f7}
.v2 .bg-off{background:var(--c-off)}
.v2 .bg-white{background:#fff}
.v2 .bg-green{background:var(--c-green);color:#fff}
.v2 .bg-grid{background-color:var(--c-off);background-image:linear-gradient(var(--c-line) 1px,transparent 1px),linear-gradient(90deg,var(--c-line) 1px,transparent 1px);background-size:24px 24px}
.v2 .bg-mm{background-color:#fbfcfa;background-image:linear-gradient(rgba(0,120,90,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(0,120,90,.18) 1px,transparent 1px),linear-gradient(rgba(0,120,90,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(0,120,90,.07) 1px,transparent 1px);background-size:50px 50px,50px 50px,10px 10px,10px 10px}
.v2 .bg-stripe{background:repeating-linear-gradient(90deg,var(--c-off) 0 22px,#fff 22px 24px)}
.v2 .bg-pin{background:repeating-linear-gradient(90deg,var(--c-navy) 0 17px,rgba(255,255,255,.045) 17px 18px);color:#eef2f7}
.v2 .bg-kraft{background-color:#c9a274;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .22 0 0 0 0 .1 0 0 0 .32 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),repeating-linear-gradient(8deg,rgba(255,255,255,.05) 0 2px,transparent 2px 7px);color:#2a1c0f}
.v2 .grain::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.25;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}
.v2 .marquee{overflow:hidden;white-space:nowrap;padding:18px 0;border-block:1px solid currentColor}
.v2 .marquee span{display:inline-block;animation:mq 38s linear infinite;padding-right:40px}
@keyframes mq{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.v2 .marquee span{animation:none}}
.v2 .mono{font-family:var(--f-mono);letter-spacing:.04em}
.v2 .eyebrow{font-family:var(--f-mono);font-size:.78rem;text-transform:uppercase;letter-spacing:.14em;display:inline-block;margin-bottom:14px}
.v2 h1,.v2 h2,.v2 h3{font-family:var(--f-title);margin:0 0 .5em;line-height:1.04;font-weight:var(--w-title,400)}
.v2 p{line-height:1.6}
.v2 .lead{font-size:1.15rem;max-width:60ch}
.v2 .btn2{display:inline-flex;align-items:center;gap:10px;padding:14px 24px;border-radius:999px;font-weight:600;text-decoration:none;background:var(--c-green);color:#fff;border:2px solid var(--c-green)}
.v2 .btn2.ghost{background:transparent;color:inherit;border-color:currentColor}
.v2 .btn2:hover{filter:brightness(1.08)}
.v2 .devis-wrap{display:grid;grid-template-columns:1fr 1.3fr;gap:56px;align-items:start}
.v2 .devis-wrap .devis-form{background:#fff;color:#0f1d33;padding:32px;border-radius:6px;box-shadow:0 30px 60px -30px rgba(0,0,0,.35)}
.v2 .coords2{list-style:none;padding:0;margin:24px 0;display:grid;gap:14px}
.v2 .coords2 a{color:inherit}
.v2 .coords2 b{display:block;font-family:var(--f-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;opacity:.7;font-weight:500}
@media (max-width:860px){.v2 section{padding:64px 0}.v2 .devis-wrap{grid-template-columns:1fr;gap:32px}.v2 .devis-wrap .devis-form{padding:20px}}
.v2 :is(.bg-navy,.bg-pin,.bg-green,.dark) :is(h1,h2,h3,h4,p,li,dd,dt,b){color:inherit!important}
.v2 :is(.bg-navy,.bg-pin,.bg-green,.dark){color:#eef2f7}
.v2 h1,.v2 h2,.v2 h3{color:inherit}
.v2 .devis-form,.v2 .devis-form *{color:#0f1d33}
.v2 .devis-form .btn-submit{color:#fff!important}

.v2{--c-navy:#13294b;--c-green:#1C8048;--c-off:#f6f1e7;--c-line:rgba(29,26,22,.14);--w-title:800;--f-title:'Archivo',system-ui,sans-serif;--f-text:'IBM Plex Sans',system-ui,sans-serif;--f-mono:'IBM Plex Mono',monospace;font-family:var(--f-text);color:#1d1a16}
.v2 h1,.v2 h2,.v2 h3{font-family:var(--f-title);font-weight:800;letter-spacing:-.03em;color:#13294b}
.v2 h1{font-size:clamp(2.6rem,6.4vw,5.6rem);line-height:.96}.v2 h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1}
.sp-awn{background:#1C8048;color:#fff;position:relative;overflow-x:clip;outline:none}
.sp-mq-t{display:flex;width:max-content;animation:sp-mq 70s linear infinite}
.sp-mq:hover .sp-mq-t,.sp-mq:focus-within .sp-mq-t{animation-play-state:paused}
.sp-mq:focus-visible{box-shadow:inset 0 0 0 2px #fff}
.sp-mq-g{display:flex;margin:0;padding:0;list-style:none;flex-shrink:0}
.sp-mq-g li{padding:9px 0;font-size:15px;font-weight:600;white-space:nowrap;line-height:1.4}
.sp-mq-g li::after{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#f6f1e7;margin:0 28px;vertical-align:middle;opacity:.8}
@keyframes sp-mq{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.sp-mq-t{animation:none;width:auto}.sp-mq-t .sp-mq-g[aria-hidden]{display:none}.sp-mq-g{flex-wrap:wrap;justify-content:center;padding:0 20px;flex-shrink:1}.sp-mq-g li{white-space:normal}}
.sp-hero{background:#f6f1e7;padding:90px 0 80px!important}
.sp-hero .w{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.sp-hero .cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.sp-hero .ph{position:relative}
.sp-hero .ph img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:220px 220px 6px 6px}
.sp-hero .ph .tag{position:absolute;left:-24px;bottom:40px;background:#fff;font-family:var(--f-mono);font-size:.78rem;padding:14px 18px;border:1.5px solid #13294b;line-height:1.6}
.sp-tk{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;align-items:start;margin-top:44px}
.sp-tk article{background:#fff;padding:30px 28px 34px;font-family:var(--f-mono);font-size:.86rem;position:relative;box-shadow:0 18px 30px -22px rgba(0,0,0,.35)}
.sp-tk article::before,.sp-tk article::after{content:"";position:absolute;left:0;right:0;height:12px;background:linear-gradient(135deg,transparent 6px,#fff 0) 0 0/12px 12px repeat-x,linear-gradient(-135deg,transparent 6px,#fff 0) 0 0/12px 12px repeat-x}
.sp-tk article::before{top:-12px;transform:scaleY(-1)}.sp-tk article::after{bottom:-12px}
.sp-tk article:nth-child(2){margin-top:60px}.sp-tk article:nth-child(3){margin-top:20px}
.sp-tk img{width:100%;aspect-ratio:1;object-fit:contain;background:#f6f1e7;margin-bottom:18px}
.sp-tk h3{font-size:1.45rem;margin:0 0 10px}
.sp-tk .ln{display:flex;justify-content:space-between;gap:10px;border-top:1px dashed #9a8f7d;padding:9px 0}
.sp-tk .ln span:last-child{text-align:right;font-weight:500}
.sp-tk .no{font-size:.72rem;letter-spacing:.2em;color:#1C8048}
.sp-micro{padding:0!important;display:grid;grid-template-columns:1fr 1fr;background:#13294b;color:#e9eef5}
.sp-micro img{width:100%;height:100%;object-fit:cover;min-height:520px}
.sp-micro .tx{padding:90px 7vw}
.sp-micro .lead{color:#c9d3e2}
.sp-micro .holes{display:grid;grid-template-columns:repeat(14,1fr);gap:10px;max-width:360px;margin:30px 0}
.sp-micro .holes i{aspect-ratio:1;border-radius:50%;background:#f6f1e7;opacity:.85}
.sp-micro .holes i:nth-child(3n){opacity:.25}
.sp-micro small{display:block;font-family:var(--f-mono);font-size:.8rem;color:#9fb1cc;line-height:1.7}
.sp-board{background:#1d2b22;color:#eae6da;background-image:radial-gradient(rgba(255,255,255,.04) 1px,transparent 1px);background-size:5px 5px}
.sp-board .w{display:grid;grid-template-columns:.7fr 1.3fr;gap:60px}
.sp-board ol{list-style:none;margin:0;padding:0}
.sp-board li{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;padding:18px 0;border-bottom:1px solid rgba(234,230,218,.18)}
.sp-board li b{font-family:var(--f-title);font-size:1.35rem;color:#fff}
.sp-board li span{grid-column:1/-1;color:#c8c2b2}
.sp-board li em{font-style:normal;font-family:var(--f-mono);font-size:.75rem;color:#7fd3a9;align-self:center;justify-self:end}
.sp-devis{background:#f6f1e7}
@media(max-width:860px){.sp-hero .w,.sp-board .w,.sp-micro{grid-template-columns:1fr}.sp-tk{grid-template-columns:1fr}.sp-tk article{margin-top:20px!important}.sp-hero .ph .tag{left:10px}.sp-micro img{min-height:300px}.sp-micro .tx{padding:60px 22px}}
.cbs-top{background:#092142;color:rgba(255,255,255,.78);font:12.5px Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;position:relative;z-index:50}.cbs-top .in{max-width:1200px;margin:0 auto;padding:0 32px;min-height:32px;display:flex;align-items:center;justify-content:center;gap:22px;white-space:nowrap}.cbs-top .lab{color:rgba(255,255,255,.55);font-size:12px;letter-spacing:.06em;text-transform:uppercase}.cbs-top a{color:rgba(255,255,255,.85)!important;text-decoration:none!important;font-size:12.5px}.cbs-top a:hover{color:#5BC889!important}.cbs-top a.all{margin-left:10px;padding-left:18px;border-left:1px solid rgba(255,255,255,.2);color:#5BC889!important;font-weight:500}.cbs-top a.all:hover{color:#fff!important}.cbs-top--in{background:transparent;flex:1;min-width:0}.satbar{background:#092142!important;color:rgba(255,255,255,.78)}@media(max-width:760px){.cbs-top .in{justify-content:flex-start;padding:0 16px;gap:14px;overflow-x:auto;scrollbar-width:none}.cbs-top .in::-webkit-scrollbar{display:none}.cbs-top a.all{margin-left:0;padding-left:0;border-left:0}}footer.cbs-foot{border-radius:0!important;--line:rgba(255,255,255,.10);--txt:rgba(255,255,255,.75);--muted:rgba(255,255,255,.55);background:#092142!important;color:var(--txt);font:15px/1.8 Inter,"Segoe UI",Helvetica,Arial,sans-serif;margin:0;padding:0;text-align:left;border:0}footer.cbs-foot *{box-sizing:border-box;margin:0;padding:0}footer.cbs-foot .wrap{max-width:1200px;margin:0 auto;padding:0 56px;width:auto}footer.cbs-foot a{color:var(--txt);text-decoration:none;transition:color .15s;display:inline;background:none;border:0;padding:0}footer.cbs-foot a:hover{color:#5BC889}footer.cbs-foot .main{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr);gap:48px 56px;padding:88px 0 80px;align-items:start}footer.cbs-foot .name{font-size:24px;font-weight:800;color:#fff;letter-spacing:.02em;line-height:1.2}footer.cbs-foot .domain{display:block;font-size:13px;font-weight:600;color:#5BC889;margin-top:6px}footer.cbs-foot .brand p{margin-top:22px;max-width:36em;color:var(--txt);font-size:14px;line-height:1.55}footer.cbs-foot .main li{white-space:nowrap};footer.cbs-foot .contact li{white-space:normal;overflow-wrap:anywhere}footer.cbs-foot h4{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#fff;margin:0 0 24px;line-height:1.2;font-family:inherit}footer.cbs-foot h4::after{content:none;display:none}footer.cbs-foot ul{list-style:none}footer.cbs-foot li{margin-bottom:12px;list-style:none;color:var(--txt)}footer.cbs-foot li::before{content:none}footer.cbs-foot .contact li span{color:rgba(255,255,255,.6)}footer.cbs-foot .group{border-top:1px solid var(--line);padding:36px 0 40px;text-align:center}footer.cbs-foot .group .label{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}footer.cbs-foot .group p{font-size:13.5px;line-height:2.1;color:#fff;max-width:900px;margin:0 auto;text-align:center}footer.cbs-foot .group a{white-space:nowrap;color:#fff}footer.cbs-foot .group a:hover{color:#5BC889}footer.cbs-foot .group .sep{margin:0 6px;opacity:.6}footer.cbs-foot .bottom{border-top:1px solid var(--line)}footer.cbs-foot .bottom .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:24px;padding-bottom:24px;font-size:13px;color:var(--muted)}footer.cbs-foot .bottom a{color:var(--muted)}footer.cbs-foot .bottom .sep{margin:0 10px}footer.cbs-foot .cred{font-size:12px;color:var(--muted);text-align:right}@media (max-width:900px) and (min-width:641px){footer.cbs-foot .main{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr);gap:40px 32px}}@media (max-width:640px){footer.cbs-foot .wrap{padding:0 28px}footer.cbs-foot .main{grid-template-columns:1fr 1fr;gap:40px 24px;padding:60px 0 52px}footer.cbs-foot .brand{grid-column:1/-1}footer.cbs-foot .brand p,footer.cbs-foot .main li{white-space:normal}footer.cbs-foot .group{padding:32px 0}footer.cbs-foot .group p{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 16px;line-height:1.6}footer.cbs-foot .group .sep,footer.cbs-foot .group .gbr{display:none}footer.cbs-foot .m-hide{display:none}footer.cbs-foot .bottom .copy{display:block;margin-bottom:4px}footer.cbs-foot .bottom .wrap{flex-direction:column;align-items:center;text-align:center;gap:10px}footer.cbs-foot .cred{text-align:center}}@media (max-width:760px){body .cbs-top{height:auto!important;min-height:0!important}body .cbs-top .in{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;align-content:center!important;gap:3px 14px!important;padding:8px 12px 9px!important;height:auto!important;min-height:0!important;overflow:visible!important;white-space:nowrap!important;text-align:center!important;max-width:none!important}body .cbs-top .lab{display:none!important}body .cbs-top .in a{font-size:12px!important;line-height:1.4!important;margin:0!important;padding:0!important;border:0!important}body .cbs-top .in a.all{flex:0 0 100%!important;width:100%!important;text-align:center!important}body .satbar .wrap{min-height:0!important;align-items:center!important}body .satbar .cbs-top .in{padding:8px 0 9px!important;gap:3px 14px!important}body .satbar .cbs-top .in a{min-height:0!important;display:inline-block!important}}footer.cbs-foot .group a{color:#fff!important}footer.cbs-foot .group a:hover{color:#5BC889!important}
/* v2 alignement strict boite-pizza */
footer.cbs-foot #sites-cbs-group>.label{position:static!important;left:auto!important;right:auto!important;transform:none!important;display:table!important;margin-left:auto!important;margin-right:auto!important;padding:0!important}
footer.cbs-foot #sites-cbs-group>.label{position:static!important;left:auto!important;transform:none!important}
footer.cbs-foot #sites-cbs-group>.label::after{position:static!important;left:auto!important;transform:none!important;width:100%!important;margin:8px 0 0!important}
footer.cbs-foot .brand .name{font-family:Inter,"Segoe UI",Helvetica,Arial,sans-serif!important;margin-bottom:0!important}
footer.cbs-foot .brand p{margin-top:16px!important}
footer.cbs-foot .main ul{display:block!important;gap:normal!important}
footer.cbs-foot .bottom{font-size:15px!important;color:rgba(255,255,255,.75)!important;padding-top:0!important;padding-bottom:0!important;line-height:24px!important}

@media(max-width:640px){html body footer.cbs-foot .main{grid-template-columns:1fr 1fr!important}}
footer.cbs-foot .bottom *{line-height:20.8px!important}

/* retouche 0511-0937 : section comptoir = bleu marine exact du bloc micro (#13294b) */
.sp-board{background-color:#13294b;color:#e9eef5;background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px)}
.sp-board li{border-bottom-color:rgba(233,238,245,.22)}
.sp-board li span{color:#c9d3e2}
.sp-board li em{color:#9fe3c0}
.sp-board .eyebrow{color:#9fe3c0!important}
.v2 .btn2:not(.ghost):hover{filter:none;background:#166A3B;border-color:#166A3B}

/* retouche 0511 : pastille langue lisible sous 480px (svg masqué + font-size:0 = pastille vide) */
@media(max-width:480px){.hd-wrap summary.lang-pill{width:auto!important;min-width:40px!important;padding:0 10px!important;font-size:12.5px!important;font-weight:700;color:var(--navy)}}

/* devis v1 : modele enveloppe-securisee, sans RDV */
.v2 .dv-card{background:#fff;border-radius:14px;padding:48px;display:grid;grid-template-columns:1fr 1.5fr;gap:56px;box-shadow:0 24px 50px -30px rgba(19,41,75,.35)}
.v2 .dv-side h2{color:#13294b;margin:0 0 16px}
.v2 .dv-side p{margin:0 0 24px;line-height:1.6}
.v2 .dv-coords{margin:0;display:grid;gap:4px}
.v2 .dv-coords dt{font-weight:700;color:#13294b;margin-top:12px}
.v2 .dv-coords dd{margin:0;line-height:1.6}
.v2 .dv-coords a{color:#1C8048}
.v2 .dv-form{background:none;padding:0;box-shadow:none}
.v2 .dv-legend{margin:0 0 18px;font-size:.92rem}
.v2 .dv-form .req{color:#1C8048!important}
.v2 .dv-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px}
.v2 .dv-grid .full{grid-column:1/-1}
.v2 .dv-f{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:.92rem}
.v2 .dv-f :is(input,select,textarea){font:inherit;font-weight:400;border:1px solid rgba(19,41,75,.22);border-radius:8px;padding:11px 12px;background:#fff;min-height:46px;width:100%;box-sizing:border-box}
.v2 .dv-f textarea{min-height:120px;resize:vertical}
.v2 .dv-f :is(input,select,textarea):focus{outline:2px solid #1C8048;outline-offset:1px;border-color:#1C8048}
.v2 .dv-consent{display:flex;gap:10px;align-items:flex-start;font-size:.92rem}
.v2 .dv-consent input{margin-top:4px}
.v2 .dv-form .hp{position:absolute;left:-9999px}
.v2 .dv-btn{margin-top:18px;background:#1C8048;color:#fff!important;border:0;border-radius:8px;padding:14px 26px;font:inherit;font-weight:700;cursor:pointer}
.v2 .dv-btn:hover{background:#166a3b}
.v2 .dv-note{font-size:.85rem;margin:14px 0 0;opacity:.8}
.v2 .dv-note a{color:#1C8048!important}
@media (max-width:860px){.v2 .dv-card{grid-template-columns:1fr;padding:24px;gap:32px}.v2 .dv-grid{grid-template-columns:1fr}}
.v2 .devis-form.dv-form{display:block!important;grid-template-columns:none!important}
.v2 .dv-f{display:block}
.v2 .dv-f :is(input,select,textarea){display:block;margin-top:6px}
.v2 .dv-form .status:empty{display:none}

/* mission 0511-2245 : fond kraft sur body + zone header ; pilule et panneau menu blancs */
body{background:#f6f1e7}
.hd-wrap,.hd-wrap.scrolled,.hd-wrap.open{background:#f6f1e7!important;padding:14px 0}
.hd-pill,.hd-wrap.scrolled .hd-pill,.hd-wrap.open .hd-pill{background:#fff!important}
.ea-panel{background:#fff!important;color:#0F1F33}
#produits.bg-grid{background-color:#f6f1e7;background-image:none}
.sp-board{background-image:none}
.sp-choose{margin:20px 0 0;padding:0;list-style:none;display:grid;gap:10px;max-width:62ch}
.sp-choose li{padding-left:1.1em;position:relative;line-height:1.55}
.sp-choose li::before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:50%;background:#1C8048}
.sp-intro{margin:18px 0 0;max-width:62ch;line-height:1.6}
#produits .sp-prod-intro{max-width:40rem;margin:0 auto;text-align:center}
#produits .sp-prod-intro .sp-choose{margin-left:auto;margin-right:auto;text-align:left}
#produits .sp-tk{width:100%}
.sp-complement{background:#fff;padding:88px 0 96px}
.sp-complement .sp-comp-head{max-width:44rem;margin:0 auto 48px;text-align:center}
.sp-complement .sp-comp-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 32px}
.sp-complement .sp-comp-grid>li{background:#f6f1e7;margin:0;padding:0;display:grid;align-content:start;min-height:100%}
.sp-complement .sp-comp-hasimg{grid-template-rows:auto 1fr}
.sp-complement .sp-comp-hasimg img{width:100%;aspect-ratio:16/10;object-fit:cover;background:#ebe4d8;display:block}
.sp-complement .sp-comp-body{padding:24px 26px 28px;display:flex;flex-direction:column;gap:12px;flex:1}
.sp-complement .sp-comp-nophoto{padding:28px 26px 32px;min-height:220px;border-top:3px solid #1C8048}
.sp-complement .sp-comp-nophoto .sp-comp-body{padding:0}
.sp-complement .sp-comp-span{grid-column:1/-1;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:stretch}
.sp-complement .sp-comp-span img{aspect-ratio:16/9;min-height:260px}
.sp-complement h3{font-family:var(--f-title);font-size:1.35rem;margin:0;line-height:1.35;color:#13294b}
.sp-complement p{margin:0;font-size:1rem;line-height:1.6;flex:1;color:#0F1F33}
.sp-complement a{font-weight:600;font-size:.95rem;color:#1C8048;text-decoration:none;margin-top:4px}
.sp-complement a:hover{color:#166A3B;text-decoration:underline}
.sp-foot-parent{margin-top:14px;font-size:13px;line-height:1.55;max-width:36em}
.sp-foot-parent a{color:#5BC889;text-decoration:underline;text-underline-offset:3px}
.sp-foot-parent a:hover{color:#fff}
@media(max-width:860px){.sp-complement .sp-comp-grid{grid-template-columns:1fr}.sp-complement .sp-comp-span{grid-template-columns:1fr}}
/* CEO 0711 : actions header groupées dans la pilule */
.hd-pill{display:flex;align-items:center;gap:18px;box-sizing:border-box;max-width:100%}
.hd-pill .hd-nav{flex:1 1 auto;min-width:0;justify-content:center}
.hd-pill .hd-right{display:flex;align-items:center;gap:10px;flex:0 0 auto;margin-left:auto;position:static!important}
.hd-pill .btn-devis-hd,.hd-pill .lang-pill{height:40px;box-sizing:border-box;display:inline-flex;align-items:center;margin:0!important;position:static!important;transform:none!important}
.hd-pill .lang-drop{position:relative;right:auto!important;top:auto!important;margin:0!important}
.hd-pill .lang-pill{gap:6px;padding:0 14px}
.hd-pill .lang-pill svg{width:14px;height:14px;stroke-width:1.6}
@media(max-width:480px){.hd-pill .lang-pill svg{display:inline-block!important}.hd-wrap .hd-pill summary.lang-pill{height:36px!important;padding:0 10px!important;gap:5px}.hd-pill .hd-right{gap:6px}}
/* CEO 0711b : gamme élargie détaillée */
.spx .spx-list{display:flex;flex-direction:column;gap:56px;margin-top:40px}
.spx-item{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.spx-item.rev .spx-ph{order:2}
.spx-ph{margin:0;position:relative;border-radius:24px;overflow:hidden;background:#EDE4D3;aspect-ratio:4/3}
.spx-ph img{width:100%;height:100%;object-fit:cover;display:block}
.spx-ph figcaption{position:absolute;left:16px;top:16px;background:#fff;color:var(--navy);font:600 12px/1 ui-monospace,Menlo,monospace;letter-spacing:.08em;padding:7px 10px;border-radius:999px}
.spx-body h3{font-size:clamp(24px,2.4vw,32px);margin:0 0 12px;color:var(--navy)}
.spx-body>p{margin:0 0 18px;color:var(--text);line-height:1.6}
.spx-k{font:600 12px/1 ui-monospace,Menlo,monospace!important;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)!important;margin:6px 0 10px!important}
.spx-spec{margin:0 0 18px;border-top:1px solid rgba(0,51,102,.15)}
.spx-spec>div{display:grid;grid-template-columns:150px 1fr;gap:12px;padding:9px 0;border-bottom:1px solid rgba(0,51,102,.15);font-size:15px}
.spx-spec dt{color:var(--muted)}.spx-spec dd{margin:0;color:var(--navy);font-weight:600}
.spx-uses{list-style:none;padding:0;margin:0 0 22px;display:flex;flex-wrap:wrap;gap:8px}
.spx-uses li{border:1px solid rgba(0,51,102,.25);border-radius:999px;padding:6px 12px;font-size:13.5px;color:var(--navy);background:#fff}
.spx-cta{display:flex;flex-wrap:wrap;align-items:center;gap:18px}
.spx-link{color:var(--green);font-weight:600;text-decoration:none}.spx-link:hover{text-decoration:underline}
@media(max-width:900px){.spx-item{grid-template-columns:1fr;gap:20px}.spx-item.rev .spx-ph{order:0}.spx .spx-list{gap:44px}.spx-spec>div{grid-template-columns:1fr;gap:2px}}
.spx-ph.pack{background:#fff;border:1px solid rgba(0,51,102,.1)}.spx-ph.pack img{object-fit:contain;padding:28px;box-sizing:border-box}
/* CEO 0711d : au scroll, seule la pilule reste visible */
html body .hd-wrap.scrolled,html body #ea-hd.scrolled{background:transparent!important;border:0!important;box-shadow:none!important;pointer-events:none}
html body .hd-wrap.scrolled .hd-pill,html body .hd-wrap.scrolled .ea-panel,html body .hd-wrap.open{pointer-events:auto}
html body .hd-wrap.scrolled .hd-pill{background:#fff!important;box-shadow:0 12px 32px rgba(0,34,68,.16)!important}
html body .hd-wrap.scrolled::before,html body .hd-wrap.scrolled::after{display:none!important}
/* CEO 0711f : Pour qui en cartes photo */
.sp-board .w{grid-template-columns:1fr!important;gap:32px}
.sp-board .w>div:first-child{text-align:center}
.sp-board ol{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.sp-board li{display:block!important;padding:0!important;border:0!important;background:#fff;border-radius:20px;overflow:hidden;color:var(--text)}
.sp-board li img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.sp-board li .tx{padding:16px 18px 20px;display:grid;grid-template-columns:1fr auto;gap:6px 10px}
.sp-board li b{color:var(--navy)!important;font-size:1.15rem}
.sp-board li em{color:var(--green)!important;border:1px solid currentColor;border-radius:999px;padding:3px 9px}
.sp-board li span{grid-column:1/-1;color:var(--muted)!important;font-size:.95rem;line-height:1.5}
@media(max-width:900px){.sp-board ol{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.sp-board ol{grid-template-columns:1fr}}
html body .sp-board li .tx b{color:#13294b!important}
html body .sp-board li .tx span{color:#4a5a6d!important}

/* === bloc-devis-2246 — sachet-kraft.com — override devis/contact (08/11/2026) : soulignement vert pleine largeur, espace titre/phrase, bouton RDV = bouton envoi === */
html body #contact.sp-devis h2:not(#z1):not(#z2){width:fit-content!important;max-width:100%!important}
html body #contact.sp-devis h2:not(#z1):not(#z2)::after{content:""!important;display:block!important;position:static!important;width:100%!important;height:3px!important;margin:12px 0 0!important;background:#1C8048!important;border:0!important;transform:none!important}
/* === fin bloc-devis-2246 === */