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

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

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

/* --------------------------------------------------------------------- */
/* Wrapper global.                                                       */

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

.ActOnglet > .Boutons > button { color: var(--couleurTexteBoutonOnglet); /* Couleur des textes */ }

.UtilOnglet { margin-left: 40px;} /* space between tabs and logos */
.OngSuj.Grand > .Boutons                  { margin-top: 0px; margin-bottom: 0px; border-bottom: none !important; gap: 3rem;}
.OngSuj.Grand > .Boutons > button         { border-top: none;  padding: 0px 10px 17px 10px; cursor: pointer;}
.OngSuj.Grand > .Boutons > .Actif         { border-bottom: solid 10px var(--couleurBordureBasBoutonStepperGrandActif);}  /* Ligne sous le bouton actif */
.OngSuj.Grand > .Boutons > .Inactif:hover { border-bottom: solid 10px var(--couleurBordureBasBoutonStepperGrandActif);}


/* --------------------------------------------------------------------- */
/* Section FicheTech.                                                    */
.OngletFichTech {align-self: flex-end; background-color: white; height: 60px;}
.OngletFichTech .ActOnglet .Boutons {flex: auto;}
.OngletFichTech .ActOnglet:not(.Stepper) > .Boutons > .Actif 
  { 
    border-top: solid 4px var(--couleurBordureBoutonOngletActif);
    border-bottom: none;
    margin-right: 0px;
    padding: 0px 10px;
  }
.OngletFichTech .ActOnglet > .Boutons > button {justify-content: center;}
.OngletFichTech .ActOnglet > .Boutons {margin: 0px; border-bottom: none !important;}