.conteneur[target="Religieux"]{
    width: 100%;
    height: 600px;
    margin-bottom: 50px;
}

.d3[target="Religieux"]{
    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: Fondu 20s infinite both;
}

@keyframes Fondu {
    0%{background-image: url("imagescss/Religieux1.jpg"); background-repeat: no-repeat;}
    14%{background-image: url("imagescss/Religieux2.JPG"); background-repeat: no-repeat;}
    28%{background-image: url("imagescss/Religieux3.JPG"); background-repeat: no-repeat;}
    42%{background-image: url("imagescss/Religieux4.JPG"); background-repeat: no-repeat;}
    57%{background-image: url("imagescss/Religieux5.JPG"); background-repeat: no-repeat;}
    71%{background-image: url("imagescss/Religieux6.JPG"); background-repeat: no-repeat;}
    85%{background-image: url("imagescss/Religieux7.JPG"); background-repeat: no-repeat;}
    100%{background-image: url("imagescss/Religieux8.JPG"); background-repeat: no-repeat;}
}
/* Adaptation pour les écrans de téléphone */
@media (max-width: 768px) {
    .conteneur[target="Religieux"] {
        height: 400px; /* Réduction de la hauteur pour les petits écrans */
        margin-bottom: 30px;
    }

    .d3[target="Religieux"] {
        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="Religieux"] {
        height: 300px;
    }
}