@layer reinit,jetons,base,mise-en-page,composants,pages,utilitaires,mouvement;@layer pages{.venir__grille{display:grid;gap:40px}.venir__tete{margin-bottom:0}.venir__adresse{display:block;margin:26px 0 18px;font-style:normal}.venir__rue{display:block;font:760 clamp(1.9rem,1.35rem + 1.7vw,2.6rem) / 1.06 var(--f-titre);font-stretch:112%;letter-spacing:-.02em;color:var(--fort);text-wrap:balance}.venir__ville{display:block;margin-top:8px;font-size:var(--t-l);font-weight:600;color:var(--fort)}.venir__liens{display:flex;flex-wrap:wrap;gap:0 28px;margin-top:10px}.venir .mini{margin:32px 0 10px}.venir :is(.venir__acces,.venir__communes)>.mini:first-child{margin-top:0}.venir__acces>p{max-width:60ch}.venir__horaires td{white-space:nowrap}.plan{position:relative;overflow:hidden;aspect-ratio:1;max-width:640px;border:1px solid var(--trait);border-radius:var(--r-m);background:radial-gradient(circle at 50% 50%,var(--pap3),var(--pap4) 72%)}.plan__svg{position:absolute;inset:0;width:100%;height:100%}.plan__ilot{fill:var(--trait);opacity:.55}.plan__opaque{stop-color:var(--blanc)}.plan__transparent{stop-color:var(--blanc);stop-opacity:0}.plan__halo-centre{stop-color:var(--or1);stop-opacity:.45}.plan__halo-bord{stop-color:var(--or1);stop-opacity:0}.plan__anneaux circle{fill:none;stroke:var(--trait-sable);stroke-width:2;stroke-dasharray:1 8;stroke-linecap:round}.plan__trajets path{fill:none;stroke:var(--or2);stroke-width:3.2;stroke-linecap:round;opacity:.85}.plan.focus .plan__trajets path{opacity:.2}.plan.focus .plan__trajets path.actif{opacity:1;stroke-width:5.5}.plan__reperes,.plan__echelle{margin:0;padding:0;list-style:none}.rep{position:absolute;left:var(--x);top:var(--y);width:0;height:0}.plan.focus .rep:not(.actif){opacity:.4}.rep__pt{position:absolute;left:0;top:0;translate:-50% -50%;min-width:32px;height:28px;padding:0 6px;border-radius:var(--r-pilule);background:var(--g1);color:var(--s-txt);font:700 var(--t-xs) / 28px var(--f-txt);text-align:center;box-shadow:0 0 0 3px var(--pap0),var(--ombre-flottante)}.rep.actif .rep__pt{scale:1.18}.rep__pt--ic{display:grid;place-items:center;width:32px;padding:0;background:var(--blanc);color:var(--or2);box-shadow:inset 0 0 0 1.5px var(--or1),0 0 0 3px var(--pap0),var(--ombre-flottante)}.rep__pt--ic .ic,.ligne-tc--ic .ic{width:18px;height:18px;stroke-width:1.6}.rep__pt--metro{background:var(--metal);color:var(--sur-or)}.rep__pt--tram{background:var(--ar1);color:var(--fort);box-shadow:inset 0 0 0 1.5px var(--ar2),0 0 0 3px var(--pap0),var(--ombre-flottante)}.rep__nom{display:none;position:absolute;top:0;left:26px;translate:0 -50%;padding:3px 8px;border-radius:var(--r-s);background:rgb(var(--rgb-papier) / .92);color:var(--fort);font:700 var(--t-xs) / 1.2 var(--f-txt);white-space:nowrap}.rep__nom small{display:block;font-size:var(--t-xs);font-weight:600;color:var(--txt)}.rep--g .rep__nom{left:auto;right:26px;text-align:right}.rep--m .rep__nom{left:32px}.rep--b .rep__nom{top:22px;left:0;translate:-50% 0;text-align:center}.rep--h .rep__nom{top:-14px;left:14px;translate:0 -100%}.plan__nord{position:absolute;right:20px;top:16px;display:grid;justify-items:center;gap:3px;font:760 var(--t-xs) / 1 var(--f-titre);color:var(--or-txt)}.plan__nord:before{content:"";border:6px solid transparent;border-top:0;border-bottom:13px solid var(--or2)}.plan__echelle li{position:absolute;translate:-50% -50%;padding:0 6px;border-radius:var(--r-s);background:var(--pap2);color:var(--or-txt);font:700 var(--t-xs) / 1.4 var(--f-txt);white-space:nowrap}.plan__echelle li:nth-child(1){left:61.33%;top:42.06%}.plan__echelle li:nth-child(2){left:67.92%;top:37.45%}.plan__echelle li:nth-child(3){left:75.34%;top:32.25%}.plan__echelle li:nth-child(4){left:85.84%;top:24.89%}.plan__echelle li:nth-child(odd){display:none}.plan__pin{position:absolute;left:50%;top:50%;width:0;height:0}.plan__hex{position:absolute;left:0;top:0;width:46px;height:46px;translate:-50% -50%;filter:drop-shadow(0 6px 10px rgb(var(--rgb-encre) / .32))}.plan__hex-fond{fill:var(--g0)}.plan__nom{position:absolute;left:28px;top:0;width:7.6em;translate:0 -50%;padding:4px 10px;border-radius:var(--r-s);background:rgb(var(--rgb-papier) / .94);color:var(--fort);font:760 var(--t-m) / 1.15 var(--f-titre);font-stretch:108%}.plan__note{margin-top:12px;font-size:var(--t-s)}@media (min-width: 760px){.rep__nom,.plan__echelle li:nth-child(odd){display:block}.rep__pt{min-width:36px;height:30px;padding:0 8px;line-height:30px}.rep__pt--ic{width:36px;padding:0}.plan__hex{width:54px;height:54px}.plan__nom{left:32px;width:auto;white-space:nowrap;font-size:1.0625rem}}.arrets-liste{margin:0;padding:0;list-style:none}.arrets-liste li{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:60px;padding:8px 10px;border-bottom:1px solid var(--trait);border-radius:var(--r-s)}.arrets-liste li.actif{background:var(--blanc)}.ligne-tc{display:grid;place-items:center;min-width:44px;height:32px;padding:0 8px;border-radius:var(--r-pilule);background:var(--g1);color:var(--s-txt);font:700 var(--t-xs) var(--f-txt);white-space:nowrap}.ligne-tc--ic{background:var(--blanc);color:var(--or2);box-shadow:inset 0 0 0 1.5px var(--or1)}.ligne-tc--metro{background:var(--metal);color:var(--sur-or)}.ligne-tc--tram{background:var(--ar1);color:var(--fort);box-shadow:inset 0 0 0 1.5px var(--ar2)}.arrets-liste__nom{display:flex;flex-direction:column;font-size:var(--t-s);line-height:1.3}.arrets-liste__nom strong{font-size:var(--t-m);color:var(--fort)}.arrets-liste__d{font:760 var(--t-xl) var(--f-titre);font-stretch:108%;color:var(--fort);white-space:nowrap;font-variant-numeric:tabular-nums}.venir__communes,.couronne-bloc{container-type:inline-size}.couronne__svg,.couronne__centre{display:none}.cour__titre{margin:22px 0 10px;font:700 var(--t-m) var(--f-txt);color:var(--fort)}.cour__liste{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.cour__c a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:1px solid var(--trait-fort);border-radius:var(--r-pilule);background:var(--blanc);color:var(--fort);font-size:var(--t-s);font-weight:700;line-height:1.2;text-decoration:none}.cour--limitrophe .cour__c a{border-color:var(--g1);background:var(--g1);color:var(--s-txt)}.cour--seine .cour__c a{border-color:var(--or1);background:var(--or-pale)}.cour__c a:focus-visible{outline:3px solid var(--focus);outline-offset:3px}@container (min-width: 600px){.couronne{position:relative;width:600px;height:600px;margin-inline:auto}.couronne__svg{display:block;position:absolute;inset:0;width:100%;height:100%;overflow:visible}.couronne__anneaux circle{fill:none;stroke:var(--trait-fort);stroke-width:1.5}.couronne__anneaux circle:first-child{stroke:var(--or1)}.couronne__anneaux circle:last-child{stroke-dasharray:2 6}.couronne__seine{fill:none;stroke:var(--ar2);stroke-width:10;stroke-linecap:round;opacity:.55}.couronne__seine-nom{font:700 14px var(--f-txt);letter-spacing:.18em;text-transform:uppercase;fill:var(--or-txt)}.couronne__centre{display:block;position:absolute;left:50%;top:50%;translate:-50% -50%;margin:0;font:760 1.375rem / 1 var(--f-titre);font-stretch:104%;letter-spacing:-.01em;color:var(--fort)}.cour__c{position:absolute;left:calc(50% + var(--x));top:calc(50% + var(--y));translate:-50% -50%;white-space:nowrap}.cour__c a{min-height:38px}.cour__titre{position:absolute;left:0;display:flex;align-items:center;gap:8px;margin:0;font-size:var(--t-xs)}.cour__titre:before{content:"";width:14px;height:14px;flex:none;border-radius:50%;border:1.5px solid var(--trait-fort);background:var(--blanc)}.cour--limitrophe .cour__titre{top:0}.cour--limitrophe .cour__titre:before{border-color:var(--g1);background:var(--g1)}.cour--seine .cour__titre{top:28px}.cour--seine .cour__titre:before{border-color:var(--or1);background:var(--or-pale)}.cour--proche .cour__titre{top:56px}}.venir__final{position:relative;display:grid;gap:24px;margin-top:clamp(48px,7vw,96px);padding:clamp(30px,5vw,60px);overflow:hidden;border-radius:var(--r-m);background:radial-gradient(120% 140% at 100% 0%,rgb(var(--rgb-or) / .16),rgb(var(--rgb-or) / 0) 55%),var(--g0);color:var(--s-doux);--focus: var(--or0)}.venir__final:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:var(--metal)}.venir__final-txt{display:grid;gap:12px}.venir__final-titre{font:760 clamp(1.8rem,4.4vw,3rem) / 1.04 var(--f-titre);font-stretch:112%;letter-spacing:-.02em;color:var(--s-txt);text-wrap:balance}.venir__final-actions{display:grid;gap:14px;justify-items:start}.venir__final-actions .bouton{width:100%}.venir__final-tel .lien-tel{display:inline-flex;align-items:center;min-height:44px;font-weight:700;color:var(--or0);white-space:nowrap}@media (min-width: 900px){.venir__final{grid-template-columns:1fr auto;align-items:center;gap:48px}.venir__final-actions .bouton{width:auto}}@media (min-width: 1024px){.venir__grille{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);grid-template-areas:"infos plan" "acces communes";column-gap:clamp(48px,5vw,88px);row-gap:64px}.venir__infos{grid-area:infos}.venir .plan-bloc{grid-area:plan}.venir__acces{grid-area:acces}.venir__communes{grid-area:communes}.venir .plan{margin-left:auto}.venir .plan__note{text-align:right}.rep__nom{font-size:var(--t-s)}.plan__nom{font-size:var(--t-xl)}.venir__tete .titre-2{font-size:clamp(2.6rem,3.9vw,3.4rem)}}.pilier__encadre{display:grid;gap:14px}.pilier__adresse{font-style:normal;font-size:var(--t-l);font-weight:600;line-height:1.45;color:var(--s-txt)}.pilier__intro .sec__tete{margin-bottom:28px}.pilier__texte{max-width:68ch;color:var(--fort)}.pilier__duo{align-items:start}.pilier__zones{margin:0;padding:0;list-style:none}.pilier__zone{display:grid;align-content:start;gap:6px;padding:18px 18px 16px;border:1px solid var(--trait);border-top:3px solid var(--g1);border-radius:var(--r-s);background:var(--blanc)}.pilier__zone-nom{font-size:var(--t-xs);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--or-txt)}.pilier__zone-duree{font:760 var(--t-xl) / 1.2 var(--f-titre);color:var(--fort)}.pilier__parkings{margin:0;padding:0;list-style:none}.pilier__parkings .carte__titre{font-size:var(--t-l)}.pilier__quartiers{margin-top:12px}.pilier__source{display:block;margin-top:8px;font-size:var(--t-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--or-txt)}.pilier__mini{margin-top:40px}.pilier__reperes{--grille-gap: 0 48px;margin:12px 0 0;padding:0;list-style:none}.pilier__reperes li{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--trait)}.pilier__reperes strong{flex:none;max-width:45%;color:var(--fort);text-align:right}.pilier__communes .carte__pied{color:var(--or0);font-weight:600}.pilier__actions{margin-top:40px;align-items:center}.commune__chiffres{display:grid;gap:6px;min-width:260px}.commune__km{font:760 clamp(2.6rem,6vw,3.6rem) / 1 var(--f-titre);font-stretch:112%;color:var(--s-txt)}.commune__lignes{margin-top:6px;color:var(--or0);font-weight:600}.commune__intro{color:var(--fort)}.commune__route .duo{align-items:start}.commune__trajet-bloc{padding:28px 26px;border:1px solid var(--trait);border-radius:var(--r-m);background:var(--blanc)}.trajet{position:relative;display:grid;gap:14px;margin:18px 0 16px;padding:0 0 0 30px;list-style:none}.trajet:before{content:"";position:absolute;left:7px;top:10px;bottom:10px;width:2px;background:var(--metal);transform-origin:top}.trajet__etape{position:relative;color:var(--fort);line-height:1.4}.trajet__etape:before{content:"";position:absolute;left:-29px;top:.3em;width:14px;height:14px;border-radius:50%;border:2px solid var(--or1);background:var(--blanc)}.trajet__etape strong{display:block}.trajet__etape--depart:before{background:var(--g1);border-color:var(--g1)}.trajet__etape--arrivee:before{width:18px;height:18px;left:-31px;background:var(--or1)}.commune__ligne{display:grid;align-content:start;gap:12px}.commune__ligne-tete{display:flex;align-items:center;gap:12px;font-size:var(--t-l);color:var(--fort)}.commune__ligne-infos{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 14px;margin:0}.commune__ligne-infos dt{font-size:var(--t-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--or-txt);padding-top:.15em}.commune__ligne-infos dd{margin:0;color:var(--fort)}.commune__attention,.commune__idfm{margin-top:18px}.commune__reperes .duo{align-items:center}.commune__adresse{font-style:normal;font-size:var(--t-xl);font-weight:600;line-height:1.4;color:var(--s-txt)}.commune__arrivee .mini{color:var(--or0)}.commune__devis{margin-top:28px}.prestations-locales{margin:0;padding:0;list-style:none}@media (max-width: 639px){.prestations-locales{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.prestations-locales .carte{padding:16px 14px}.prestations-locales .carte__titre{font-size:var(--t-m)}.prestations-locales .picto{--picto-t: 36px}}.commune__proches .venir__final{margin-top:clamp(40px,6vw,72px)}.cour__c a[aria-current=page]{background:var(--or1);border-color:var(--or1);color:var(--sur-or);box-shadow:none}.apropos__depuis{display:grid;gap:6px;min-width:240px}.apropos__annee{font:760 clamp(3rem,7vw,4.4rem) / 1 var(--f-titre);font-stretch:112%;color:var(--s-txt)}.apropos__photos{display:grid;gap:12px;margin:0;padding:0;list-style:none;grid-template-columns:repeat(2,minmax(0,1fr))}.apropos__photo{overflow:hidden;border-radius:var(--r-s);background:var(--pap4)}.apropos__photo:first-child{grid-column:1 / -1}.apropos__photo:last-child:nth-child(2n){grid-column:1 / -1}.apropos__photo img{display:block;width:100%;height:100%;aspect-ratio:4 / 3;object-fit:cover}.apropos__toutes{margin-top:28px}.apropos__engagements{margin:0;padding:0;list-style:none}.apropos__duo{align-items:start;row-gap:40px}.apropos__duo>div{display:grid;gap:14px;justify-items:start}.apropos__note{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:var(--t-l)}.apropos__note strong{font:760 var(--t-xl) var(--f-titre);color:var(--fort)}.apropos__legal{margin-top:48px}@media (min-width: 1000px){.apropos__photos{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.apropos__photo:first-child{grid-column:span 2;grid-row:span 2}.apropos__photo:last-child:nth-child(2n){grid-column:auto}}@media (hover: hover) and (prefers-reduced-motion: no-preference){.apropos__photo img{transition:scale .9s var(--ease)}.apropos__photo:hover img{scale:1.04}}@media (prefers-reduced-motion: no-preference){.plan__trajets path,.rep{transition:opacity .35s}.rep__pt{transition:scale .35s var(--ease)}@keyframes anneau{0%{opacity:0;transform:scale(.72)}}@keyframes rail{0%{transform:scaleY(0)}}@supports (animation-timeline: view()){.plan{view-timeline:--plan block}.plan__anneaux circle{transform-box:view-box;transform-origin:50% 50%;animation:anneau linear both;animation-timeline:--plan;animation-range:entry 0% entry 55%}.plan__anneaux circle:nth-child(n+3){animation-range:entry 20% entry 85%}.plan__pin{animation:pop linear both;animation-timeline:--plan;animation-range:entry 20% entry 70%}.plan__trajets path{stroke-dasharray:1 1;animation:trace linear both;animation-timeline:--plan}.rep{animation:pop linear both;animation-timeline:--plan}:is(.plan__trajets path,.rep):nth-child(1){animation-range:entry 55% cover 38%}:is(.plan__trajets path,.rep):nth-child(2){animation-range:entry 65% cover 42%}:is(.plan__trajets path,.rep):nth-child(3){animation-range:entry 75% cover 46%}:is(.plan__trajets path,.rep):nth-child(4){animation-range:entry 85% cover 50%}:is(.plan__trajets path,.rep):nth-child(5){animation-range:entry 95% cover 54%}:is(.plan__trajets path,.rep):nth-child(6){animation-range:cover 30% cover 58%}.plan__echelle li{animation:pop linear both;animation-timeline:--plan;animation-range:entry 40% cover 45%}.trajet{view-timeline:--trajet block}.trajet:before{animation:rail linear both;animation-timeline:--trajet;animation-range:entry 10% cover 50%}.trajet__etape:before{animation:pop linear both;animation-timeline:view();animation-range:entry 40% entry 100%}.couronne{view-timeline:--cour block}.cour__c,.couronne__centre{animation:pop linear both;animation-timeline:view();animation-range:entry 0% entry 100%}.couronne__anneaux circle{transform-box:view-box;transform-origin:50% 50%;animation:anneau linear both;animation-timeline:--cour;animation-range:entry 0% entry 60%}.couronne__seine{stroke-dasharray:1 1;animation:trace linear both;animation-timeline:--cour;animation-range:entry 10% cover 45%}}@media screen{.io :is(.plan__trajets path,.couronne__seine){stroke-dasharray:1 1}.io .plan:not(.is-in) .plan__trajets path,.io .couronne:not(.is-in) .couronne__seine{stroke-dashoffset:1}.io .plan:not(.is-in) :is(.rep,.plan__pin,.plan__echelle li),.io .couronne:not(.is-in) :is(.cour__c,.couronne__centre){opacity:0;transform:scale(.4)}.io .plan.is-in :is(.rep,.plan__pin,.plan__echelle li),.io .couronne.is-in :is(.cour__c,.couronne__centre){transition:opacity .6s ease,transform .6s var(--ease)}.io .plan.is-in .plan__trajets path{transition:stroke-dashoffset 1.3s ease}.io .plan.is-in :is(.plan__trajets path,.rep):nth-child(2){transition-delay:.15s}.io .plan.is-in :is(.plan__trajets path,.rep):nth-child(3){transition-delay:.3s}.io .plan.is-in :is(.plan__trajets path,.rep):nth-child(4){transition-delay:.45s}.io .plan.is-in :is(.plan__trajets path,.rep):nth-child(5){transition-delay:.6s}.io .plan.is-in :is(.plan__trajets path,.rep):nth-child(6){transition-delay:.75s}.io .couronne.is-in .couronne__seine{transition:stroke-dashoffset 1.4s var(--ease) .2s}.io .trajet:not(.is-in):before{transform:scaleY(0)}.io .trajet.is-in:before{transition:transform 1.4s var(--ease)}}}.plan .rep--hdv{--x: 39.88%;--y: 44.39%}.plan .rep--b235{--x: 48.09%;--y: 65.54%}.plan .rep--b178{--x: 44.42%;--y: 31.76%}.plan .rep--b366{--x: 60.13%;--y: 69.88%}.plan .rep--m13{--x: 16.35%;--y: 62.25%}.plan .rep--t1{--x: 28.38%;--y: 15.39%}.couronne .cour__c--asnieres-sur-seine{--x: -7px;--y: 128px}.couronne .cour__c--colombes{--x: -156px;--y: 19px}.couronne .cour__c--villeneuve-la-garenne{--x: 96px;--y: -80px}.couronne .cour__c--argenteuil{--x: -175px;--y: -142px}.couronne .cour__c--l-ile-saint-denis{--x: 150px;--y: -168px}.couronne .cour__c--epinay-sur-seine{--x: 96px;--y: -252px}.couronne .cour__c--saint-ouen-sur-seine{--x: 196px;--y: 186px}.couronne .cour__c--clichy{--x: 92px;--y: 246px}.couronne .cour__c--courbevoie{--x: -96px;--y: 236px}.couronne .cour__c--bois-colombes{--x: -178px;--y: 150px}.couronne .cour__c--la-garenne-colombes{--x: -200px;--y: 62px}}
