.astuce-handle{
	/*background-image: url("images/ampoules/ampoule.svg");*/
}
.astuce-handle.disabled{
	/*background-image: url("images/ampoules/ampoule.svg");*/
}


@-webkit-keyframes outDownAmpoule {
  0% {
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  20%, 25% {
    opacity: 1;
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
  }
}

@keyframes outDownAmpoule {
  0% {
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

	20%, 25% {
    opacity: 1;
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
  }
}

.outDownAmpoule {
  -webkit-animation-name: outDownAmpoule;
  animation-name: outDownAmpoule;
}

@-webkit-keyframes outRightAmpoule {
  0% {
    -webkit-transform: translate3d(30px, 0, 0);
    transform: translate3d(30px, 0, 0);
  }

  20%, 25% {
    opacity: 1;
    -webkit-transform: translate3d(60px, 0, 0);
    transform: translate3d(60px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(90px, 0, 0);
    transform: translate3d(90px, 0, 0);
  }
}

@keyframes outRightAmpoule {
  0% {
    -webkit-transform: translate3d(30px, 0, 0);
    transform: translate3d(30px, 0, 0);
  }

	20%, 25% {
    opacity: 1;
    -webkit-transform: translate3d(60px, 0, 0);
    transform: translate3d(60px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(90px, 0, 0);
    transform: translate3d(90px, 0, 0);
  }
}

.outRightAmpoule {
  -webkit-animation-name: outRightAmpoule;
  animation-name: outRightAmpoule;
}