:root {
    --sombre-bg-color : #23242c;
    --sombre-text-color : white;
    --sombre-lien-survol : #70c989;
    --sombre-police : 'Roboto', sans-serif; 
    --sombre-police-citation : 'Combo', cursive;
    --sombre-police-title :  'Lobster', cursive;
    --sombre-bordure : solid 2px #70c989;
    --sombre-green : #70c989;
}
/* Partie login Admin */


/* Fond ecran */
body {
    background: var(--sombre-bg-color);
}

/* Couleur et police sur le texte */
p, pre, h1, h2, h3, h4, hr, a, label,i, .nav-link, .fontGreen {
    font-family: var(--sombre-police);
    color : var(--sombre-text-color) ;
}

/* Police pour certain texte (citation, description) */
.fontTitle {
    font-family: var(--sombre-police-citation);
}

/* Police pour certain titre */
.fontImportant {
    font-family : var(--sombre-police-title);
    font-size: 4em;
}

.fontBlack {
     color : black !important;
}



/* Taille et configuration du container principale */
.contrainerLogin {
    margin-top: 100px;;
    width: 700px;
    height: 450px;
    border: var(--sombre-bordure);
    border-radius: 10px;
}

/* Mise en forme des label et input */
.formLogin {
    width: 400px;
    height: 50px;
    border: var(--sombre-bordure);
    color : var(--sombre-text-color);
    border-radius: 30px;
}

/* Décoration des inputs */
.formLogin>input, .formLogin>button {
    outline:none;
    background-color: #23242c;
    border : none;
    color : var(--sombre-text-color);
}

/* Navbar */
a {
    text-decoration: none;
}

a:hover, .nav-link:hover, .dropdown-item:hover, .btnHeader:hover{
    color: var(--sombre-lien-survol);
}

/* Header */
.header, .widgetStat {
    background-color: #23242c;
}

/* modal inscription */
.bgDroite {
    background-color: var(--sombre-lien-survol);
}

.bodyContained {
background-color: white;
height: 10vh;
}
/* Taille widget 1 et 2eme ligne */
.widgetDashboard{
    height: 100px;
}

/* Taille widget Statistique */
.widgetStat{
    height:120px ;
    width: 150px;
}

/* Animation de cloche au survol*/
.fa-bell:hover {
    color : red;
   
}

/* Body */
.fontGreen {
    color : #70c989;
}

/* Footer */

.copyright {
    font-size: 0.8em;
}

/* 404 */
#error404 {
background-color: #23242c;
margin : 0,0;
}

#test{
height: 100vh;
}
/* Redimension des avatars utilisateurs */
.avatar {
    width: 100px;
}

.backgroundBlack {
    background-color: #23242c;
}

/* Mise en forme du titre des cards */
.titleCards {
margin-top: -12% ;
background:#70c989 ;
}

/* Dimension des photos entete des cards */
.sizeCardPicture  {
    height: 150px ;
}

/* Pour mettre le text en noir dans le body des cards */
#textColor > p {
    color : black;
}