#lp-resources,#lp-districts{--hub-green:#294d3b;--hub-ink:#293b32;--hub-paper:#f6f5ef;--hub-line:#dce2d9;color:var(--hub-ink);font-size:17px;line-height:1.7}

#lp-resources *,#lp-districts *{box-sizing:border-box}

#page #primary :is(#lp-resources,#lp-districts) :is(h2,h3){font-family:"Palatino Linotype",Palatino,Georgia,serif;color:var(--hub-green);font-weight:700;letter-spacing:-.02em;line-height:1.2;text-transform:none;margin:0 0 14px}

#page #primary :is(#lp-resources,#lp-districts) h2{font-size:clamp(27px,3vw,38px)!important}
#page #primary :is(#lp-resources,#lp-districts) :is(h2,h3){font-family:"Palatino Linotype",Palatino,Georgia,serif!important;color:var(--hub-green)!important;font-weight:700!important;letter-spacing:-.02em!important;line-height:1.2!important;text-transform:none!important;margin:0 0 14px!important}
#page #primary :is(#lp-resources,#lp-districts) h3{font-size:25px!important}

#page #primary :is(#lp-resources,#lp-districts) h3{font-size:25px}

#page #primary :is(#lp-resources,#lp-districts) p{margin:0 0 18px;text-align:left}

#page #primary :is(#lp-resources,#lp-districts) .hub-eyebrow{font:700 11px/1.5 Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#687561;margin-bottom:12px}

#page #primary :is(#lp-resources,#lp-districts) .hub-lead{font-size:clamp(18px,2vw,22px);max-width:68ch;line-height:1.65}

:is(#lp-resources,#lp-districts) .hub-nav{display:flex;flex-wrap:wrap;gap:10px 22px;padding:22px 0 28px;border-bottom:1px solid var(--hub-line);margin-bottom:42px}

#page #primary :is(#lp-resources,#lp-districts) .hub-nav a{font-size:14px;color:var(--hub-green);border:0;text-decoration:none;box-shadow:none}

:is(#lp-resources,#lp-districts) .hub-section{margin:0 0 52px;scroll-margin-top:100px}

:is(#lp-resources,#lp-districts) .hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:24px}

#page #primary :is(#lp-resources,#lp-districts) .hub-card{display:flex;flex-direction:column;min-width:0;padding:26px;border:1px solid var(--hub-line);border-top:3px solid #7a9178;background:#fff;border-radius:6px;color:var(--hub-ink);text-decoration:none;box-shadow:none;transition:transform .2s,box-shadow .2s,border-color .2s}

#page #primary :is(#lp-resources,#lp-districts) .hub-card p{font-size:15px;line-height:1.7;color:#59675d;margin-bottom:24px}

#page #primary :is(#lp-resources,#lp-districts) .hub-card .hub-link{font-size:13px;font-weight:700;color:var(--hub-green);margin-top:auto;padding-top:16px;border-top:1px solid var(--hub-line)}

#page #primary :is(#lp-resources,#lp-districts) .hub-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #294d3b12;border-color:#9cac95}

:is(#lp-resources,#lp-districts) a:focus-visible{outline:3px solid #b69353;outline-offset:5px}

:is(#lp-resources,#lp-districts) .hub-panel{background:var(--hub-paper);padding:32px;border-radius:8px;margin:0 0 48px}

:is(#lp-resources,#lp-districts) .hub-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}

#page #primary :is(#lp-resources,#lp-districts) .hub-panel a{color:var(--hub-green);text-decoration:underline;text-underline-offset:4px;box-shadow:none}

#page #primary :is(#lp-resources,#lp-districts) .hub-panel h3{font-size:26px}

:is(#lp-resources,#lp-districts) .hub-actions{display:flex;flex-wrap:wrap;gap:14px 24px}

#lp-districts .hub-map-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:48px;align-items:center;margin-bottom:48px}

#lp-districts #lp-qt-map{min-width:0;background:radial-gradient(ellipse,#edf2e7,transparent 70%)}

#lp-districts #carte-quartiers{width:100%;height:auto;display:block;max-height:none;overflow:visible}

#lp-districts .hub-district-list{display:grid;gap:0;margin-top:24px;border-top:1px solid var(--hub-line)}

#page #primary #lp-districts .hub-district-list a{display:flex;align-items:center;gap:18px;padding:15px 0;border-bottom:1px solid var(--hub-line);color:var(--hub-green);box-shadow:none;text-decoration:none;font:700 22px/1.3 "Palatino Linotype",Georgia,serif}

#lp-districts .hub-district-list a small{font:12px/1.5 Arial,sans-serif;color:#84917e}

#lp-districts .hub-district-list a span:last-child{margin-left:auto;font:18px/1 Arial,sans-serif}

#lp-districts .hub-district-list a:hover{padding-left:8px}

@media(max-width:900px){#lp-districts .hub-map-layout{grid-template-columns:1fr;gap:24px}#lp-districts #lp-qt-map{max-width:560px;width:100%;margin:auto}:is(#lp-resources,#lp-districts) .hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

@media(max-width:600px){:is(#lp-resources,#lp-districts) .hub-grid,:is(#lp-resources,#lp-districts) .hub-two{grid-template-columns:1fr}:is(#lp-resources,#lp-districts) .hub-panel{padding:24px}:is(#lp-resources,#lp-districts) .hub-nav{gap:12px 20px;margin-bottom:32px}:is(#lp-resources,#lp-districts) .hub-section{margin-bottom:36px}#page #primary :is(#lp-resources,#lp-districts) .hub-card{padding:24px}}

@media(prefers-reduced-motion:reduce){:is(#lp-resources,#lp-districts) *{transition:none!important;scroll-behavior:auto!important}}




          #lp-qt-map #carte-quartiers{

            --stroke: rgba(12,46,28,0.35);

            --strokeHover: rgba(12,46,28,0.95);

            --label: rgba(12,46,28,0.70);

            --labelActive: rgba(12,46,28,1);

            --q1:#DDEEE1;

            --q2:#C4E0C9;

            --q3:#9FCCA8;

            --q4:#6EAD7B;

            --q5:#2F7A4A;

            width: 94%;

            height: auto;

            display: block;

            margin: 0 auto;

            background: transparent;

            overflow: visible;

          }



          #lp-qt-map #carte-quartiers #layer3,

          #lp-qt-map #carte-quartiers #layer4,

          #lp-qt-map #carte-quartiers #layer5{ pointer-events:none; }



          #lp-qt-map #carte-quartiers #layer1{ display:none; pointer-events:none; }

          #lp-qt-map #carte-quartiers #layer5{ display:none; }

          #lp-qt-map #carte-quartiers #layer2{ pointer-events:all; }



          #lp-qt-map #q-centre{ fill: var(--q4) !important; }

          #lp-qt-map #q-jacob{ fill: var(--q2) !important; }

          #lp-qt-map #q-poudrerie{ fill: var(--q5) !important; }

          #lp-qt-map #q-danton{ fill: var(--q3) !important; }

          #lp-qt-map #q-gargan{ fill: var(--q1) !important; }



          #lp-qt-map #carte-quartiers .quartier{

            cursor:pointer;

            stroke: var(--stroke);

            stroke-width: 1.5px;

            vector-effect: non-scaling-stroke;

            stroke-linejoin: round;

            stroke-linecap: round;

            transition: filter 140ms ease, stroke-width 140ms ease, stroke 140ms ease;

          }



          #lp-qt-map #carte-quartiers .quartier:hover,

          #lp-qt-map #carte-quartiers .quartier.active,

          #lp-qt-map #carte-quartiers .quartier:focus-visible{

            filter: brightness(0.94) contrast(1.06);

            stroke: var(--strokeHover);

            stroke-width: 4.2px;

            outline:none;

          }



          #lp-qt-map #carte-quartiers #hover-outline .hover-outline-path{

            fill: none;

            stroke: var(--strokeHover);

            stroke-width: 7px;

            stroke-linejoin: round;

            stroke-linecap: round;

            vector-effect: non-scaling-stroke;

            pointer-events:none;

          }



          #lp-qt-map #carte-quartiers #auto-labels text{

            font-size: 96px;

            font-weight: 700;

            letter-spacing: .2px;

            fill: var(--label);

            opacity: .75;

            paint-order: stroke;

            stroke: rgba(255,255,255,0.90);

            stroke-width: 10px;

            pointer-events: none;

            transition: opacity 120ms ease, fill 120ms ease;

          }



          #lp-qt-map #carte-quartiers #auto-labels text.active{

            opacity: 1;

            fill: var(--labelActive);

          }



          #lp-qt-map #carte-quartiers #poi-layer .poi-group{ cursor: pointer; outline: none; }



          #lp-qt-map #carte-quartiers #poi-layer .poi-circle{

            fill: var(--strokeHover);

            stroke: var(--strokeHover);

            stroke-width: 7px;

            vector-effect: non-scaling-stroke;

            filter: none;

            transition: filter 140ms ease, stroke-width 140ms ease;

          }



          #lp-qt-map #carte-quartiers #poi-layer .poi-group:hover .poi-circle,

          #lp-qt-map #carte-quartiers #poi-layer .poi-group.active .poi-circle,

          #lp-qt-map #carte-quartiers #poi-layer .poi-group:focus-visible .poi-circle{

            filter: brightness(1.08) contrast(1.06) drop-shadow(0px 6px 8px rgba(0,0,0,0.25));

            stroke-width: 12px;

          }



          #lp-qt-map #carte-quartiers #poi-layer .poi-label{

            font-size: 46px;

            font-weight: 700;

            fill: rgba(12,46,28,1);

            opacity: 0.92;

            paint-order: stroke;

            stroke: rgba(255,255,255,0.90);

            stroke-width: 8px;

            pointer-events: none;

            filter: none;

            transition: fill 140ms ease, stroke 140ms ease, stroke-width 140ms ease, opacity 140ms ease, filter 140ms ease;

          }



          #lp-qt-map #carte-quartiers #poi-layer .poi-group:hover .poi-label,

          #lp-qt-map #carte-quartiers #poi-layer .poi-group.active .poi-label,

          #lp-qt-map #carte-quartiers #poi-layer .poi-group:focus-visible .poi-label{

            fill: rgba(12,46,28,1);

            stroke: rgba(255,255,255,1);

            stroke-width: 12px;

            opacity: 1;

            filter: drop-shadow(0px 4px 6px rgba(0,0,0,0.25));

          }



          #lp-qt-map #carte-quartiers #rect1385{ fill: #ffffff !important; }