body{
    background-color: #181818;
}

.img {
    padding:20px;
    width: 250px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
/* ----------------- PAGE D'ACCUEIL ----------------- */



.bienvenue {
    width: 65%;
    max-width: 700px;
    min-width: 300px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    padding: 40px;
    text-align: center;
}

.boutonStart{
    background-color: #6C6C6C;
    display: block;
    margin-left: auto; margin-right: auto;
    margin-top: 4%;
    border-radius: 13px;
    width:100%;
    max-width: 350px;
    min-width: 210px;
    border-width: 0px;

    /* texte */
    color : #ffffff;
    font-family: cy,sans-serif;
    padding-top: 6px; padding-bottom: 6px;
    font-size: 20px;    
    font-weight: 800;
    font-style: normal;
    text-align: center;

}

.boutonStart:hover{
    background-color: #333333;
    color : #ffffff;
}

.boutonStart:active{
    background-color: #ffffff;
    color : #242424;
}


/* ----------------- TAILLE ET COULEUR ----------------- */



.w500 /* Question - 400 à 900, moins gras au plus gras */
{font-family: cy,sans-serif;
font-weight: 500;
font-style: normal;
font-size: 23px;
margin-top: 4px;
}

.w800 /* Réponses */
{font-family: cy,sans-serif; 
font-weight: 800;
font-style: normal;
font-size: 30px;
}

#blanc {color:#ffffff;} 


/* ----------------- FIIIIIIIIIIIN DU CSSSSSSSSSSSS ----------------- */

footer{
    margin-top: 170px;
    margin-bottom: 20px;
    text-align: center;
    font-family: cy,sans-serif; 
    font-weight: 500;
    font-style: normal;
    font-size: 10px;
    color:#4e4e4e;
}