#imgDeFondHaut {
    /*Auteur : Lucas Boon Description : feuille de style css de la page Elite Date : 14.01.2026*/
    background-image: url(../images/imagesElite/EliteImageHaut.jpg);
    padding: 100px;
    padding-bottom:100px ;
    color: white;
    background-repeat: no-repeat;
    background-position: top;
    background-color: black;
    padding-right: 0;

}

#world:hover {
    background: linear-gradient(#C13634, #FEEC44);
    color: white;
}

#elite {
    background: linear-gradient(#BE470B, #F94425);
    color: white;
}

#sources:hover {
    background-color: #13121B;
    color: white;
}

#foxhole:hover {
    background-color: #C46D40;
    color: white;

}

#accueil:hover {
    background-color: #0B0B66;
    color: white;
}

button {
    height: 4cm;
    width: 4cm;
}

.paragraphe {
    text-align: center;
    padding-left: 25%;
    padding-right: 25%;
    font-size: 20px;
    color: white;
}

body {
    margin: 0;
    padding: 0;
}

footer {
    background-image: url(../images/imagesElite/EliteImageBas.png);
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    bottom: 0;
    left: 0;
    flex-direction: row-reverse;
}

#fleetCarrier {
    max-height: 25%;
    max-width: 25%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    justify-content: center;
    display: flex;
}

@media(max-width:649px) {
    .navigation {
        height: 2cm;
        width: 2cm;
    }

    #fleetCarrier {
        max-width: 50%;
        max-height: 50%;
    }

    .paragraphe {
        font-size: 10px;
    }        

    h1 {
        margin-top: 0;
    }
       .imgCentrer{
        width: 150px;
    }


}