/* Le design du point d'interrogation (?) */ .bulle-aide { display: inline-flex; justify-content: center; align-items: center; width: 18px; height: 18px; background-color: #007BFF; color: white; border-radius: 50%; font-size: 12px; font-weight: bold; cursor: help; position: relative; margin-left: 5px; vertical-align: text-top; } /* Le design de la boîte noire cachée */ .bulle-texte { visibility: hidden; opacity: 0; width: 220px; background-color: #333; color: #fff; text-align: center; padding: 8px 12px; border-radius: 6px; /* Positionnement au-dessus du point d'interrogation */ position: absolute; z-index: 999; bottom: 150%; left: 50%; transform: translateX(-50%); transition: opacity 0.3s; /* Remise à zéro de la police pour la définition */ font-size: 14px; font-weight: normal; line-height: 1.4; } /* La petite flèche en bas de la bulle noire */ .bulle-texte::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #333 transparent transparent transparent; } /* Affichage de la bulle au survol (ou au clic sur mobile) */ .bulle-aide:hover .bulle-texte { visibility: visible; opacity: 1; } 

Voici un texte avec un terme complexe ? Voici l'explication claire et détaillée de ce terme spécifique. à expliquer.