diff --git a/proposition_commerciale.html b/proposition_commerciale.html index 3440ad7..5fe2db9 100644 --- a/proposition_commerciale.html +++ b/proposition_commerciale.html @@ -65,6 +65,14 @@ background:#fff} .field input:focus,.field textarea:focus{outline:none;border-color:#2196F3; box-shadow:0 0 0 3px rgba(33,150,243,.15)} + +/* Style pour les champs de l'agence bloqués */ +.field input[readonly] { + background: #f1f5f9 !important; + color: #64748b !important; + border-color: #e2e8f0 !important; + cursor: not-allowed !important; +} .note{font-size:11px;color:#888;font-style:italic;margin-top:5px} /* ── BOUTONS FIXES EN BAS ── */ @@ -99,35 +107,35 @@ .toast.show{opacity:1;transform:translateX(-50%) translateY(0)} /* ========================================= - DOCUMENT A4 STRUCTURÉ SUR 1 PAGE UNIQUE (794×1123px) + DOCUMENT A4 STRUCTURÉ SUR 1 PAGE COMPACTE UNIQUE (794×1123px) ========================================= */ .doc{background:#fff;width:794px;margin:0 auto; box-shadow:0 2px 20px rgba(0,0,0,.18); - font-family:Arial,sans-serif;font-size:10px;line-height:1.35;color:#222} -.page{width:794px;height:1123px;overflow:hidden;display:flex; + font-family:Arial,sans-serif;font-size:10px;line-height:1.3;color:#222} +.page{width:794px;height:1123px;max-height:1123px;overflow:hidden;display:flex; flex-direction:column;position:relative;background:#fff;box-sizing:border-box;} -.dh{background:#1a2a4a;color:#fff;padding:14px 20px;display:flex; +.dh{background:#1a2a4a;color:#fff;padding:12px 20px;display:flex; justify-content:space-between;align-items:center;gap:10px;flex-shrink:0} -.dh h1{font-size:16px;line-height:1.2;font-weight:900;text-transform:uppercase;flex:1} +.dh h1{font-size:15px;line-height:1.2;font-weight:900;text-transform:uppercase;flex:1} .dh h1 .c{color:#2196F3} .dh-logo{text-align:right;flex-shrink:0} -.dh-logo .lt{font-size:18px;font-weight:900;line-height:1} -.dh-logo .lb{font-size:18px;font-weight:900;color:#2196F3;line-height:1} +.dh-logo .lt{font-size:17px;font-weight:900;line-height:1} +.dh-logo .lb{font-size:17px;font-weight:900;color:#2196F3;line-height:1} .dh-logo .lc{font-size:8px;color:#aac;margin-top:2px} .abar{background:#eef5ff;border:1.5px solid #c5dff8;text-align:center; - padding:6px 14px;color:#1a2a4a;font-weight:bold;font-size:10.5px; - margin:0 20px 8px;border-radius:0 0 5px 5px;flex-shrink:0} + padding:5px 14px;color:#1a2a4a;font-weight:bold;font-size:10px; + margin:0 20px 6px;border-radius:0 0 5px 5px;flex-shrink:0} .st{display:flex;align-items:center;gap:6px;background:#2196F3;color:#fff; - font-size:10px;font-weight:bold;padding:5px 10px;border-radius:4px; - margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0} + font-size:9.5px;font-weight:bold;padding:4px 8px;border-radius:4px; + margin-bottom:5px;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0} -.ds{margin:0 20px 6px;flex-shrink:0} +.ds{margin:0 20px 5px;flex-shrink:0} table{width:100%;border-collapse:collapse;font-size:9.5px} -th{background:#1a2a4a;color:#fff;padding:5px 6px;text-align:left; +th{background:#1a2a4a;color:#fff;padding:4px 6px;text-align:left; font-size:9px;text-transform:uppercase;letter-spacing:.3px;font-weight:bold} td{padding:4px 6px;border-bottom:1px solid #eee;vertical-align:middle} tr:last-child td{border-bottom:none} @@ -137,38 +145,37 @@ .hlr .amt{color:#7ecfff} .offered{color:#27ae60;font-weight:bold;font-size:9px} -/* Grilles ajustées pour la mise en page condensée */ -.two{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 20px 6px;flex-shrink:0} +.two{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 20px 5px;flex-shrink:0} .two>.col{min-width:0} .ib{background:#f0f6ff;border-left:3px solid #2196F3;padding:4px 8px; - border-radius:0 4px 4px 0;margin-bottom:4px;font-size:9.5px;color:#333;line-height:1.4} + border-radius:0 4px 4px 0;margin-bottom:4px;font-size:9.5px;color:#333;line-height:1.3} .promo{background:linear-gradient(130deg,#1a2a4a 55%,#1e3560);color:#fff; - padding:8px 16px;margin:0 20px 6px;border-radius:6px; + padding:6px 14px;margin:0 20px 5px;border-radius:6px; display:flex;align-items:center;gap:12px;flex-shrink:0} -.promo-ico{font-size:22px;flex-shrink:0} -.promo .pm{font-size:12px;font-weight:bold} -.promo .ps{font-size:9px;color:#aac} +.promo-ico{font-size:20px;flex-shrink:0} +.promo .pm{font-size:11.5px;font-weight:bold} +.promo .ps{font-size:8.5px;color:#aac} -.gg{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin-bottom:6px} -.gc{background:#eef5ff;border:1.5px solid #c5dff8;border-radius:4px;padding:6px 4px;text-align:center} -.gc .gi{font-size:14px;margin-bottom:2px} -.gc .gl{font-size:8px;color:#666;text-transform:uppercase;letter-spacing:.3px} -.gc .ga{font-size:11px;font-weight:bold;color:#1a2a4a;margin:1px 0} -.gc .gs{font-size:8px;color:#888} +.gg{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin-bottom:4px} +.gc{background:#eef5ff;border:1.5px solid #c5dff8;border-radius:4px;padding:4px 2px;text-align:center} +.gc .gi{font-size:12px;margin-bottom:1px} +.gc .gl{font-size:8px;color:#666;text-transform:uppercase;letter-spacing:.2px} +.gc .ga{font-size:10.5px;font-weight:bold;color:#1a2a4a;margin:1px 0} +.gc .gs{font-size:7.5px;color:#888} .svc2{display:grid;grid-template-columns:1fr 1fr;gap:0 8px} .svcs{list-style:none} -.svcs li{padding:3px 0;border-bottom:1px solid #f0f4ff;font-size:9px; - color:#333;display:flex;gap:4px;line-height:1.3} -.svcs li .ico{width:14px;text-align:center;flex-shrink:0;font-size:10px} +.svcs li{padding:2px 0;border-bottom:1px solid #f0f4ff;font-size:8.5px; + color:#333;display:flex;gap:4px;line-height:1.25} +.svcs li .ico{width:12px;text-align:center;flex-shrink:0;font-size:9px} -.chip{display:inline-block;background:#e8f4fd;color:#1565c0;font-size:8.5px; - font-weight:bold;padding:0px 5px;border-radius:6px;border:1px solid #b3d9f7} +.chip{display:inline-block;background:#e8f4fd;color:#1565c0;font-size:8px; + font-weight:bold;padding:0px 4px;border-radius:5px;border:1px solid #b3d9f7} .df{background:#1a2a4a;color:#7a8faa;font-size:7.5px;text-align:center; - padding:6px 12px;line-height:1.5;margin-top:auto;flex-shrink:0} + padding:5px 12px;line-height:1.4;margin-top:auto;flex-shrink:0} .spacer{flex:1 1 auto} /* PRINT */ @@ -179,7 +186,7 @@ .tab-content{display:block!important} .doc-scroll{overflow:visible;background:#fff} .doc{overflow:visible;box-shadow:none;width:210mm;margin:0 auto} - .page{width:210mm;height:297mm;overflow:hidden;margin:0} + .page{width:210mm;height:297mm;max-height:297mm;overflow:hidden;margin:0} @page{size:A4 portrait;margin:0} } @@ -197,14 +204,14 @@
| Bail | Gestion + GLI | Net Final Sécurisé |
|---|