.boite a .un {
    background-image: url(./img/theasycom/5.png);
    height: 100%;
    background-position: center;
    background-size: cover;
    pointer-events: visible;
    cursor: zoom-in;
}

.video {
    border-radius: 8px;
    width: 100%;
    height: 100%;
    margin: 0;
}

.boite a .deux {
    background-image: url(./img/theasycom/1.png);
    height: 100%;
    background-position: center;
    background-size: cover;
    pointer-events: visible;
    cursor: zoom-in;
}

.boite a .trois {
    background-image: url(./img/theasycom/2.png);
    height: 100%;
    background-position: center;
    background-size: cover;
    pointer-events: visible;
    cursor: zoom-in; 
}


.boite a .quatre {
    background-image: url(./img/theasycom/3.png);
    height: 100%;
    background-position: center;
    background-size: cover;
    pointer-events: visible;
    cursor: zoom-in;
}

.boite a .cinq {
    background-image: url(./img/theasycom/4.png);
    height: 100%;
    background-position: center;
    background-size: cover;
    pointer-events: visible;
    cursor: zoom-in;
}

.boite a .six {
    background-size: contain;
    height: 100%;
    background-position: center;
    background-color: black;
    cursor: pointer;
    pointer-events: visible;
}

.boite a .sept {
    background-image: url(./img/theasycom/6.png);
    height: 100%;
    background-position: center;
    background-size: cover;
    pointer-events: visible;
    cursor: zoom-in;
}

.boite a .huit {
    background-image: url(./img/theasycom/7.png);
    height: 100%;
    background-position: center;
    background-size: cover;
    pointer-events: visible;
    cursor: zoom-in;
}


/* .boite a:last-of-type {
    width: 20%;
}

.scroll {
    height: 102%;
    overflow: hidden;
    background-repeat: repeat;
    animation: slide 40s linear infinite;
    animation-play-state: running;
    animation-timing-function: steps(6, end);
}

.scroll:hover {
    animation-play-state: paused;
    cursor: zoom-in;
} 

@keyframes slide {
    0% {
      transform: translate3d(0%, 0, 0);
    }
    100% {
      transform: translate3d(-74%, 0, 0);
    }
  }

@media only screen and (max-width: 700px) {
    /* .scroll {
      background-image:url('./img/mm/Web final.png');
      animation: slide 20s linear infinite;
      width: 100%;
      background-repeat: repeat;
      animation-play-state: running;
  } 

.scroll:hover {
    animation-play-state: paused;
  }
}

*/