.rectconnexion{
    background-color: #004291;
    border-radius: 2vw;
    padding: 3vw;
    margin-top: 5vh;
    text-align: center;
    width: 40%;
    height: 50vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.form_connexion{
    text-align:center;
    color : white;
    font-family: sans-serif;
    font-size : 1.5vw;
}

.btnconnecter{
   width: 60%;
    height: 4vh;
    font-size: 1.5vw;
    border-radius: 2vw;
    border: none;
    color: white;
    background-color: #009141;
    transition : 0.3s all;
    box-shadow : 3px 3px 3px  #222 ;
}

.btnconnecter:hover{
    background-color : #1da75b;
    box-shadow : none ;

}

.zone_text{
    width: 100%;
    font-size: 3vh;
    font-family: system-ui;
    padding: 0.5vh;
    margin: 1vh 0 6vh 0;
}

.pasdecompte{
    color: white;
    margin: 3vh 0 0 0;
    width: 90%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.8vw;
}

@media screen and (max-width: 768px) {
    .form_connexion{
        text-align:center;
        color : white;
        font-family: sans-serif;
        font-size : 4vw;
    }
    .zone_text{
        width: 100%;
        font-size: 1vh;
        font-family: system-ui;
        padding: 0.5vh;
        margin: 1vh 0 2vh 0;
    }
    
    .btnconnecter{
       width: 60%;
        height: 4vh;
        font-size: 3vw;
        border-radius: 2vw;
        border: none;
        color: white;
        background-color: #009141;
    }
    .rectconnexion{
    background-color: #004291;
    border-radius: 2vw;
    padding: 3vw;
    margin-top: 5vh;
    text-align: center;
    width: 40%;
    height: 30vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

}