/* Styles pour l'icône de haut-parleur */
.image-son-clicable {
    display: inline-block; /* Pour qu'elle s'aligne bien avec le texte */
    vertical-align: middle; /* Aligne l'icône au centre vertical du texte */
    margin-left: 5px; /* Un peu d'espace à gauche de l'icône */
    cursor: pointer; /* Le curseur indique qu'elle est cliquable (déjà géré par JS, mais c'est bien de l'avoir ici aussi) */
    /* Optionnel : ajouter une transition pour un effet visuel au survol */
    transition: transform 0.2s ease-in-out;
}

.image-son-clicable:hover {
    transform: scale(1.05); /* L'icône grossit légèrement au survol */
}

/* Styles pour le texte associé à l'icône, si vous voulez le souligner comme dans votre exemple */
/* Ceci suppose que vous avez un élément parent comme <span class="mot-avec-son"> */
.mot-avec-son {
    text-decoration: underline; /* Souligne le texte */
    cursor: pointer; /* Le curseur indique que l'ensemble est cliquable */
}

/* Si vous voulez que la DIV "s_dvpr" ait un style spécifique comme dans votre exemple */
.s_dvpr {
    padding: 10px;
    border: 1px solid #ddd;
    background-color: #f9f9f9;
    margin-bottom: 20px;
}