<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 560" role="img" aria-labelledby="t-sec">
  <title id="t-sec">Les sept sections-type d'une charte IA d'entreprise 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; }
      .num-circle { fill: url(#otium-grad); }
      .num { font-family: 'Montserrat', sans-serif; font-size: 22px; font-weight: 900; fill: #f5f1eb; }
      .step-title { font-family: 'Montserrat', sans-serif; font-size: 15px; font-weight: 700; fill: #1a1a1a; }
      .step-desc { font-family: 'Montserrat', sans-serif; font-size: 12px; fill: #333; }
      .divider { stroke: #ddd; stroke-width: 1; }
    </style>
  </defs>

  <text x="30" y="35" class="title">Sept sections, deux pages, pas de jargon juridique</text>

  <circle cx="65" cy="90" r="28" class="num-circle" />
  <text x="65" y="98" text-anchor="middle" class="num">1</text>
  <text x="110" y="80" class="step-title">Intention</text>
  <text x="110" y="103" class="step-desc">Pourquoi cette charte existe. Ce que l'entreprise croit sur l'IA.</text>
  <text x="110" y="121" class="step-desc">Ton honnête, pas corporate. 5 lignes maximum.</text>

  <line x1="30" y1="145" x2="870" y2="145" class="divider" />

  <circle cx="65" cy="180" r="28" class="num-circle" />
  <text x="65" y="188" text-anchor="middle" class="num">2</text>
  <text x="110" y="170" class="step-title">Périmètre et définitions</text>
  <text x="110" y="193" class="step-desc">Ce qu'on appelle IA dans cette charte. Qui est concerné.</text>
  <text x="110" y="211" class="step-desc">Salariés, stagiaires, prestataires externes.</text>

  <line x1="30" y1="235" x2="870" y2="235" class="divider" />

  <circle cx="65" cy="270" r="28" class="num-circle" />
  <text x="65" y="278" text-anchor="middle" class="num">3</text>
  <text x="110" y="260" class="step-title">Outils autorisés</text>
  <text x="110" y="283" class="step-desc">Liste blanche des IA validées (Claude Team, ChatGPT Enterprise, Copilot).</text>
  <text x="110" y="301" class="step-desc">Comment demander l'ajout d'un nouvel outil.</text>

  <line x1="30" y1="325" x2="870" y2="325" class="divider" />

  <circle cx="65" cy="360" r="28" class="num-circle" />
  <text x="65" y="368" text-anchor="middle" class="num">4</text>
  <text x="110" y="350" class="step-title">Zones d'usage</text>
  <text x="110" y="373" class="step-desc">Matrice type de donnée × type d'usage. Vert autorisé, orange avec validation,</text>
  <text x="110" y="391" class="step-desc">rouge interdit. Voir schéma dédié.</text>

  <line x1="30" y1="415" x2="870" y2="415" class="divider" />

  <circle cx="65" cy="450" r="28" class="num-circle" />
  <text x="65" y="458" text-anchor="middle" class="num">5</text>
  <text x="110" y="440" class="step-title">Contenu généré · étiquetage · responsabilité</text>
  <text x="110" y="463" class="step-desc">Mention obligatoire quand c'est généré. Qui valide avant diffusion.</text>
  <text x="110" y="481" class="step-desc">Qui porte la responsabilité finale du livrable.</text>

  <line x1="30" y1="505" x2="870" y2="505" class="divider" />

  <circle cx="65" cy="540" r="28" class="num-circle" />
  <text x="65" y="548" text-anchor="middle" class="num">6+7</text>
  <text x="120" y="530" class="step-title">Formation · sanction · révision</text>
  <text x="120" y="553" class="step-desc">Plan formation obligatoire, process de signalement, révision semestrielle.</text>
</svg>
