html:after {
    background: none;
    background-image: none;
}

#entete h1 {
    display: none;
}

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 60%;
}

.img-title {
    width: 35%;
}


.cadre-diapo {

    /* max-width: 600px; */
    max-width: 45vw;
    /* min-height: 600px; */
    max-height: 40vh;
    max-height: 600px;
    position: relative;
}


.diapo {
    opacity: 0;
    position: absolute;
    /* transform: translate3d(-50%, 0, 0); */
    transition: opacity 0.3s;
    width: 100%;
    /* max-width: 500px; */
}