@font-face{font-family:Archivo;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(/fonts/archivo-400.woff2) format("woff2")}@font-face{font-family:Archivo;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(/fonts/archivo-600.woff2) format("woff2")}@font-face{font-family:Archivo;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(/fonts/archivo-700.woff2) format("woff2")}@font-face{font-family:Archivo;font-style:normal;font-weight:800;font-stretch:100%;font-display:swap;src:url(/fonts/archivo-800.woff2) format("woff2")}@font-face{font-family:Archivo;font-style:normal;font-weight:900;font-stretch:100%;font-display:swap;src:url(/fonts/archivo-900.woff2) format("woff2")}@font-face{font-family:Archivo Expanded;font-style:normal;font-weight:900;font-stretch:125%;font-display:swap;src:url(/fonts/archivo-expanded-900.woff2) format("woff2")}:root{--bleu:#32439C;--bleu-d:#26327A;--rouge:#EB1C24;--or:#F59E0B;--s1:#459DDD;--s2:#98D220;--s3:#F4F11E;--s4:#F37217;--s5:#EB1C24;--paper:#FBF9F4;--card:#FFFFFF;--ink:#151F3A;--muted:#5A627A;--line:#E7E3D8;--t1:#EEF1FA;--t2:#DBE1F4;--t3:#E8ECFA;--whatsapp:#25D366;--marge:60px;--col:1200px;--header:72px;--ease:cubic-bezier(.2,.7,.2,1);--fast:150ms;--mid:200ms;--slow:300ms}*,:after,:before{box-sizing:border-box;margin:0;padding:0;border-radius:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body,html{background:var(--paper)}body{font-family:Archivo,Arial,Helvetica,sans-serif;font-weight:600;font-size:15px;line-height:1.5;color:var(--ink);overflow-x:hidden}img,svg{display:block;max-width:100%;height:auto}a{text-decoration:none}a,button{color:inherit}button{font:inherit;background:none;border:0;cursor:pointer}ol,ul{list-style:none}:focus-visible{outline:2px solid var(--bleu);outline-offset:2px}.on-navy :focus-visible,.on-navy:focus-visible{outline-color:var(--s3)}.sr-only{width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip,.sr-only{position:absolute}.skip{left:var(--marge);top:-100px;z-index:100;padding:10px 14px;background:var(--ink);color:#fff;font-weight:800}.skip:focus{top:8px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--bleu)}.eyebrow.jaune{color:var(--s3)}.eyebrow.muted{color:var(--muted)}.titre{font-family:Archivo Expanded,Archivo,Arial,sans-serif;font-stretch:125%;font-weight:900;letter-spacing:-.01em;line-height:1.05}h1.titre{font-size:clamp(30px,4.2vw,48px);letter-spacing:-.02em;line-height:.98}h2.titre{font-size:clamp(24px,2.6vw,32px)}h3.titre{font-size:17px}.accroche{font-size:19px;font-weight:700;line-height:1.3}.legende{font-size:12px;font-weight:600;color:var(--muted);line-height:1.4}p{max-width:64ch}.wrap{max-width:calc(var(--col) + 2 * var(--marge));margin:0 auto;padding:0 var(--marge)}section{padding:64px 0}.sec-head{display:grid;grid-gap:10px;gap:10px;margin-bottom:28px}.sec-head .accroche{max-width:760px}.sec-head.row{grid-template-columns:1fr auto;align-items:end}.frise{display:flex;gap:4px}.frise i{display:block;width:14px;height:14px}.frise i:first-child{background:var(--s1)}.frise i:nth-child(2){background:var(--s2)}.frise i:nth-child(3){background:var(--s3)}.frise i:nth-child(4){background:var(--s4)}.frise i:nth-child(5){background:var(--s5)}.frise.sm i{width:9px;height:9px}.frise.lg i{width:22px;height:22px}.frise-prog{display:grid;grid-template-columns:repeat(5,1fr);height:4px;background:var(--t2)}.frise-prog i{display:block;height:100%;transform:scaleX(0);transform-origin:left;will-change:transform}.frise-prog i:first-child{background:var(--s1)}.frise-prog i:nth-child(2){background:var(--s2)}.frise-prog i:nth-child(3){background:var(--s3)}.frise-prog i:nth-child(4){background:var(--s4)}.frise-prog i:nth-child(5){background:var(--s5)}@supports (animation-timeline:scroll()){.frise-prog i{animation:remplir linear both;animation-timeline:scroll(root)}.frise-prog i:first-child{animation-range:0 20%}.frise-prog i:nth-child(2){animation-range:20% 40%}.frise-prog i:nth-child(3){animation-range:40% 60%}.frise-prog i:nth-child(4){animation-range:60% 80%}.frise-prog i:nth-child(5){animation-range:80% 100%}}@keyframes remplir{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.bloc{background:var(--card);border:1.5px solid var(--line);padding:11px}.pill{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;letter-spacing:.02em;padding:4px 10px;background:var(--t2);color:var(--bleu)}.pastille,.pill i{width:8px;height:8px;display:inline-block;flex:none}.pastille{transition:transform var(--fast) var(--ease)}.fam-eau{background:var(--s1)}.fam-primaire{background:var(--s2)}.fam-alkyde{background:var(--s3)}.fam-enduit{background:var(--s4)}.fam-colle{background:var(--s5)}.btn,.fam-sanitaire{background:var(--bleu)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:15px;min-height:44px;padding:10px 18px;color:#fff;white-space:nowrap;transition:transform .1s var(--ease);will-change:transform}.btn:active{transform:scale(.97)}.btn.rouge{background:var(--rouge);color:#fff}.btn.jaune{background:var(--s3);color:var(--ink)}.btn.ghost{background:transparent;border:1.5px solid var(--line);color:var(--ink)}.btn.ghost.blanc{border-color:rgba(255,255,255,.55);color:#fff}.btn.ghost.bleu{border-color:var(--bleu);color:var(--bleu)}.btn.wa{background:var(--whatsapp);color:#fff}.btn.sm{font-size:13px;min-height:40px;padding:8px 14px}.btn svg{width:18px;height:18px;flex:none}.lien{font-weight:800;color:var(--bleu);text-decoration:underline;text-underline-offset:3px}.top{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:var(--card);border-bottom:1.5px solid var(--line)}.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:var(--header)}.top .logo{display:block;flex:none;padding:8px 0}.top .logo img{height:54px;width:auto;transition:transform var(--mid) var(--ease);transform-origin:left center}.top.compact .logo img{transform:scale(.86)}.top nav ul{display:flex;gap:28px;font-size:15px;font-weight:700}.top nav a{padding:10px 0;border-bottom:2px solid transparent;display:inline-block}.top nav a:hover,.top nav a[aria-current=page]{border-bottom-color:var(--bleu)}.top .actions{display:flex;align-items:center;gap:12px}.top .menu-btn{display:none;width:44px;height:44px;border:1.5px solid var(--line);align-items:center;justify-content:center}.top .menu-btn svg{width:22px;height:22px}.sheet{position:fixed;inset:0;z-index:60;background:var(--paper);padding:20px;display:flex;flex-direction:column;gap:24px;transform:translateY(-100%);opacity:0;pointer-events:none;transition:transform .25s var(--ease),opacity .25s var(--ease)}.sheet.open{transform:translateY(0);opacity:1;pointer-events:auto}.sheet .head{display:flex;justify-content:space-between;align-items:center}.sheet .head img{height:40px;width:auto}.sheet ul.pages a{display:block;font-weight:800;font-size:24px;padding:12px 0;border-bottom:1.5px solid var(--line)}.sheet ul.tel a{display:flex;align-items:center;gap:10px;padding:12px 0;font-size:15px;font-weight:700}.sheet ul.tel a svg{width:20px;height:20px}.sheet .btn{align-self:flex-start}.hero,body.menu-open{overflow:hidden}.hero{position:relative;background:var(--bleu);color:#fff;min-height:min(640px,78vh);display:grid;align-items:stretch}.hero:before{inset:0;background-image:linear-gradient(rgba(255,255,255,.09) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 0);background-size:32px 32px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,1) 70%);mask-image:linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,1) 70%)}.hero:after,.hero:before{content:"";position:absolute}.hero:after{left:-20%;right:-20%;bottom:-40%;height:70%;background:radial-gradient(ellipse at center,rgba(38,50,122,0) 0,rgba(38,50,122,.9) 60%);pointer-events:none}.hero .sol{position:absolute;left:0;right:0;bottom:0;height:34%;background:linear-gradient(180deg,rgba(21,31,58,0),rgba(21,31,58,.55));background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 0);background-size:32px 16px;transform:perspective(320px) rotateX(48deg);transform-origin:bottom}.hero .wrap{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr 1fr;grid-gap:32px;gap:32px;align-items:end;width:100%;padding-top:56px;padding-bottom:40px}.hero .txt{align-self:center}.hero h1{margin:14px 0;color:#fff;max-width:14ch}.hero .sous{font-size:19px;font-weight:700;line-height:1.3;color:rgba(255,255,255,.92);max-width:36ch}.hero .cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.hero .frise{position:absolute;left:var(--marge);bottom:16px;z-index:3}.wa-float{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:45;width:56px;height:56px;background:var(--whatsapp);color:#fff;display:none;place-items:center;box-shadow:0 8px 20px rgba(21,31,58,.25);transform:translateY(16px);opacity:0;pointer-events:none;transition:transform var(--mid) var(--ease),opacity var(--mid) var(--ease)}.wa-float.show{transform:translateY(0);opacity:1;pointer-events:auto}.wa-float:active{transform:scale(.95)}.wa-float svg{width:30px;height:30px}footer .navy{background:var(--bleu);color:#fff;padding:48px 0 40px}footer .cols{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;grid-gap:28px;gap:28px}footer .cols .bloc-titre{margin-bottom:12px;display:block}footer .cols ul+.bloc-titre{margin-top:18px}footer .cols li{font-size:14px;line-height:1.5;padding:3px 0}footer .cols a:hover{text-decoration:underline;text-underline-offset:3px}footer .cols .logo-mono{width:150px;margin-bottom:14px}footer .cols .btn{margin-bottom:12px}footer .legal{background:var(--bleu-d);color:rgba(255,255,255,.85);font-size:12px}footer .legal .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:16px;padding-bottom:16px;flex-wrap:wrap}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{transition-duration:0s!important;animation-duration:0s!important}.frise-prog i{transform:scaleX(1)!important;animation:none!important}.btn:active,.wa-float,.wa-float:active{transform:none}.sheet{transform:translateY(0)}.sheet:not(.open){display:none}}@media (max-width:1100px){footer .cols{grid-template-columns:1fr 1fr}}@media (max-width:1023px){:root{--marge:24px}}@media (max-width:767px){:root{--marge:20px;--header:64px}body{font-size:15px}section{padding:44px 0}.top nav{display:none}.top .menu-btn{display:inline-flex}.top .actions .btn{font-size:14px;padding:8px 14px}.top .logo img{height:48px}.hero{min-height:0}.hero .wrap{grid-template-columns:1fr;padding-top:36px;padding-bottom:36px;gap:20px}.hero h1{max-width:none}.hero .frise{bottom:12px}.wa-float{display:grid}footer .cols{gap:20px}.sec-head.row,footer .cols{grid-template-columns:1fr}h1.titre{overflow-wrap:anywhere}}@media (max-width:360px){.top .actions .btn span{display:none}}