#page {
  position: relative;
}

.cheval {
  background: url("/animations/cheval_a_bascule_411.png") no-repeat;
  right: -10%;
  bottom: 0px;
  width: 411px;
  height: 310px;
  z-index: 3;
  background-size: cover;
  -webkit-animation: rotate ease-in-out 5s infinite;
          animation: rotate ease-in-out 5s infinite;
  -webkit-transform-origin: 50% bottom;
          transform-origin: 50% bottom;
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  30% {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
  }
  60% {
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
  }
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  30% {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
  }
  60% {
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
  }
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

@media screen and (max-width: 600px) {
  .cheval {
    width: 260px;
    height: 180px;
  }
}
/*# sourceMappingURL=animation_cheval.css.map */