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

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

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

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

.ActOnglet
  {
    flex: 1;

    flex-direction:column;            /* Boutons en haut du contenu      */
  }


/* --------------------------------------------------------------------- */
/* Wrapper des boutons.                                                  */

.ActOnglet > .Boutons
  {
    flex: 0;
    min-height: auto;                 /* Annule le min-height:0          */
    margin-bottom: 2px;
    margin-top: 2px;
  }


/* --------------------------------------------------------------------- */
/* Wrapper deu contenu.                                                  */

.ActOnglet > .Contenu
  {
    flex: 1;
  }


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

.ActOnglet > .Boutons > button
  {
    border: none;
    border-top: solid 10px;
    padding-top: 10px;
    padding-right: 20px;
    margin-bottom: 30px;
    color: var(--couleurTexteBoutonOnglet); /* Couleur des textes */
    background-color: var(--couleurBoutonOnglet);
    border-color: var(--couleurBordureBoutonOnglet); /* Couleur du trait */
  }

  .ActOnglet > .Boutons > .Actif  /* Ligne au-dessus du bouton actif */
  {
    border-top: solid 10px;
    color: var(--couleurTexteBoutonOngletActif); /* Couleur des textes des onglets actifs */
    border-color: var(--couleurBordureBoutonOngletActif); /* Couleur du trait des onglets actifs */
  }

.Stepper.Grand > .Boutons > button { border-top: none;  border-bottom: solid 10px var(--couleurBordureBasBoutonStepperGrand);  padding-top: 0px;  padding-bottom: 17px }
.Stepper.Grand > .Boutons > .Actif { border-bottom: solid 10px var(--couleurBordureBasBoutonStepperGrandActif)  }  /* Ligne sous le bouton actif */
.Stepper.Grand > .Boutons          { margin-top: 0px; margin-bottom: 0px }
.Stepper.Grand > .Boutons > button { margin-bottom: 0px }