@media screen {
  body > form {
    text-align: center;
  }
  body > form > div {
    text-align: center;
    width: 100%;
  }
  body > form > div label {
    /*transforme mon label en block*/
    display: inline-block;
    width: 10%;
    text-align: left;
    font-size: 17px;
    margin: 20px auto;
    /*rajoute " : " si taille ecran> 767px*/
    /*instruction media telephone*/
  }
}

@media screen and (min-width: 768px) {
  body > form > div label::after {
    content: ":";
  }
}

@media screen and (max-width: 767px) {
  body > form > div label {
    width: 100%;
    text-align: center;
  }
}

@media screen {
  body > form button {
    margin: 10px auto;
    border-radius: 5px;
    -webkit-box-shadow: 0 3px #eaeae1;
            box-shadow: 0 3px #eaeae1;
    font-weight: bold;
    background-color: #eaeae1;
    display: block;
    width: 100%;
    padding: 1%;
  }
}
/*# sourceMappingURL=style.css.map */