.slider {
    width: 10000px;
    overflow: hidden;
    margin: 5px auto;
}

.slides {
    width: calc(1400px * 7);
    animation: glisse 80s infinite;
}

.slide {
    float: left;
}

@keyframes glisse {
    0% {
        transform: translateX(0);
    }
    5% {
        transform: translateX(-1400);
    }
    10% {
        transform: translateX(-1400px);
    }
    15% {
        transform: translateX(-2700px);
    }
    20% {
        transform: translateX(-2700px);
    }
    25% {
        transform: translateX(-4000px);
    }
    20% {
        transform: translateX(-4000px);
    }
    25% {
        transform: translateX(-5250px);
    }
    30% {
        transform: translateX(-5250);
    }
    35% {
        transform: translateX(-6200);
    }
    40% {
        transform: translateX(-6200);
    }
    100% {
        transform: translateX(-0);
    }
}