/** variables couleur **/
:root {
--couleur-bleu: #007fc7;
--couleur-bleu_clair: #3CB0E3;
--couleur-jaune: #FCCB09;
--couleur-orange: #f99d1c;
--couleur-orange_fonce: #EB5A23;
--couleur-rose: #e65ea2;
--couleur-vert: #96c984;
}

/** styles pour menu **/
#menu li a[couleur=bleu] {
  border-bottom:7px solid var(--couleur-bleu); 
}
        
#menu li a[couleur=bleu]:hover, #menu li:hover > a[couleur=bleu] {
  background-color:var(--couleur-bleu)!important;
  border-bottom:7px solid var(--couleur-bleu)!important;  
}

.ul_sousmenu[couleur=bleu] li:hover{
  background-color:var(--couleur-bleu)!important;
}
.ul_sousmenu[couleur=bleu] li a:hover {
  background-color:var(--couleur-bleu)!important;
} 
.ul_sousmenu[couleur=bleu] li a {
  border-bottom:1px solid var(--couleur-bleu)!important;
} 
#menu li a[couleur=bleu_clair] {
  border-bottom:7px solid var(--couleur-bleu_clair); 
}
        
#menu li a[couleur=bleu_clair]:hover, #menu li:hover > a[couleur=bleu_clair] {
  background-color:var(--couleur-bleu_clair)!important;
  border-bottom:7px solid var(--couleur-bleu_clair)!important;  
}

.ul_sousmenu[couleur=bleu_clair] li:hover{
  background-color:var(--couleur-bleu_clair)!important;
}
.ul_sousmenu[couleur=bleu_clair] li a:hover {
  background-color:var(--couleur-bleu_clair)!important;
} 
.ul_sousmenu[couleur=bleu_clair] li a {
  border-bottom:1px solid var(--couleur-bleu_clair)!important;
} 
#menu li a[couleur=jaune] {
  border-bottom:7px solid var(--couleur-jaune); 
}
        
#menu li a[couleur=jaune]:hover, #menu li:hover > a[couleur=jaune] {
  background-color:var(--couleur-jaune)!important;
  border-bottom:7px solid var(--couleur-jaune)!important;  
}

.ul_sousmenu[couleur=jaune] li:hover{
  background-color:var(--couleur-jaune)!important;
}
.ul_sousmenu[couleur=jaune] li a:hover {
  background-color:var(--couleur-jaune)!important;
} 
.ul_sousmenu[couleur=jaune] li a {
  border-bottom:1px solid var(--couleur-jaune)!important;
} 
#menu li a[couleur=orange] {
  border-bottom:7px solid var(--couleur-orange); 
}
        
#menu li a[couleur=orange]:hover, #menu li:hover > a[couleur=orange] {
  background-color:var(--couleur-orange)!important;
  border-bottom:7px solid var(--couleur-orange)!important;  
}

.ul_sousmenu[couleur=orange] li:hover{
  background-color:var(--couleur-orange)!important;
}
.ul_sousmenu[couleur=orange] li a:hover {
  background-color:var(--couleur-orange)!important;
} 
.ul_sousmenu[couleur=orange] li a {
  border-bottom:1px solid var(--couleur-orange)!important;
} 
#menu li a[couleur=orange_fonce] {
  border-bottom:7px solid var(--couleur-orange_fonce); 
}
        
#menu li a[couleur=orange_fonce]:hover, #menu li:hover > a[couleur=orange_fonce] {
  background-color:var(--couleur-orange_fonce)!important;
  border-bottom:7px solid var(--couleur-orange_fonce)!important;  
}

.ul_sousmenu[couleur=orange_fonce] li:hover{
  background-color:var(--couleur-orange_fonce)!important;
}
.ul_sousmenu[couleur=orange_fonce] li a:hover {
  background-color:var(--couleur-orange_fonce)!important;
} 
.ul_sousmenu[couleur=orange_fonce] li a {
  border-bottom:1px solid var(--couleur-orange_fonce)!important;
} 
#menu li a[couleur=rose] {
  border-bottom:7px solid var(--couleur-rose); 
}
        
#menu li a[couleur=rose]:hover, #menu li:hover > a[couleur=rose] {
  background-color:var(--couleur-rose)!important;
  border-bottom:7px solid var(--couleur-rose)!important;  
}

.ul_sousmenu[couleur=rose] li:hover{
  background-color:var(--couleur-rose)!important;
}
.ul_sousmenu[couleur=rose] li a:hover {
  background-color:var(--couleur-rose)!important;
} 
.ul_sousmenu[couleur=rose] li a {
  border-bottom:1px solid var(--couleur-rose)!important;
} 
#menu li a[couleur=vert] {
  border-bottom:7px solid var(--couleur-vert); 
}
        
#menu li a[couleur=vert]:hover, #menu li:hover > a[couleur=vert] {
  background-color:var(--couleur-vert)!important;
  border-bottom:7px solid var(--couleur-vert)!important;  
}

.ul_sousmenu[couleur=vert] li:hover{
  background-color:var(--couleur-vert)!important;
}
.ul_sousmenu[couleur=vert] li a:hover {
  background-color:var(--couleur-vert)!important;
} 
.ul_sousmenu[couleur=vert] li a {
  border-bottom:1px solid var(--couleur-vert)!important;
} 
.barre_titre {
  background-color: var(--couleur-orange)!important;
}
.barre-titre {
  background-color: var(--couleur-orange)!important;
}
#btn-lien-etab {
  color: var(--couleur-orange)!important;
  border-color: var(--couleur-orange)!important;
}
#btn-lien-etab:hover {
  background-color: var(--couleur-orange)!important;
  color: #FFF!important;
}

h2 {
  background-image:url(../images/puce_h2_orange.png);
}