:root{--bg:#f5f6f8;--carte:#ffffff;--texte:#14181f;--doux:#5b6472;--bord:#e3e6eb;--marque:#0f2a47;--accent:#e8a317;--rouge:#c0392b;--orange:#d97706;--vert:#15803d;--bleu:#1d4ed8}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--texte);font-size:16px;line-height:1.45}a{color:var(--bleu);text-decoration:none}a:hover{text-decoration:underline}.entete{background:var(--marque);color:#fff;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px}.entete .logo{font-weight:800;letter-spacing:.5px;font-size:18px;color:#fff}.entete .logo span{color:var(--accent)}.entete nav{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.entete nav a,.entete nav button{color:#dfe6ef;font-size:14px;background:none;border:0;cursor:pointer;padding:0}.page{max-width:1100px;margin:0 auto;padding:20px 16px 60px}.page-etroite{max-width:520px}h1{font-size:24px;margin:4px 0 16px}h2{font-size:18px;margin:24px 0 10px}.carte{background:var(--carte);border:1px solid var(--bord);border-radius:12px;padding:16px}.grille-kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:12px;gap:12px}.kpi .val{font-size:28px;font-weight:800}.kpi .lib{color:var(--doux);font-size:13px}table{width:100%;border-collapse:collapse;background:var(--carte);border:1px solid var(--bord);border-radius:12px;overflow:hidden}td,th{text-align:left;padding:10px 12px;border-bottom:1px solid var(--bord);font-size:14px;vertical-align:top}th{background:#fafbfc;color:var(--doux);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.4px}tr:last-child td{border-bottom:0}.pastille{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600;background:#eef1f5;color:var(--doux);white-space:nowrap}.p-recu{background:#fff4d6;color:#8a5a00}.p-a_ramasser{background:#e8efff;color:var(--bleu)}.p-planifie{background:#ede9fe;color:#6d28d9}.p-ramasse{background:#e0f2fe;color:#0369a1}.p-livre{background:#dcfce7;color:var(--vert)}.p-facture{background:#f1f5f9;color:#475569}.p-annule{background:#fee2e2}.p-annule,.urgent{color:var(--rouge)}.bientot,.urgent{font-weight:700}.bientot{color:var(--orange)}.doux,label{color:var(--doux);font-size:13px}label{display:block;font-weight:600;margin:12px 0 4px}input,select,textarea{width:100%;padding:11px 12px;border:1px solid var(--bord);border-radius:10px;font-size:16px;background:#fff;color:var(--texte);font-family:inherit}textarea{min-height:80px}.btn{display:inline-block;background:var(--marque);color:#fff;border:0;border-radius:10px;padding:12px 18px;font-size:16px;font-weight:700;cursor:pointer;text-align:center}.btn:hover{text-decoration:none;opacity:.92}.btn-plein{width:100%}.btn-accent{background:var(--accent);color:#1b1300}.btn-leger{background:#eef1f5;color:var(--texte)}.message{padding:12px 14px;border-radius:10px;margin:12px 0;font-size:14px}.message-ok{background:#dcfce7;color:#14532d}.message-err{background:#fee2e2;color:#7f1d1d}.deux-col{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.liste-carte{display:grid;grid-gap:10px;gap:10px}.vehicule-carte{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.photo-bon{width:100%;border-radius:10px;border:1px solid var(--bord)}.filtres{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 14px}.filtres a{padding:6px 12px;border-radius:999px;background:#fff;border:1px solid var(--bord);color:var(--texte);font-size:13px}.filtres a.actif{background:var(--marque);color:#fff;border-color:var(--marque)}@media (max-width:760px){.deux-col{grid-template-columns:1fr}.masquer-mobile{display:none}td,th{padding:8px;font-size:13px}}.site-entete{position:-webkit-sticky;position:sticky;top:0;z-index:10}.site-entete nav a.site-tel{color:#fff;font-weight:700;font-size:15px}.btn-petit{padding:8px 14px;font-size:14px}.site-entete nav a.btn-accent{background:var(--accent);color:#1b1300;padding:8px 14px;border-radius:10px;font-weight:700}.site-entete nav a.btn-accent:hover{text-decoration:none;opacity:.92}.btn-contour{background:transparent;border:2px solid rgba(255,255,255,.6);color:#fff}.heros{background:linear-gradient(160deg,#0f2a47,#173b63);color:#fff}.heros .page{padding-top:36px;padding-bottom:40px}.heros h1{font-size:36px;line-height:1.15;margin:6px 0 14px;color:#fff}.heros-petit .page{padding-top:22px;padding-bottom:22px}.heros-petit h1{font-size:28px;margin-bottom:0}.heros .surtitre{font-weight:700;text-transform:uppercase;letter-spacing:.6px;font-size:13px;margin:0}.heros .surtitre,.heros .surtitre a{color:var(--accent)}.heros-texte{color:#d5deea;font-size:18px;margin:0 0 20px}.heros-texte-sombre{font-size:18px;margin-top:0}.heros-grille{display:grid;grid-template-columns:1.1fr 1fr;grid-gap:32px;gap:32px;align-items:start}.heros-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.atouts{padding-left:18px;color:#d5deea;margin:0}.atouts li{margin:4px 0}.form-soumission{color:var(--texte);box-shadow:0 10px 30px rgba(0,0,0,.18)}.piege{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.titre-section{font-size:24px;margin-top:36px}.grille-services{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:14px;gap:14px}.carte-service{color:var(--texte);display:flex;flex-direction:column;transition:border-color .15s}.carte-service:hover{text-decoration:none;border-color:var(--marque)}.carte-service h3{margin:0 0 6px;color:var(--marque)}.carte-service p{margin:0 0 10px;color:var(--doux);font-size:15px;flex:1 1}.lien-suite{color:var(--bleu);font-weight:600;font-size:14px}.kpi .val{font-size:22px}.liste-points{padding-left:20px}.liste-points li{margin:6px 0}.site-pied{background:#0b1f35;color:#c7d2df;margin-top:40px}.site-pied a{color:#fff}.site-pied ul{list-style:none;padding:0;margin:8px 0}.site-pied li{margin:4px 0}.site-pied .doux{color:#8fa0b5}.site-pied-grille{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px;padding-top:32px}.logo-pied{font-weight:800;letter-spacing:.5px;font-size:18px;color:#fff}.logo-pied span{color:var(--accent)}@media (max-width:860px){.heros-grille,.site-pied-grille{grid-template-columns:1fr}.heros h1{font-size:28px}.heros-texte{font-size:16px}}.heros-photo{background:linear-gradient(160deg,rgba(15,42,71,.94),rgba(23,59,99,.86)),url(/photos/camions-ecomax-charges.jpg) 50%/cover no-repeat}.carte-photo{width:calc(100% + 32px);margin:-16px -16px 12px;height:160px;object-fit:cover;border-radius:12px 12px 0 0;display:block}.carte-service{overflow:hidden}.galerie{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:10px;gap:10px}.galerie img{height:220px;border-radius:10px}.galerie img,.photo-service{width:100%;object-fit:cover;display:block}.photo-service{max-height:360px;border-radius:12px;margin-bottom:14px}