.exemple {
    color: #00a2af; 
}

.exception {
    color: #E7442D;
}

.highlight { 
    color: #E7442D; 
    font-weight: bold; 
    
}

h3.grve-box-title.grve-h2 { 
    color: #ffffff !important; 
    
}

h6.grve-box-title.grve-h5 { 
    font-weight:400!important; 
    
}

.grve-accordion-wrapper.grve-style-1 .grve-title-wrapper { 
    box-shadow: none !important; 
    
}

/* bordures accordeons*/
.grve-title-wrapper.grve-tab-link {
    border:1px solid #d6d6d6;
    border-radius: 4px;
}

ul, ol {
    margin-bottom: 8px;
}

.lien {
    text-decoration: underline;
}

.widget.widget_nav_menu li ul li {
    margin-bottom: 0px;
    padding-bottom: 0px;
}

/* Grands titres du menu*/
.grve-sidebar .grve-toggle-menu-item-wrapper {
    font-weight:700!important;
    text-transform:uppercase;
    letter-spacing:2px;
    font-size: 16px!important;
}

/* Fond du bloc menu */
.grve-sidebar #nav_menu-2 {
    background: #ffffff !important;      /* Fond blanc propre */
    padding: 18px !important;            /* Respiration */
    border-radius: 14px !important;      /* Coins arrondis */
    border: 1px solid #ececec !important;/* Liseré fin */
    box-shadow: 0 8px 24px rgba(0,0,0,.06) !important; /* Ombre douce */
}

/* =========================================================
   SIDEBAR MENU – VERSION SIMPLE + NOTES
   ========================================================= */

/* --- Sous-menu : style de base des liens --- */
/* Pas de fond gris par défaut */
.grve-sidebar .widget_nav_menu .sub-menu li a {
  position: relative;                 /* Nécessaire pour la barre ::before */
  display: block;
  padding: 4px 12px 4px 12px !important;
  border-radius: 10px !important;
  font-weight: 500 !important;
  color: #4a4a4a !important;
  background: none !important;        /* IMPORTANT : pas de fond par défaut */
  transition: all .18s ease;
}

/* --- Barre verticale (invisible par défaut) --- */
.grve-sidebar .widget_nav_menu .sub-menu li a::before {
  content: "";
  position: absolute;
  left: 3px;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
  height: 16px;
  border-radius: 3px;
  background: #d0d0d0;               /* Couleur par défaut (changée par section) */
  opacity: 0;                         /* Invisible par défaut */
  transition: opacity .2s, height .2s;
}

/* --- Hover : barre + fond léger --- */
.grve-sidebar .widget_nav_menu .sub-menu li a:hover {
  background: rgba(0,0,0,.04) !important;  /* Fond visible uniquement au hover */
  color: #111 !important;
}

.grve-sidebar .widget_nav_menu .sub-menu li a:hover::before {
  opacity: 1;                         /* Barre visible */
  height: 20px;                       /* Légère animation */
}

/* --- Actif : barre + fond --- */
.grve-sidebar .widget_nav_menu .sub-menu li.current-menu-item > a {
  background: rgba(0,0,0,.06) !important;  /* Fond actif */
  font-weight: 600 !important;
  color: #111 !important;
  box-shadow: 0 6px 18px rgba(0,0,0,.06) !important;
}

.grve-sidebar .widget_nav_menu .sub-menu li.current-menu-item > a::before {
  opacity: 1;                         /* Barre visible */
  height: 22px;                       /* Plus grande */
  width: 4px;                         /* Plus épaisse */
}

/* --- Couleurs par section (barre + titre) --- */
/* PRINT */
#menu-item-11921 > .grve-toggle-menu-item-wrapper > a { color: #ad1151 !important; }
#menu-item-11921 .sub-menu a::before { background: #ad1151 !important; }

/* SIGNALETIQUE */
#menu-item-11923 > .grve-toggle-menu-item-wrapper > a { color: #f2b924 !important; }
#menu-item-11923 .sub-menu a::before { background: #f2b924 !important; }

/* WEB */
#menu-item-11924 > .grve-toggle-menu-item-wrapper > a { color: #00a2af !important; }
#menu-item-11924 .sub-menu a::before { background: #00a2af !important; }

/* ANNEXES */
#menu-item-11925 > .grve-toggle-menu-item-wrapper > a { color: #E7442D !important; }
#menu-item-11925 .sub-menu a::before { background: #E7442D !important; }