@media all and (max-width: 1124px) { /*****************LAPTOP*****************/

/*----------------FLÈCHE----------------*/

.fleche {
    width: 120px; /*largeur*/
    padding-left: 40px; /*marge intérieur gauche*/
}
    
}

@media all and (max-width: 768px) { /*****************TABLETTE*****************/

/*----------------DIAPORAMA----------------*/

.diaporama li {
    transition: transform ease-in-out 0.35s; /*transition*/
}

.diaporama .logo {
    width: 70%; /*largeur*/
}

/*----------------FLÈCHE----------------*/

.fleche {
    width: 0px; /*largeur*/
}
    
}


@media all and (max-width: 512px) { /*****************TÉLÉPHONE*****************/

/*----------------DIAPORAMA----------------*/

.diaporama {
    height: 50dvh; /*hauteur*/
}

/*----------------INFORMATION----------------*/

.diaporama .information {
    bottom: 50px; /*position en partant du bas*/
    left: 50px; /*position en partant de la gauche*/
}

}