/* ========================================================= SECTION 1 - HEADER ZFE LYON Préfixe : da-zfly-s1- ========================================================= */ .da-zfly-s1-section{ width:100%; margin:0; padding:86px 22px 82px; background: radial-gradient(circle at 8% 10%,rgba(0,133,201,.08),transparent 28%), linear-gradient(180deg,#ffffff 0%,#f7fbfe 100%); font-family:"Roboto",Arial,sans-serif; overflow:hidden; } .da-zfly-s1-section *{ box-sizing:border-box; } .da-zfly-s1-wrap{ width:100%; max-width:1220px; margin:0 auto; } .da-zfly-s1-grid{ display:grid; grid-template-columns:minmax(0,1.06fr) minmax(360px,.94fr); gap:40px; align-items:center; } .da-zfly-s1-copy{ display:grid; gap:19px; } .da-zfly-s1-kicker{ display:inline-flex; align-items:center; gap:9px; width:max-content; max-width:100%; padding:10px 15px; border-radius:999px; background:#eef8fd; border:1px solid rgba(0,133,201,.14); color:#006da6; font-size:13px; font-weight:900; text-transform:uppercase; letter-spacing:.05em; } .da-zfly-s1-kicker i{ color:#0085C9; } .da-zfly-s1-section h1{ margin:0; color:#111827; font-family:"Montserrat Alternates",Arial,sans-serif; font-size:clamp(38px,5vw,68px); line-height:1.02; font-weight:900; letter-spacing:-.045em; } .da-zfly-s1-lead{ margin:0; max-width:760px; color:#334155; font-size:18px; line-height:1.72; } .da-zfly-s1-lead strong{ color:#111827; font-weight:900; } .da-zfly-s1-mark{ color:#0085C9; font-weight:900; text-decoration:underline; text-decoration-thickness:2px; text-underline-offset:4px; text-decoration-color:rgba(0,133,201,.28); } .da-zfly-s1-tags{ display:flex; flex-wrap:wrap; gap:10px; } .da-zfly-s1-tag{ display:inline-flex; align-items:center; gap:8px; padding:9px 12px; border-radius:999px; background:#ffffff; color:#006da6; border:1px solid rgba(0,133,201,.16); font-size:13px; font-weight:900; box-shadow:0 10px 22px rgba(15,23,42,.045); } .da-zfly-s1-tag i{ color:#0085C9; } .da-zfly-s1-note{ display:flex; gap:12px; padding:16px 17px; border-radius:22px; background:#ffffff; border-left:5px solid #0085C9; box-shadow:0 14px 30px rgba(15,23,42,.06); color:#334155; font-size:15px; line-height:1.62; font-weight:750; } .da-zfly-s1-note i{ margin-top:4px; color:#0085C9; flex:0 0 auto; } .da-zfly-s1-note strong{ color:#111827; font-weight:900; } .da-zfly-s1-media{ position:relative; overflow:hidden; border-radius:36px; background:#e5eef4; aspect-ratio:1/1; box-shadow:0 26px 56px rgba(15,23,42,.14); } .da-zfly-s1-media img{ width:100%; height:100%; display:block; object-fit:cover; object-position:center; transition:transform .5s ease; } .da-zfly-s1-media:hover img{ transform:scale(1.04); } .da-zfly-s1-caption{ position:absolute; left:18px; right:18px; bottom:18px; padding:17px 18px; border-radius:22px; background:rgba(255,255,255,.94); box-shadow:0 14px 30px rgba(15,23,42,.16); } .da-zfly-s1-caption strong{ display:block; margin-bottom:6px; color:#111827; font-family:"Montserrat Alternates",Arial,sans-serif; font-size:18px; line-height:1.2; } .da-zfly-s1-caption span{ display:block; color:#334155; font-size:14.5px; line-height:1.55; font-weight:700; } @media(max-width:980px){ .da-zfly-s1-grid{ grid-template-columns:1fr; } .da-zfly-s1-media{ max-width:620px; width:100%; margin:0 auto; } } @media(max-width:640px){ .da-zfly-s1-section{ padding:58px 16px; } .da-zfly-s1-section h1{ font-size:36px; } .da-zfly-s1-lead{ font-size:16.5px; } .da-zfly-s1-caption{ left:14px; right:14px; bottom:14px; } } Métropole de Lyon • ZFE

ZFE Lyon : quels véhicules peuvent circuler dans la Métropole ?

La ZFE de Lyon limite la circulation et le