/* Fil d’Ariane Français : apparence de la dictée de mots, sans styles globaux. */
.tp-francais-fil {
    display:flex; flex-wrap:wrap; gap:5px;
    margin:10px 20px 16px; padding:0;
    color:#ffffcc; font:14px/1.5 Helvetica,Arial,sans-serif; text-align:left;
}
.tp-francais-fil > span { color:inherit; font:inherit; min-width:0; overflow-wrap:anywhere; }
.tp-francais-fil > .liensgg { font:inherit; color:#00ffcc; text-decoration:none; }
.tp-francais-fil > .liensgg:hover, .tp-francais-fil > .liensgg:active { color:#ffff33; }
.tp-francais-fil > .liensgg:focus-visible { outline:3px solid #ffffcc; outline-offset:3px; }
/* Ces enveloppes ont déjà leur propre marge intérieure : retrait total de 20 px. */
#tp-cm-page > .tp-francais-fil { margin-left:calc(20px - var(--tp-cm-marge-page)); margin-right:calc(20px - var(--tp-cm-marge-page)); }
#tp-mc-page > .tp-francais-fil, #tp-alphamem-page > .tp-francais-fil { margin-left:6px; margin-right:6px; }
@media(max-width:680px) { #tp-alphamem-page > .tp-francais-fil { margin-left:12px; margin-right:12px; } }
@media(max-width:600px) { #tp-mc-page > .tp-francais-fil { margin-left:12px; margin-right:12px; } }