/* Fond par défaut (pour grand écran, ex : desktop) */
body {
    margin: 0;
    min-height: 100vh;
    background-image: url("../PageHtml/FondPage/Aikido.jpg");
    background-image: url("../PageHtml/FondPage/Aikido1.png");
    background-image: url("../PageHtml/FondPage/Aikido2.png");
    background-image: url("../PageHtml/FondPage/Aikido3.png");
    background-image: url("../PageHtml/FondPage/Aikido4.png");
    
    background-size: cover;       /* l’image s’adapte à l’écran */
    background-position: center;  /* centrée */
    background-repeat: no-repeat; /* pas de répétition */
}


/* Pour les écrans de tablette */
@media (max-width: 1024px) {
    body {
        background-image: url('../PageHtml/FondPage/Aikido.jpg');
        background-image: url("../PageHtml/FondPage/Aikido1.png");
        background-image: url("../PageHtml/FondPage/Aikido2.png");
        background-image: url("../PageHtml/FondPage/Aikido3.png");
        background-image: url("../PageHtml/FondPage/Aikido4.png");
    }
}

/* Pour les petits écrans (mobile) */
@media (max-width: 600px) {
    body {
        background-image: url('../PageHtml/FondPage/Aikido.jpg');
        background-image: url("../PageHtml/FondPage/Aikido1.png");
        background-image: url("../PageHtml/FondPage/Aikido2.png");
        background-image: url("../PageHtml/FondPage/Aikido3.png");
        background-image: url("../PageHtml/FondPage/Aikido4.png"); 
    }
}
@media (max-width: 400px) {
    body {
    background-image: url("../PageHtml/FondPage/Aikido.jpg");
    background-image: url("../PageHtml/FondPage/Aikido1.png");
    background-image: url("../PageHtml/FondPage/Aikido2.png");
    background-image: url("../PageHtml/FondPage/Aikido3.png");
    background-image: url("../PageHtml/FondPage/Aikido4.png");
    }
}
.content {
    text-align: center;
    padding-top: 20%;
}