.login-container{
  position:relative;
  top:50px;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
  padding:10px 40px;
  border:2px solid rgb(230, 230, 230);
  border-radius: 10px;
  background-color: rgb(240,240,240);
}
.login-header{
  display:flex;
  align-items: center;
}
.col-20{
  width:20%;
  padding:0;
}
.col-80{
  text-align:center;
  width:80%;
}
.logo_formulaire{
  width: 60%;
}
.btn{
  width:fit-content;
  margin-top:10px;
  padding: 7px;
  border-radius: 5px;
  font-size:1rem;
  color:white;
}
.btn-primary{background-color:#0a3d62;}
.btn-danger{background-color:#e74c3c;}
.btn-success{background-color:#2ecc71;}

form{
  display: flex;
  flex-direction: column;
}
.form-control{
  width: 100%;
  padding: 10px 20px;
  margin: 10px 0px;
  border: 1px solid #ccc;
  box-shadow : 5px 5px 5px 5px lightgray;
  border-radius: 7px;
  font-family: sans-serif;
  font-size: 1rem;
}
label{
  margin-top : 20px;
  font-size: 1.2rem;
  font-family: sans-serif;
  font-style: italic;
  color:Navy;
}
@media screen and (max-width:1024px){
  .login-container{
    top:20px;
    width:70%;
  }
}
@media screen and (max-width:768px){
  .login-container{
    width:90%;
  }
}