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

/* - D�FINITION -------------------------------------------------------- */
/* Couleurs des diff�rents �l�ments.                                     */
/* --------------------------------------------------------------------- */

/* - NOTES ------------------------------------------------------------- */
/* Couleur de fond fonc� : #212931                                       */
/* Couleur de fond clair : Blanc                                         */
/* Texte sur fond fonc�, en importance : #9AC1E5                         */
/* Texte sur fond fonc� normal : #F5F9FD                                 */
/* Texte sur fond clair : #435464                                        */
/* --------------------------------------------------------------------- */

:root
  {
    --couleurTexte: #435464;                        /* couleur de Textes sur fonds clairs */
    --couleurLabel: #435464;          /* Couleur de base des labels      */
    --couleurTexteTitreTelescopeLarge: #212931;
    --couleurTexteTitreSection: var(--couleurTexte);
    --couleurTexteTitrePage: var(--couleurTexte);
    --couleurTexteTitrePanel: var(--couleurTexte);

    --couleurToolBarSession: #212931;

    --couleurTexteFenetreBarre: #F5F9FD;
    --couleurBarreTitreFenetre: #212931;            /* Barre de titre des fen�tres  */

    --couleurBoutonPrimaire: #212931;                 /* Couleur de de fond du bouton primaire, État normal      */
    --couleurTexteBoutonPrimaire: #9AC1E5;          /* Couleur du texte dans le bouton primaire, État normal       */
    --couleurBordureBoutonPrimaire: #212931;      /* Couleur de bordure du bouton primaire - État normal      */
    --couleurBoutonPrimaireHover: #00155C;          /* Couleur de de fond du bouton primaire, État de mouse hover      */
    --couleurTexteBoutonPrimaireHover: #9AC1E5;     /* Couleur du texte dans le bouton primaire, État de mouse hover     */
    --couleurBordureBoutonPrimaireHover: #00155C;      /* Couleur de bordure du bouton primaire - État de mouse hover      */

    --couleurBoutonSecondaire: #FFFFFF;             /* Couleur de fond du bouton secondaire - État normal     */
    --couleurTexteBoutonSecondaire: #212931;        /* Couleur du texte dans le bouton secondaire - État normal     */
    --couleurBordureBoutonSecondaire: #212931;      /* Couleur de bordure du bouton secondaire - État normal      */
    --couleurBoutonSecondaireHover: #212931;        /* Couleur de fond du bouton secondaire - État de mouse hover      */
    --couleurTexteBoutonSecondaireHover: #9AC1E5;   /* Couleur du texte dans le bouton secondaire - État de mouse hover     */
    --couleurBordureBoutonSecondaireHover: #212931; /* Couleur de bordure du bouton secondaire - État de mouse hover      */

    --couleurBoutonAccueilHover: var(--couleurBoutonPrimaireHover); /* Couleur de fond du bouton Accueil - État de mouse hover      */

    --couleurBordureBoutonOngletActif: #212931;     /* Couleur de bordure de la Ligne sous le bouton actif des onglets */

    --couleurMsgIng: red;
    --couleurActTitre: #F2F2F2;

    --couleurTexteSessionToolAct: #F5F9FD;

    --couleurIconesToolBar: invert(30%) sepia(6%) saturate(2440%) hue-rotate(179deg) brightness(92%) contrast(94%);  /* couleur: proche #9AC1E5 */
    --couleurTexteBtnAccueil: var(--couleurTexteBoutonSecondaireHover);
    
    --couleurBordureCercleMagnifierGlass: rgb(67, 84, 100);
  }

/* ----- Fonds fonc�s ----- */
.FenetreBarre                { background-color: var(--couleurBarreTitreFenetre); }  /* Barre titre des fen�tres */

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

.ActBouton.Primaire > button > span { color: var(--couleurTexteBoutonPrimaire); }
.ActBouton.Secondaire > button > span { color: var(--couleurTexteBoutonSecondaire); }
.ActBouton.Primaire > button:hover > span { color: var(--couleurTexteBoutonPrimaireHover); }
.ActBouton.Secondaire > button:hover > span { color: var(--couleurTexteBoutonSecondaireHover); }

/* ----- Texte sur fond fonc� normal ----- */
.SessionToolAct > span { color:  var(--couleurTexteSessionToolAct)}         /* Tool bar de la session */
.FenetreBarre   > div > span { color: var(--couleurTexteFenetreBarre) }   /* Barre titre des fen�tres */

/* ----- Textes sur fonds clairs ----- */
body, select, input, textarea, button, span { color: var(--couleurTexte) }   /* �l�ments d'itnerfaces */

.TitrePage     { color: var(--couleurTexteTitrePage) }   /* Titres des pages */
.TitreSection  { color: var(--couleurTexteTitreSection) }   /* Titres des sections */
.TitrePanel    { color: var(--couleurTexteTitrePanel) }   /* Titres des panels */
h1, h2, h3     { color: var(--couleurTexte) }   /* Titres divers */


.MsgIng  { color: var(--couleurMsgIng) }


/* --------------------------------------------------------------------- */
/* Contenu                                                               */

.ActTitre { background-color: var(--couleurActTitre) }  /* P�le, comme dans le panel */


/* --------------------------------------------------------------------- */
/* Section boutons du stepper.                                           */

.Stepper.Petit > .Boutons { background-color: #EEEEEE }

/* --------------------------------------------------------------------- */
/* Apparence des boutons et icônes dans le header                        */
.ToolBarSession .ToolBar.RangeeInverse button > img {filter: var(--couleurIconesToolBar)}
.ToolBarSession .SessionToolAct > button span, span.BtnAccueil {color: var(--couleurTexteBtnAccueil)}