.conteneur {
    width: 100%;
    height: 600px;
    margin-bottom: 50px;
}

.d3[target="Imageactpas"] {
    width: 100%;
    height: 600px;
    box-shadow: 0px 0px 10px #777;
    background-color: #EDEDED;
    background-size: contain; /* Meilleur rendu pour les petits écrans */
    background-repeat: no-repeat;
    background-position: center;
    animation: Fonduactpas 20s infinite both;
}

@keyframes Fonduactpas {
    0% { background-image: url("imagescss/actpas1.tif"); background-repeat: no-repeat;}
    16.6% { background-image: url("imagescss/actpas2.jpg"); background-repeat: no-repeat;}
    33.2% { background-image: url("imagescss/actpas3.jpg"); background-repeat: no-repeat;}
    49.8% { background-image: url("imagescss/actpas4.JPG"); background-repeat: no-repeat;}
    66.4% { background-image: url("imagescss/actpas5.JPG"); background-repeat: no-repeat;}
    83% { background-image: url("imagescss/actpas6.jpg"); background-repeat: no-repeat;}
    100% { background-image: url("imagescss/actpas7.jpg"); background-repeat: no-repeat;}
}

/* Adaptation pour les écrans de téléphone */
@media (max-width: 768px) {
    .conteneur {
        height: 400px; /* Réduction de la hauteur pour les petits écrans */
        margin-bottom: 30px;
    }

    .d3[target="Imageactpas"] {
        height: 400px;
        background-size: cover; /* Assure un bon ajustement des images */
    }
}

@media (max-width: 480px) {
    .conteneur {
        height: 300px; /* Hauteur encore réduite pour très petits écrans */
        margin-bottom: 20px;
    }

    .d3[target="Imageactpas"] {
        height: 300px;
    }
}