@font-face{font-family:'PN Serif';src:url('fonts/plan-serif-400-normal.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'PN Serif';src:url('fonts/plan-serif-600-normal.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'PN Serif';src:url('fonts/plan-serif-650-normal.woff2') format('woff2');font-weight:650;font-style:normal;font-display:swap}
@font-face{font-family:'PN Serif';src:url('fonts/plan-serif-400-italic.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:'PN Serif';src:url('fonts/plan-serif-600-italic.woff2') format('woff2');font-weight:600;font-style:italic;font-display:swap}
.pn{--pn-vert:#0F3B2C;--pn-vert2:#16513D;--pn-or:#E8C15A;--pn-rouge:#B3122E;--pn-encre:#1C2421;--pn-papier:#FFFDF8;--pn-c16:#1F4FB5;--pn-c18:#C8102E;
color:var(--pn-encre);font-size:16px;line-height:1.5}
.pn p,.pn li{font-size:16px;line-height:1.5}
.pn-nom{font-size:17px}.pn-voir{font-size:16px}
.pn *{box-sizing:border-box}
.pn-entete{background:var(--pn-vert);color:#fff;border-radius:16px 16px 0 0;padding:20px 20px 16px;position:relative;overflow:hidden}
.pn-entete::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.55;
background-image:radial-gradient(1.6px 1.6px at 12% 30%,#FFE9A8 60%,transparent 61%),radial-gradient(1.2px 1.2px at 28% 70%,#fff 60%,transparent 61%),
radial-gradient(1.8px 1.8px at 47% 22%,#FFE9A8 60%,transparent 61%),radial-gradient(1.2px 1.2px at 63% 64%,#fff 60%,transparent 61%),
radial-gradient(1.6px 1.6px at 81% 28%,#FFE9A8 60%,transparent 61%),radial-gradient(1.1px 1.1px at 92% 74%,#fff 60%,transparent 61%)}
.pn-entete h2{margin:0 0 6px;font-size:clamp(24px,3.6vw,34px);line-height:1.15;color:#fff}
.pn-entete p{margin:0;max-width:62ch;color:#F3EEDD}
.pn-outils{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:flex-start;background:var(--pn-vert2);color:#fff;padding:12px 20px 14px}
.pn-outils fieldset{border:0;margin:0;padding:0;min-width:0}
.pn-outils legend{color:#fff;font-weight:700;padding:0;margin-bottom:6px;font-size:15.2px}
.pn-choix{display:flex;flex-wrap:wrap;gap:6px}
.pn-choix label{color:#fff;display:inline-flex;align-items:center;gap:7px;padding:5px 11px 5px 8px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.35);cursor:pointer;font-size:14.7px;min-height:36px}
.pn-choix input{width:18px;height:18px;margin:0;accent-color:var(--pn-or)}
.pn-choix .pn-pastille{width:20px;height:20px}
.pn-trait{display:inline-block;width:22px;height:5px;border-radius:3px}
.pn-t16{background:var(--pn-c16)}.pn-t18{background:var(--pn-c18)}
.pn-carte-zone{position:relative;background:#EAD9B6;border-left:1px solid #D9C7A2;border-right:1px solid #D9C7A2}
.pn-defile{overflow:auto;-webkit-overflow-scrolling:touch;max-height:78vh}
.pn-svg{display:block;width:calc(100% * var(--pn-zoom,1));min-width:640px;height:auto;cursor:grab}
.pn-zoom{position:absolute;right:12px;top:12px;display:flex;flex-direction:column;gap:6px;z-index:2}
.pn-zoom button{width:40px;height:40px;border-radius:10px;border:1px solid #9C8B6A;background:#fff;color:var(--pn-encre);font-size:22.4px;line-height:1;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.pn-zoom button:disabled{opacity:.45;cursor:default}
.pn-pied{background:var(--pn-vert);color:#E9E3D0;font-size:13.1px;padding:8px 20px;border-radius:0 0 16px 16px}
.pn-pied p{margin:0}
.pn-trace{fill:none;stroke-width:1.05;stroke-linecap:round;stroke-linejoin:round}
.pn-casing{fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:.95}
.pn-c16 .pn-trace,.pn-c16 .pn-fleches{stroke:var(--pn-c16);fill:var(--pn-c16)}
.pn-c16 .pn-trace{fill:none}
.pn-c18 .pn-trace{stroke:var(--pn-c18)}
.pn-c18 .pn-fleches{fill:var(--pn-c18)}
.pn-c16 .pn-fleches path,.pn-c18 .pn-fleches path{stroke:#fff;stroke-width:.25}
.pn-tige .pn-trace{stroke:#3E3A55;stroke-dasharray:1.2 .8}
.pn[data-circuit="16"] .pn-c18,.pn[data-circuit="18"] .pn-c16{display:none}
.pn-pt{cursor:pointer}
.pn-pt .pn-halo{fill:#FFD54A;opacity:0;transition:opacity .2s}
.pn-pt.pn-actif .pn-halo{opacity:.85}
.pn-pt:hover .pn-halo{opacity:.5}
@media (prefers-reduced-motion:no-preference){
.pn-pt.pn-actif .pn-halo{animation:pn-pouls 1.4s ease-out 2}
@keyframes pn-pouls{0%{transform:scale(.6);opacity:1}100%{transform:scale(1.5);opacity:.1}}
.pn-c16 .pn-trace,.pn-c18 .pn-trace{stroke-dasharray:3 1.4;animation:pn-flux 2.4s linear infinite}
@keyframes pn-flux{to{stroke-dashoffset:-8.8}}
}
.pn-masque{display:none}
.pn-bulle{position:absolute;z-index:3;max-width:280px;background:#fff;border-radius:12px;padding:10px 12px;box-shadow:0 6px 24px rgba(0,0,0,.25);font-size:14.4px;pointer-events:none}
.pn-bulle strong{display:block;line-height:1.3}
.pn-bulle span{color:#4A524E}
.pn-liste{background:var(--pn-papier);border:1px solid #E3DCCF;border-top:0;border-radius:0 0 16px 16px;padding:8px 20px 20px;display:grid;gap:4px 28px;grid-template-columns:1fr}
@media (min-width:860px){.pn-liste{grid-template-columns:1fr 1fr}}
.pn-liste h3{font-size:17.6px;margin:16px 0 6px}
.pn-liste ul{list-style:none;margin:0;padding:0}
.pn-lieu{border-top:1px solid #ECE5D6;padding:8px 0}
.pn-lieu p{margin:4px 0 0 40px;font-size:14.7px}
.pn-voir{display:grid;grid-template-columns:30px 1fr;column-gap:10px;align-items:center;width:100%;text-align:left;background:none;border:0;padding:4px;margin:0;font:inherit;color:inherit;cursor:pointer;border-radius:8px}
.pn-voir:hover{background:#F4EEDF}
.pn-voir[aria-current="true"]{background:#FFF1C7}
.pn-pastille{width:30px;height:30px;border-radius:50%;padding:4px;grid-row:span 2}
.pn-nom{font-weight:700;line-height:1.3}
.pn-ou{font-size:14.1px;color:#4A524E;line-height:1.3}
.pn-circuits-texte{background:var(--pn-papier);border:1px solid #E3DCCF;border-top:0;padding:4px 20px 12px}
.pn-circuits-texte h3{font-size:17.6px;margin:14px 0 6px}
.pn-circuits-texte ul{margin:0;padding-left:1.2em}
.pn-sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.pn :focus-visible{outline:3px solid #FFB000;outline-offset:2px}
.pn a{color:#0B5B8A}
.pn a:hover{text-decoration-thickness:2px}
.pn-k-spectacles{color:#6A1B5D;background:#6A1B5D}.pn-k-marches{color:#B3122E;background:#B3122E}.pn-k-animations{color:#0B6E4F;background:#0B6E4F}.pn-k-lumieres{color:#24306B;background:#24306B}.pn-k-parkings{color:#1257B8;background:#1257B8}