.slide {

    width: 25em;
    height: 25em;

    background-color: #808080;

    border-radius: 30px;

    overflow: hidden;

    position: relative;

    /*margin-left: 30px;*/

    box-shadow: 15px 10px 10px DimGray;
}

/* slides */

.slide ul {

    position: relative;

    width: 100%;
    height: 100%;

    margin: 0;
    padding: 0;
}

.slide li {

    position: absolute;

    inset: 0;

    list-style: none;

    opacity: 0;

    transition: opacity .4s ease;
}

.slide input {

    display: none;
}

.slide input:checked + li {

    opacity: 1;

    z-index: 2;
}

/* contenu */

.contimg {

    position: relative;

    width: 100%;
    height: 100%;
}

/* compteur */

figcaption {

    position: absolute;

    top: .5em;
    left: 0;

    width: 100%;

    z-index: 20;
}

/* image */

.enligne {

    position: absolute;

    top: 50%;
    left: 50%;

    transform: translate(-50%, -50%);

    display: block;

    max-width: 88%;
    max-height: 88%;
}

/* navigation */

.nav {

    position: absolute;

    top: 0;

    width: 50%;
    height: 100%;

    z-index: 30;

    cursor: pointer;

    opacity: 0;

    display: flex;

    align-items: center;
}

/* hover */

.contimg:hover .nav {

    background: rgba(255,255,255,.05);
}

/* gauche */

.prev {

    left: 0;

    justify-content: flex-start;

    padding-left: 1em;
}

/* droite */

.next {

    right: 0;

    justify-content: flex-end;

    padding-right: 1em;
}