<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 440" role="img" aria-label="Avant : panneau réseau en désordre">
<rect width="640" height="440" rx="22" fill="#F2F6FA"/>
<rect x="150" y="60" width="340" height="320" rx="14" fill="#3B4854"/>
<rect x="170" y="84" width="300" height="46" rx="8" fill="#2B353F"/>
<rect x="170" y="196" width="300" height="46" rx="8" fill="#2B353F"/>
<rect x="170" y="308" width="300" height="46" rx="8" fill="#2B353F"/>
<g fill="none" stroke-width="9" stroke-linecap="round">
<path d="M190 107 C 120 200, 420 160, 300 330" stroke="#329FD7"/>
<path d="M240 107 C 380 240, 140 260, 420 331" stroke="#C7CFD6"/>
<path d="M300 107 C 200 300, 460 120, 210 330" stroke="#0A73B5"/>
<path d="M360 107 C 480 200, 180 340, 450 219" stroke="#9FB2C1"/>
<path d="M420 107 C 300 180, 520 300, 250 219" stroke="#4D6273"/>
<path d="M450 219 C 360 380, 200 150, 380 330" stroke="#77B9DE"/>
</g>
<text x="320" y="416" text-anchor="middle" font-family="Archivo,sans-serif" font-weight="800" font-size="22" fill="#B3261E">AVANT — [PHOTO RÉELLE À FOURNIR]</text>
</svg>