<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 340" role="view" aria-labelledby="t-synd">
  <title id="t-synd">Chronologie des principales négociations et accords syndicaux portant sur l'IA entre 2023 et 2025</title>
  <defs>
    <linearGradient id="otium-grad" x1="0%" y1="0%" x2="100%" y2="0%">
      <stop offset="0%" stop-color="#7B2DB8"/>
      <stop offset="50%" stop-color="#C73252"/>
      <stop offset="100%" stop-color="#F05E2C"/>
    </linearGradient>
    <style>
      .title { font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 700; fill: #1a1a1a; letter-spacing: 1px; text-transform: uppercase; }
      .timeline { stroke: url(#otium-grad); stroke-width: 3; fill: none; }
      .dot { fill: url(#otium-grad); }
      .card { fill: #f5f1eb; stroke: #1a1a1a; stroke-width: 1.2; }
      .date { font-family: 'DM Mono', monospace; font-size: 10px; letter-spacing: 1px; text-transform: uppercase; fill: #C45A1A; font-weight: 700; }
      .name { font-family: 'Montserrat', sans-serif; font-size: 13px; font-weight: 700; fill: #1a1a1a; }
      .detail { font-family: 'Montserrat', sans-serif; font-size: 10px; fill: #333; }
      .highlight { font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight: 700; fill: url(#otium-grad); }
    </style>
  </defs>

  <text x="30" y="35" class="title">IA et négociation collective · premières brèches</text>

  <line x1="60" y1="170" x2="870" y2="170" class="timeline" />

  <circle cx="160" cy="170" r="8" class="dot" />
  <rect x="90" y="55" width="140" height="100" class="card" rx="4" />
  <text x="160" y="75" text-anchor="middle" class="date">Mai 2023</text>
  <text x="160" y="95" text-anchor="middle" class="name">WGA</text>
  <text x="160" y="115" text-anchor="middle" class="detail">148 jours de grève</text>
  <text x="160" y="132" text-anchor="middle" class="detail">Hollywood scénaristes</text>
  <text x="160" y="149" text-anchor="middle" class="highlight">IA interdite</text>

  <circle cx="330" cy="170" r="8" class="dot" />
  <rect x="260" y="55" width="140" height="100" class="card" rx="4" />
  <text x="330" y="75" text-anchor="middle" class="date">Juil. 2023</text>
  <text x="330" y="95" text-anchor="middle" class="name">SAG-AFTRA</text>
  <text x="330" y="115" text-anchor="middle" class="detail">4 mois de grève</text>
  <text x="330" y="132" text-anchor="middle" class="detail">118 000 acteurs</text>
  <text x="330" y="149" text-anchor="middle" class="highlight">Consent &amp; compensation</text>

  <circle cx="490" cy="170" r="8" class="dot" />
  <rect x="420" y="190" width="140" height="100" class="card" rx="4" />
  <text x="490" y="210" text-anchor="middle" class="date">2020-2024</text>
  <text x="490" y="230" text-anchor="middle" class="name">CFDT · FO · CGT</text>
  <text x="490" y="250" text-anchor="middle" class="detail">Projet DIALIA (IRES)</text>
  <text x="490" y="267" text-anchor="middle" class="detail">Cadre dialogue social IA</text>
  <text x="490" y="284" text-anchor="middle" class="highlight">Accord-cadre EU 2020</text>

  <circle cx="650" cy="170" r="8" class="dot" />
  <rect x="580" y="55" width="140" height="100" class="card" rx="4" />
  <text x="650" y="75" text-anchor="middle" class="date">2017-2024</text>
  <text x="650" y="95" text-anchor="middle" class="name">France · CEET</text>
  <text x="650" y="115" text-anchor="middle" class="detail">242 accords entreprise</text>
  <text x="650" y="132" text-anchor="middle" class="detail">recensés, très parcellaires</text>
  <text x="650" y="149" text-anchor="middle" class="highlight">&lt; 1 pour 1 000</text>

  <circle cx="810" cy="170" r="8" class="dot" />
  <rect x="740" y="190" width="140" height="100" class="card" rx="4" />
  <text x="810" y="210" text-anchor="middle" class="date">2024-2025</text>
  <text x="810" y="230" text-anchor="middle" class="name">ver.di · UNI Europa</text>
  <text x="810" y="250" text-anchor="middle" class="detail">Allemagne + réseau EU</text>
  <text x="810" y="267" text-anchor="middle" class="detail">stratégies communes</text>
  <text x="810" y="284" text-anchor="middle" class="highlight">Encore exploratoire</text>

  <text x="30" y="325" style="font-family:'DM Mono',monospace;font-size:10px;letter-spacing:1px;text-transform:uppercase;fill:#555;">Sources : Variety, AFP, Force Ouvrière, CFDT, UNI Europa, CEET Cnam, IRES-DIALIA</text>
</svg>
