.formLog{
  border: 1px solid rgb(242, 242, 242);
  border-radius: 15px;
  padding: 15px;
  background-color: rgb(242, 242, 242);
  max-width: 700px;
  margin: auto;
}

.formLog a {
  text-decoration: none;
  color: rgb(0,157,218);
  font-family: policePolytech;
  transition: all 0.2s ease-out;
}

.formLog a:hover {
  color: rgb(26, 209, 255);
}

@-webkit-keyframes animationMdpIncorrect{ /*Animation pour Chrome et Safari*/
  /*Etape de l'animation sur une durée*/
  0%{
    -webkit-transform: translate(-2px,0px);
  }
  10%{
    -webkit-transform: translate(2px,0px);
  }
  20%{
    -webkit-transform: translate(-2px,0px);
  }
  30%{
    -webkit-transform: translate(2px,0px);
  }
  40%{
    -webkit-transform: translate(-2px,0px);
  }
  50%{
    -webkit-transform: translate(2px,0px);
  }
  60%{
    -webkit-transform: translate(-2px,0px);
  }
  70%{
    -webkit-transform: translate(2px,0px);
  }
  80%{
    -webkit-transform: translate(-2px,0px);
  }
  90%{
    -webkit-transform: translate(2px,0px);
  }
  100%{
    -webkit-transform: translate(-2px,0px);
  }
}

@keyframes animationMdpIncorrect{ /*Animation pour Internet explorer et Mozilla Firefox*/
  /*Etape de l'animation sur une durée*/
  0%{
    transform: translate(-2px,0px);
  }
  10%{
    transform: translate(2px,0px);
  }
  20%{
    transform: translate(-2px,0px);
  }
  30%{
    transform: translate(2px,0px);
  }
  40%{
    transform: translate(-2px,0px);
  }
  50%{
    transform: translate(2px,0px);
  }
  60%{
    transform: translate(-2px,0px);
  }
  70%{
    transform: translate(2px,0px);
  }
  80%{
    transform: translate(-2px,0px);
  }
  90%{
    transform: translate(2px,0px);
  }
  100%{
    transform: translate(-2px,0px);
  }
}

input.mdpIncorrect{
  background-color: rgba(221, 0, 0, 0.4);
  animation: animationMdpIncorrect 0.5s; /*Lancement de l'animation pour Mozilla et Internet explorer*/
  -webkit-animation: animationMdpIncorrect 0.5s; /*Lancement de l'animation pour Chrome et Safari*/

}