/* CNS-JOJ : page publique Dispositif, styles strictement limites au conteneur .dispositif-public */
.security-portal .dispositif-public{--dip-blue:#103452;--dip-green:#14975d;--dip-ink:#23394b;--dip-muted:#5b6f80;--dip-border:#dce6ed;--dip-red:#c92533;color:var(--dip-ink);background:#f9fbfc;font-size:15px;line-height:1.55}
.dispositif-public *{box-sizing:border-box}.dispositif-public a{color:#14577e;text-decoration:none}.dispositif-public a:hover{text-decoration:underline}.dispositif-public a:focus-visible{outline:3px solid #f3a425;outline-offset:3px}.dispositif-public .dip-eyebrow{display:inline-block;color:var(--dip-green);font-size:11px;letter-spacing:.13em;font-weight:800;text-transform:uppercase}.dispositif-public .dip-eyebrow--light{color:#baf5d3}
.dispositif-public .dip-hero{background:#0c3855;color:#fff;overflow:hidden}.dispositif-public .dip-hero__inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;min-height:334px}.dispositif-public .dip-hero__copy{padding:46px 36px 45px 0;align-self:center}.dispositif-public .dip-hero h1{font-size:clamp(36px,3.7vw,58px);font-weight:800;line-height:1.06;letter-spacing:-.035em;margin:13px 0 20px;color:#fff}.dispositif-public .dip-hero p{max-width:610px;line-height:1.68;color:#e6f2f5;margin:0 0 24px}.dispositif-public .dip-hero__link{display:inline-flex;gap:15px;align-items:center;background:#168957;border:1px solid #66c99a;color:#fff;padding:11px 18px;border-radius:9px;font-weight:700;font-size:13px}.dispositif-public .dip-hero__media{position:relative;margin-right:calc((min(1440px,100vw - 64px) - 100vw)/2);min-height:334px;overflow:hidden}.dispositif-public .dip-hero__media::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0c3855 0%,transparent 26%);z-index:1;pointer-events:none}.dispositif-public .dip-hero__media img{width:100%;height:100%;min-height:334px;object-fit:cover;object-position:center;display:block}.dispositif-public .dip-hero__credit{position:absolute;right:24px;bottom:16px;z-index:2;font-size:10px;color:#fff;text-shadow:0 1px 3px #000}
.dispositif-public .dip-index{background:#fff;border-bottom:1px solid var(--dip-border);box-shadow:0 3px 16px #0d35540b}.dispositif-public .dip-index__inner{display:flex;justify-content:space-between;gap:2px;overflow-x:auto;scrollbar-width:thin}.dispositif-public .dip-index a{font-size:13px;flex:1 0 auto;text-align:center;padding:16px 10px;border-bottom:3px solid transparent;font-weight:650;color:#284761;white-space:nowrap}.dispositif-public .dip-index a:hover{color:#12734a;border-bottom-color:#18a363;text-decoration:none;background:#f4faf7}.dispositif-public .dip-main{padding-top:26px;padding-bottom:48px}.dispositif-public .dip-intro-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:16px}.dispositif-public .dip-important,.dispositif-public .dip-shortcuts{padding:24px;border:1px solid var(--dip-border);border-radius:13px;background:#fff}.dispositif-public .dip-important{background:#fff6f5;border-color:#f1d2d1;box-shadow:inset 4px 0 0 var(--dip-red)}.dispositif-public .dip-important__header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:12px}.dispositif-public .dip-tag{display:inline-block;font-weight:800;padding:7px 10px;border-radius:6px;font-size:11px}.dispositif-public .dip-tag--red{background:#cb2b36;color:white}.dispositif-public .dip-important h2{font-size:23px;line-height:1.22;color:#98232b;margin:0 0 13px}.dispositif-public .dip-important p{color:#5c4045;line-height:1.65;margin:0 0 12px}.dispositif-public .dip-important a{font-weight:750;color:#9a252c;font-size:13px}.dispositif-public .dip-shortcuts h2{font-size:21px;color:var(--dip-blue);margin:0 0 17px}.dispositif-public .dip-shortcuts__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.dispositif-public .dip-shortcuts__grid a{min-width:0;border:1px solid #e4edf1;border-radius:10px;padding:16px 9px;background:#f9fbfc;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:9px}.dispositif-public .dip-shortcuts__grid a span{font-weight:800;font-size:24px;color:#138e58}.dispositif-public .dip-shortcuts__grid a strong{font-size:12px;line-height:1.3;color:var(--dip-blue)}
.dispositif-public .dip-section{padding-top:38px;scroll-margin-top:115px}.dispositif-public .dip-section__heading{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:16px}.dispositif-public .dip-section__heading h2{color:var(--dip-blue);font-size:clamp(23px,2.1vw,31px);line-height:1.2;margin:5px 0 0;letter-spacing:-.025em}.dispositif-public .dip-small-link{font-size:12px;font-weight:750;white-space:nowrap}.dispositif-public .dip-road-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.dispositif-public .dip-road-measures{display:flex;flex-direction:column;gap:10px}.dispositif-public .dip-measure{display:grid;grid-template-columns:46px 1fr;gap:15px;align-items:start;border:1px solid var(--dip-border);border-radius:11px;background:white;padding:17px}.dispositif-public .dip-measure__icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#e9f5f0;color:#0d7848;font-weight:900}.dispositif-public .dip-measure h3{font-size:15px;color:var(--dip-blue);margin:0 0 5px}.dispositif-public .dip-measure p{font-size:13px;line-height:1.55;color:var(--dip-muted);margin:0}.dispositif-public .dip-route-card{border:1px solid var(--dip-border);border-radius:12px;background:linear-gradient(140deg,#edf5f8,#fff);padding:22px;display:flex;flex-direction:column}.dispositif-public .dip-route-card__head h3{font-size:21px;color:var(--dip-blue);margin:5px 0 12px}.dispositif-public .dip-route-sketch{display:flex;position:relative;min-height:220px;align-items:center;margin:12px 0}.dispositif-public .dip-route-sketch__line{position:absolute;left:14%;right:14%;height:7px;border-radius:30px;background:linear-gradient(90deg,#15945e 0%,#15945e 40%,#cc3539 40%,#cc3539 60%,#15945e 60%);top:50%;transform:translateY(-29px)}.dispositif-public .dip-route-sketch__stops{width:100%;display:grid;grid-template-columns:repeat(3,1fr);position:relative;gap:8px;text-align:center}.dispositif-public .dip-route-sketch__stops>div{display:flex;align-items:center;flex-direction:column;gap:9px}.dispositif-public .dip-stop{width:50px;height:50px;display:grid;place-items:center;color:#fff;background:#168b60;border:6px solid #eef6f8;border-radius:50%;font-weight:900}.dispositif-public .dip-stop--restricted{background:#c52a36}.dispositif-public .dip-route-sketch strong{font-size:13px;color:var(--dip-blue)}.dispositif-public .dip-route-sketch small{font-size:11px;color:#607488}.dispositif-public .dip-route-card__note{font-size:12px;line-height:1.6;color:#617589;border-top:1px solid var(--dip-border);padding-top:15px;margin:0 0 12px}.dispositif-public .dip-route-card>a{font-size:13px;font-weight:750;margin-top:auto}
.dispositif-public .dip-sites-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.dispositif-public .dip-site-card{min-width:0;background:white;border:1px solid var(--dip-border);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.dispositif-public .dip-site-card__art{min-height:108px;display:flex;justify-content:space-between;align-items:center;padding:15px 18px;background:linear-gradient(110deg,#123f65,#347198);color:#fff}.dispositif-public .dip-site-card__art--green{background:linear-gradient(110deg,#0f634e,#38a77a)}.dispositif-public .dip-site-card__art--sand{background:linear-gradient(110deg,#ae853e,#dfc384)}.dispositif-public .dip-site-card__art--slate{background:linear-gradient(110deg,#4b627b,#8ba5b2)}.dispositif-public .dip-site-card__code{font-size:24px;font-weight:900;letter-spacing:.07em}.dispositif-public .dip-site-card__art-icon{font-size:55px;opacity:.35;line-height:1}.dispositif-public .dip-site-card__body{padding:16px 18px 19px;display:flex;flex-direction:column;flex:1}.dispositif-public .dip-site-card__zone{color:#168257;font-size:11px;font-weight:800}.dispositif-public .dip-site-card h3{color:var(--dip-blue);font-size:17px;line-height:1.25;margin:7px 0 6px;min-height:2.5em}.dispositif-public .dip-site-card p{font-size:13px;color:var(--dip-muted);margin:0 0 16px;flex:1}.dispositif-public .dip-site-card a{font-size:12px;font-weight:800;margin-top:auto}.dispositif-public .dip-section-note{font-size:12px;line-height:1.6;color:var(--dip-muted);margin:13px 0 0}
.dispositif-public .dip-transport-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.dispositif-public .dip-transport{display:flex;flex-direction:column;border:1px solid #dce9ef;background:#f0f7fb;border-radius:12px;padding:19px;min-width:0}.dispositif-public .dip-transport--brt{background:#fff9e9;border-color:#f0e7cf}.dispositif-public .dip-transport--bus{background:#f0faf5;border-color:#d9e9df}.dispositif-public .dip-transport__icon{width:52px;height:43px;display:grid;place-items:center;background:#1476ae;color:white;border-radius:9px;font-size:14px;font-weight:900}.dispositif-public .dip-transport--brt .dip-transport__icon{background:#e7a00c}.dispositif-public .dip-transport--bus .dip-transport__icon{background:#149365}.dispositif-public .dip-transport h3{font-size:18px;color:var(--dip-blue);margin:13px 0 6px}.dispositif-public .dip-transport p{font-size:13px;color:var(--dip-muted);margin:0 0 17px;flex:1}.dispositif-public .dip-transport>span:last-child{font-size:12px;font-weight:800}
.dispositif-public .dip-plans-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.dispositif-public .dip-plan-card{display:flex;gap:18px;background:white;border:1px solid var(--dip-border);border-radius:12px;padding:21px;min-width:0}.dispositif-public .dip-plan-card__symbol{display:grid;place-items:center;flex:0 0 55px;height:58px;border-radius:12px;background:#edf8f2;color:#15844e;font-size:21px;font-weight:900}.dispositif-public .dip-plan-card__source{font-size:11px;font-weight:800;color:#158557}.dispositif-public .dip-plan-card h3{font-size:16px;color:var(--dip-blue);line-height:1.3;margin:7px 0}.dispositif-public .dip-plan-card p{font-size:12px;line-height:1.55;color:var(--dip-muted)}.dispositif-public .dip-plan-card a{font-size:12px;font-weight:800}
.dispositif-public .dip-bottom-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.dispositif-public .dip-document-list{background:#fff;border:1px solid var(--dip-border);border-radius:12px;padding:4px 16px}.dispositif-public .dip-document-list a{display:grid;grid-template-columns:46px 1fr 12px;gap:10px;align-items:center;padding:13px 0;border-bottom:1px solid #e8eef2}.dispositif-public .dip-document-list a:last-child{border-bottom:0}.dispositif-public .dip-doc-icon{width:40px;height:41px;display:grid;place-items:center;border-radius:9px;background:#fee8eb;color:#b71f31;font-size:10px;font-weight:900}.dispositif-public .dip-doc-icon--green{background:#e4f5ec;color:#137d4d}.dispositif-public .dip-document-list strong{display:block;font-size:13px;color:var(--dip-blue);line-height:1.35}.dispositif-public .dip-document-list small{display:block;font-size:11px;color:var(--dip-muted);margin-top:4px;line-height:1.45}.dispositif-public .dip-safety-list{background:#fff;border:1px solid var(--dip-border);border-radius:12px;padding:10px 17px}.dispositif-public .dip-safety-list p{display:flex;gap:12px;align-items:baseline;font-size:13px;margin:0;padding:11px 0;border-bottom:1px solid #e8eef2}.dispositif-public .dip-safety-list p:last-child{border-bottom:0}.dispositif-public .dip-safety-list p span{font-weight:900;color:#128458}.dispositif-public .dip-safety-list p:last-child span{color:#c32634}.dispositif-public .dip-safety-link{display:inline-block;font-weight:800;font-size:13px;margin-top:13px}.dispositif-public .dip-editorial__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.dispositif-public .dip-editorial-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--dip-border);border-radius:12px;padding:20px;min-width:0}.dispositif-public .dip-editorial-card h3{font-size:18px;color:var(--dip-blue);line-height:1.3;margin:10px 0}.dispositif-public .dip-editorial-card p{color:var(--dip-muted);font-size:13px;flex:1;line-height:1.55}.dispositif-public .dip-editorial-card a{font-weight:800;font-size:12px;margin-top:auto}.dispositif-public .dip-section--compact{padding-top:30px}
@media(max-width:1100px){.dispositif-public .dip-intro-grid{grid-template-columns:1fr}.dispositif-public .dip-hero__copy{padding:40px 22px 40px 0}.dispositif-public .dip-sites-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dispositif-public .dip-shortcuts__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){.dispositif-public .dip-hero__inner{display:flex;flex-direction:column-reverse}.dispositif-public .dip-hero__media{margin:0 -16px;min-height:185px;height:185px}.dispositif-public .dip-hero__media img{min-height:185px}.dispositif-public .dip-hero__media::before{background:linear-gradient(0deg,#0c3855 0%,transparent 48%)}.dispositif-public .dip-hero__copy{padding:25px 0 33px}.dispositif-public .dip-hero h1{font-size:37px}.dispositif-public .dip-main{padding-top:16px}.dispositif-public .dip-road-grid,.dispositif-public .dip-plans-grid,.dispositif-public .dip-bottom-grid{grid-template-columns:1fr}.dispositif-public .dip-sites-grid{grid-template-columns:1fr 1fr}.dispositif-public .dip-transport-grid{grid-template-columns:1fr}.dispositif-public .dip-shortcuts__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dispositif-public .dip-index a{padding:13px 15px}.dispositif-public .dip-section{padding-top:28px}.dispositif-public .dip-section__heading{align-items:start;flex-direction:column}.dispositif-public .dip-road-grid{gap:12px}.dispositif-public .dip-editorial__grid{grid-template-columns:1fr}}
@media(max-width:470px){.dispositif-public .dip-sites-grid{grid-template-columns:1fr}.dispositif-public .dip-important,.dispositif-public .dip-shortcuts{padding:18px}.dispositif-public .dip-road-measures{gap:8px}.dispositif-public .dip-measure{grid-template-columns:35px 1fr;gap:10px;padding:14px}.dispositif-public .dip-measure__icon{width:34px;height:34px}.dispositif-public .dip-plan-card{padding:15px;gap:10px}.dispositif-public .dip-plan-card__symbol{flex-basis:40px;height:43px}.dispositif-public .dip-route-sketch small{font-size:10px}}
@media(prefers-reduced-motion:reduce){.dispositif-public *{scroll-behavior:auto}}

/* CNS-JOJ dispositif-entete-v12 : bandeau vert translucide, sans photo */
.security-portal .dispositif-public .dip-hero.dip-hero--compact {
    background: linear-gradient(105deg, rgba(0, 166, 81, .12) 0%, rgba(0, 166, 81, .065) 58%, rgba(255, 255, 255, .96) 100%);
    border-top: 1px solid rgba(0, 137, 69, .08);
    border-bottom: 1px solid rgba(0, 137, 69, .13);
    color: #24443b;
    overflow: visible;
}
.security-portal .dispositif-public .dip-hero.dip-hero--compact .dip-hero__inner {
    display: block;
    min-height: 0;
}
.security-portal .dispositif-public .dip-hero.dip-hero--compact .dip-hero__copy {
    max-width: 940px;
    padding: 34px 0 35px;
    margin: 0;
}
.security-portal .dispositif-public .dip-hero.dip-hero--compact .dip-eyebrow {
    color: #14814e;
    font-size: 11px;
    letter-spacing: .12em;
}
.security-portal .dispositif-public .dip-hero.dip-hero--compact h1 {
    color: #274b45;
    font-size: clamp(30px, 3.1vw, 43px);
    line-height: 1.16;
    margin: 8px 0 10px;
    letter-spacing: -.028em;
}
.security-portal .dispositif-public .dip-hero.dip-hero--compact p {
    color: #526960;
    font-size: 14px;
    line-height: 1.58;
    max-width: 800px;
    margin: 0;
}
@media (max-width: 760px) {
    .security-portal .dispositif-public .dip-hero.dip-hero--compact .dip-hero__inner { display: block; }
    .security-portal .dispositif-public .dip-hero.dip-hero--compact .dip-hero__copy { padding: 25px 0 27px; }
    .security-portal .dispositif-public .dip-hero.dip-hero--compact h1 { font-size: clamp(27px, 7.2vw, 34px); }
}