#navLogo{
    opacity: 0;
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.ArticleWrapperPage{
    height: calc(90vh - 10vh);
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    margin-top: 50px;
}

.Article {
    display: flex;
    flex-direction: row; /* Met l'image à droite */
    align-items: center; /* Centre le texte verticalement sur l'image */
    width: 100%;
    height: 30vh;
    margin-top: 20vh;
}

.articleImage {
    width: 35%; /* Occupe la moitié de la largeur parente */
    height: auto;
    margin-right: 10vw;
    margin-left: 5vw   ;
}

.articleImage img {
    width: 100%; /* Pour que l'image occupe toute la largeur de .articleImage */
    height: auto;
}

.articleText {
    width: 50%; /* Occupe l'autre moitié de la largeur parente */
    height: auto;
    text-align: justify;
    transition: font-size 0.7s ease; /* Ajoute une transition fluide pour le changement de taille */
}

.articleText a {
    color: #f1f1f1;
    text-decoration: none; /* Supprime le soulignement par défaut des liens */
}

.articleText:hover {
    font-size: 1.2em; /* Change la taille du texte au survol */
}