:root{--bg:#f4f5f7;--carte:#ffffff;--texte:#111418;--doux:#5a6270;--bord:#dfe3e8;--marque:#0a1f44;--marque-fonce:#061532;--accent:#1c69d4;--bleu-clair:#81c4ff;--argent:#c7ccd3;--rouge:#e22718;--orange:#d97706;--vert:#15803d;--bleu:#1c69d4}*{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(--bleu-clair)}.entete{border-bottom:4px solid transparent;border-image:linear-gradient(90deg,#81c4ff 0 33.3%,#16588e 33.3% 66.6%,#e22718 66.6% 100%) 1}.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:#fff}.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)}.onglets{display:flex;gap:6px;margin:6px 0 14px;position:-webkit-sticky;position:sticky;top:0;z-index:5;background:var(--bg);padding:6px 0}.onglets a{flex:1 1;text-align:center;padding:12px 6px;border-radius:10px;background:#fff;border:1px solid var(--bord);color:var(--texte);font-weight:700;font-size:15px}.onglets a:hover{text-decoration:none}.onglets a span{display:inline-block;min-width:22px;margin-left:4px;padding:0 6px;border-radius:999px;background:#eef1f5;font-size:13px}.onglets a.actif{background:var(--marque);color:#fff;border-color:var(--marque)}.onglets a.actif span{background:var(--bleu-clair);color:#061532}.vignettes{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:6px;gap:6px;margin-top:8px}.vignettes button{position:relative;padding:0;border:0;background:none;cursor:pointer}.vignettes img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;border:1px solid var(--bord);display:block}.vignettes span{position:absolute;top:3px;right:3px;background:rgba(0,0,0,.6);color:#fff;border-radius:999px;width:20px;height:20px;font-size:12px;line-height:20px}.galerie-livraison{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));grid-gap:8px;gap:8px}.galerie-livraison img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;border:1px solid var(--bord);display:block}.tdb-titre{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}.tdb-titre .doux{font-size:15px}.indics{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:10px;gap:10px;margin-bottom:8px}.indic{display:flex;flex-direction:column;gap:2px;padding:14px 16px;border-radius:12px;background:var(--carte);border:1px solid var(--bord);border-left:6px solid var(--argent);color:var(--texte)}.indic:hover{text-decoration:none;box-shadow:0 4px 14px rgba(15,42,71,.12)}.indic-val{font-size:28px;font-weight:800;line-height:1.1}.indic-lib{font-size:13px;color:var(--doux);font-weight:600}.indic-rouge{border-left-color:var(--rouge);background:#fff5f4}.indic-rouge .indic-val{color:var(--rouge)}.indic-or{border-left-color:var(--accent);background:#f0f6ff}.indic-or .indic-val{color:var(--accent)}.indic-violet{border-left-color:var(--marque)}.indic-violet .indic-val{color:var(--marque)}.indic-gris .indic-val{color:#a3abb7}.bloc{margin-top:26px;scroll-margin-top:12px}.bloc h2{margin-top:0;padding-bottom:6px;border-bottom:2px solid var(--argent)}.bloc-rouge h2{color:var(--rouge);border-bottom-color:var(--rouge)}.bloc-or h2{border-bottom-color:var(--accent)}.voyages{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:12px;gap:12px}.voyage{border-top:4px solid var(--marque)}.voyage-date{font-size:18px;font-weight:800;color:var(--marque)}.voyage-total{color:var(--doux);font-size:13px;margin-bottom:8px}.voyage-ligne{font-size:14px;margin:6px 0}.clients-facture{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:10px;gap:10px;align-items:start}.clients-facture summary{display:flex;justify-content:space-between;align-items:center;gap:8px;cursor:pointer;list-style:none}.clients-facture summary::-webkit-details-marker{display:none}.liste-simple{margin:10px 0 0;padding-left:18px;font-size:14px}.liste-simple li{margin:4px 0}.recherche{display:flex;gap:8px;margin-bottom:10px}.recherche input{flex:1 1}.recherche .btn{white-space:nowrap}.lien-vehicule{font-weight:700}@media (max-width:900px){.indics{grid-template-columns:repeat(2,1fr)}.indics .indic:first-child{grid-column:1/-1}}.indic-val{overflow-wrap:anywhere}.client-du{padding:0;overflow:hidden}.client-du-haut{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;background:#f3f6fa;border-bottom:1px solid var(--bord)}.client-du-haut h2{margin:0;font-size:17px;color:var(--marque)}.client-du-total{font-size:20px;font-weight:800;color:var(--rouge);white-space:nowrap}.facture{padding:12px 16px;border-bottom:1px solid var(--bord)}.facture:last-child{border-bottom:0}.facture-haut{display:flex;justify-content:space-between;gap:12px}.facture-montant{text-align:right;white-space:nowrap}.facture-reste{font-size:18px;font-weight:800;color:var(--rouge)}.facture-payee{background:#fbfdfb}.facture form{margin-top:8px}.facture-note summary{cursor:pointer;margin-top:4px}.facture-note p{margin:4px 0 0}.dossiers{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:12px;gap:12px}.dossier{display:flex;flex-direction:column;gap:6px;color:var(--texte);border-top:4px solid var(--argent)}.dossier:hover{text-decoration:none;border-top-color:var(--accent);box-shadow:0 4px 14px rgba(15,42,71,.12)}.dossier-nom{font-weight:800;font-size:17px;color:var(--marque)}.dossier-du{font-size:20px;font-weight:800;color:var(--rouge)}.dossier-ok{font-size:15px;font-weight:700;color:var(--vert)}.dossier-details{display:flex;flex-direction:column;gap:2px;font-size:13px;color:var(--doux)}.dossier-afacturer{color:var(--accent);font-weight:700}.liste-cocher{display:grid;grid-gap:6px;gap:6px;margin-bottom:6px}.cocher{display:flex;gap:10px;align-items:flex-start;margin:0;font-size:15px;font-weight:400;color:var(--texte);cursor:pointer;padding:8px 10px;border:1px solid var(--bord);border-radius:10px;background:#fff}.cocher input{width:20px;height:20px;margin:2px 0 0;flex:none}.historique-titre{padding:12px 16px;cursor:pointer;font-weight:700;color:var(--marque)}.client-du-haut h2 a{color:inherit}@media (max-width:760px){.table-vehicules,.table-vehicules tbody{display:block;border:0;background:none}.table-vehicules thead{display:none}.table-vehicules tr{display:block;background:var(--carte);border:1px solid var(--bord);border-radius:12px;padding:12px 14px;margin-bottom:10px}.table-vehicules td{display:grid;grid-template-columns:92px 1fr;grid-gap:10px;gap:10px;padding:4px 0;border:0;font-size:14px;text-align:left}.table-vehicules td:first-child{display:block;text-align:left;font-size:16px;padding-bottom:6px;border-bottom:1px solid var(--bord);margin-bottom:4px}.table-vehicules td[data-label]:before{content:attr(data-label);color:var(--doux);font-weight:600;font-size:12px;text-align:left}.deux-col{grid-template-columns:1fr}.masquer-mobile{display:none}td,th{padding:8px;font-size:13px}}.envoi-facture{margin-bottom:14px}.facture-barre{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}.facture-doc{background:#fff;border:1px solid var(--bord);border-radius:12px;padding:32px;color:#111;font-size:14px}.fd-haut{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.fd-logo{font-size:22px;font-weight:800;color:var(--marque)}.fd-logo span{color:var(--accent)}.fd-titre{text-align:right}.fd-mot{font-size:24px;font-weight:800;letter-spacing:1px}.fd-client{margin:26px 0 18px}.fd-table{border-radius:0}.fd-table th{background:var(--marque);color:#fff}.fd-num{text-align:right;white-space:nowrap}.fd-totaux{margin:16px 0 0 auto;max-width:380px}.fd-ligne{display:flex;justify-content:space-between;gap:12px;padding:4px 0}.fd-total{font-weight:800;font-size:17px;border-top:2px solid #111;margin-top:6px;padding-top:8px}.fd-paye{margin-top:10px;text-align:right;color:var(--vert);font-weight:800;font-size:20px}.fd-note{color:#555;font-size:12px;margin:20px 0 0}@media print{.entete,.pas-imprimer{display:none!important}body{background:#fff}.page{padding:0;max-width:none}.facture-doc{border:0;padding:0}.fd-table th{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.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:#fff;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,#061532,#0a1f44 60%,#16588e);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(--bleu-clair)}.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,.22);border-top:4px solid var(--accent)}.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:#061532;color:#c7d2df;margin-top:40px;border-top:4px solid transparent;border-image:linear-gradient(90deg,#81c4ff 0 33.3%,#16588e 33.3% 66.6%,#e22718 66.6% 100%) 1}.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(--bleu-clair)}@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(6,21,50,.94),rgba(10,31,68,.88) 60%,rgba(22,88,142,.8)),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}.site-entete nav a.lien-connexion{color:#fff;font-weight:700;font-size:14px;border:1px solid rgba(255,255,255,.5);padding:7px 12px;border-radius:10px;white-space:nowrap}.site-entete nav a.lien-connexion:hover{text-decoration:none;background:rgba(255,255,255,.1)}@media (max-width:760px){.site-entete{flex-wrap:nowrap}.site-entete .logo{font-size:16px}.site-entete nav{gap:8px;flex-wrap:nowrap}}