}
/*-----------------------------------------------*/

#page{
  border: 4px solid black;
  border-radius: 5px;
  margin: auto;
  margin-bottom: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
}

#connex-box{
  width: 100%;
  display: flex;
justify-content: center;
text-align: center;
}
#box-input{
width: 80%;
line-height: 15%;
padding: 4%;
margin: 3%;
font-size: 1.4em;
  }




/*----------------------------- gestion des mobiles -----------------------*/
@media only screen and (max-width: 600px) {
body{
  background-color: grey;
}
#mobile{
visibility: visible;
}
#box{
  display: flex;
  justify-content: center;

}

#box-input{
width: 80%;
line-height: 10vw;
padding: 2vw;
margin: 5vw;
font-size: 1.4em;

  }
#connex-box{
  width: 100%;
  display: flex;
justify-content: center;
text-align: center;
}

/*#bloc_entete{
display: flex;
justify-content: flex-start;
}*/

}