<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 400" role="img" aria-labelledby="t-leg">
  <title id="t-leg">Cadre légal cumulatif applicable à toute charte IA d'entreprise en France en 2026</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; }
      .card { fill: #f5f1eb; stroke: #1a1a1a; stroke-width: 1.5; }
      .card-head { fill: url(#otium-grad); }
      .lab { font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 800; fill: #f5f1eb; letter-spacing: 1px; text-transform: uppercase; }
      .src { font-family: 'DM Mono', monospace; font-size: 10px; letter-spacing: 1px; text-transform: uppercase; fill: rgba(245,241,235,0.85); }
      .item { font-family: 'Montserrat', sans-serif; font-size: 11px; fill: #1a1a1a; }
      .bullet { fill: url(#otium-grad); }
      .penalty { font-family: 'Montserrat', sans-serif; font-size: 11px; font-weight: 700; fill: #C45A1A; }
    </style>
  </defs>

  <text x="30" y="35" class="title">Quatre textes cumulatifs · toute charte IA doit les respecter</text>

  <rect x="30" y="65" width="200" height="310" class="card" rx="6" />
  <rect x="30" y="65" width="200" height="60" class="card-head" rx="6" />
  <text x="130" y="92" text-anchor="middle" class="lab">AI Act</text>
  <text x="130" y="112" text-anchor="middle" class="src">EU · Règl. 2024/1689</text>
  <circle cx="50" cy="155" r="4" class="bullet" />
  <text x="65" y="160" class="item">Classification par risque</text>
  <circle cx="50" cy="185" r="4" class="bullet" />
  <text x="65" y="190" class="item">Étiquetage deepfakes</text>
  <circle cx="50" cy="215" r="4" class="bullet" />
  <text x="65" y="220" class="item">Supervision humaine</text>
  <circle cx="50" cy="245" r="4" class="bullet" />
  <text x="65" y="250" class="item">Traçabilité et logs</text>
  <circle cx="50" cy="275" r="4" class="bullet" />
  <text x="65" y="280" class="item">RH = haut risque</text>
  <text x="40" y="325" class="penalty">Jusqu'à 35 M€</text>
  <text x="40" y="345" class="penalty">ou 7 % CA mondial</text>
  <text x="40" y="370" class="item" style="font-size:10px;">Haut risque RH : 2 août 2026</text>

  <rect x="250" y="65" width="200" height="310" class="card" rx="6" />
  <rect x="250" y="65" width="200" height="60" class="card-head" rx="6" />
  <text x="350" y="92" text-anchor="middle" class="lab">RGPD</text>
  <text x="350" y="112" text-anchor="middle" class="src">EU · Règl. 2016/679</text>
  <circle cx="270" cy="155" r="4" class="bullet" />
  <text x="285" y="160" class="item">Base légale traitement</text>
  <circle cx="270" cy="185" r="4" class="bullet" />
  <text x="285" y="190" class="item">AIPD si haut risque</text>
  <circle cx="270" cy="215" r="4" class="bullet" />
  <text x="285" y="220" class="item">Droit d'opposition</text>
  <circle cx="270" cy="245" r="4" class="bullet" />
  <text x="285" y="250" class="item">Minimisation data</text>
  <circle cx="270" cy="275" r="4" class="bullet" />
  <text x="285" y="280" class="item">Transferts hors UE</text>
  <text x="260" y="325" class="penalty">Jusqu'à 20 M€</text>
  <text x="260" y="345" class="penalty">ou 4 % CA mondial</text>
  <text x="260" y="370" class="item" style="font-size:10px;">Cumulatif avec AI Act</text>

  <rect x="470" y="65" width="200" height="310" class="card" rx="6" />
  <rect x="470" y="65" width="200" height="60" class="card-head" rx="6" />
  <text x="570" y="92" text-anchor="middle" class="lab">Code travail</text>
  <text x="570" y="112" text-anchor="middle" class="src">Art. L.2312-8 FR</text>
  <circle cx="490" cy="155" r="4" class="bullet" />
  <text x="505" y="160" class="item">Info-conso CSE avant</text>
  <circle cx="490" cy="185" r="4" class="bullet" />
  <text x="505" y="190" class="item">Nouvelle technologie</text>
  <circle cx="490" cy="215" r="4" class="bullet" />
  <text x="505" y="220" class="item">Monitoring salariés</text>
  <circle cx="490" cy="245" r="4" class="bullet" />
  <text x="505" y="250" class="item">Évolution conditions</text>
  <circle cx="490" cy="275" r="4" class="bullet" />
  <text x="505" y="280" class="item">Formation obligatoire</text>
  <text x="480" y="325" class="penalty">Délit d'entrave</text>
  <text x="480" y="345" class="penalty">+ dommages-intérêts</text>
  <text x="480" y="370" class="item" style="font-size:10px;">Déjà applicable en 2026</text>

  <rect x="690" y="65" width="180" height="310" class="card" rx="6" />
  <rect x="690" y="65" width="180" height="60" class="card-head" rx="6" />
  <text x="780" y="92" text-anchor="middle" class="lab">Conventions</text>
  <text x="780" y="112" text-anchor="middle" class="src">Collectives · Syntec</text>
  <circle cx="710" cy="155" r="4" class="bullet" />
  <text x="725" y="160" class="item">Accords de branche</text>
  <circle cx="710" cy="185" r="4" class="bullet" />
  <text x="725" y="190" class="item">Formation IA OPCO</text>
  <circle cx="710" cy="215" r="4" class="bullet" />
  <text x="725" y="220" class="item">Droit à la formation</text>
  <circle cx="710" cy="245" r="4" class="bullet" />
  <text x="725" y="250" class="item">Négociation annuelle</text>
  <circle cx="710" cy="275" r="4" class="bullet" />
  <text x="725" y="280" class="item">Contrôle médecine W</text>
  <text x="700" y="325" class="penalty">Selon branche</text>
  <text x="700" y="345" class="penalty">et convention</text>
  <text x="700" y="370" class="item" style="font-size:10px;">À vérifier au cas par cas</text>
</svg>
