#logo img.white-logo{
	height: 130px;
	margin-top: -30px
}
}
.hero-title span {
    text-align: center;
    font-weight: bold;
}
#logo img.black-logo{
	height: 130px;
	margin-top: -30px
}

figcaption {
	opacity: 0;
}
div.post-prev-caption {
    visibility: hidden; /* Cache le texte original */
    position: relative; /* Position relative pour placer le texte de remplacement correctement */
}

div.post-prev-caption::after {
    content: "précédant"; /* Le texte de remplacement */
    visibility: visible; /* Assure que le nouveau texte est visible */
    position: absolute; /* Position absolue pour superposer le nouveau texte au bon endroit */
    top: 0;
    left: 0;


    display: flex; /* Utilisé pour centrer le texte */
    align-items: center; /* Centre verticalement */
    justify-content: center; /* 
}

	
	div.post-prev-caption {
    visibility: hidden; /* Cache le texte original */
    position: relative; /* Position relative pour placer le texte de remplacement correctement */
}

div.post-prev-caption::after {
    content: "précédent"; /* Le texte de remplacement */
    visibility: visible; /* Assure que le nouveau texte est visible */
    position: absolute; /* Position absolue pour superposer le nouveau texte au bon endroit */
    top: 0;
    left: 0;


    display: flex; /* Utilisé pour centrer le texte */
    align-items: center; /* Centre verticalement */
    justify-content: center;  
}
	
div.post-next-caption {
    visibility: hidden; /* Cache le texte original */
    position: relative; /* Position relative pour placer le texte de remplacement correctement */
}

div.post-next-caption::after {
    content: "suivant"; /* Le texte de remplacement */
    visibility: visible; /* Assure que le nouveau texte est visible */
    position: absolute; /* Position absolue pour superposer le nouveau texte au bon endroit */
    top: 0;
    left: 0;
    width: 100%; /* Pour s'assurer que le texte de remplacement prend toute la largeur de l'élément parent */
   
}
h5 {
	opacity: 0; 
}