/* Tomas Crovetto, 17.01.25, Page d'accueil */
/* Importation des polices Ducati */
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@500&display=swap');
.Navigation a {
    background-color: #e6e6e6;

    font-family: 'Oswald', sans-serif;

    color: rgb(21, 20, 20);

    padding: 10px 20px;

    margin: 10px;

    transition: background-color 0.4s ease;

    display: inline-block; 
    
    text-align: center; 

    text-decoration: none;

    border-radius: 5px; 
    
    font-size: 16px; 
   

}


/* Styles lorsque la souris survole le bouton */
.Navigation a:hover {
    background-color: #5d2020;
    /* Gris un peu plus foncé lors du hover */
    color: rgb(182, 0, 0)
}

.Navigation a.pageActive  {
    background-color: rgb(93, 22, 30);

    color: rgb(255, 111, 116);

}

.Navigation {
    display: flex;
    justify-content: center;

    align-items: center;

    height: 15vh;

}
@media screen and (max-width: 800px) {
    /* Styles pour les images lorsque la largeur de l'écran est inférieure à 768px */
    img {
        width: 60%; /* Redimensionne l'image pour remplir la largeur de son conteneur */
        height: auto; /* Ajuste la hauteur proportionnellement à la largeur */
        margin-top: 20px; /* Ajoute une marge en haut de l'image pour séparer le texte */
    }

    /* Styles pour afficher les éléments en colonne dans les articles */
    article {
        flex-direction: column; /* Affiche les éléments en colonne */
        align-items: flex-start; /* Alignement à gauche */
        display : block; 
    }}