body {
  font-size: 22px;
}
@media (max-width: 767px) {
  body {
    font-size: 18px;
  }
}
form {
  padding: 0 25px;
}
input[type=text] {
  border: 0;
  border-bottom: 1px dotted #057ac0;
  margin-bottom: 15px;
  width: 100%;
  font-size: 22px;
}
input[type=date] {
  font-size: 22px;
}
.choix_etoile {
  text-align: center;
}
.choix_etoile input[type=radio],
.binaire input[type=radio] {
  display: none;
}
.binaire {
  margin-bottom: 15px;
}
.binaire label {
  cursor: pointer;
}
.fa-star,
.fa-circle,
.fa-check-circle {
  font-size: 24px;
  cursor: pointer;
  color: #057ac0;
}
h1,
h2 {
  color: #057ac0;
  text-align: center;
}
h2 {
  background-color: #5eb5e030;
}
input[type=submit] {
  background-color: #057ac0;
  color: #fff;
  padding: 10px 25px;
  font-size: 22px;
  text-transform: uppercase;
  border: 0;
  border-radius: 5px;
  cursor: pointer;
}
footer {
  font-size: 0.8em;
  margin-top: 50px;
  color: #057ac0;
}
footer a {
  display: block;
  background-color: #057ac0;
  color: #fff;
  text-align: center;
  padding: 5px;
  margin-bottom: 10px;
}
.error ul {
  list-style: none;
  padding: 0;
}
.success,
.error {
  font-size: 14px;
  padding: 10px;
  border-radius: 10px;
  text-align: center;
  margin-bottom: 20px;
  border: 1px solid #fff;
}
.success {
  color: #155724;
  background-color: #d4edda;
  border-color: #155724;
}
.error {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #721c24;
}
@media (max-width: 767px) {
  label {
    width: 100%;
  }
}
/*# sourceMappingURL=styles.css.map */