/* ==========================================
      LES COULEURS EN MODE JOUR
============================================= */


:root {
    --couleur-sobre:    #555555; /* Texte modérément visible */
    --couleur-fort:     #AA00CC; /* Texte foncé plus marqué */
    --couleur-texte:    rgb(36, 36, 36);
    --box-sobre: #eeeeee;
    --box-fort:  #aaaaaa;

    --background-color:    #444444;
    --text-color:          #4b4b4b; 
    --text-color-sobre:    #888888; 

    --background-box-color:    #f4f4f4;
    --fond-bouton-rouge  : red;
    --fond-bouton-orange : orange;
    --fond-bouton-jaune  : yellow;
    --fond-bouton-vert   : green;
    --fond-bouton-bleu   : blue;
    --fond-bouton-violet : violet;
    --fond-bouton-indigo : indigo;
    --fond-bouton-ultra-violet : #b9b9b9;
    --fond-bouton-infra-rouge  : #b9b9b9;
    --texte-bouton-rouge  : #fffffe;
    --texte-bouton-orange : #fffffe;
    --texte-bouton-jaune  : #fffffe;
    --texte-bouton-vert   : #fffffe;
    --texte-bouton-bleu   : #fffffe;
    --texte-bouton-violet : #fffffe;
    --texte-bouton-indigo : #fffffe;
    --texte-bouton-ultra-violet : #fffffe;
    --texte-bouton-infra-rouge  : #fffffe;
    --form-input-inside : #ffffff;


}

body {
    background-color: var(--background-color);
    color:            var(--text-color);
}

a            {   color: #00008B; }
a:hover      {   color: #00008B; }
a:visited    {   color: #00008B; }
a:active     {   color: #00008B; }
a:focus      {   color: #00008B; }

.bouton-menu-principale           {    background-color: #cacaca;       }
.bouton-menu-principale a         {   color: #622f0a;  }
.bouton-menu-principale a:hover   {   color: #622f0a;  }
.bouton-menu-principale a:visited {   color: #622f0a;  }
.bouton-menu-principale a:active  {   color: #622f0a;  }
.bouton-menu-principale a:focus   {   color: #622f0a;  }

.discret a:link     { color: #8093ff; }
.discret a:visited  { color: #8093ff; }
.discret a:visited  { color: #8093ff; }
.discret a:focus    { color: #8093ff; }

.bouton-rouge         {  background-color:   var(--fond-bouton-rouge);        color: var(--texte-bouton-rouge);   }
.bouton-orange        {  background-color:   var(--fond-bouton-orange);       color: var(--texte-bouton-orange);  }
.bouton-jaune         {  background-color:   var(--fond-bouton-jaune);        color: var(--texte-bouton-jaune);   }
.bouton-vert          {  background-color:   var(--fond-bouton-vert);         color: var(--texte-bouton-vert);    }
.bouton-bleu          {  background-color:   var(--fond-bouton-bleu);         color: var(--texte-bouton-bleu);    }
.bouton-violet        {  background-color:   var(--fond-bouton-violet);       color: var(--texte-bouton-violet);  }
.bouton-indigo        {  background-color:   var(--fond-bouton-indigo);       color: var(--texte-bouton-indigo);  }
.bouton-infra-rouge   {  background-color:   var(--fond-bouton-infra-rouge);  color: var(--texte-bouton-infra-rouge);    }
.bouton-ultra-violet  {  background-color:   var(--fond-bouton-ultra-violet); color: var(--texte-bouton-ultra-violet);   }

.bouton-rouge         a {  color: var(--texte-bouton-rouge);   }
.bouton-orange        a {  color: var(--texte-bouton-orange);  }
.bouton-jaune         a {  color: var(--texte-bouton-jaune);   }
.bouton-vert          a {  color: var(--texte-bouton-vert);    }
.bouton-bleu          a {  color: var(--texte-bouton-bleu);    }
.bouton-violet        a {  color: var(--texte-bouton-violet);  }
.bouton-indigo        a {  color: var(--texte-bouton-indigo);  }
.bouton-infra-rouge   a {  color: var(--texte-bouton-infra-rouge);    }
.bouton-ultra-violet  a {  color: var(--texte-bouton-ultra-violet);   }

.bouton-rouge         a:hover {  color: var(--texte-bouton-rouge);   }
.bouton-orange        a:hover {  color: var(--texte-bouton-orange);  }
.bouton-jaune         a:hover {  color: var(--texte-bouton-jaune);   }
.bouton-vert          a:hover {  color: var(--texte-bouton-vert);    }
.bouton-bleu          a:hover {  color: var(--texte-bouton-bleu);    }
.bouton-violet        a:hover {  color: var(--texte-bouton-violet);  }
.bouton-indigo        a:hover {  color: var(--texte-bouton-indigo);  }
.bouton-infra-rouge   a:hover {  color: var(--texte-bouton-infra-rouge);    }
.bouton-ultra-violet  a:hover {  color: var(--texte-bouton-ultra-violet);   }

.bouton-rouge         a:visited {  color: var(--texte-bouton-rouge);   }
.bouton-orange        a:visited {  color: var(--texte-bouton-orange);  }
.bouton-jaune         a:visited {  color: var(--texte-bouton-jaune);   }
.bouton-vert          a:visited {  color: var(--texte-bouton-vert);    }
.bouton-bleu          a:visited {  color: var(--texte-bouton-bleu);    }
.bouton-violet        a:visited {  color: var(--texte-bouton-violet);  }
.bouton-indigo        a:visited {  color: var(--texte-bouton-indigo);  }
.bouton-infra-rouge   a:visited {  color: var(--texte-bouton-infra-rouge);    }
.bouton-ultra-violet  a:visited {  color: var(--texte-bouton-ultra-violet);   }

.bouton-rouge         a:active {  color: var(--texte-bouton-rouge);   }
.bouton-orange        a:active {  color: var(--texte-bouton-orange);  }
.bouton-jaune         a:active {  color: var(--texte-bouton-jaune);   }
.bouton-vert          a:active {  color: var(--texte-bouton-vert);    }
.bouton-bleu          a:active {  color: var(--texte-bouton-bleu);    }
.bouton-violet        a:active {  color: var(--texte-bouton-violet);  }
.bouton-indigo        a:active {  color: var(--texte-bouton-indigo);  }
.bouton-infra-rouge   a:active {  color: var(--texte-bouton-infra-rouge);    }
.bouton-ultra-violet  a:active {  color: var(--texte-bouton-ultra-violet);   }

.bouton-rouge         a:focus {  color: var(--texte-bouton-rouge);   }
.bouton-orange        a:focus {  color: var(--texte-bouton-orange);  }
.bouton-jaune         a:focus {  color: var(--texte-bouton-jaune);   }
.bouton-vert          a:focus {  color: var(--texte-bouton-vert);    }
.bouton-bleu          a:focus {  color: var(--texte-bouton-bleu);    }
.bouton-violet        a:focus {  color: var(--texte-bouton-violet);  }
.bouton-indigo        a:focus {  color: var(--texte-bouton-indigo);  }
.bouton-infra-rouge   a:focus {  color: var(--texte-bouton-infra-rouge);    }
.bouton-ultra-violet  a:focus {  color: var(--texte-bouton-ultra-violet);   }



/* Couleur pour les textes  */

.couleur-texte-fort {
    color: var(--couleur-forte);
}

.couleur-texte-sobre {
    color: var(--couleur-sobre);
}


/* Couleur pour les boites */





.couleur-box-sobre {
    background-color: var( --box-sobre);
}

.couleur-box-fort  {
    background-color: var(--box-fort);