<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 460" width="100%" role="img" aria-label="Timeline en trois vagues : juniors col blanc 2024-2026, seniors col blanc 2027-2030, cols bleus 2030+">
<defs>
<linearGradient id="otium" x1="0" y1="0" x2="1" y2="0">
<stop offset="0%" stop-color="#7B2DB8"/>
<stop offset="50%" stop-color="#C73252"/>
<stop offset="100%" stop-color="#F05E2C"/>
</linearGradient>
<linearGradient id="wave1" x1="0" y1="0" x2="1" y2="0">
<stop offset="0%" stop-color="#7B2DB8" stop-opacity="0.85"/>
<stop offset="100%" stop-color="#7B2DB8" stop-opacity="0.35"/>
</linearGradient>
<linearGradient id="wave2" x1="0" y1="0" x2="1" y2="0">
<stop offset="0%" stop-color="#C73252" stop-opacity="0.85"/>
<stop offset="100%" stop-color="#C73252" stop-opacity="0.35"/>
</linearGradient>
<linearGradient id="wave3" x1="0" y1="0" x2="1" y2="0">
<stop offset="0%" stop-color="#F05E2C" stop-opacity="0.85"/>
<stop offset="100%" stop-color="#F05E2C" stop-opacity="0.35"/>
</linearGradient>
</defs>
<rect width="1200" height="460" fill="#FAF7F2"/>
<text x="60" y="50" font-family="Inter, sans-serif" font-size="22" font-weight="800" fill="#1A1510">La chronologie réelle du remplacement par l'IA</text>
<text x="60" y="78" font-family="DM Mono, monospace" font-size="12" fill="rgba(26,21,16,0.6)">3 vagues — sources Stanford AI Index 2026, Anthropic Economic Index, Goldman Sachs</text>
<line x1="60" y1="380" x2="1140" y2="380" stroke="#1A1510" stroke-width="2"/>
<g font-family="DM Mono, monospace" font-size="11" fill="rgba(26,21,16,0.6)">
<line x1="200" y1="375" x2="200" y2="385" stroke="#1A1510" stroke-width="1"/>
<text x="200" y="405" text-anchor="middle">2024</text>
<line x1="380" y1="375" x2="380" y2="385" stroke="#1A1510" stroke-width="1"/>
<text x="380" y="405" text-anchor="middle">2026</text>
<line x1="560" y1="375" x2="560" y2="385" stroke="#1A1510" stroke-width="1"/>
<text x="560" y="405" text-anchor="middle">2028</text>
<line x1="740" y1="375" x2="740" y2="385" stroke="#1A1510" stroke-width="1"/>
<text x="740" y="405" text-anchor="middle">2030</text>
<line x1="920" y1="375" x2="920" y2="385" stroke="#1A1510" stroke-width="1"/>
<text x="920" y="405" text-anchor="middle">2032</text>
<line x1="1100" y1="375" x2="1100" y2="385" stroke="#1A1510" stroke-width="1"/>
<text x="1100" y="405" text-anchor="middle">2035+</text>
</g>
<rect x="200" y="280" width="200" height="100" rx="6" fill="url(#wave1)"/>
<text x="300" y="312" text-anchor="middle" font-family="Inter, sans-serif" font-size="13" font-weight="700" fill="#1A1510">Vague 1</text>
<text x="300" y="332" text-anchor="middle" font-family="Inter, sans-serif" font-size="14" font-weight="800" fill="#1A1510">Juniors col blanc</text>
<text x="300" y="352" text-anchor="middle" font-family="DM Mono, monospace" font-size="11" fill="rgba(26,21,16,0.7)">code, support, admin, audit</text>
<rect x="380" y="200" width="360" height="180" rx="6" fill="url(#wave2)"/>
<text x="560" y="232" text-anchor="middle" font-family="Inter, sans-serif" font-size="13" font-weight="700" fill="#1A1510">Vague 2</text>
<text x="560" y="252" text-anchor="middle" font-family="Inter, sans-serif" font-size="14" font-weight="800" fill="#1A1510">Seniors col blanc</text>
<text x="560" y="272" text-anchor="middle" font-family="DM Mono, monospace" font-size="11" fill="rgba(26,21,16,0.7)">DAF, juriste, marketing, support N2</text>
<rect x="740" y="120" width="400" height="260" rx="6" fill="url(#wave3)"/>
<text x="940" y="152" text-anchor="middle" font-family="Inter, sans-serif" font-size="13" font-weight="700" fill="#1A1510">Vague 3</text>
<text x="940" y="172" text-anchor="middle" font-family="Inter, sans-serif" font-size="14" font-weight="800" fill="#1A1510">Cols bleus</text>
<text x="940" y="192" text-anchor="middle" font-family="DM Mono, monospace" font-size="11" fill="rgba(26,21,16,0.7)">manutention, soin, BTP, agriculture</text>
<text x="940" y="212" text-anchor="middle" font-family="DM Mono, monospace" font-size="10" fill="rgba(26,21,16,0.55)">conditionné à robotique humanoïde mature</text>
<text x="60" y="118" font-family="Inter, sans-serif" font-size="12" font-weight="700" fill="rgba(26,21,16,0.6)">Volume d'emplois exposés (illustratif)</text>
<g font-family="Inter, sans-serif" font-size="11" fill="rgba(26,21,16,0.55)">
<text x="300" y="265" text-anchor="middle">déjà mesurable</text>
<text x="560" y="190" text-anchor="middle">en cours d'enclenchement</text>
<text x="940" y="105" text-anchor="middle">conditionnel — coût marginal robot encore élevé</text>
</g>
</svg>
