body {
  /* Masque la scrollbar si besoin */
  overflow: hidden;
}

.title {
  /* Positionement de l'image Neonexi */
  position: absolute;
  z-index: 995;
  width: 700px;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.pulse {
  /* Animation de l'image Neonexie */
    animation: pulse 3s infinite ease-in-out alternate; /* Vitesse de l'animation */
  }

  @keyframes pulse {
    from { transform: scale(0.6); } /* Taille de depart */
    to { transform: scale(0.8); } /* Taille de fin */
  }

canvas {
  /* JS Annimation */
    display: block;
    vertical-align: bottom;
}

#particles-js {
  /* particles.js */
    position: absolute;
    width: 100%;
    height: 100%;
}

/* SLIDESHOW */
/* Pour rendre les images responsive attention affecte aussi .title */
img {
  max-width: 100%;
  height: auto;
}

/* Positionnement de l'images */
li {
  position: absolute;
  list-style-type: none;
  top: 0;
  left: 0;
}

/* Option de l'animation */
/* si probleme renomée first-child & Last-Child */
li:nth-child(8) {
  animation: xfade 32s 0s infinite;
}

li:nth-child(7) {
  animation: xfade 32s 4s infinite;
}

li:nth-child(6) {
  animation: xfade 32s 8s infinite;
}

li:nth-child(5) {
  animation: xfade 32s 12s infinite;
}

li:nth-child(4) {
  animation: xfade 32s 16s infinite;
}

li:nth-child(3) {
  animation: xfade 32s 20s infinite;
}

li:nth-child(2) {
  animation: xfade 32s 24s infinite;
}

li:nth-child(1) {
  animation: xfade 32s 28s infinite;
}

@keyframes xfade{
  17% {
    opacity:1;
  }
  25% {
    opacity:0;
  }
  92% {
    opacity:0;
  }
}