Valder

Bootstrap_new/css/style_office.css

@@ -754,6 +754,11 @@ body {
   .accordion-title {
 	font-size: 0.9rem !important;
   }
+
+  .financial-item {
+        border-right: none !important;
+        border-bottom: 1px solid var(--office-border);
+    }
 }
 
 /* Écrans larges : mêmes insets pour nav-tabs et content-area */
@@ -932,4 +937,123 @@ li i { margin-right:10px; color:#007bff; }
     padding-left: 15px !important;
     padding-right: 15px !important; /* Ajout crucial pour l'équilibre visuel */
     font-family: 'Courier New', Courier, monospace; /* Optionnel: police mono pour aligner les décimales */
-}
+}
+
+/* Global Container */
+#div_police {
+    background-color: var(--office-light);
+    color: var(--office-dark);
+    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+}
+
+/* Card Styling */
+#div_police .card {
+    border: 1px solid var(--office-border);
+    border-radius: 2px; /* Office style is more rectangular */
+}
+
+#div_police .card-header {
+    background-color: var(--office-primary) !important;
+    color: white;
+    border-bottom: none;
+}
+
+/* Form Controls */
+#div_police .form-label {
+    color: var(--office-primary);
+    margin-bottom: 2px;
+    font-size: 0.75rem;
+}
+
+#div_police .form-control {
+    border-radius: 2px;
+    border: 1px solid var(--office-border);
+    font-size: 0.9rem;
+    padding: 0.5rem 0.75rem;
+}
+
+#div_police .form-control[readonly] {
+    background-color: var(--office-warm-bg);
+    border-color: var(--office-common);
+    color: #555;
+    font-weight: 500;
+}
+
+/* Status Boxes (Custom) */
+.status-box {
+    border: 1px solid var(--office-border);
+    padding: 8px;
+    text-align: center;
+    background: white;
+    display: flex;
+    flex-direction: column;
+    border-radius: 2px;
+}
+
+.status-box.active {
+    background-color: var(--office-secondary);
+    color: white;
+    border-color: var(--office-secondary);
+}
+
+.status-box small {
+    font-size: 0.65rem;
+    text-transform: uppercase;
+    display: block;
+}
+
+.status-box span {
+    font-weight: bold;
+    font-size: 1rem;
+}
+
+/* Financial Footer */
+.financial-item {
+    transition: background 0.3s;
+}
+
+.financial-item:hover {
+    background-color: var(--office-hover);
+}
+
+/* Buttons */
+.btn-primary {
+    background-color: var(--office-primary);
+    border-color: var(--office-primary);
+}
+
+.btn-secondary {
+    background-color: var(--office-secondary);
+    border-color: var(--office-secondary);
+}
+
+.btn-outline-office {
+    color: var(--office-secondary);
+    border-color: var(--office-secondary);
+}
+
+.btn-outline-office:hover {
+    background-color: var(--office-secondary);
+    color: white;
+}
+
+/* Tables */
+.custom-table thead th {
+    background-color: var(--office-common);
+    border-bottom: 2px solid var(--office-primary);
+    color: var(--office-dark);
+    font-weight: 600;
+    font-size: 0.8rem;
+    padding: 12px;
+}
+
+.custom-table tbody td {
+    padding: 10px 12px;
+    border-bottom: 1px solid var(--office-border);
+}
+
+/* Datepicker Specific */
+.datepicker {
+    border-left: 3px solid var(--office-primary) !important;
+    font-weight: bold;
+}