/* Cibler tous les titres dans les blocs */
.block h5, /* pour les titres h5 */
.block h4, /* pour les titres h4 */
.block h3, /* pour les titres h3 */
.block h2, /* pour les titres h2 */
.block h1 { /* pour les titres h1 */
    text-align: center; /* Centre le titre horizontalement */
    font-family: 'Arial', sans-serif; /* Utilisation d'une police moderne */
    font-size: 16px; /* Taille de police légèrement augmentée pour plus de lisibilité */
    font-weight: 600; /* Poids de la police pour un effet plus marqué */
    letter-spacing: 0.5px; /* Espacement entre les lettres réduit pour éviter la coupure */
    text-transform: uppercase; /* Met en majuscules pour un effet plus moderne */
    margin-top: 0.1px !important; /* Réduit l'espacement en haut du titre */
    margin-bottom: 5px; /* Espacement autour du titre */
    padding: 10px; /* Espacement interne pour donner un peu de respiration */
    padding-left: 2px !important; /* Décale le titre légèrement vers la droite */
    position: relative; /* Nécessaire pour ajouter l'ombre */
    white-space: nowrap; /* Empêche le texte de passer à la ligne */
    overflow: hidden; /* Empêche le débordement */
}

.block h5::before, 
.block h4::before, 
.block h3::before, 
.block h2::before, 
.block h1::before {
    content: ''; /* Crée un élément avant le titre pour un effet visuel */
    position: absolute;
    bottom: 0; /* Positionne l'ombre en bas du titre */
    left: 10%; /* Décale légèrement la ligne à gauche pour éviter qu'elle dépasse */
    right: 10%; /* Décale légèrement la ligne à droite pour éviter qu'elle dépasse */
    height: 2px; /* Réduit la hauteur de la ligne pour la rendre plus fine */
    background-color: #ffcd01; /* Ombre bleue plus sombre pour accentuer l'effet */
    transform: scaleX(0); /* Ajout de l'animation pour le surlignage */
    transition: transform 0.3s ease, background-color 0.3s ease; /* Animation fluide pour l'effet */
}

.block h5:hover::before, 
.block h4:hover::before, 
.block h3:hover::before, 
.block h2:hover::before, 
.block h1:hover::before {
    transform: scaleX(1); /* L'ombre se déploie lors du survol */
    background-color: #ffcd01; /* Changement de couleur de l'ombre au survol */
}

.block h5:hover, 
.block h4:hover, 
.block h3:hover, 
.block h2:hover, 
.block h1:hover {
    transform: scale(1.05); /* Effet de léger zoom au survol pour dynamiser */
    transition: transform 0.3s ease; /* Animation douce au survol */
}