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

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

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

:root
  {
    --couleurTexte: black;                             /* couleur de Textes sur fonds clairs*/
    --couleurLabel: var(--couleurTexteBleu);             /* Couleur de base des labels        */
    --couleurBleuBernier: #0F4F82;                     /* Bleu des sites Bernier            */
    --couleurFondContraste: var(--couleurBleuBernier);   /* Couleur de fond contratée         */
    --couleurTextePale: white;                         /* Textes sur fond foncé             */
    --couleurBarreTitreFenetre: var(--couleurBleuBernier);/* Barre titre des fenêtre          */
    --couleurTexteBleu: var(--couleurBleuBernier);       /* Textes réguliers sur fond pâle    */
    --couleurTexteFonce: #000000;                      /* Autres Textes sur fond pâle       */
    --couleurTexteMoyen: #898982;                      /* Textes gris sur fond pâle         */
    --couleurToolBarSession: var(--couleurFondContraste);
    --couleurTexteTitrePage: var(--couleurTexte);
    
    --couleurSpanTitreSection: black;
    --couleurTexteSpanTitreSection: white;
    --couleurSpanTitreListe: black;
    --couleurTexteSpanTitreListe: white;
    --couleurTexteSpanLoginLabel: var(--couleurTextePale); 
    --couleurRequeteTexte: var(--couleurTexteFonce);
    --couleurTexteLink: #0D4E80;
    --couleurTexteLinkHover: #072A46;
    --couleurTexteLinkAffichPass: var(--couleurTextePale);

    --couleurBoutonPrimaire: #0F4F82;               /* Couleur de de fond du bouton primaire, État normal               */
    --couleurTexteBoutonPrimaire: #FFFFFF;          /* Couleur du texte dans le bouton primaire, État normal            */
    --couleurBordureBoutonPrimaire: #0F4F82;        /* Couleur de bordure du bouton primaire - État normal              */
    --couleurBoutonPrimaireHover: #0B3456;          /* Couleur de de fond du bouton primaire, État de mouse hover       */
    --couleurTexteBoutonPrimaireHover: #FFFFFF;     /* Couleur du texte dans le bouton primaire, État de mouse hover    */
    --couleurBordureBoutonPrimaireHover: #0B3456;   /* Couleur de bordure du bouton primaire - État de mouse hover      */

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

    --couleurBoutonToolBarHover: #0f4f82;           /* Apparence de l'état mouse hover des boutons avec icônes          */

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

    --couleurTexteBoutonOnglet: black;
    --couleurTexteBoutonOngletActif: var(--couleurTexteBleu);
    --couleurBordureBoutonOngletActif: var(--couleurBleuBernier);

    --couleurTexteMessageLoginSeConnecter: var(--couleurTexteMoyen);
    --couleurSectionLogin: rgba(0, 0, 0, 0.8);

    --couleurHighlight: #24A6D6; /* var(--couleurBleuBernier); */      /* Éléments sélectionné             */
    --couleurTextePanel: black;
    --couleurTexteTitrePanel: white;                /* Titres des panels               */
    --couleurPanelEntete: black;

    --couleurInputLoginInput: rgba(0, 0, 0, 0);
    --couleurTexteInputLoginInput: var(--couleurTextePale);
    --couleurBordureInputLoginInput: white;

    --couleurTexteBoutonLoginChoixLangue: var(--couleurTextePale);
    --couleurTexteBoutonLoginChoixLangueActif: var(--couleurTextePale);
    --couleurTexteMessageLoginCookies: var(--couleurTextePale);
    --couleurTexteAccueilBienvenue: var(--couleurTextePale);
    --couleurTexteAccueilSurEve: var(--couleurTexteMoyen);
    --couleurAccueilCreerSection: var(--couleurTextePale);
    --couleurTexteAccueilCreerTitre: var(--couleurTexteFonce);
    --couleurAccueilCreerLien: var(--couleurFondContraste);
    --couleurTexteAccueilCreerLien: var(--couleurTextePale);
    --couleurAccueilRechercherSection: var(--couleurFondContraste);
    --couleurTexteAccueilRechercherTitre: var(--couleurTextePale);
    --couleurTexteAccueilDiversLien: #FFFFFF;
    --couleurTexteSessionToolAct: white;

    --couleurTitreTelescopeLigneActif: #E7E6E6; /* la couleur de fond des box des kits et items en état selected (menu de gauche et colonne du centre)*/
    --couleurBordureTitreTelescopeLigne: #E7E6E6;      /* Couleur bordure des box des kits en état normal   */
    --couleurBordureTitreTelescopeLigneActif: #A9A9A9; /* Couleur bordure des box des kits en état selected */
    --couleurBordureLignePanelContenu: #E7E6E6;
    --couleurHighlightLigneActif: #E7E6E6; /* la couleur de fond des box des items (Ligne des items) en état selected (menu de gauche et colonne du centre)*/
    --couleurBordureHighlightLigneActif: #A9A9A9;

    --couleurBordureCourant: var(--couleurBleuBernier);
    --couleurBoxShadowCourant: var(--couleurBleuBernier);

    --couleurBordureFenetreChargeComm : rgba(255,255,255,0.2);
    --couleurProgress: #E7E6E6;
    --couleurProgressBar: #0F4F82;
  }