.container-connexion{
    padding: 5% 20% 10% 20%;
    display: flex;
    justify-content: center;
    background: linear-gradient(to bottom, #fefdff,#6031ed3b,#6031ed4c);

}

@media screen and (max-width:1000px){
    .container-connexion {  
        padding: 60px 30px 60px 30px;   
    }
}

.container-connexion .formulaire-connexion{
    background-color: #6031ed4c;
    width: 700px;
    border-radius: 10px;
}

@media screen and (max-width:500px){
    .container-connexion .formulaire-connexion {  
        width: 350px;   
    }
}

.formulaire-connexion h3{
    text-align: center;
    margin: 20px 0px 20px 0px;
}

.formulaire-connexion input{
    width: 100%;
    padding: 10px 5px 10px 5px;
    border: solid 1px #000;
    border-radius: 10px;
}

.formulaire-connexion #input{
    width: 100%;
    padding: 10px 5px 10px 5px;
    border: solid 1px white;
    border-radius: 10px;
}


.row .column1{
    display: flex;
    flex-direction: column;
}


.bouton-contactez-container{
    display: flex;
    justify-content: center;
}

.bouton-contactez-container a{
    text-decoration: none;
}

.bouton-contactez{
    background-color:#6D31EDFF;
    border: solid 1px white;
    font-weight: 700;
    padding: 10px 50px 10px 50px;
    color: white;
    text-align: center;
    border-radius: 10px;   
}
.bouton-contactez:hover{
    background-color: rgba(109, 49, 237, 0.881);
    color:white;
}

.container .text{
    text-align: center;
}

.container .text a{
    /* text-decoration: none; */
    font-weight: 700;
    color: #6D31EDFF;
}

