#picots > .picot {
  border-radius: 50%;
  position: absolute;
  padding: 0;
  margin: 0;
  animation-duration: 1.5s;
  animation-delay: 0.2s;
  animation-timing-function: ease-out;
  width: 5px;
  height: 5px;
  background-color: #3a3a3a;
}

.cacher {
  display: none;
}

#picot.animation {
  animation: cacher-picots 1.7s;
}
:not(noscript) > #picot > ul > li {
  list-style-type: none !important;
}

#picots.animation.pos-image > .picot {
  width: 14.074875208px;
  height: 14.0863309353px;
}
#picots.animation.pos-image > .picot.picot-rouge {
  background-color: #880029 !important;
}
#picots.animation.pos-image > .picot.picot-vert {
  background-color: #012d20 !important;
}
#picots.animation.pos-image > .picot {
  width: 14.074875208px;
  height: 14.0863309353px;
}

#picotHaut {
  left: 256px;
  top: -15.5px;
}
#picots.animation > #picotHaut {
  animation-name: picot, picot-vert, picot-haut;
}
#picots.animation.pos-image > #picotHaut {
  left: 149.385607321px !important;
  top: 17.2877697842px !important;
}

#picotDroite {
  left: 256px;
  top: 16.5px;
}
#picots.animation > #picotDroite {
  animation-name: picot, picot-rouge, picot-droite;
}
#picots.animation.pos-image > #picotDroite {
  left: 178.175124792px;
  top: 46.1007194245px;
}

#picotBas {
  left: 256px;
  top: 48.5px;
}
#picots.animation > #picotBas {
  animation-name: picot, picot-vert, picot-bas;
}
#picots.animation.pos-image > #picotBas {
  left: 149.385607321px;
  top: 74.9136690647px;
}

@keyframes cacher-picots {
  from {
    opacity: 0%;
  }
  90% {
    opacity: 0%;
  }
  100% {
    opacity: 100%;
  }
}
@keyframes picot {
  from {
    width: 14.074875208px;
    height: 14.0863309353px;
  }
  to {
    width: 5px;
    height: 5px;
  }
}
@keyframes picot-vert {
  from {
    background-color: #012d20;
  }
  60% {
    background-color: #012d20;
  }
  90% {
    background-color: #3a3a3a;
  }
}
@keyframes picot-rouge {
  from {
    background-color: #880029;
  }
  60% {
    background-color: #880029;
  }
  90% {
    background-color: #3a3a3a;
  }
}
@keyframes picot-haut {
  from {
    left: 149.385607321px;
    top: 17.2877697842px;
  }
  to {
    left: 256px;
    top: -15.5px;
  }
}
@keyframes picot-droite {
  from {
    left: 178.175124792px;
    top: 46.1007194245px;
  }
  to {
    left: 256px;
    top: 16.5px;
  }
}
@keyframes picot-bas {
  from {
    left: 149.385607321px;
    top: 74.9136690647px;
  }
  to {
    left: 256px;
    top: 48.5px;
  }
}