valider

Bootstrap_new/css/theme-modern.css

@@ -239,47 +239,126 @@ body {
     color: white;
 }
 
-
-/* 4. Main content */
+/* Styles pour le main content */
 .main {
-    margin-left: var(--sidebar-width);
-    padding: calc(var(--header-height) + 20px) 1.5rem 1.5rem 1.5rem;
-    transition: margin-left 0.3s ease;
+    margin-left: 260px;
+    padding: 100px 30px 30px 30px;
+    transition: margin-left 0.3s;
+    min-height: 100vh;
+    background: #f8fafc;
 }
 
+/* Style pour le breadcrumb */
+.breadcrumb {
+    background: transparent;
+    padding: 0;
+    margin: 0;
+}
+
+.breadcrumb-item a {
+    color: #64748b;
+    text-decoration: none;
+    font-size: 0.95rem;
+}
+
+.breadcrumb-item a:hover {
+    color: #0b5e7c;
+}
+
+.breadcrumb-item.active {
+    color: #0b5e7c;
+    font-weight: 500;
+}
+
+/* Badge notifications */
+.badge-notification {
+    position: absolute;
+    top: 5px;
+    right: 5px;
+    background: #dc3545;
+    color: white;
+    border-radius: 50%;
+    padding: 2px 6px;
+    font-size: 0.7rem;
+    min-width: 18px;
+    text-align: center;
+}
+
+/* Logo entité */
+.entity-logo {
+    height: 35px;
+    width: auto;
+    max-width: 100px;
+    object-fit: contain;
+}
+
+.entity-name {
+    font-weight: 500;
+    color: #1e293b;
+    margin-left: 8px;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    max-width: 150px;
+}
+
+/* Initiales utilisateur */
+.user-initials {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 38px;
+    height: 38px;
+    background: #0b5e7c;
+    color: white;
+    font-weight: 600;
+    border-radius: 10px;
+    font-size: 1rem;
+    text-transform: uppercase;
+}
+
+/* Mode test */
+.test-badge {
+    background: #ffc107;
+    color: #1e293b;
+    padding: 4px 12px;
+    border-radius: 20px;
+    font-size: 0.75rem;
+    font-weight: 600;
+    letter-spacing: 0.5px;
+}
+
+/* Scrollmenu (si présent dans la page) */
+.scrollmenu {
+    background: white;
+    border-radius: 40px;
+    padding: 4px;
+    display: inline-flex;
+    border: 1px solid #e2e8f0;
+    margin-bottom: 25px;
+}
+
+.scrollmenu a {
+    padding: 8px 24px;
+    border-radius: 30px;
+    color: #64748b;
+    text-decoration: none;
+    transition: all 0.2s;
+    font-weight: 500;
+}
+
+.scrollmenu a:hover,
+.scrollmenu a.active {
+    background: #0b5e7c;
+    color: white;
+}
+
+
 /* Quand la sidebar est réduite */
 .sidebar-collapsed .main {
     margin-left: 80px;
 }
 
-/* Scrollmenu (sous-navigation) */
-.scrollmenu {
-    background: white;
-    border-radius: 50px;
-    padding: 0.3rem;
-    margin-bottom: 2rem;
-    display: inline-flex;
-    flex-wrap: wrap;
-    gap: 0.2rem;
-    box-shadow: 0 2px 8px rgba(0,0,0,0.02);
-    border: 1px solid var(--border-color);
-}
-
-.scrollmenu a {
-    padding: 0.5rem 1.2rem;
-    border-radius: 40px;
-    font-size: 0.9rem;
-    font-weight: 500;
-    color: var(--secondary);
-    text-decoration: none;
-    transition: all 0.2s;
-    white-space: nowrap;
-}
-
-.scrollmenu a:hover {
-    background: var(--primary-light);
-    color: var(--primary);
-}
 
 /* 5. Cartes et conteneurs */
 .card {