@media all and (max-width: 1000px) {
    
/*----------------CARROUSEL----------------*/

.carrousel img {
    height: 300px; /*hauteur*/
}

h1 {
    margin-top: 40px; /*marge extérieur haut*/
}

p {
    width: 80%; /*largeur*/
}

.vignette {
    width: 80%; /*largeur*/
    margin: 40px auto 0px auto; /*marge extérieur*/
    display: flex; /*apparition des balises*/
    flex-wrap: unset; /*disposés en ligne*/
    flex-direction: column; /*direction des contenants*/
    justify-content: center; /*centre horizontalement le contenu*/     
    gap: 0px; /*espace entre les éléments*/
}

.vignette:last-child {
    margin: 0px auto 60px auto; /*marge extérieur*/
}

.vignette a {
    margin-bottom: 40px; /*marge extérieur bas*/
    flex: 0; /*rempli l'espace disponible*/
}


.vignette img {
    height: 250px; /*hauteur*/
}

/*----------------FOOTER----------------*/

footer {
    width: 100%; /*largeur*/
}

}