/* ===================================================================== */
/*                             BaseCustom.css                            */
/* � 2020  Dunin Technologie Inc.                                        */
/* ===================================================================== */

/* - D�FINITION -------------------------------------------------------- */
/* Dispositions / espacements.                                           */
/* --------------------------------------------------------------------- */

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


/* --------------------------------------------------------------------- */
/* Onglet principal de la commande.                                      */

.Stepper.Grand { height: 50px }

#DefinirUnKit { margin-left: 410px }    /* D�place les boutons vers la droite */

/* Onglet Small */
.ActOnglet.Small > div { margin-left: 103px }

/* --------------------------------------------------------------------- */
/* Titres.                                                               */

h1 { margin-top: 23px; margin-bottom: 10px }  /* 25 + 23 + 42 + 10 + padding(10px) = 110 px voulu */


/* --------------------------------------------------------------------- */
/* Contenu de l'onglet principal.                                        */

.Corps { padding: 0px }
.Corps > .ActPanel { padding: 21px }   /* + le 4px du cadre donne le 25 px voulu */


/* --------------------------------------------------------------------- */
/* Panels.                                                               */

.ActPanel > .Barre	{ flex: 0 0 17px }  /* + 2 * 4px des cadres donne le 25 px voulu */


/* --------------------------------------------------------------------- */
/* Highligth de l'�l�ment courant.                                       */

.Courant:not(.Label) { border: solid 3px }
.ActCourant { margin-top: 2px;  margin-bottom: 2px}  /* Compense le bord plus large */
select.Error, input.Error, textarea.Error, .CustomSelect.Error { border: solid 3px var(--couleurBordureErreur); margin-top:0px; margin-bottom:0px }


/* --------------------------------------------------------------------- */
/* Labels toujours � gauche.                                             */

.Label {text-align: left;}
div.Label { flex-direction: row }

:not(.LabelGauche) > div.Label.ObligVide::before { content: none }
:not(.LabelGauche) > div.Label.ObligVal::before  { content: none }

:not(.LabelGauche) > .Label  { flex-direction: row }
:not(.LabelGauche) > div.Label.ObligVide::after { content: url("../../Client/Imgs/ObligVide.svg"); padding-left: 4px; margin-top: -7px; }
:not(.LabelGauche) > div.Label.ObligVal::after  { content: url("../../Client/Imgs/ObligVal.svg");  padding-left: 4px; margin-top: -7px; }


/* --------------------------------------------------------------------- */
/* Bouton de type image contenant une dimension.                         */

button.Dimension > object > div
  {
    font-family: 'Latobold', 'Open Sans', 'Arial';
  }


/* --------------------------------------------------------------------- */
/* Tuiles (acteurs choix).                                               */

.Tile.Image.Border > button.Actif > img,
.Tile.Image.Border > button.Actif > object,
.Tile.Border:not(.Image) > button.Actif > object > span,   /* boutons textes dans acteur choix */
.Tile.Border:not(.Image) > button.Actif > span             /* boutons textes dans acteur choix */
  {
    border: solid 3px;
    padding: 0px
  }

.Tile.Image.Border > button > img,
.Tile.Image.Border > button > object,
.Tile.Border:not(.Image) > button > object > span,   /* boutons textes dans acteur choix */
.Tile.Border:not(.Image) > button > span             /* boutons textes dans acteur choix */
  {
    border: solid 1px;
    padding: 2px
  }

.LigneAvant     { margin-top: 12px; }   /* Ligne avant le titre */