/* Baromètre digital Grenoble 2027, charte Nidyanet */
.nb{--b:#2f5fff;--bd:#1d44d8;--n:#0f1c4d;--t:#33405f;--m:#5c6788;--bg:#f4f6fd;--l:#e3e8f7;font-family:Poppins,system-ui,sans-serif;color:var(--t);line-height:1.7}
.nb *{box-sizing:border-box}
.nb-w{max-width:1100px;margin:0 auto;padding:0 20px}
.nb-hero{position:relative;background-image:linear-gradient(90deg,rgba(8,14,46,.97) 0%,rgba(8,14,46,.9) 38%,rgba(8,14,46,.55) 62%,rgba(8,14,46,.15) 85%),linear-gradient(0deg,rgba(8,14,46,.7),rgba(8,14,46,0) 45%),url(/wp-content/uploads/2026/11/grenoble-panorama-crepuscule-bastille-isere-nidyanet.webp)!important;background-size:cover!important;background-position:62% 62%!important;width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:64px 0 56px;background:#0a1238;color:#c9d2f2;overflow:hidden}
.nb-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(900px 500px at 85% 0%,rgba(47,95,255,.3),transparent 70%),radial-gradient(600px 400px at 0% 100%,rgba(81,16,255,.18),transparent 70%)}
.nb-hero .nb-w{position:relative}
.nb-k{display:inline-flex;align-items:center;gap:12px;margin:0;font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#8fa3ff}

.nb h1{margin:18px 0 16px;color:#fff;font-size:clamp(30px,4.4vw,52px);font-weight:800;letter-spacing:-.03em;line-height:1.08;max-width:920px}
.nb-sub{font-size:clamp(17px,2vw,20px);color:#c9d2f2;max-width:780px;margin:0}
.nb-meta{list-style:none;margin:28px 0 0;padding:20px 0 0;border-top:1px solid rgba(255,255,255,.14);display:flex;flex-wrap:wrap;gap:14px 36px}
.nb-meta li{font-size:14.5px;color:#fff;font-weight:500}.nb-meta span{display:block;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:#8fa3ff;font-weight:600}
.nb-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.nb .nb-btn,.nb .nb-btn:hover,.nb .nb-btn:focus{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px;border-radius:999px;border:0!important;background:var(--b)!important;color:#fff!important;font:600 15px Poppins,sans-serif;text-decoration:none!important;cursor:pointer}
.nb .nb-btn:hover{background:var(--bd)!important}
.nb .nb-btn.s{background:transparent!important;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.4)}
.nb-s .nb-btn.s,.nb-method .nb-btn.s{color:var(--n)!important;box-shadow:inset 0 0 0 1.5px var(--l)}
.nb-body{display:grid;grid-template-columns:230px minmax(0,1fr);gap:48px;align-items:start;padding-top:48px;padding-bottom:64px}
.nb-body>section,.nb-body>.nb-s{grid-column:2}
.nb-toc{grid-column:1;grid-row:1/span 20;position:sticky;top:120px;font-size:14px}
.nb-toc p{margin:0 0 10px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--m)}
.nb-toc ol{margin:0;padding:0;list-style:none;border-left:2px solid var(--l)}
.nb-toc a{display:block;padding:6px 0 6px 14px;margin-left:-2px;border-left:2px solid transparent;color:var(--t)!important;text-decoration:none!important;line-height:1.35}
.nb-toc a:hover,.nb-toc a:focus{color:var(--b)!important;border-left-color:var(--b)}
.nb-s{padding:8px 0 40px;scroll-margin-top:120px}
.nb h2{color:var(--n);font-size:clamp(25px,3vw,34px);font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:0 0 16px}
.nb h3{color:var(--n);font-size:19px;font-weight:600;margin:28px 0 8px}
.nb p{margin:0 0 14px;font-size:16.5px}
.nb a{color:var(--b)!important;text-decoration-color:rgba(47,95,255,.35);text-underline-offset:4px}
.nb-note{font-size:14px!important;color:var(--m);padding:12px 16px;border-left:3px solid var(--l);background:#fafbff;border-radius:0 10px 10px 0}
.nb-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:6px 0 20px}
.nb-kpi{padding:20px 20px 18px;border-radius:18px;background:#fff;box-shadow:0 0 0 1px var(--l),0 24px 50px -44px rgba(15,28,77,.5)}
.nb-kpi b{display:block;font-size:38px;font-weight:800;color:var(--n);letter-spacing:-.03em;line-height:1.05}
.nb-kpi b small{font-size:17px;font-weight:600;color:var(--m);letter-spacing:0}
.nb-kpi span{display:block;margin-top:8px;font-size:13.5px;line-height:1.45;color:var(--m)}
.nb-fig{margin:24px 0 26px;padding:22px 22px 14px;border-radius:20px;background:#fff;box-shadow:0 0 0 1px var(--l)}
.nb-fig figcaption b{display:block;color:var(--n);font-size:17px}.nb-fig figcaption span{display:block;font-size:13.5px;color:var(--m);margin:2px 0 14px}
.nb-svg{display:block;width:100%;height:auto}
.nb-figbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;padding-top:10px;border-top:1px solid var(--l)}
.nb-figbar small{font-size:12px;color:var(--m)}
.nb .nb-png{border:0!important;background:none!important;color:var(--b)!important;font:600 13px Poppins,sans-serif;cursor:pointer;padding:4px 0!important}
.nb-data summary{cursor:pointer;font-size:13.5px;font-weight:600;color:var(--n);padding:10px 0 4px}
.nb-t{width:100%;border-collapse:separate!important;border-spacing:0;font-size:14.5px;margin:8px 0}
.nb-t th,.nb-t td{border:0!important;border-bottom:1px solid #edf0f8!important;background:#fff!important;padding:11px 12px!important;text-align:left;vertical-align:middle;line-height:1.4}
.nb-t thead th{background:#f4f6fd!important;font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--m);position:sticky;top:0;z-index:1}
.nb-t tbody th{font-weight:600;color:var(--n)}
.nb-t tbody tr:hover td,.nb-t tbody tr:hover th{background:#fafbff!important}
.nb-th-s{cursor:pointer;user-select:none;white-space:nowrap}
.nb-th-s:after{content:" ↕";opacity:.35}.nb-th-s[aria-sort=ascending]:after{content:" ↑";opacity:1}.nb-th-s[aria-sort=descending]:after{content:" ↓";opacity:1}
.nb-scroll{overflow:auto;border-radius:16px;box-shadow:0 0 0 1px var(--l);margin:14px 0 18px}
.nb-tall{max-height:620px}
.nb-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px;vertical-align:middle}
.nb-sc{display:inline-block;min-width:38px;padding:2px 8px;border-radius:8px;font-weight:700;text-align:center;font-variant-numeric:tabular-nums}
.nb-b{background:#e3f6ec;color:#0d7a46}.nb-m{background:#fff3df;color:#9a5b00}.nb-f{background:#fde8e8;color:#b42318}
.nb-na{font-size:12.5px;color:var(--m)}
.nb-filters,.nb-mapf,.nb-cmp-f{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}
.nb-filters input,.nb-filters select,.nb-mapf input,.nb-mapf select,.nb-cmp-f input,.nb-cmp-f select{min-height:46px;border:1.5px solid #cfd8f3;border-radius:12px;padding:8px 12px;font:14.5px Poppins,sans-serif;background:#fff;color:var(--n);flex:1 1 170px}
.nb-filters input[type=search],.nb-mapf input[type=search],.nb-cmp-f input{flex:2 1 240px}
.nb-count{font-size:13.5px!important;color:var(--m);margin:0!important}
.nb-errs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:6px 0 18px}
.nb-errs>div{padding:18px 20px;border-radius:16px;background:#fafbff;box-shadow:0 0 0 1px var(--l)}
.nb-errs h3{margin:0 0 8px;font-size:16.5px}
.nb-errs p{font-size:14.5px!important;margin:0}.nb-errs b{color:var(--n)}
.nb-recos{counter-reset:r;list-style:none;margin:10px 0 18px;padding:0;display:grid;gap:12px}
.nb-recos li{counter-increment:r;position:relative;padding:16px 18px 16px 66px;border-radius:16px;background:#fff;box-shadow:0 0 0 1px var(--l);font-size:15.5px}
.nb-recos li:before{content:counter(r,decimal-leading-zero);position:absolute;left:18px;top:14px;font-size:26px;font-weight:200;color:transparent;-webkit-text-stroke:1px var(--b)}
.nb-recos b{display:block;color:var(--n)}
.nb-cmp{padding:30px!important;margin:10px 0 30px;border-radius:24px;background:var(--bg)}
.nb-cmp-f .nb-btn{flex:0 0 auto}
.nb-res{margin-top:18px;padding:22px;border-radius:18px;background:#fff;box-shadow:0 0 0 1px var(--l)}
.nb-res-h b{display:block;font-size:20px;color:var(--n)}.nb-res-h span{font-size:13.5px;color:var(--m)}
.nb-res-g{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:10px 0}
.nb-res ul{list-style:none;margin:0;padding:0}.nb-res li{position:relative;padding:8px 0 8px 28px;border-bottom:1px solid #edf0f8;font-size:14.5px;color:var(--n)}
.nb-res li small{display:block;font-size:12px;color:var(--m)}
.nb-res li.ok:before{content:"✓";position:absolute;left:4px;top:8px;color:#13955c;font-weight:700}.nb-res li.ko:before{content:"!";position:absolute;left:7px;top:8px;color:#e5484d;font-weight:800}
.nb-res ol{margin:0 0 14px;padding-left:20px;font-size:15px}
.nb-err{color:#b42318;font-weight:500}.nb-wait{color:var(--m)}
.nb-map{position:relative;height:540px;border-radius:20px;overflow:hidden;background:var(--bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cpath d='M0 20h40M20 0v40' stroke='%23e3e8f7'/%3E%3C/svg%3E");box-shadow:0 0 0 1px var(--l);margin:10px 0}
.nb-map:fullscreen{border-radius:0}.nb-map.nb-map-max{position:fixed;inset:0;z-index:99999;height:auto;border-radius:0}
.nb .nb-map-load{position:absolute;inset:0;margin:auto;width:max-content;height:52px;padding:0 24px;border-radius:999px;border:0!important;background:var(--n)!important;color:#fff!important;font:600 15px Poppins,sans-serif;cursor:pointer}
.nb .nb-fs{position:absolute;right:12px;top:12px;z-index:1000;padding:8px 14px;border-radius:999px;border:0!important;background:#fff!important;color:var(--n)!important;font:600 13px Poppins,sans-serif;box-shadow:0 6px 18px -8px rgba(15,28,77,.5);cursor:pointer}
.nb-pin span{display:block;width:18px;height:18px;border-radius:50%;border:3px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.35)}
.nb-legend{list-style:none;margin:10px 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px;font-size:13.5px}
.nb-legend i{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:7px;vertical-align:-1px}
.nb .leaflet-popup-content{font-family:Poppins,sans-serif;font-size:13.5px;line-height:1.5}
.nb-cite{margin:14px 0;padding:18px 20px;border-radius:16px;background:var(--bg);border:0}
.nb-cite p{font-size:14.5px!important;color:var(--n)}
@media(max-width:980px){.nb-body{grid-template-columns:minmax(0,1fr);gap:20px}.nb-toc{position:static;grid-row:auto}.nb-toc ol{columns:2}.nb-body>section,.nb-body>.nb-s{grid-column:1}.nb-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.nb-chart{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -6px;padding-bottom:6px}.nb-chart .nb-svg{min-width:620px}.nb-chart::after{content:"Faites glisser pour voir tout le graphique";display:block;font-size:12px;color:var(--m);margin-top:6px;position:sticky;left:0}.nb-hero{padding:40px 0 36px}.nb-kpis,.nb-errs,.nb-res-g{grid-template-columns:1fr}.nb-kpi b{font-size:32px}.nb-toc ol{columns:1}.nb-map{height:420px}.nb-cmp{padding:20px!important}.nb-t{font-size:13.5px}}
/* Fil d'Ariane de l'en-tête, harmonisé sur les pages d'étude uniquement */
body.netu-page .elementor-element-537640c{padding:4px 0 16px!important;border-bottom:1px solid #e3e8f7}
body.netu-page #breadcrumbs{font-size:13px!important;font-style:normal!important;letter-spacing:.01em;color:#5c6788!important;line-height:1.5}
body.netu-page #breadcrumbs *{font-style:normal!important}
body.netu-page #breadcrumbs a{color:#2f5fff!important;text-decoration:none!important;font-weight:500}
body.netu-page #breadcrumbs a:hover{color:#0f1c4d!important;text-decoration:underline!important}
body.netu-page #breadcrumbs .breadcrumb_last{color:#0f1c4d;font-weight:500}
body.netu-page #breadcrumbs .netu-sep{display:inline-block;margin:0 8px;color:#a3acc9}
/* Sommaire : section en cours mise en évidence */
body.netu-page .nb-toc ol a{color:#5c6788!important;transition:color .2s,border-color .2s,background-color .2s;border-radius:0 8px 8px 0}
body.netu-page .nb-toc ol a:hover{color:#0f1c4d!important;border-left-color:#c9d3f5}
body.netu-page .nb-toc ol a.is-active{color:#0f1c4d!important;font-weight:600;border-left-color:#2f5fff;background:linear-gradient(90deg,rgba(47,95,255,.08),rgba(47,95,255,0))}

@media(max-width:640px){.nb-hero{background-image:linear-gradient(0deg,rgba(8,14,46,.96) 30%,rgba(8,14,46,.78) 70%,rgba(8,14,46,.55)),url(/wp-content/uploads/2026/11/grenoble-panorama-crepuscule-bastille-isere-nidyanet.webp)!important;background-position:70% 50%!important}}