/* DESIGN SYSTEM INTER SANTÉ 2026 */ :root { --primary: #2C3E50; --accent: #08C5D1; --test-warning: #FF9800; --bg-main: #F4F7F9; --glass-white: rgba(255, 255, 255, 0.95); --shadow-sm: 0 2px 8px rgba(0,0,0,0.05); --shadow-lg: 0 10px 30px rgba(0,0,0,0.08); } body { background-color: var(--bg-main); font-family: 'Open Sans', 'Segoe UI', sans-serif; color: var(--primary); } /* On garde ton effet de grayscale sur les images mais en plus fluide */ .image-container img { transition: all 0.4s ease; } .image-container img:hover { filter: grayscale(100%); transform: scale(1.02); } /* Modernisation du Scrollmenu de body_main */ .scrollmenu { overflow: auto; white-space: nowrap; padding: 10px 0; scrollbar-width: none; /* Firefox */ } .scrollmenu::-webkit-scrollbar { display: none; } /* Chrome */ .scrollmenu a { display: inline-block; padding: 8px 20px; margin-right: 10px; background: white; border-radius: 50px; text-decoration: none; color: var(--primary); box-shadow: var(--shadow-sm); transition: 0.3s; font-weight: 600; font-size: 0.85rem; } .scrollmenu a:hover { background: var(--accent); color: white; } /* Barre de contexte latérale */ .sidenav { height: 100%; width: 320px; position: fixed; z-index: 1000; top: 0; right: -320px; background: white; box-shadow: var(--shadow-lg); transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1); padding-top: 80px; } .sidenav.active { right: 0; } /* Styles spécifiques importés de tes anciens fichiers */ .initials { background: var(--accent); color: white; padding: 8px 12px; border-radius: 8px; font-weight: bold; } .table tbody tr td { vertical-align: middle; padding: 12px 15px !important; /* Plus d'espace pour respirer */ border-bottom: 1px solid #f0f0f0; } .table thead th { background-color: #f8f9fa; text-transform: uppercase; font-size: 0.75rem; letter-spacing: 1px; border: none; }