/* ===================================================================== */
/*                          OngletCollGest.css                           */
/* � 2019  Dunin Technologie Inc.                                       */
/* ===================================================================== */

/* - DÉFINITION -------------------------------------------------------- */
/* Affichage des onglets.                                                */
/* --------------------------------------------------------------------- */

/* - NOTES ------------------------------------------------------------- */
/* --------------------------------------------------------------------- */

/* --------------------------------------------------------------------- */
/* Onglets.  Boutons.                                                    */


.OngletSousCategs.Grand > .Boutons
{
  margin-top: 0px;
  margin-bottom: 0px;
  border-bottom: none !important;
  gap: 1rem;
}

.OngletSousCategs.Grand > .Boutons > button
{
  background-color: var(--couleurOngletSousCategs);
  border: none;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: 600;
  color: var(--couleurTexteOngletSousCategs);
  text-transform: capitalize;
  cursor: pointer;
  outline: none;
  transition: color 0.3s ease, border-color 0.3s ease;
}

.OngletSousCategs.Grand > .Boutons > .Actif
{
  color: var(--couleurOngletSousCategsActif);
  border-bottom: 2px solid var(--couleurOngletSousCategsActif);
  padding-bottom: 8px;
}

.OngletSousCategs.Grand > .Boutons > button:hover
{
  color: var(--couleurOngletSousCategsActif);
  border-bottom: 2px solid var(--couleurOngletSousCategsActif);
  padding-bottom: 8px;
}

.OngletSousCategs.Grand > .Boutons > .Inactif
{
  color: var(--couleurTexteOngletSousCategs);
  border-bottom: 2px solid var(--couleurOngletSousCategs);
  padding-bottom: 8px;
}

.OngletSousCategs.Grand > .Boutons > .Inactif:hover
{
  color: var(--couleurOngletSousCategsActif);
  border-bottom: 2px solid var(--couleurOngletSousCategsActif);
}

.OngletSousCategs.Grand > .Boutons > button:focus {
  outline: none;
}