.panneau__photo img{filter:grayscale(1) contrast(1.02) brightness(1.08)}.panneau__photo:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(160deg,#6fa3d659,#1e5aa01f 60%,#b8c3cf40);mix-blend-mode:color}.panneau__photo:after{content:"";position:absolute;inset:-50%;z-index:1;pointer-events:none;opacity:.07;mix-blend-mode:multiply;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' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.hero .niveau{bottom:22px}.hero{background:var(--degrade);position:relative;min-height:calc(100svh - var(--tete));padding:clamp(24px,5vh,64px) var(--g) clamp(56px,9vh,96px);display:grid;grid-template-columns:1fr;grid-template-areas:"sur" "titre" "photo" "bas";gap:28px;align-content:space-between}@media(min-width:960px){.hero{grid-template-columns:repeat(12,1fr);grid-template-areas:"sur sur sur sur sur sur sur sur photo photo photo photo" "titre titre titre titre titre titre titre titre photo photo photo photo" "bas bas bas bas bas bas bas . photo photo photo photo";column-gap:24px}}.hero__sur{grid-area:sur;margin:0;display:flex;flex-wrap:wrap;gap:8px 28px;font:600 12px/1 var(--corps);letter-spacing:.22em;text-transform:uppercase;color:var(--gris)}.hero__sur span+span:before{content:"/";margin-right:28px;color:var(--gris-2)}.hero__titre{grid-area:titre;margin:0;font:900 clamp(64px,min(10.6vw,19vh),210px)/.84 var(--display);text-transform:uppercase;letter-spacing:-.005em}.hero__titre .l{display:block;overflow:hidden;padding-bottom:.04em}.hero__titre .l>span{display:inline-block}.hero__titre em{position:relative;font-style:normal;z-index:0}.hero__titre em{background:linear-gradient(100deg,#1e5aa0,#3f84c4,#6f87a0);-webkit-background-clip:text;background-clip:text;color:transparent}.hero__titre em:before{content:"";position:absolute;z-index:-1;left:-.02em;right:-.04em;bottom:.04em;height:.08em;border-radius:99px;background:var(--laser);transform-origin:left}.hero__photo{grid-area:photo;margin:0;align-self:stretch;display:flex;flex-direction:column;gap:12px}.hero__cadre{flex:1;min-height:340px}@media(min-width:960px){.hero__cadre{min-height:0}}.hero__photo figcaption{font:500 11px/1.3 var(--corps);letter-spacing:.16em;text-transform:uppercase;color:var(--gris)}.hero__bas{grid-area:bas;display:grid;gap:28px;align-items:end}@media(min-width:720px){.hero__bas{grid-template-columns:1.2fr 1fr}}.hero__chapo{margin:0;max-width:44ch;font-size:clamp(17px,1.3vw,20px);line-height:1.55;color:var(--gris)}.hero__cta{display:flex;flex-wrap:wrap;gap:20px 28px;align-items:center}.defile{overflow:hidden;background:var(--argent);color:var(--noir);padding:20px 0;border-block:1px solid rgba(19,38,63,.08)}.defile__piste{display:flex;width:max-content;animation:defile 46s linear infinite}.defile p{margin:0;display:flex;align-items:center;gap:36px;padding-right:36px;white-space:nowrap;font:700 clamp(22px,2.4vw,34px)/1 var(--display);text-transform:uppercase;letter-spacing:.04em}.defile i{width:7px;height:7px;border-radius:50%;background:var(--jaune)}@keyframes defile{to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.defile__piste{animation:none}}.manif{padding:clamp(110px,18vh,220px) var(--g);max-width:1500px}.manif__texte{margin:0;font:300 clamp(30px,4.3vw,68px)/1.18 var(--corps);letter-spacing:-.02em;color:var(--noir)}.manif__texte .fort{font-weight:500}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.manif__texte span{animation:encre linear both;animation-timeline:view();animation-range:cover 10% cover 42%}}}@keyframes encre{0%{color:#b7c2ce}to{color:var(--noir)}}.metiers{position:relative}.panneau{position:sticky;top:var(--tete);min-height:calc(100svh - var(--tete));background:var(--blanc);border-top:1px solid rgba(19,38,63,.08);border-radius:28px 28px 0 0;box-shadow:0 -24px 60px -40px #13263f59;display:flex}.panneau:nth-child(odd){background:var(--blanc)}.panneau:nth-child(2){background:linear-gradient(160deg,#eaf1f8,#f7f9fb)}.panneau:nth-child(4){background:linear-gradient(160deg,#eef1f5,#fbfcfd)}.panneau__in{flex:1;display:grid;gap:40px;padding:clamp(48px,8vh,96px) var(--g);align-items:center}@media(min-width:960px){.panneau__in{grid-template-columns:1.05fr 1fr;gap:72px}}.panneau__num{margin:0 0 18px;font:800 18px/1 var(--display);letter-spacing:.08em}.panneau__num span{color:var(--gris-2);margin-left:4px}.panneau__titre{margin:0;font:900 clamp(64px,10vw,176px)/.84 var(--display);text-transform:uppercase;letter-spacing:-.005em}.panneau__sous{margin:14px 0 26px;display:inline-block;background:var(--bleu-pale);color:var(--jaune);border-radius:999px;padding:7px 16px 6px;font:700 clamp(18px,1.6vw,24px)/1 var(--display);text-transform:uppercase;letter-spacing:.06em}.panneau__texte{margin:0 0 28px;max-width:42ch;font-size:clamp(17px,1.3vw,19px);color:var(--gris)}.panneau__tags{list-style:none;margin:0 0 32px;padding:0;display:flex;flex-wrap:wrap;gap:8px 22px;font:600 12px/1.6 var(--corps);letter-spacing:.16em;text-transform:uppercase}.panneau__tags li:before{content:"— ";color:var(--gris-2)}.panneau__photo{aspect-ratio:4 / 3.2}@media(min-width:960px){.panneau__photo{aspect-ratio:auto;height:min(68vh,620px)}}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference)and (min-width:960px){.panneau__in{animation:recule linear both;animation-timeline:view();animation-range:exit 0% exit 100%}.panneau__photo img{animation:zoom linear both;animation-timeline:view();animation-range:entry 0% cover 60%}}}@keyframes recule{to{transform:scale(.94);opacity:.35}}@keyframes zoom{0%{transform:scale(1.14)}to{transform:scale(1)}}.depan{background:linear-gradient(170deg,#e3edf7,#f4f7fa 60%,#e9edf2);color:var(--noir);padding:clamp(110px,16vh,200px) var(--g);position:relative;z-index:2}.depan__in{max-width:1400px}.depan__titre{margin:0 0 clamp(48px,7vh,88px);font:900 clamp(60px,9.5vw,168px)/.86 var(--display);text-transform:uppercase}.depan__titre span{background:linear-gradient(100deg,#1e5aa0,#4a8bc8 60%,#6f87a0);-webkit-background-clip:text;background-clip:text;color:transparent}.depan__grille{display:grid;gap:48px}@media(min-width:960px){.depan__grille{grid-template-columns:1fr 1.2fr;gap:96px;align-items:start}}.depan__texte{margin:0;max-width:44ch;font-size:clamp(17px,1.3vw,20px);color:var(--gris)}.depan__liste{list-style:none;margin:0;padding:0;border-top:1px solid rgba(19,38,63,.14)}.depan__liste li{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 24px;padding:22px 0;border-bottom:1px solid rgba(19,38,63,.14);transition:padding-left .5s var(--ease)}.depan__liste li:hover{padding-left:14px}.depan__liste span{font:800 clamp(30px,3vw,46px)/1 var(--display);text-transform:uppercase}.depan__liste small{font-size:15px;color:var(--gris)}.depan__bas{display:flex;flex-wrap:wrap;gap:24px 48px;align-items:center;margin-top:56px}.depan__bas p{margin:0;max-width:46ch;color:var(--gris);font-size:15px}.depan__bas p a{color:var(--jaune)}.publics{padding:clamp(110px,16vh,200px) var(--g)}.publics__liste{list-style:none;margin:0 0 48px;padding:0;border-top:1px solid rgba(19,38,63,.14)}.publics__liste li{position:relative;display:grid;grid-template-columns:56px 1fr;gap:6px 24px;align-items:baseline;padding:clamp(20px,3vh,32px) 0;border-bottom:1px solid rgba(19,38,63,.14)}@media(min-width:960px){.publics__liste li{grid-template-columns:80px 1fr 1fr}}.publics__liste li:before{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--laser);transform:scaleX(0);transform-origin:left;transition:transform .7s var(--ease)}.publics__liste li:hover:before{transform:scaleX(1)}.publics__n{font:700 16px/1 var(--display);color:var(--gris)}.publics__t{font:900 clamp(46px,7vw,120px)/.9 var(--display);text-transform:uppercase;transition:transform .7s var(--ease)}.publics__liste li:hover .publics__t{transform:translate(12px)}.publics__d{grid-column:2;color:var(--gris);max-width:38ch}@media(min-width:960px){.publics__d{grid-column:auto;justify-self:end;text-align:right}}.zone{position:relative;padding:clamp(110px,16vh,200px) var(--g);background:var(--degrade);overflow:hidden}.zone__geant{margin:0 0 0 -.04em;font:900 clamp(90px,19vw,340px)/.8 var(--display);text-transform:uppercase;white-space:nowrap;color:transparent;-webkit-text-stroke:1.5px #9FB0C2}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.zone__geant{animation:glisse linear both;animation-timeline:view();animation-range:entry 0% exit 100%}}}@keyframes glisse{0%{transform:translate(8%)}to{transform:translate(-14%)}}.zone__titre{margin:clamp(32px,5vh,56px) 0 32px;max-width:22ch;font:800 clamp(32px,3.6vw,58px)/1 var(--display);text-transform:uppercase}.zone__communes{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px 0;font:500 clamp(17px,1.4vw,21px)/1.3 var(--corps)}.zone__communes li:after{content:"/";margin:0 16px;color:var(--gris-2)}.zone__communes li:last-child{color:var(--gris)}.zone__communes li:last-child:after{content:none}.zone__communes .base{font-weight:600}.zone__communes .base:before{content:"";display:inline-block;width:10px;height:10px;margin-right:10px;border-radius:50%;background:var(--jaune);box-shadow:0 0 0 4px var(--bleu-pale);vertical-align:1px}.conseils{padding:clamp(96px,14vh,160px) var(--g)}.conseils__tete{display:flex;justify-content:space-between;align-items:baseline;gap:24px}.conseils__tete .label{margin:0 0 32px}.conseils ul{list-style:none;margin:0;padding:0;border-top:1px solid rgba(19,38,63,.14)}.conseils a{display:grid;grid-template-columns:1fr auto;gap:8px 32px;align-items:baseline;padding:28px 0;border-bottom:1px solid rgba(19,38,63,.14);text-decoration:none}@media(min-width:960px){.conseils a{grid-template-columns:220px 1fr auto}}.conseils time{grid-column:1 / -1;font:600 12px/1 var(--corps);letter-spacing:.16em;text-transform:uppercase;color:var(--gris)}@media(min-width:960px){.conseils time{grid-column:auto}}.conseils span{font:800 clamp(26px,2.6vw,40px)/1.02 var(--display);text-transform:uppercase}.conseils i{font-style:normal;font-size:26px;transition:transform .5s var(--ease)}.conseils a:hover i{transform:translate(8px)}:where(.hero__titre,.menu nav a,.defile p,.panneau__num,.panneau__titre,.panneau__sous,.depan__titre,.depan__liste span,.publics__n,.publics__t,.zone__geant,.zone__titre,.conseils span){font-family:var(--display);font-variation-settings:"opsz" 96,"wdth" 82;letter-spacing:-.035em}.hero__titre,.panneau__titre,.depan__titre,.depan__liste span,.publics__t,.zone__titre,.conseils span,.defile p,.zone__geant{text-transform:none}.hero__titre{font-weight:800;line-height:.9;font-size:clamp(64px,min(10.4vw,18.5vh),200px)}.hero__titre .l{padding-bottom:.06em}.panneau__titre,.depan__titre,.publics__t,.zone__geant{font-weight:800;line-height:.92}.panneau__titre{font-size:clamp(54px,8.2vw,150px);white-space:nowrap}.panneau__sous{font-variation-settings:"opsz" 24,"wdth" 100;letter-spacing:0;font-weight:600;font-size:15px;text-transform:none}.panneau__num,.publics__n{font-variation-settings:"opsz" 24,"wdth" 100;letter-spacing:0}.defile p{font-weight:700;letter-spacing:-.02em}.hero__chapo{font-size:clamp(18px,1.5vw,22px);color:var(--noir);font-weight:400}.manif__texte{font-size:clamp(34px,5vw,80px);line-height:1.08}.depan__texte{font-size:clamp(22px,2vw,30px);color:var(--noir)}.hero__cadre img{filter:none;object-position:50% 50%}.hero__cadre:before{display:none}.tuyau{position:relative;margin-top:clamp(56px,8vh,96px);height:120px}.tuyau svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.tuyau path{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.tuyau__gaine{stroke:#c9d3dd;stroke-width:14}.tuyau__eau{stroke:#6fa3d6;stroke-width:4;stroke-dasharray:18 26}.mano{position:absolute;left:calc(46.6% - 26px);top:18px;width:52px;height:52px;border-radius:50%;background:var(--argent);border:2px solid #B4C0CC;box-shadow:inset 0 0 0 5px var(--blanc),0 6px 18px -8px #13263f66}.mano b{position:absolute;left:50%;top:50%;width:2px;height:18px;margin-left:-1px;background:var(--jaune);border-radius:2px;transform-origin:50% 100%;translate:0 -100%;rotate:-40deg}.mano:after{content:"";position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:var(--noir)}.vanne{position:absolute;left:calc(80% - 14px);top:96px;width:28px;height:10px;border-radius:6px;background:var(--jaune);box-shadow:0 0 0 3px var(--bleu-pale)}.depan{overflow:hidden}.bulles{position:absolute;inset:0;z-index:0;pointer-events:none}.bulles i{position:absolute;bottom:-20px;left:calc(var(--x) * 1%);width:var(--t);height:var(--t);border-radius:50%;border:1.5px solid rgba(30,90,160,.35);background:radial-gradient(circle at 30% 30%,#ffffffe6,#d4e3f233);opacity:0}.depan__in{position:relative;z-index:1}.chantiers{position:relative;z-index:2;background:var(--beton);padding:clamp(110px,16vh,200px) var(--g)}.chantiers__tete{margin-bottom:clamp(40px,6vh,72px)}.chantiers__titre{margin:0;font:800 clamp(48px,7vw,120px)/.92 var(--display);font-variation-settings:"opsz" 96,"wdth" 82;letter-spacing:-.035em}.chantiers__titre span{background:linear-gradient(100deg,#1e5aa0,#3f84c4 55%,#6f87a0);-webkit-background-clip:text;background-clip:text;color:transparent}.groupes__nav{position:sticky;top:calc(var(--tete) + 8px);z-index:5;display:flex;flex-wrap:wrap;gap:8px;margin:0 0 clamp(32px,5vh,56px);padding:8px;width:fit-content;max-width:100%;border-radius:999px;background:#fbfcfddb;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 8px 24px -16px #13263f66}.groupes__nav a{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;text-decoration:none;font:600 14px/1 var(--corps);color:var(--noir);transition:background-color .3s var(--ease)}.groupes__nav a:hover{background:var(--bleu-pale)}.groupes__nav span{font-size:11px;color:var(--gris)}@media(max-width:959px){.groupes__nav{position:static;flex-wrap:nowrap;overflow-x:auto;border-radius:16px;width:100%;scrollbar-width:none}.groupes__nav a{white-space:nowrap;padding:8px 12px}}.cat{scroll-margin-top:calc(var(--tete) + 80px);padding-top:clamp(28px,4vh,44px);margin-bottom:clamp(56px,8vh,96px);border-top:1px solid rgba(19,38,63,.14)}.cat__tete{display:grid;grid-template-columns:auto 1fr auto;gap:4px 18px;align-items:baseline;margin-bottom:22px}.cat__num{font:700 15px/1 var(--display);font-variation-settings:"opsz" 24,"wdth" 100;color:var(--jaune)}.cat__titre{margin:0;font:800 clamp(32px,3.6vw,56px)/1 var(--display);font-variation-settings:"opsz" 96,"wdth" 85;letter-spacing:-.03em}.cat__desc{grid-column:2;margin:0;color:var(--gris)}.cat__lien{grid-row:1;grid-column:3}.grille-ch{list-style:none;margin:0;padding:0;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);grid-auto-rows:170px}@media(min-width:960px){.grille-ch{grid-template-columns:repeat(4,1fr);grid-auto-rows:clamp(190px,17vw,250px);gap:16px}}.ch{position:relative;overflow:hidden;border-radius:var(--r);background:var(--beton-2)}.ch img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}.ch:hover img{transform:scale(1.04)}.ch--feature{grid-column:span 2;grid-row:span 2}.ch--wide{grid-column:span 2}.ch--banner{grid-column:1 / -1;grid-row:span 2}.ch__legende{position:absolute;left:10px;bottom:10px;margin:0;display:flex;flex-direction:column;gap:2px;padding:8px 12px;border-radius:12px;background:#fbfcfde6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.ch__legende b{font:700 14px/1.1 var(--display);font-variation-settings:"opsz" 24,"wdth" 92;color:var(--noir)}.ch__legende span{font-size:12px;color:var(--gris)}@media(max-width:600px){.ch:not(.ch--feature):not(.ch--banner) .ch__legende span{display:none}}.zone__photo{margin:0 0 clamp(40px,6vh,72px);border-radius:22px;overflow:hidden;aspect-ratio:21 / 9;box-shadow:0 30px 60px -36px #13263f73}.zone__photo img{width:100%;height:100%;object-fit:cover;object-position:50% 62%}@media(max-width:700px){.zone__photo{aspect-ratio:4 / 3}}.depot{margin:0 0 clamp(36px,5vh,56px);display:grid;gap:18px;align-items:center}@media(min-width:900px){.depot{grid-template-columns:1.1fr 1fr;gap:48px}}.depot img{width:100%;aspect-ratio:16 / 10;object-fit:cover;border-radius:var(--r);box-shadow:0 24px 50px -34px #13263f73}.depot figcaption{display:flex;flex-direction:column;gap:8px}.depot b{font:800 clamp(28px,2.8vw,44px)/1 var(--display);font-variation-settings:"opsz" 96,"wdth" 85;letter-spacing:-.03em}.depot span{color:var(--gris);font-size:18px;max-width:32ch}.fourgons{margin:0 0 clamp(40px,6vh,64px)}.fourgons__t{margin:0 0 16px;font:700 clamp(20px,1.8vw,26px)/1.1 var(--display);font-variation-settings:"opsz" 48,"wdth" 90;letter-spacing:-.02em}.fourgons ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media(min-width:900px){.fourgons ul{grid-template-columns:repeat(4,1fr);gap:16px}}.fourgons img{width:100%;aspect-ratio:3 / 4;object-fit:cover;border-radius:var(--r)}@keyframes debit{to{stroke-dashoffset:-88}}@keyframes aiguille{0%,to{rotate:-40deg}30%{rotate:28deg}45%{rotate:18deg}60%{rotate:24deg}}@keyframes tourne{to{rotate:360deg}}@keyframes bulle{0%{opacity:0;transform:translateY(0) translate(0)}15%{opacity:1}50%{transform:translateY(-45vh) translate(10px)}to{opacity:0;transform:translateY(-95vh) translate(-8px)}}
