*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#10264f;background:#fff;line-height:1.5}a{text-decoration:none;color:inherit}button,input{font:inherit}.header{height:78px;display:flex;align-items:center;gap:28px;padding:0 5.5%;position:sticky;top:0;background:#fff;z-index:20;box-shadow:0 2px 18px #061d4312}.brand{display:flex;align-items:center;gap:9px;min-width:205px}.brand-mark{font-style:italic;font-weight:1000;font-size:32px;letter-spacing:-3px;color:#e30613;text-shadow:1px 1px 0 #073b91}.brand-text{font-size:8px;line-height:1.05;color:#063b91;font-weight:800}.brand-text strong{display:block;font-size:10px}.nav{display:flex;align-items:center;justify-content:center;gap:25px;flex:1;font-size:12px;font-weight:700}.nav a{padding:29px 0 25px;border-bottom:3px solid transparent}.nav a.active,.nav a:hover{color:#e30613;border-color:#e30613}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:8px;padding:13px 20px;font-weight:800;font-size:12px;cursor:pointer;transition:.2s transform,.2s opacity}.btn:hover{transform:translateY(-2px);opacity:.95}.btn-red{background:#e30613;color:#fff}.btn-blue{background:#063b91;color:#fff}.btn-orange{background:#ff8a00;color:#fff}.btn-white{background:#fff;color:#063b91}.btn-outline-white{border:1px solid #fff;color:#fff;background:#ffffff10}.menu-toggle{display:none;border:0;background:none;font-size:25px}.hero{min-height:590px;position:relative;display:flex;align-items:center;background:linear-gradient(90deg,#05295ccc,#05295c35),url("assets/hero.jpg") center/cover,#1763aa;overflow:hidden}.hero:after{content:"";position:absolute;right:6%;bottom:0;width:39%;height:78%;background:linear-gradient(180deg,#fff0,#fff2);clip-path:polygon(20% 0,100% 0,100% 100%,0 100%);opacity:.25}.hero-content{position:relative;z-index:2;color:#fff;width:min(610px,90%);margin-left:7%}.eyebrow{font-size:11px;letter-spacing:.13em;font-weight:900;color:#fff;margin-bottom:10px}.eyebrow.red{color:#e30613}.eyebrow.blue{color:#063b91}.hero h1{font-size:62px;line-height:1.02;margin:0 0 20px;letter-spacing:-2px;text-transform:uppercase}.hero h1 span{color:#ff2a2a}.hero p{font-size:17px;max-width:600px;color:#fff;margin:0 0 28px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-location{margin-top:22px;font-weight:700;font-size:12px}.hero-trust{position:absolute;right:5%;top:50%;transform:translateY(-50%);z-index:3;width:150px;background:#06265dcc;border-radius:12px;padding:16px;color:#fff;backdrop-filter:blur(6px)}.hero-trust div{display:flex;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid #ffffff22;font-size:11px;font-weight:700}.hero-trust div:last-child{border:0}.hero-trust b{color:#ff8a00;font-size:17px}.quick-actions{width:min(1160px,92%);margin:-34px auto 0;position:relative;z-index:5;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-radius:15px;box-shadow:0 12px 35px #071f4518;padding:10px}.quick-actions a{display:flex;align-items:center;gap:12px;padding:18px;border-right:1px solid #e6ebf3}.quick-actions a:last-child{border:0}.quick-actions i{width:43px;height:43px;display:grid;place-items:center;border-radius:50%;background:#edf3ff;color:#063b91;font-style:normal;font-weight:900}.quick-actions a:first-child i{background:#fff0f1;color:#e30613}.quick-actions a:nth-child(3) i{background:#fff4e7;color:#ff8a00}.quick-actions span{display:flex;flex-direction:column;flex:1}.quick-actions b{font-size:12px}.quick-actions small{font-size:10px;color:#6f7c91}.quick-actions em{font-style:normal;color:#063b91;font-weight:900}.section{padding:88px 7%}.about{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.photo-placeholder{height:390px;border-radius:18px;position:relative;overflow:hidden;background:linear-gradient(135deg,#063b91,#1875c7 50%,#e30613);box-shadow:0 20px 50px #082f6618}.fleet:before{content:"DPM";position:absolute;font-size:150px;font-weight:1000;font-style:italic;color:#ffffff1a;left:12%;top:20%}.fleet span{position:absolute;left:8%;bottom:62px;font-size:90px;color:#fff;font-weight:1000;font-style:italic}.fleet small{position:absolute;left:9%;bottom:42px;color:#fff;font-weight:800;letter-spacing:.2em}.about-copy h2,.section-heading h2,.map-copy h2,.solutions-intro h2{font-size:39px;line-height:1.08;letter-spacing:-1px;margin:0 0 16px}.about-copy p,.map-copy p,.solutions-intro p{color:#637188;font-size:15px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:30px 0}.stats div{border-left:2px solid #e30613;padding-left:10px}.stats strong{display:block;font-size:21px}.stats span{display:block;color:#7b8799;font-size:10px}.services{background:#f5f8fc}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}.section-heading p{margin:0;color:#718096}.section-heading>a{color:#063b91;font-size:12px;font-weight:800;white-space:nowrap}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service-card{background:#fff;border-radius:13px;overflow:hidden;box-shadow:0 7px 24px #0b2b5310;transition:.25s transform}.service-card:hover{transform:translateY(-5px)}.card-image{height:145px;background:linear-gradient(135deg,#063b91,#ff8a00);position:relative}.card-image:after{content:"DPM";position:absolute;right:12px;bottom:7px;color:#fff7;font-size:40px;font-weight:1000;font-style:italic}.img-expedition{background:linear-gradient(135deg,#063b91,#2876c7)}.img-express{background:linear-gradient(135deg,#e30613,#ff8a00)}.img-manutention{background:linear-gradient(135deg,#123b6d,#5b7898)}.img-demenagement{background:linear-gradient(135deg,#8b4b20,#e0a05e)}.img-transport{background:linear-gradient(135deg,#063b91,#4b9fe1)}.img-location{background:linear-gradient(135deg,#34495e,#9aa8b6)}.img-coursier{background:linear-gradient(135deg,#063b91,#e30613)}.card-body{padding:18px}.card-body>b{font-size:10px;color:#e30613}.card-body h3{font-size:16px;margin:5px 0}.card-body p{font-size:11px;color:#728096;min-height:34px}.card-body a{font-size:11px;color:#063b91;font-weight:900}.tracking{background:#063b91;color:#fff;padding:70px 7%;display:flex;justify-content:space-between;align-items:center;gap:50px;overflow:hidden}.tracking h2{font-size:42px;line-height:1.05;margin:0 0 12px}.tracking p{color:#d6e1f2}.tracking-content{width:min(560px,100%)}#tracking-form{display:flex;max-width:510px;background:#fff;border-radius:8px;padding:4px;margin-top:25px}.tracking input{border:0;outline:0;padding:13px 15px;flex:1;min-width:0}.tracking-result{font-size:12px;margin-top:12px;color:#ffd27c}.tracking-steps{display:flex;align-items:center;gap:12px;min-width:46%}.step{text-align:center}.step span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1px solid #fff;color:#fff;margin:auto}.step.done span{background:#e30613;border-color:#e30613}.step b{display:block;font-size:10px;margin-top:7px}.line{height:1px;background:#ffffff55;flex:1}.solutions{display:grid;grid-template-columns:1fr 2fr;gap:60px;align-items:center}.solution-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.solution-list article{padding:25px;background:#fff;border:1px solid #e5ebf3;border-radius:12px;box-shadow:0 7px 20px #0b2b5308}.solution-list span{display:block;color:#063b91;font-size:24px}.solution-list h3{margin:8px 0 4px;font-size:14px}.solution-list p{font-size:11px;color:#738097;margin:0}.map-section{background:#f5f8fc;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.city-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.city-list span{background:#fff;border:1px solid #dfe6ef;padding:7px 11px;border-radius:20px;font-size:10px;font-weight:800}.map-graphic{height:380px;background:#dfeefa;border-radius:20px;position:relative;display:grid;place-items:center;overflow:hidden}.map-graphic:before{content:"";position:absolute;width:280px;height:320px;background:#fff;clip-path:polygon(36% 0,75% 9%,84% 23%,74% 36%,83% 50%,72% 63%,78% 81%,57% 100%,30% 86%,17% 66%,27% 52%,16% 35%,24% 18%);box-shadow:0 20px 50px #073b9130}.ci{position:relative;z-index:2;text-align:center;font-weight:1000;color:#063b91;font-size:22px;letter-spacing:.08em}.pin{position:absolute;width:13px;height:13px;background:#e30613;border:3px solid #fff;border-radius:50%;z-index:3;box-shadow:0 2px 10px #e3061355}.p1{left:42%;top:52%}.p2{left:47%;top:37%}.p3{left:54%;top:29%}.p4{left:61%;top:18%}.p5{left:31%;top:61%}.mobility{display:grid;grid-template-columns:1fr 1fr}.mobility-card{min-height:360px;padding:70px 8%;display:flex;align-items:end;color:#fff;position:relative;background:linear-gradient(90deg,#05295ce8,#05295c45),linear-gradient(135deg,#063b91,#4d83b4)}.mobility-card.car{background:linear-gradient(90deg,#05295ce8,#05295c45),linear-gradient(135deg,#2b3742,#9b6c41)}.mobility-card h2{font-size:35px;line-height:1.08;max-width:520px}.commitments{background:#05295c;color:#fff;padding:45px 7%}.section-heading.compact{margin:0}.commitment-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ffffff22;margin-top:30px}.commitment-grid div{padding:24px;border-right:1px solid #ffffff22}.commitment-grid div:last-child{border:0}.commitment-grid b{font-size:24px;color:#ff8a00}.commitment-grid h3{font-size:14px;margin:8px 0 2px}.commitment-grid p{font-size:10px;color:#bac9de;margin:0}.news-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.news-grid article{border:1px solid #e3e8ef;border-radius:12px;overflow:hidden}.news-image{height:135px;background:linear-gradient(135deg,#063b91,#e30613)}.n2{background:linear-gradient(135deg,#b36b36,#e6c19a)}.n3{background:linear-gradient(135deg,#1d6a9f,#89bce0)}.n4{background:linear-gradient(135deg,#063b91,#4b87b5)}.news-grid article>small,.news-grid article>h3,.news-grid article>a{display:block;margin-left:16px;margin-right:16px}.news-grid small{margin-top:13px;color:#e30613;font-weight:800;font-size:9px}.news-grid h3{font-size:14px;line-height:1.25}.news-grid a{font-size:10px;color:#063b91;font-weight:900;margin-bottom:17px}.final-cta{background:#e30613;color:#fff;padding:58px 7%;display:flex;align-items:center;justify-content:space-between;gap:30px}.final-cta h2{font-size:42px;margin:0}.final-cta p{margin:5px 0 0;color:#ffe0e0}.final-cta .eyebrow{color:#ffd2d2}footer{background:#061c3e;color:#fff;padding:55px 7% 20px}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:35px}.footer-brand .brand-mark{color:#fff}.footer-brand p{font-size:11px;color:#9eb1cc}.footer-brand small{display:block;color:#ff8a00;margin-top:30px}.footer-grid h4{font-size:12px;margin:0 0 15px}.footer-grid a,.footer-grid span{display:block;color:#9eb1cc;font-size:10px;margin:8px 0}.footer-grid a:hover{color:#fff}.footer-bottom{border-top:1px solid #ffffff18;margin-top:35px;padding-top:17px;display:flex;justify-content:space-between;color:#7f94b0;font-size:9px}@media(max-width:1000px){.nav{gap:12px}.nav a{font-size:10px}.service-grid{grid-template-columns:repeat(2,1fr)}.news-grid{grid-template-columns:repeat(2,1fr)}.hero-trust{display:none}.solutions{grid-template-columns:1fr}.map-section{grid-template-columns:1fr}.tracking{flex-direction:column;align-items:flex-start}.tracking-steps{width:100%}.footer-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.header{height:66px;padding:0 5%}.nav,.header-cta{display:none}.menu-toggle{display:block;margin-left:auto}.brand{min-width:auto}.hero{min-height:610px}.hero-content{margin:0 6%}.hero h1{font-size:42px}.hero p{font-size:14px}.quick-actions{grid-template-columns:1fr 1fr;margin-top:-20px}.quick-actions a{border-bottom:1px solid #e6ebf3}.about{grid-template-columns:1fr;gap:35px}.photo-placeholder{height:270px}.stats{grid-template-columns:repeat(2,1fr)}.section{padding:60px 6%}.section-heading{display:block}.section-heading>a{display:inline-block;margin-top:14px}.service-grid{grid-template-columns:1fr}.tracking{padding:55px 6%}.tracking h2{font-size:35px}.tracking-steps{gap:6px}.step b{font-size:8px}.solutions{padding-top:60px}.solution-list{grid-template-columns:1fr}.mobility{grid-template-columns:1fr}.mobility-card{min-height:300px}.commitment-grid{grid-template-columns:1fr 1fr}.commitment-grid div:nth-child(2){border-right:0}.news-grid{grid-template-columns:1fr}.final-cta{display:block;padding:50px 6%}.final-cta h2{font-size:33px;margin-bottom:20px}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{display:block}.footer-bottom span{display:block;margin:7px 0}}@media(max-width:440px){.quick-actions{grid-template-columns:1fr}.quick-actions a{border-right:0}.hero-actions .btn{width:100%}.footer-grid{grid-template-columns:1fr}}

/* ===== Images réelles DPM (remplacent les dégradés provisoires) ===== */
.fleet:before{display:none}
.fleet img{width:100%;height:100%;object-fit:cover;object-position:center 70%;display:block}
.card-image{height:170px;background-size:cover;background-position:center;background-repeat:no-repeat}
.card-image:after{display:none}
.img-distribution{background:#e8edf5 url("assets/service-distribution.jpg") center 35%/cover no-repeat}
.img-expedition{background:#e8edf5 url("assets/service-expedition.jpg") center 50%/cover no-repeat}
.img-express{background:#e8edf5 url("assets/service-express.jpg") center 60%/cover no-repeat}
.img-manutention{background:#e8edf5 url("assets/service-manutention.jpg") center 55%/cover no-repeat}
.img-demenagement{background:#e8edf5 url("assets/service-demenagement.jpg") center 55%/cover no-repeat}
.img-transport{background:#e8edf5 url("assets/service-transport.jpg") center 55%/cover no-repeat}
.img-location{background:#e8edf5 url("assets/service-location.jpg") center 45%/cover no-repeat}
.img-coursier{background:#e8edf5 url("assets/service-coursier.jpg") center 30%/cover no-repeat}
.mobility-card.bus{background:linear-gradient(0deg,#05295cf2 0%,#05295ccc 30%,#05295c33 65%,#05295c10 100%),url("assets/mobility-bus.jpg") center/cover no-repeat,#063b91}
.mobility-card.car{background:linear-gradient(0deg,#05295cf2 0%,#05295ccc 30%,#05295c33 65%,#05295c10 100%),url("assets/mobility-car.jpg") center/cover no-repeat,#2b3742}
.news-image{height:160px}
.n1{background:#e8edf5 url("assets/news-1.jpg") center 25%/cover no-repeat}
.n2{background:#e8edf5 url("assets/news-2.jpg") center 45%/cover no-repeat}
.n3{background:#e8edf5 url("assets/news-3.jpg") center 50%/cover no-repeat}
.n4{background:#e8edf5 url("assets/news-4.jpg") center 40%/cover no-repeat}