.d-canalisations{--focus: #1565c0;--ink: #16202a;--muted: #45525e;--copper: #b87333;--copper-dark: #7a4a1f;--copper-text: #8a5526;--water: #1e88e5;--water-dark: #1565c0;--concrete: #eef1f3;--line: #d3dae0;--groove: #4a2b12;--cu-v: linear-gradient(90deg, #5e3514 0%, #a5622a 20%, #e3a66e 44%, #c07b3c 60%, #8a5526 84%, #5e3514 100%);--cu-h: linear-gradient(180deg, #5e3514 0%, #a5622a 20%, #e3a66e 44%, #c07b3c 60%, #8a5526 84%, #5e3514 100%);--collar: linear-gradient(90deg, #3f230e, #9a5f2a 35%, #d39660 55%, #5e3514);--rail: 44px;--px: 22px;--pw: 14px;--ch: 6px;--pt: 4rem;--valve: 44px;min-height:100vh;background-color:var(--concrete);background-image:radial-gradient(rgb(22 32 42 / .05) 1px,transparent 1.4px);background-size:9px 9px;color:var(--ink);font-family:Golos Text,system-ui,sans-serif;line-height:1.6}@media (min-width: 768px){.d-canalisations{--rail: 120px;--px: 60px;--pw: 30px;--ch: 12px;--pt: 6.5rem;--valve: 56px}}.d-canalisations h1,.d-canalisations h2,.d-canalisations h3,.d-canalisations h4,.d-canalisations .cn-display{font-family:Unbounded,system-ui,sans-serif;letter-spacing:-.01em}.d-canalisations .cn-header{position:relative;z-index:20;background:#fff;border-bottom:1px solid var(--line)}.d-canalisations .cn-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:1440px;min-height:72px;margin:0 auto;padding:.75rem 1rem}@media (min-width: 768px){.d-canalisations .cn-bar{padding:.75rem 3rem .75rem 2rem}}.d-canalisations .cn-logo{display:inline-flex;align-items:center;gap:.6rem;min-height:44px;font-family:Unbounded,system-ui,sans-serif;font-weight:700;font-size:1rem;color:var(--ink)}.d-canalisations .cn-logo svg{width:32px;height:32px;flex:none}.d-canalisations .cn-navlink{display:inline-flex;align-items:center;min-height:44px;padding:0 .9rem;border-radius:999px;font-weight:500;color:var(--ink)}.d-canalisations .cn-navlink:hover{background:var(--concrete)}.d-canalisations .cn-burger{display:grid;place-items:center;width:48px;height:48px;border-radius:999px;color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink)}.d-canalisations .cn-mnav{border-top:1px solid var(--line);padding:.5rem 1rem 1rem}.d-canalisations .cn-mlink{display:flex;align-items:center;gap:.6rem;min-height:48px;font-weight:600;color:var(--ink);border-bottom:1px solid var(--line)}.d-canalisations .cn-mlink svg{width:18px;height:18px}.d-canalisations .cn-btn{display:inline-flex;align-items:center;gap:.6rem;min-height:52px;padding:.75rem 1.4rem;border-radius:999px;font-weight:600;line-height:1.2;transition:transform .2s ease}.d-canalisations .cn-btn svg{width:1.15rem;height:1.15rem;flex:none}.d-canalisations .cn-btn:hover{transform:translateY(-2px)}.d-canalisations .cn-btn--water{background:var(--water-dark);color:#fff}.d-canalisations .cn-btn--water:hover{background:#0d47a1}.d-canalisations .cn-btn--ink{background:var(--ink);color:#fff}.d-canalisations .cn-btn--ghost{color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink)}.d-canalisations .cn-btn--ghost:hover{background:#fff}.d-canalisations .cn-link{display:inline-flex;align-items:center;gap:.4rem;min-height:44px;font-weight:600;color:var(--water-dark);text-decoration:underline;text-underline-offset:4px}.d-canalisations .cn-link svg{width:1rem;height:1rem}.d-canalisations .cn-sec{position:relative}.d-canalisations .cn-sec--white{background:#fff}.d-canalisations .cn-inner{position:relative;max-width:1440px;margin:0 auto}.d-canalisations .cn-body{position:relative;margin-left:var(--rail);padding:var(--pt) 1rem 5rem 0}@media (min-width: 768px){.d-canalisations .cn-body{padding:var(--pt) 3rem 7rem 0}}.d-canalisations .cn-rail{position:absolute;top:0;bottom:0;left:0;width:var(--rail);pointer-events:none}.d-canalisations .cn-pipe{position:absolute;top:0;bottom:0;left:calc(var(--px) - var(--pw) / 2);width:var(--pw);background:var(--cu-v)}.d-canalisations .cn-pipe:after{content:"";position:absolute;top:0;bottom:0;left:calc(50% - var(--ch) / 2);width:var(--ch);background:var(--groove)}.d-canalisations .cn-rail-water{position:absolute;top:0;left:calc(var(--px) - var(--ch) / 2);width:var(--ch);height:100%}.d-canalisations .cn-rail:before{content:"";position:absolute;z-index:2;top:-9px;left:calc(var(--px) - var(--pw) / 2 - 5px);width:calc(var(--pw) + 10px);height:18px;border-radius:3px;background:var(--collar)}.d-canalisations .cn-hero .cn-rail:before{top:0;border-radius:8px 8px 3px 3px}.d-canalisations .cn-rail--end{bottom:auto;height:4.5rem}.d-canalisations .cn-elbow{position:absolute;top:100%;left:calc(var(--px) - var(--pw) / 2);width:calc(var(--rail) - var(--px));height:calc(var(--pw) + 18px);border-left:var(--pw) solid var(--copper);border-bottom:var(--pw) solid var(--copper);border-bottom-left-radius:calc(var(--pw) + 14px)}.d-canalisations .cn-elbow:before,.d-canalisations .cn-elbow-water{content:"";position:absolute;top:0;left:calc((var(--pw) + var(--ch)) / -2);width:calc(var(--rail) - var(--px) - var(--pw) / 2 + var(--ch) / 2);height:calc(var(--pw) / 2 + 18px + var(--ch) / 2);border-left:var(--ch) solid var(--groove);border-bottom:var(--ch) solid var(--groove);border-bottom-left-radius:calc(var(--pw) / 2 + 14px + var(--ch) / 2)}.d-canalisations .cn-elbow-water{border-color:var(--water);opacity:0;transition:opacity .5s ease 1.1s}.d-canalisations [data-on=true] .cn-elbow-water{opacity:1}.d-canalisations .cn-elbow:after{content:"";position:absolute;right:-6px;bottom:calc(var(--pw) * -1 - 5px);width:12px;height:calc(var(--pw) + 10px);border-radius:3px;background:var(--collar)}.d-canalisations .cn-water{display:block}.d-canalisations .cn-water path{fill:none;stroke:var(--water);stroke-width:1;stroke-dasharray:1 2;stroke-dashoffset:1;transition:stroke-dashoffset 1.3s cubic-bezier(.5,0,.25,1) var(--d, 0s)}.d-canalisations [data-on=true] .cn-water path{stroke-dashoffset:0}.d-canalisations .cn-hpipe{position:absolute;height:var(--pw);background:var(--cu-h)}.d-canalisations .cn-hpipe:after{content:"";position:absolute;left:0;right:0;top:calc(50% - var(--ch) / 2);height:var(--ch);background:var(--groove)}.d-canalisations .cn-hpipe:before{content:"";position:absolute;z-index:2;top:-6px;bottom:-6px;left:calc(var(--pw) / -2 - 5px);width:calc(var(--pw) + 10px);border-radius:3px;background:var(--collar)}.d-canalisations .cn-hpipe .cn-water{position:absolute;z-index:1;left:0;top:calc(50% - var(--ch) / 2);width:100%;height:var(--ch)}.d-canalisations .cn-hpipe .cn-water path{transition-duration:.5s}.d-canalisations .cn-branch{top:calc(50% - var(--pw) / 2);right:100%;width:calc(var(--rail) - var(--px))}.d-canalisations .cn-head{display:flex;align-items:flex-start;gap:.85rem}.d-canalisations .cn-valve{position:relative;flex:none;width:var(--valve);height:var(--valve)}.d-canalisations .cn-wheel{position:relative;z-index:3;display:block;width:100%;height:100%;transition:transform .8s cubic-bezier(.16,1,.3,1) .1s}.d-canalisations [data-on=true] .cn-wheel{transform:rotate(-120deg)}.d-canalisations .cn-h1{margin-top:.1rem;font-size:clamp(2rem,4.3vw,4rem);font-weight:800;line-height:1.06}.d-canalisations .cn-h2{margin-top:.3rem;font-size:clamp(1.6rem,3.1vw,2.6rem);font-weight:700;line-height:1.12}.d-canalisations .cn-h3{font-size:1.125rem;font-weight:700;line-height:1.3}.d-canalisations .cn-hl{color:var(--water-dark);background-image:linear-gradient(var(--water),var(--water));background-repeat:no-repeat;background-size:100% .12em;background-position:0 96%;-webkit-box-decoration-break:clone;box-decoration-break:clone}.d-canalisations .cn-sub{font-family:Unbounded,system-ui,sans-serif;font-weight:500;font-size:clamp(.95rem,1.4vw,1.125rem);color:var(--copper-text)}.d-canalisations .cn-lead{max-width:38rem;font-size:1.125rem;color:var(--muted)}.d-canalisations .cn-text{color:var(--muted)}.d-canalisations .cn-hero-grid{display:grid;gap:2.75rem;grid-template-areas:"text" "photo" "gauges"}.d-canalisations .cn-hero-text{grid-area:text}.d-canalisations .cn-hero-photo{grid-area:photo}.d-canalisations .cn-gaugebox{grid-area:gauges}@media (min-width: 1024px){.d-canalisations .cn-hero-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-areas:"text photo" "gauges photo";-moz-column-gap:4rem;column-gap:4rem;row-gap:3.5rem;align-items:center}.d-canalisations .cn-hero .cn-valve{margin-top:.4rem}}.d-canalisations .cn-cut{position:relative;width:min(100%,520px);aspect-ratio:1;margin-inline:auto}.d-canalisations .cn-flange{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.d-canalisations .cn-cut-ring{position:absolute;top:7%;right:7%;bottom:7%;left:7%;border-radius:50%;padding:7%;background:conic-gradient(from 210deg,#5e3514,#e3a66e 16%,#b87333,#7a4a1f,#c98a50 70%,#f0c08f 82%,#5e3514);box-shadow:0 30px 60px -30px #16202a99}.d-canalisations .cn-cut-ring:before{content:"";position:absolute;z-index:1;top:7%;right:7%;bottom:7%;left:7%;border-radius:50%;box-shadow:inset 0 0 0 6px var(--groove),inset 0 14px 28px #00000073;pointer-events:none}.d-canalisations .cn-cut-img{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover;-o-object-position:76% 30%;object-position:76% 30%}.d-canalisations .cn-gaugebox{position:relative;padding-top:calc(var(--pw) + 1.25rem)}.d-canalisations .cn-manifold{top:0;left:calc(var(--px) - var(--rail));right:calc(100% / 6 - 14px);--d: .7s}.d-canalisations .cn-manifold .cn-water path{transition-duration:.9s}.d-canalisations .cn-gauges{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.d-canalisations .cn-gauge{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center}.d-canalisations .cn-stem{position:absolute;top:calc(-1.25rem - var(--pw) / 2);left:calc(50% - 4px);width:8px;height:calc(1.25rem + var(--pw) / 2 + 8px);background:var(--cu-v)}.d-canalisations .cn-dial{position:relative;display:block;width:min(100%,150px);aspect-ratio:1}.d-canalisations .cn-dial svg{display:block;width:100%;height:100%}.d-canalisations .cn-dial-value{position:absolute;left:0;right:0;top:67%;transform:translateY(-50%);font-family:Unbounded,system-ui,sans-serif;font-weight:700;font-size:clamp(.85rem,1.5vw,1.3rem);line-height:1;color:var(--ink)}.d-canalisations .cn-needle{transform-box:view-box;transform-origin:60px 60px;transform:rotate(-120deg);transition:transform 1.6s cubic-bezier(.16,1,.3,1) .6s}.d-canalisations [data-on=true] .cn-needle{transform:rotate(var(--a))}.d-canalisations .cn-dial-label{margin-top:.6rem;font-size:.875rem;font-weight:500;line-height:1.3;color:var(--muted)}.d-canalisations .cn-svc{margin-top:3rem;border-bottom:1px solid var(--line)}.d-canalisations .cn-svc-row{display:grid;grid-template-columns:var(--valve) minmax(0,1fr);-moz-column-gap:1rem;column-gap:1rem;row-gap:.35rem;padding:1.5rem 0;border-top:1px solid var(--line)}.d-canalisations .cn-outlet{position:relative;grid-row:span 2;display:grid;place-items:center;width:var(--valve);height:var(--valve);border-radius:50%;background:#fff;box-shadow:inset 0 0 0 3px var(--copper);color:var(--copper-dark)}.d-canalisations .cn-ic{position:relative;z-index:3;width:22px;height:22px}@media (min-width: 768px){.d-canalisations .cn-svc-row{grid-template-columns:var(--valve) minmax(0,.9fr) minmax(0,1.4fr);-moz-column-gap:2rem;column-gap:2rem;align-items:center}.d-canalisations .cn-outlet{grid-row:auto}}.d-canalisations .cn-real-grid{display:grid;gap:3rem;margin-top:3rem}@media (min-width: 768px){.d-canalisations .cn-real-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:3rem 2.5rem}.d-canalisations .cn-real:nth-child(2n){margin-top:5rem}}.d-canalisations .cn-hatch{position:relative;padding:12px;border-radius:10px;background:linear-gradient(135deg,#8a5526,#c98a50 35%,#b87333 60%,#7a4a1f)}.d-canalisations .cn-hatch:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 6px 6px,var(--groove) 2.5px,transparent 3px),radial-gradient(circle at calc(100% - 6px) 6px,var(--groove) 2.5px,transparent 3px),radial-gradient(circle at 6px calc(100% - 6px),var(--groove) 2.5px,transparent 3px),radial-gradient(circle at calc(100% - 6px) calc(100% - 6px),var(--groove) 2.5px,transparent 3px)}.d-canalisations .cn-hatch img{display:block;width:100%;aspect-ratio:16 / 10;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 0;object-position:50% 0;border-radius:4px}.d-canalisations .cn-tag{position:absolute;top:24px;left:24px;display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .85rem .35rem .6rem;border-radius:4px 999px 999px 4px;background:#f6e3cf;color:var(--copper-dark);font-size:.8125rem;font-weight:600;box-shadow:0 4px 10px #0003}.d-canalisations .cn-tag:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--concrete);box-shadow:inset 0 0 0 2px var(--copper-dark)}.d-canalisations .cn-loc{display:flex;align-items:center;gap:.4rem;margin-top:.35rem;font-size:.9375rem;font-weight:600;color:var(--copper-text)}.d-canalisations .cn-loc svg{width:16px;height:16px}.d-canalisations .cn-statement{display:flex;align-items:flex-start;gap:1rem;margin-top:5rem;font-family:Unbounded,system-ui,sans-serif;font-weight:500;font-size:clamp(1.2rem,2.6vw,2rem);line-height:1.25}.d-canalisations .cn-plug{position:relative;flex:none;width:18px;height:calc(var(--pw) + 10px);margin-top:calc((1.25em - var(--pw) - 10px) / 2);border-radius:3px 10px 10px 3px;background:var(--collar)}.d-canalisations .cn-plug .cn-branch{right:100%;width:calc(var(--rail) - var(--px));top:5px}.d-canalisations .cn-statement strong{font-weight:700}.d-canalisations .cn-about-grid{display:grid;gap:2.5rem;margin-top:2.75rem}@media (min-width: 1024px){.d-canalisations .cn-about-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:4rem;align-items:start}}.d-canalisations .cn-pipeframe{position:relative;max-width:460px;padding:16px;border-radius:56px;background:linear-gradient(135deg,#5e3514,#c98a50 25%,#e3a66e 40%,#a5622a 62%,#7a4a1f 85%)}.d-canalisations .cn-pipeframe:before,.d-canalisations .cn-pipeframe:after{content:"";position:absolute;left:calc(50% - 22px);width:44px;height:24px;border-radius:3px;background:var(--collar)}.d-canalisations .cn-pipeframe:before{top:-4px}.d-canalisations .cn-pipeframe:after{bottom:-4px}.d-canalisations .cn-pipeframe img{display:block;width:100%;aspect-ratio:4 / 5;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 20%;object-position:50% 20%;border-radius:40px}.d-canalisations .cn-sign{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--line)}.d-canalisations .cn-name{font-family:Unbounded,system-ui,sans-serif;font-weight:700;font-size:1.25rem}.d-canalisations .cn-siret{display:inline-block;margin-top:.75rem;padding:.35rem .75rem;border-radius:6px;background:var(--concrete);font-size:.875rem;font-weight:500}.d-canalisations .cn-quals{display:grid;gap:.75rem;margin-top:2rem}@media (min-width: 640px){.d-canalisations .cn-quals{grid-template-columns:repeat(2,minmax(0,1fr))}}.d-canalisations .cn-quals li{display:flex;align-items:flex-start;gap:.65rem;font-weight:500}.d-canalisations .cn-quals svg{flex:none;width:14px;height:18px;margin-top:.2rem}.d-canalisations .cn-contact-grid{display:grid;gap:2.5rem;margin-top:2.75rem}@media (min-width: 1024px){.d-canalisations .cn-contact-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:3.5rem;align-items:start}}.d-canalisations .cn-coords{display:grid;gap:1.5rem}.d-canalisations .cn-coords li{display:flex;align-items:flex-start;gap:1rem}.d-canalisations .cn-coord-ic{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;background:var(--ink);box-shadow:0 0 0 4px var(--copper);color:#fff}.d-canalisations .cn-coord-ic svg{width:20px;height:20px}.d-canalisations .cn-coord-k{font-size:.875rem;font-weight:500;color:var(--muted)}.d-canalisations .cn-coord-big{display:inline-flex;align-items:center;min-height:44px;font-family:Unbounded,system-ui,sans-serif;font-weight:700;font-size:clamp(1.2rem,2.4vw,1.75rem);color:var(--ink)}.d-canalisations .cn-coord-v{font-weight:600;color:var(--ink);overflow-wrap:anywhere}.d-canalisations a.cn-coord-v{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:4px}.d-canalisations .cn-urgent{margin-top:.15rem;font-weight:700;color:var(--water-dark)}.d-canalisations .cn-formbox{position:relative;padding:2.25rem 1.25rem 1.75rem;border:1px solid var(--line);border-radius:20px;background:#fff}@media (min-width: 768px){.d-canalisations .cn-formbox{padding:2.75rem 2.25rem 2.25rem}}.d-canalisations .cn-formbox:before{content:"";position:absolute;top:-8px;left:1.5rem;right:1.5rem;height:16px;border-radius:8px;background:var(--cu-h)}.d-canalisations .cn-label{font-size:.875rem;font-weight:600;color:var(--ink)}.d-canalisations .cn-input{width:100%;min-height:48px;padding:.75rem 1rem;border:1.5px solid #7a8792;border-radius:12px;background:#fff;color:var(--ink);font:inherit}.d-canalisations .cn-input:focus-visible{border-color:var(--water-dark)}.d-canalisations .cn-input::-moz-placeholder{color:#5f6b75;opacity:1}.d-canalisations .cn-input::placeholder{color:#5f6b75;opacity:1}.d-canalisations .cn-fine{margin-top:1rem;font-size:.8125rem;color:var(--muted)}.d-canalisations .cn-footer{--focus: #ffffff;position:relative;background:var(--ink);color:#fff}.d-canalisations .cn-footer .cn-body{padding-top:5.5rem;padding-bottom:4rem}.d-canalisations .cn-footer-name{font-family:Unbounded,system-ui,sans-serif;font-weight:700;font-size:1.35rem}.d-canalisations .cn-footer-soft{color:#b9c3cc}.d-canalisations .cn-footer a{display:inline-flex;align-items:center;min-height:44px;color:#fff}.d-canalisations .cn-footer a:hover{text-decoration:underline;text-underline-offset:4px}.d-canalisations .cn-footer-legal{margin-top:3rem;padding-top:1.5rem;border-top:1px solid rgb(255 255 255 / .18);font-size:.875rem;color:#b9c3cc}@media (prefers-reduced-motion: reduce){.d-canalisations .cn-water path,.d-canalisations .cn-elbow-water,.d-canalisations .cn-wheel,.d-canalisations .cn-needle,.d-canalisations .cn-btn{transition:none!important}.d-canalisations .cn-btn:hover{transform:none}}