valide

Bootstrap_new/css/style_office.css

@@ -1107,3 +1107,71 @@ li i { margin-right:10px; color:#007bff; }
     border-radius: 2px;
     position: relative;
 }
+
+/* Style Table Quittance - Thème Office */
+
+.custom-quittance-table thead th {
+    background-color: var(--office-primary) !important; /* Orange PowerPoint */
+    color: white;
+    font-size: 0.75rem;
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
+    border: none;
+    padding: 12px 8px;
+}
+
+.custom-quittance-table tbody td {
+    font-size: 0.85rem;
+    border-bottom: 1px solid var(--office-border);
+    padding: 10px 8px;
+}
+
+/* Alternance de couleurs subtile */
+.custom-quittance-table tbody tr:nth-child(even) {
+    background-color: var(--office-primary-lighter);
+}
+
+/* Alignements spécifiques */
+.text-end { text-align: right !important; }
+.text-center { text-align: center !important; }
+
+/* Modal Styles */
+.bg-office-blue {
+    background-color: var(--office-secondary) !important;
+}
+
+.btn-office-gray {
+    background-color: var(--office-common);
+    color: var(--office-dark);
+    border: 1px solid var(--office-border);
+}
+
+/* Animation au chargement (nécessite Animate.css ou transition simple) */
+.animate__fadeIn {
+    animation: fadeIn 0.5s ease-in;
+}
+
+@keyframes fadeIn {
+    from { opacity: 0; transform: translateY(10px); }
+    to { opacity: 1; transform: translateY(0); }
+}
+
+/* Boutons d'action dans le tableau */
+.custom-quittance-table .btn-group .btn {
+    padding: 0.25rem 0.5rem;
+    border-color: var(--office-border);
+}
+
+.custom-quittance-table .btn-group .btn:hover {
+    background-color: var(--office-hover);
+}
+
+.custom-quittance-table .btn-link {
+    color: var(--office-secondary);
+}
+
+/* Footer de table plus marqué */
+.custom-quittance-table tfoot {
+    background-color: var(--office-light) !important;
+    border-top: 2px solid var(--office-secondary);
+}