Changements apportés aux styles de jeu classiques

<div style="overflow-x: auto; -webkit-overflow-scrolling: touch;">
    <table style="width: 100%; min-width: 860px; border-collapse: collapse; font-size: 13.5px; table-layout: auto;">
      <thead>
        <tr style="border-bottom: 1.5px solid #ccc;">
          <th style="min-width: 100px; padding: 10px 14px; text-align: left; font-weight: 500; font-size: 12px; color: #666; letter-spacing: 0.04em; text-transform: uppercase;"></th>
          <th style="min-width: 120px; padding: 10px 14px; text-align: left; font-weight: 500; font-size: 12px; color: #666; letter-spacing: 0.04em; text-transform: uppercase;"></th>
          <th style="min-width: 180px; padding: 10px 14px; text-align: left; font-weight: 500; font-size: 12px; color: #666; letter-spacing: 0.04em; text-transform: uppercase;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">Comportement existant pour les styles de joueurs classiques</font></font></th>
          <th style="min-width: 200px; padding: 10px 14px; text-align: left; font-weight: 500; font-size: 12px; color: #666; letter-spacing: 0.04em; text-transform: uppercase; background: #f5e0e0;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">Nouveaux comportements pour les styles de jeu classiques (voici les nouveautés)</font></font></th>
          <th style="min-width: 180px; padding: 10px 14px; text-align: left; font-weight: 500; font-size: 12px; color: #666; letter-spacing: 0.04em; text-transform: uppercase;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">Comportement existant pour les styles de lecteur modernes (comportement inchangé)</font></font></th>
        </tr>
      </thead>
      <tbody>

        <!-- LIVESTREAM section header -->
        <tr style="border-bottom: 0.5px solid #e5e5e5; background: #fafafa;">
          <td colspan="5" style="padding: 8px 14px; font-size: 13px; font-weight: 700; line-height: 1.5;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">diffusion en direct</font></font></td>
        </tr>

        <!-- Interactions sub-header -->
        <tr style="border-bottom: 0.5px solid #e5e5e5;">
          <td style="padding: 8px 14px; line-height: 1.5;"></td>
          <td style="padding: 8px 14px; line-height: 1.5; font-size: 12.5px; color: #555; font-weight: 500; font-family: monospace;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">interactions</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5;"></td>
          <td style="padding: 8px 14px; line-height: 1.5; background: #fce8e8;"></td>
          <td style="padding: 8px 14px; line-height: 1.5;"></td>
        </tr>

        <!-- Giveaway -->
        <tr style="border-bottom: 0.5px solid #e5e5e5;">
          <td style="padding: 8px 14px; line-height: 1.5;"></td>
          <td style="padding: 8px 14px; line-height: 1.5;"></td>
          <td style="padding: 8px 14px; line-height: 1.5;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">cadeau classique</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5; background: #fce8e8;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">cadeau moderne</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">cadeau moderne</font></font></td>
        </tr>

        <!-- Poll -->
        <tr style="border-bottom: 0.5px solid #e5e5e5;">
          <td style="padding: 8px 14px; line-height: 1.5;"></td>
          <td style="padding: 8px 14px; line-height: 1.5;"></td>
          <td style="padding: 8px 14px; line-height: 1.5;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">sondage classique</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5; background: #fce8e8;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">sondage moderne</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">sondage moderne</font></font></td>
        </tr>

        <!-- Question -->
        <tr style="border-bottom: 0.5px solid #e5e5e5;">
          <td style="padding: 8px 14px; line-height: 1.5;"></td>
          <td style="padding: 8px 14px; line-height: 1.5;"></td>
          <td style="padding: 8px 14px; line-height: 1.5;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">question classique</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5; background: #fce8e8;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">question moderne</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">question moderne</font></font></td>
        </tr>

        <!-- Trivia giveaway -->
        <tr style="border-bottom: 0.5px solid #e5e5e5;">
          <td style="padding: 8px 14px; line-height: 1.5;"></td>
          <td style="padding: 8px 14px; line-height: 1.5;"></td>
          <td style="padding: 8px 14px; line-height: 1.5;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">aucun support pour les concours de trivia</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5; background: #fce8e8;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">jeu-concours de culture générale moderne</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">jeu-concours de culture générale moderne</font></font></td>
        </tr>

        <!-- Interaction visibility -->
        <tr style="border-bottom: 0.5px solid #e5e5e5;">
          <td style="padding: 8px 14px; line-height: 1.5;"></td>
          <td style="padding: 8px 14px; line-height: 1.5;"></td>
          <td style="padding: 8px 14px; line-height: 1.5;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">une interaction visible à la fois</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5; background: #fce8e8;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">Plusieurs interactions peuvent exister simultanément ; ces interactions se regroupent en capsules d'en-tête vidéo.</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">Plusieurs interactions peuvent exister simultanément ; ces interactions se regroupent en capsules d'en-tête vidéo.</font></font></td>
        </tr>

        <!-- Product cards sub-header -->
        <tr style="border-bottom: 0.5px solid #e5e5e5;">
          <td style="padding: 8px 14px; line-height: 1.5;"></td>
          <td style="padding: 8px 14px; line-height: 1.5; font-size: 12.5px; color: #555; font-weight: 500; font-family: monospace;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">fiches produits</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">cartes de produits empilées verticalement</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5; background: #fce8e8;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">cartes de produits empilées verticalement</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">fiches produits à balayage horizontal</font></font></td>
        </tr>

        <!-- Chat sub-header -->
        <tr style="border-bottom: 0.5px solid #e5e5e5;">
          <td style="padding: 8px 14px; line-height: 1.5;"></td>
          <td style="padding: 8px 14px; line-height: 1.5; font-size: 12.5px; color: #555; font-weight: 500; font-family: monospace;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">chat</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">chat classique</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5; background: #fce8e8;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">Chat moderne, pliable, affichage côte à côte avec des fiches produits empilées</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">Chat moderne, affichage au-dessus des fiches produits</font></font></td>
        </tr>

        <!-- SHORT VIDEO section header -->
        <tr style="border-bottom: 0.5px solid #e5e5e5; background: #fafafa;">
          <td colspan="5" style="padding: 8px 14px; font-size: 13px; font-weight: 700; line-height: 1.5;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">Vidéo courte</font></font></td>
        </tr>

        <!-- Interactions sub-header -->
        <tr style="border-bottom: 0.5px solid #e5e5e5;">
          <td style="padding: 8px 14px; line-height: 1.5;"></td>
          <td style="padding: 8px 14px; line-height: 1.5; font-size: 12.5px; color: #555; font-weight: 500; font-family: monospace;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">interactions</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5;"></td>
          <td style="padding: 8px 14px; line-height: 1.5; background: #fce8e8;"></td>
          <td style="padding: 8px 14px; line-height: 1.5;"></td>
        </tr>

        <!-- Poll -->
        <tr style="border-bottom: 0.5px solid #e5e5e5;">
          <td style="padding: 8px 14px; line-height: 1.5;"></td>
          <td style="padding: 8px 14px; line-height: 1.5;"></td>
          <td style="padding: 8px 14px; line-height: 1.5;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">sondage classique</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5; background: #fce8e8;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">sondage moderne</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">sondage moderne</font></font></td>
        </tr>

        <!-- Question -->
        <tr style="border-bottom: 0.5px solid #e5e5e5;">
          <td style="padding: 8px 14px; line-height: 1.5;"></td>
          <td style="padding: 8px 14px; line-height: 1.5;"></td>
          <td style="padding: 8px 14px; line-height: 1.5;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">question classique</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5; background: #fce8e8;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">question moderne</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">question moderne</font></font></td>
        </tr>

        <!-- Product cards sub-header -->
        <tr style="border-bottom: 0.5px solid #e5e5e5;">
          <td style="padding: 8px 14px; line-height: 1.5;"></td>
          <td style="padding: 8px 14px; line-height: 1.5; font-size: 12.5px; color: #555; font-weight: 500; font-family: monospace;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">fiches produits</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5;"></td>
          <td style="padding: 8px 14px; line-height: 1.5; background: #fce8e8;"></td>
          <td style="padding: 8px 14px; line-height: 1.5;"></td>
        </tr>

        <!-- Classic product cards -->
        <tr style="border-bottom: 0.5px solid #e5e5e5;">
          <td style="padding: 8px 14px; line-height: 1.5;"></td>
          <td style="padding: 8px 14px; line-height: 1.5;"></td>
          <td style="padding: 8px 14px; line-height: 1.5;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">cartes de produits classiques</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5; background: #fce8e8;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">continuer à présenter les fiches produits classiques</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">utilise des cartes de produits modernes</font></font></td>
        </tr>

        <!-- ICONS section header -->
        <tr style="border-bottom: 0.5px solid #e5e5e5; background: #fafafa;">
          <td colspan="5" style="padding: 8px 14px; font-size: 13px; font-weight: 700; line-height: 1.5;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">Icônes</font></font></td>
        </tr>

        <!-- Shopping bag icon -->
        <tr style="border-bottom: 0.5px solid #e5e5e5;">
          <td style="padding: 8px 14px; line-height: 1.5;"></td>
          <td style="padding: 8px 14px; line-height: 1.5; font-size: 12.5px; color: #555; font-weight: 500; font-family: monospace;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">icônes</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">icône classique de sac de courses</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5; background: #fce8e8;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">icône moderne de sac de courses</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">icône moderne de sac de courses</font></font></td>
        </tr>

        <!-- Heart icon -->
        <tr style="border-bottom: 0.5px solid #e5e5e5;">
          <td style="padding: 8px 14px; line-height: 1.5;"></td>
          <td style="padding: 8px 14px; line-height: 1.5;"></td>
          <td style="padding: 8px 14px; line-height: 1.5;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">icône de cœur classique</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5; background: #fce8e8;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">icône de cœur moderne</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">icône de cœur moderne</font></font></td>
        </tr>

        <!-- VIDEO HEADERS section -->
        <tr>
          <td style="padding: 8px 14px; line-height: 1.5; font-size: 13px; font-weight: 700;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">En-têtes vidéo</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">Aucune modification de l'en-tête vidéo pour le moment</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">utilise un en-tête vidéo classique</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5; background: #fce8e8;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">continuer à utiliser l'en-tête classique</font></font></td>
          <td style="padding: 8px 14px; line-height: 1.5;"><font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">utilise un en-tête moderne</font></font></td>
        </tr>

      </tbody>
    </table>
  </div>