/* ============================================
   CIMHCSU 2026 — CSS FINAL PERSONNALISÉ
   ============================================ */
/* --- BODY --- */
body, html {
  background-color: 
#F4F4F4 !important;
  font-family: 'Georgia', serif !important;
}
/* --- BARRE ADMIN --- */
#admin-bar {
  background-color: 
#0D1B3E !important;
}
/* --- BARRE TITRE (header-backoffice) --- */
#header-backoffice {
  background: 
#0D1B3E !important;
  background-image: none !important;
  border-bottom: 4px solid 
#E8541A !important;
}
#header-backoffice * {
  color: 
#FFFFFF !important;
}
/* --- EN-TÊTE PRINCIPAL (gris clair) --- */
#header {
  background: 
#EBEBEB !important;
  background-image: none !important;
  border-bottom: 4px solid 
#E8541A !important;
  padding: 25px 30px !important;
}
#header * { color: 
#0D1B3E !important; }
#header h1 {
  font-size: 1.8em !important;
  font-weight: 700 !important;
}
/* --- NAVIGATION PRINCIPALE (gris clair) --- */
#menu, nav, .nav,
div[id*="menu"] {
  background-color: 
#F0F0F0 !important;
  border-bottom: 3px solid 
#E8541A !important;
}
#menu a, nav a, .nav a {
  color: 
#0D1B3E !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  font-size: 0.82em !important;
  letter-spacing: 1px !important;
  padding: 14px 20px !important;
  transition: all 0.3s !important;
}
#menu a:hover, nav a:hover {
  color: 
#FFFFFF !important;
  background: 
#E8541A !important;
}
/* --- SUPPRIMER SOULIGNEMENT MENU LATÉRAL --- */
#sidebar a, .sidebar a,
div[id*="sidebar"] a,
div[class*="sidebar"] a {
  text-decoration: none !important;
  border-bottom: none !important;
  border: none !important;
}
#sidebar a:hover, .sidebar a:hover,
div[id*="sidebar"] a:hover {
  text-decoration: none !important;
}
/* --- MENU LATÉRAL GAUCHE (gris clair) --- */
#sidebar, .sidebar,
div[id*="sidebar"],
div[class*="sidebar"] {
  background-color: 
#F0F0F0 !important;
  border-right: 3px solid 
#E8541A !important;
}
#sidebar a, .sidebar a,
div[id*="sidebar"] a {
  color: 
#0D1B3E !important;
  font-weight: 600 !important;
  padding: 8px 14px !important;
  display: block !important;
  border-radius: 4px !important;
  transition: all 0.25s !important;
  background: none !important;
}
#sidebar a:hover,
div[id*="sidebar"] a:hover {
  background-color: 
#E8541A !important;
  color: 
#FFFFFF !important;
  padding-left: 20px !important;
}
#sidebar h3, #sidebar h4,
div[id*="sidebar"] h3,
div[id*="sidebar"] h4 {
  color: 
#E8541A !important;
  text-transform: uppercase !important;
  font-size: 0.78em !important;
  letter-spacing: 1.5px !important;
  border-bottom: 2px solid 
#E8541A !important;
  padding-bottom: 6px !important;
  margin-top: 18px !important;
  background: none !important;
}
/* --- CONTENU PRINCIPAL --- */
#content, .content, main,
div[id*="content"],
div[class*="content"] {
  background-color: 
#F4F4F4 !important;
}
/* --- TEXTE COURANT (bleu marine) --- */
p, li, span, td, label,
div[id*="content"] p,
div[class*="content"] p {
  color: 
#0D1B3E !important;
}
/* --- TITRES (orange sur fond blanc) --- */
h1, h2, h3 {
  color: 
#E8541A !important;
  backgro
/* === RÉDUIRE TAILLE TITRE PRINCIPAL === */
h1, h2,
div[id*="content"] h1,
div[id*="content"] h2,
div[class*="content"] h1,
div[class*="content"] h2 {
  font-size: 1.3em !important;
}