<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 460" role="img" aria-labelledby="t-mat">
  <title id="t-mat">Matrice de décision pour l'usage de l'IA selon le type de donnée et le type de tâche</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; }
      .header { fill: #1a1a1a; }
      .header-accent { fill: url(#otium-grad); }
      .th { font-family: 'DM Mono', monospace; font-size: 11px; letter-spacing: 2px; text-transform: uppercase; fill: #f5f1eb; font-weight: 700; }
      .row-lab { font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight: 700; fill: #1a1a1a; }
      .cell-vert { fill: #e8f0e0; stroke: #1a1a1a; stroke-width: 0.5; }
      .cell-orange { fill: #fce8d8; stroke: #1a1a1a; stroke-width: 0.5; }
      .cell-rouge { fill: #f0d8d8; stroke: #1a1a1a; stroke-width: 0.5; }
      .cell-label-vert { font-family: 'DM Mono', monospace; font-size: 10px; font-weight: 700; fill: #2d6a1f; letter-spacing: 1px; text-transform: uppercase; }
      .cell-label-orange { font-family: 'DM Mono', monospace; font-size: 10px; font-weight: 700; fill: #C45A1A; letter-spacing: 1px; text-transform: uppercase; }
      .cell-label-rouge { font-family: 'DM Mono', monospace; font-size: 10px; font-weight: 700; fill: #a12828; letter-spacing: 1px; text-transform: uppercase; }
      .legend { font-family: 'Montserrat', sans-serif; font-size: 11px; fill: #333; }
    </style>
  </defs>

  <text x="30" y="35" class="title">Matrice de décision · type de donnée × type d'usage</text>

  <rect x="30" y="65" width="200" height="46" class="header" />
  <text x="130" y="93" text-anchor="middle" class="th">Type de donnée ↓</text>
  <rect x="230" y="65" width="215" height="46" class="header-accent" />
  <text x="337" y="93" text-anchor="middle" class="th">Rédaction · synthèse</text>
  <rect x="445" y="65" width="215" height="46" class="header-accent" />
  <text x="552" y="93" text-anchor="middle" class="th">Brainstorm · veille</text>
  <rect x="660" y="65" width="210" height="46" class="header-accent" />
  <text x="765" y="93" text-anchor="middle" class="th">Décision · outputs client</text>

  <rect x="30" y="111" width="200" height="60" class="header" />
  <text x="45" y="143" class="th" style="fill:#f5f1eb;">Publique (site web, RP)</text>
  <rect x="230" y="111" width="215" height="60" class="cell-vert" />
  <text x="337" y="146" text-anchor="middle" class="cell-label-vert">Autorisé</text>
  <rect x="445" y="111" width="215" height="60" class="cell-vert" />
  <text x="552" y="146" text-anchor="middle" class="cell-label-vert">Autorisé</text>
  <rect x="660" y="111" width="210" height="60" class="cell-orange" />
  <text x="765" y="146" text-anchor="middle" class="cell-label-orange">Revue humaine</text>

  <rect x="30" y="171" width="200" height="60" class="header" />
  <text x="45" y="203" class="th" style="fill:#f5f1eb;">Interne non sensible</text>
  <rect x="230" y="171" width="215" height="60" class="cell-vert" />
  <text x="337" y="206" text-anchor="middle" class="cell-label-vert">Autorisé</text>
  <rect x="445" y="171" width="215" height="60" class="cell-vert" />
  <text x="552" y="206" text-anchor="middle" class="cell-label-vert">Autorisé</text>
  <rect x="660" y="171" width="210" height="60" class="cell-orange" />
  <text x="765" y="206" text-anchor="middle" class="cell-label-orange">Revue humaine</text>

  <rect x="30" y="231" width="200" height="60" class="header" />
  <text x="45" y="263" class="th" style="fill:#f5f1eb;">Client non nominatif</text>
  <rect x="230" y="231" width="215" height="60" class="cell-orange" />
  <text x="337" y="266" text-anchor="middle" class="cell-label-orange">Outil officiel</text>
  <rect x="445" y="231" width="215" height="60" class="cell-orange" />
  <text x="552" y="266" text-anchor="middle" class="cell-label-orange">Outil officiel</text>
  <rect x="660" y="231" width="210" height="60" class="cell-rouge" />
  <text x="765" y="266" text-anchor="middle" class="cell-label-rouge">Validation manager</text>

  <rect x="30" y="291" width="200" height="60" class="header" />
  <text x="45" y="323" class="th" style="fill:#f5f1eb;">Personnelle (salarié, client)</text>
  <rect x="230" y="291" width="215" height="60" class="cell-rouge" />
  <text x="337" y="326" text-anchor="middle" class="cell-label-rouge">Interdit par défaut</text>
  <rect x="445" y="291" width="215" height="60" class="cell-rouge" />
  <text x="552" y="326" text-anchor="middle" class="cell-label-rouge">Interdit par défaut</text>
  <rect x="660" y="291" width="210" height="60" class="cell-rouge" />
  <text x="765" y="326" text-anchor="middle" class="cell-label-rouge">Interdit · AIPD requise</text>

  <rect x="30" y="351" width="200" height="60" class="header" />
  <text x="45" y="383" class="th" style="fill:#f5f1eb;">Stratégique ou IP</text>
  <rect x="230" y="351" width="215" height="60" class="cell-rouge" />
  <text x="337" y="386" text-anchor="middle" class="cell-label-rouge">Interdit</text>
  <rect x="445" y="351" width="215" height="60" class="cell-rouge" />
  <text x="552" y="386" text-anchor="middle" class="cell-label-rouge">Interdit</text>
  <rect x="660" y="351" width="210" height="60" class="cell-rouge" />
  <text x="765" y="386" text-anchor="middle" class="cell-label-rouge">Interdit</text>

  <text x="30" y="440" class="legend">Règle générale : une donnée n'entre dans un outil IA que si son niveau est compatible avec la ligne correspondante. Si le moindre doute existe, consulter le référent IA.</text>
</svg>
