.box {
  border: 3px solid #787a79;
  padding: 30px 25px 10px 25px;
  background:#004aad;
  margin: 30px auto;
  width: 90%; /* Utilisation d'une valeur relative */
  max-width: 380px; /* Limitation de la largeur maximale */
}

h1.box-logo a {
  text-decoration:none;
}

h1.box-title {
  color:#4eaff3;
  background: #004aad;
  font-weight: 280;
  padding: 15px 25px;
  line-height: 30px;
  font-size: 25px;
  text-align:center;
  margin: -27px -26px 26px;
}

.box-button {
  border-radius: 5px;
  background:#4eaff3;
  text-align: center;
  cursor: pointer;
  font-size: 19px;
  width: 100%;
  height: 51px;
  padding: 0;
  color: #fff;
  border: 0;
  outline:0;
}

.box-register {
  text-align:center;
  margin-bottom:0px;
}

.box-register a {
  text-decoration:none;
  font-size:12px;
  color:whitesmoke;
}

.box-input {
  font-size: 14px;
  background: #fff;
  border: 1px solid #4eaff3;
  margin-bottom: 25px;
  padding-left:10px;
  border-radius: 5px;
  width: 100%; /* Utilisation d'une valeur relative */
  height: 50px;
}

.box-input:focus {
  outline: none;
  border-color:#4eaff3;
}

.sucess {
  text-align: center;
  color: white;
}

.sucess a {
  text-decoration: none;
  color: #4eaff3;
}

p.errorMessage {
  background-color: #ea300b;
  border: #de320f 1px solid;
  padding: 5px 10px;
  color: #FFFFFF;
  border-radius: 3px;
}