@charset "UTF-8";
/* CSS Document */
.txt{
    font-family: 'Roboto', sans-serif;
}

.numero{
    font-family: 'Roboto', sans-serif;
}

.magasin{
    font-family: 'Roboto', sans-serif;
}

a
{
    text-decoration:none;
}
body
{
    background-color:#E4E9F7;
    min-width: 400px; /* Définissez la largeur minimale souhaitée */

}

.btn {

    cursor:pointer;
    padding: 10px;
    font-family: 'Roboto', sans-serif;
    font-size: 1em;
    color: #4b4b4b;
    background-color: #E4E9F7;
    box-shadow: 1px 1px 4px #777777;
    border-radius: 6px;
    text-align: center;
    transition: all 0.3s ease;;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    border:none;
    width:150px
}

.btn:hover {
    padding: 10px;
    box-shadow: 1px 1px 5px #777777;
    -webkit-box-shadow: 1px 1px 4px #777777;
    -moz-box-shadow: 1px 1px 4px #777777;
    background-color: #695CFE;
    color:#E4E9F7;
}



.formulaireconnexion 
{
    display: flex;
    justify-content: center;
    align-items: center;
    
}

.formulaireconnexion form
{
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 14vh;
    width: 25vh;

}

h2
{
    text-align:center;
}
.trait
{
    width: 20%;
    margin: 10px auto;
}