<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 720 380" width="720" height="380"
     role="img" aria-labelledby="titre desc">
<title id="titre">Le comptable et l'infirmière devant l'écran</title>
<desc id="desc">Scène animée : l'expert-comptable et une infirmière libérale, assis côte à côte au
bureau, regardent l'écran où la déclaration 2035 se remplit ligne à ligne, puis se valide.</desc>

<defs>
  <linearGradient id="mur" x1="0" y1="0" x2="0" y2="1">
    <stop offset="0" stop-color="#F9F6F7"/><stop offset="1" stop-color="#EFE7EA"/>
  </linearGradient>
  <linearGradient id="peauA" x1="0" y1="0" x2="1" y2="0.4">
    <stop offset="0" stop-color="#DCA983"/><stop offset="0.55" stop-color="#EDC4A1"/>
    <stop offset="1" stop-color="#F3D0B2"/>
  </linearGradient>
  <linearGradient id="peauB" x1="1" y1="0" x2="0" y2="0.4">
    <stop offset="0" stop-color="#BC8259"/><stop offset="0.55" stop-color="#D69B75"/>
    <stop offset="1" stop-color="#E0AC88"/>
  </linearGradient>
  <linearGradient id="costume" x1="0" y1="0" x2="1" y2="0.3">
    <stop offset="0" stop-color="#1E0E17"/><stop offset="0.6" stop-color="#2A1620"/>
    <stop offset="1" stop-color="#3A2130"/>
  </linearGradient>
  <linearGradient id="tunique" x1="0" y1="0" x2="1" y2="0.3">
    <stop offset="0" stop-color="#E4D8DD"/><stop offset="0.45" stop-color="#FAF7F8"/>
    <stop offset="1" stop-color="#FFFFFF"/>
  </linearGradient>
  <linearGradient id="plateau" x1="0" y1="0" x2="0" y2="1">
    <stop offset="0" stop-color="#3A2130"/><stop offset="1" stop-color="#22111B"/>
  </linearGradient>
  <linearGradient id="dalle" x1="0.1" y1="0" x2="0.9" y2="1">
    <stop offset="0" stop-color="#33192A"/><stop offset="1" stop-color="#231020"/>
  </linearGradient>
  <radialGradient id="lueur" cx="0.5" cy="0.5" r="0.5">
    <stop offset="0" stop-color="#D1477F" stop-opacity="0.30"/>
    <stop offset="1" stop-color="#D1477F" stop-opacity="0"/>
  </radialGradient>
  <radialGradient id="halo" cx="0.5" cy="0.5" r="0.5">
    <stop offset="0" stop-color="#8D1F4F" stop-opacity="0.16"/>
    <stop offset="1" stop-color="#8D1F4F" stop-opacity="0"/>
  </radialGradient>
  <filter id="flou" x="-30%" y="-40%" width="160%" height="200%">
    <feGaussianBlur stdDeviation="5"/>
  </filter>
  <clipPath id="ecranUtile"><rect x="262" y="64" width="196" height="140" rx="5"/></clipPath>
</defs>

<style>
  /* Chaque état « au repos » est l'état final : animations coupées, la scène
     reste complète et lisible. Les durées sont volontairement décalées pour que
     les gestes ne retombent jamais en cadence. */

  /* --- respiration ------------------------------------------------------ */
  @keyframes respireA { 0%,100% { transform: translateY(0) } 50% { transform: translateY(-1.8px) } }
  @keyframes respireB { 0%,100% { transform: translateY(0) } 50% { transform: translateY(-2.4px) } }
  .respire-a { transform-box: fill-box; animation: respireA 4.3s ease-in-out infinite; }
  .respire-b { transform-box: fill-box; animation: respireB 5.1s ease-in-out infinite; }

  /* --- paupières : une vraie fermeture, brève et irrégulière ------------ */
  @keyframes paupiere {
    0%, 96.5%, 100% { transform: scaleY(0.02); }
    97.6%, 98.4% { transform: scaleY(1); }
  }
  .paupiere { transform-box: fill-box; transform-origin: 50% 0%; transform: scaleY(0.02);
              animation: paupiere 5.3s infinite; }
  .paupiere--b { animation-duration: 5.3s; animation-delay: 0.06s; }
  .paupiere--c { animation-duration: 6.7s; animation-delay: 3.4s; }
  .paupiere--d { animation-duration: 6.7s; animation-delay: 3.46s; }

  /* --- regards : de l'écran vers l'autre, puis retour ------------------- */
  @keyframes regardA { 0%, 58%, 100% { transform: translateX(0) } 66%, 82% { transform: translateX(1.8px) } }
  @keyframes regardB { 0%, 40%, 100% { transform: translateX(0) } 50%, 68% { transform: translateX(-1.8px) } }
  .regard-a { transform-box: fill-box; animation: regardA 11s ease-in-out infinite; }
  .regard-b { transform-box: fill-box; animation: regardB 13s ease-in-out infinite; }

  /* --- têtes : micro-mouvements, puis acquiescement sur la validation --- */
  @keyframes teteA { 0%, 70%, 100% { transform: rotate(0deg) } 78% { transform: rotate(1.6deg) } 88% { transform: rotate(-0.6deg) } }
  @keyframes teteB { 0%, 55%, 100% { transform: rotate(0deg) } 63% { transform: rotate(-3deg) } 71% { transform: rotate(1.4deg) } 79% { transform: rotate(-1deg) } }
  .tete-a { transform-box: fill-box; transform-origin: 50% 100%; animation: teteA 9s ease-in-out infinite; }
  .tete-b { transform-box: fill-box; transform-origin: 50% 100%; animation: teteB 7s ease-in-out infinite; }

  /* --- sourires : ils s'élargissent quand la déclaration est validée ---- */
  @keyframes sourire { 0%, 55%, 92%, 100% { transform: scale(1) } 64%, 86% { transform: scale(1.2, 1.45) } }
  .sourire { transform-box: fill-box; transform-origin: 50% 20%; animation: sourire 7s ease-in-out infinite; }

  /* --- bras et mains ---------------------------------------------------- */
  @keyframes frappe { 0%, 100% { transform: translateY(0) rotate(0deg) } 22% { transform: translateY(1.6px) rotate(1.5deg) } 55% { transform: translateY(0.4px) rotate(-0.6deg) } }
  .main-souris { transform-box: fill-box; transform-origin: 20% 30%; animation: frappe 1.7s ease-in-out infinite; }
  @keyframes avantBras { 0%, 100% { transform: rotate(0deg) } 40% { transform: rotate(1.4deg) } }
  .avant-bras { transform-box: fill-box; transform-origin: 12% 40%; animation: avantBras 3.4s ease-in-out infinite; }

  @keyframes designe { 0%, 8%, 46%, 100% { transform: rotate(0deg) } 18%, 34% { transform: rotate(-7deg) } }
  @keyframes designeMain { 0%, 8%, 46%, 100% { transform: rotate(0deg) } 20%, 34% { transform: rotate(-9deg) } }
  .bras-designe { transform-box: fill-box; transform-origin: 94% 92%;
                  animation: designe 7s cubic-bezier(.34,1.3,.5,1) infinite; }
  .main-designe { transform-box: fill-box; transform-origin: 88% 80%;
                  animation: designeMain 7s cubic-bezier(.34,1.3,.5,1) infinite; }

  /* --- écran : remplissage, barres, validation -------------------------- */
  @keyframes apparait { 0%, 6% { opacity: 0; transform: translateX(-7px) } 14%, 92% { opacity: 1; transform: none } 97%, 100% { opacity: 0; transform: none } }
  .ecriture { opacity: 1; transform-box: fill-box; animation: apparait 7s ease-out infinite; }
  .ecriture--2 { animation-delay: 0.45s; }
  .ecriture--3 { animation-delay: 0.9s; }
  .ecriture--4 { animation-delay: 1.35s; }
  .ecriture--5 { animation-delay: 1.8s; }

  @keyframes pousse { 0%, 10% { transform: scaleY(0.02) } 34%, 92% { transform: scaleY(1) } 97%, 100% { transform: scaleY(0.02) } }
  .barre { transform-box: fill-box; transform-origin: 50% 100%;
           animation: pousse 7s cubic-bezier(.2,1.5,.4,1) infinite; }
  .barre--2 { animation-delay: 0.5s; }
  .barre--3 { animation-delay: 1s; }

  @keyframes remplit { 0%, 8% { transform: scaleX(0) } 46%, 92% { transform: scaleX(1) } 97%, 100% { transform: scaleX(0) } }
  .jauge { transform-box: fill-box; transform-origin: 0% 50%; animation: remplit 7s cubic-bezier(.5,0,.2,1) infinite; }

  @keyframes valide {
    0%, 52% { opacity: 0; transform: scale(0.3) rotate(-22deg); }
    59% { opacity: 1; transform: scale(1.12) rotate(-6deg); }
    64%, 92% { opacity: 1; transform: scale(1) rotate(-8deg); }
    97%, 100% { opacity: 0; transform: scale(0.3) rotate(-22deg); }
  }
  .tampon { transform-box: fill-box; transform-origin: center;
            animation: valide 7s cubic-bezier(.3,1.6,.5,1) infinite; }
  @keyframes onde { 0%, 52% { opacity: 0; transform: scale(0.4) } 58% { opacity: 0.6 } 74%, 100% { opacity: 0; transform: scale(1.9) } }
  .onde { transform-box: fill-box; transform-origin: center; opacity: 0; animation: onde 7s ease-out infinite; }

  @keyframes curseurTexte { 0%, 47% { opacity: 1 } 50%, 97% { opacity: 0 } }
  .curseur-texte { animation: curseurTexte 1.06s steps(1) infinite; }

  @keyframes pointeur {
    0% { transform: translate(0,0) } 16% { transform: translate(-30px, 18px) }
    34% { transform: translate(-24px, 44px) } 52% { transform: translate(26px, 30px) }
    60% { transform: translate(30px, -26px) } 78% { transform: translate(6px, 10px) }
    100% { transform: translate(0,0) }
  }
  .pointeur { transform-box: fill-box; animation: pointeur 7s cubic-bezier(.5,0,.3,1) infinite; }

  @keyframes veille { 0%, 44% { opacity: 1 } 52%, 100% { opacity: 0.35 } }
  .temoin { animation: veille 2.6s ease-in-out infinite; }

  @keyframes lueurEcran { 0%, 100% { opacity: 0.78 } 50% { opacity: 1 } }
  .lueur-ecran { animation: lueurEcran 6.7s ease-in-out infinite; }

  /* --- café ------------------------------------------------------------- */
  @keyframes fumee {
    0% { opacity: 0; transform: translate(0, 6px) scale(0.9) }
    25% { opacity: 0.42 }
    100% { opacity: 0; transform: translate(-5px, -22px) scale(1.5) }
  }
  .fumee { transform-box: fill-box; transform-origin: 50% 100%; opacity: 0;
           animation: fumee 3.1s ease-out infinite; }
  .fumee--b { animation-duration: 4.3s; animation-delay: 1.4s; }
  .fumee--c { animation-duration: 3.7s; animation-delay: 2.6s; }

  @media (prefers-reduced-motion: reduce) {
    .respire-a, .respire-b, .paupiere, .regard-a, .regard-b, .tete-a, .tete-b,
    .sourire, .main-souris, .avant-bras, .bras-designe, .main-designe,
    .ecriture, .barre, .jauge, .pointeur, .temoin, .lueur-ecran,
    .curseur-texte, .tampon, .onde { animation: none; }
    .tampon { opacity: 1; transform: rotate(-8deg); }
    .onde { opacity: 0; }
    .fumee { animation: none; opacity: 0.26; }
  }
</style>

<!-- ============================ FOND ============================ -->
<rect width="720" height="380" fill="url(#mur)"/>
<g stroke="#1A0C14" stroke-opacity="0.055" stroke-width="1">
  <path d="M0 40h720M0 80h720M0 120h720M0 160h720M0 200h720M0 240h720M0 280h720M0 320h720M0 360h720"/>
</g>
<ellipse cx="360" cy="150" rx="230" ry="150" fill="url(#halo)"/>
<rect x="0.5" y="0.5" width="719" height="379" fill="none" stroke="#1A0C14" stroke-opacity="0.14"/>

<!-- ============================ SIÈGES ============================ -->
<g>
  <rect x="94" y="196" width="94" height="88" rx="16" fill="#3A2130"/>
  <rect x="102" y="204" width="78" height="72" rx="12" fill="#4A2C3C"/>
  <rect x="532" y="196" width="94" height="88" rx="16" fill="#3A2130"/>
  <rect x="540" y="204" width="78" height="72" rx="12" fill="#4A2C3C"/>
</g>

<!-- ============================ COMPTABLE ============================ -->
<g class="respire-a">
  <path d="M88 282c0-42 16-64 52-64s52 22 52 64z" fill="url(#costume)"/>
  <path d="M126 218l14 26 14-26c14 4 22 12 26 22l-24 42h-32l-24-42c4-10 12-18 26-22z" fill="#F2ECEE"/>
  <path d="M126 218l14 26-22 38-14-42c4-10 10-18 22-22z" fill="#1E0E17"/>
  <path d="M154 218l-14 26 22 38 14-42c-4-10-10-18-22-22z" fill="#1E0E17"/>
  <path d="M140 244l-8 10 4 8 4 4 4-4 4-8z" fill="#8D1F4F"/>
  <path d="M136 262l-3 22 7 10 7-10-3-22z" fill="#8D1F4F"/>
  <path d="M136 262l-3 22 7 10z" fill="#6D1740"/>
  <path d="M130 186h20v22c0 6-20 6-20 0z" fill="#DCA983"/>
  <g class="tete-a">
    <ellipse cx="112" cy="170" rx="6.5" ry="9" fill="#E0B08A"/>
    <ellipse cx="141" cy="164" rx="31" ry="34" fill="url(#peauA)"/>
    <path d="M110 158c2-24 14-36 31-36s29 12 31 36c2-30-10-44-31-44s-33 14-31 44z" fill="#3E2A21"/>
    <path d="M110 160c0-26 12-40 31-40s31 14 31 40c-4-18-14-26-31-26s-27 8-31 26z" fill="#4A3328"/>
    <path d="M118 140c8-8 22-12 36-8-10-8-28-6-36 8z" fill="#5E4335"/>
    <path d="M122 152q8-4 15-1M148 151q8-3 14 2" fill="none" stroke="#3E2A21" stroke-width="3" stroke-linecap="round"/>
    <g class="regard-a">
      <ellipse cx="130" cy="166" rx="6.2" ry="5.4" fill="#FFFFFF"/>
      <ellipse cx="153" cy="166" rx="6.2" ry="5.4" fill="#FFFFFF"/>
      <circle cx="131.5" cy="166.5" r="3.2" fill="#2A1B18"/>
      <circle cx="154.5" cy="166.5" r="3.2" fill="#2A1B18"/>
      <circle cx="133" cy="165" r="1.1" fill="#FFFFFF"/>
      <circle cx="156" cy="165" r="1.1" fill="#FFFFFF"/>
    </g>
    <ellipse class="paupiere" cx="130" cy="166" rx="6.4" ry="5.6" fill="#E9C09D"/>
    <ellipse class="paupiere paupiere--b" cx="153" cy="166" rx="6.4" ry="5.6" fill="#EDC4A1"/>
    <g fill="none" stroke="#241119" stroke-width="2.4">
      <circle cx="130" cy="166" r="12.5" fill="#FFFFFF" fill-opacity="0.10"/>
      <circle cx="154" cy="166" r="12.5" fill="#FFFFFF" fill-opacity="0.10"/>
      <path d="M142.5 165h-1M117.5 163l-6-2M166.5 163l4-2" stroke-linecap="round"/>
    </g>
    <path d="M143 168q5 8-1 11" fill="none" stroke="#C0855F" stroke-width="2.2" stroke-linecap="round"/>
    <ellipse cx="125" cy="180" rx="7" ry="4" fill="#DC8E7C" opacity="0.22"/>
    <path class="sourire" d="M133 188q9 7 18 0" fill="none" stroke="#8A4A3C" stroke-width="2.6" stroke-linecap="round"/>
  </g>
</g>

<!-- ============================ INFIRMIÈRE ============================ -->
<g class="respire-b">
  <path d="M528 282c0-42 16-64 52-64s52 22 52 64z" fill="url(#tunique)"/>
  <path d="M566 218l14 28 14-28" fill="none" stroke="#8D1F4F" stroke-width="3.4"/>
  <g fill="#8D1F4F">
    <rect x="601" y="242" width="5" height="16" rx="1.6"/>
    <rect x="595.5" y="247.5" width="16" height="5" rx="1.6"/>
  </g>
  <path d="M564 220c-8 26-2 46 16 48 18-2 24-22 16-48" fill="none" stroke="#241119" stroke-width="4"/>
  <circle cx="580" cy="270" r="7" fill="#241119"/>
  <circle cx="578" cy="268" r="2.4" fill="#5E4353"/>
  <path d="M570 186h20v22c0 6-20 6-20 0z" fill="#BC8259"/>
  <g class="tete-b">
    <ellipse cx="611" cy="170" rx="6.5" ry="9" fill="#C88A63"/>
    <circle cx="612" cy="146" r="15" fill="#2E1C18"/>
    <circle cx="609" cy="143" r="11" fill="#3B241E"/>
    <ellipse cx="579" cy="164" rx="31" ry="34" fill="url(#peauB)"/>
    <path d="M548 160c0-28 12-42 31-42s31 14 31 42c2-32-10-46-31-46s-33 14-31 46z" fill="#2E1C18"/>
    <path d="M548 162c0-26 12-40 31-40s31 14 31 40c-4-18-14-26-31-26s-27 8-31 26z" fill="#3B241E"/>
    <path d="M556 142c10-10 26-12 38-6-12-10-30-8-38 6z" fill="#4E3128"/>
    <path d="M558 151q8-3 14 2M587 152q8-4 15-1" fill="none" stroke="#2E1C18" stroke-width="3" stroke-linecap="round"/>
    <g class="regard-b">
      <ellipse cx="567" cy="166" rx="6.2" ry="5.4" fill="#FFFFFF"/>
      <ellipse cx="590" cy="166" rx="6.2" ry="5.4" fill="#FFFFFF"/>
      <circle cx="565.5" cy="166.5" r="3.2" fill="#241512"/>
      <circle cx="588.5" cy="166.5" r="3.2" fill="#241512"/>
      <circle cx="567" cy="165" r="1.1" fill="#FFFFFF"/>
      <circle cx="590" cy="165" r="1.1" fill="#FFFFFF"/>
    </g>
    <ellipse class="paupiere paupiere--c" cx="567" cy="166" rx="6.4" ry="5.6" fill="#D69B75"/>
    <ellipse class="paupiere paupiere--d" cx="590" cy="166" rx="6.4" ry="5.6" fill="#DBA37E"/>
    <path d="M574 168q-5 8 1 11" fill="none" stroke="#A96E48" stroke-width="2.2" stroke-linecap="round"/>
    <ellipse cx="594" cy="180" rx="7" ry="4" fill="#C4705C" opacity="0.16"/>
    <path class="sourire" d="M570 188q9 7 18 0" fill="none" stroke="#7A4030" stroke-width="2.6" stroke-linecap="round"/>
  </g>
</g>

<!-- bras de l'infirmière qui désigne l'écran -->
<g class="bras-designe">
  <ellipse cx="545" cy="235" rx="15" ry="14" fill="#FBF8F9" stroke="#DCCBD2" stroke-width="2"/>
  <path d="M548 236c-9-3-18-9-26-20" fill="none" stroke="#DCCBD2" stroke-width="22" stroke-linecap="round"/>
  <path d="M548 236c-9-3-18-9-26-20" fill="none" stroke="#FBF8F9" stroke-width="19" stroke-linecap="round"/>
  <path d="M523 217c-7-9-14-19-20-28" fill="none" stroke="#DCCBD2" stroke-width="19" stroke-linecap="round"/>
  <path d="M523 217c-7-9-14-19-20-28" fill="none" stroke="#FFFFFF" stroke-width="16" stroke-linecap="round"/>
  <g class="main-designe">
    <path d="M505 176c-6-3-13-1-16 5-2 6 0 12 6 15l8 3c6 2 11-1 12-7 1-6-2-10-10-16z" fill="#D69B75"/>
    <path d="M496 176h-19" stroke="#D69B75" stroke-width="8" stroke-linecap="round"/>
    <path d="M496 176h-19" fill="none" stroke="#B7794F" stroke-width="1.3" stroke-linecap="round" opacity="0.45"/>
    <path d="M503 189c4 2 8 2 11 0" fill="none" stroke="#B7794F" stroke-width="1.3" stroke-linecap="round"/>
  </g>
</g>

<!-- ============================ ÉCRAN ============================ -->
<g>
  <rect x="348" y="222" width="24" height="34" fill="#241119"/>
  <path d="M312 268c0-7 22-12 48-12s48 5 48 12z" fill="#2A1620"/>
  <rect x="246" y="46" width="228" height="184" rx="14" fill="#241119"/>
  <rect x="252" y="52" width="216" height="172" rx="10" fill="#160A11"/>
  <rect x="262" y="64" width="196" height="140" rx="5" fill="url(#dalle)"/>
  <circle class="temoin" cx="360" cy="216" r="2.6" fill="#D1477F"/>

  <g clip-path="url(#ecranUtile)">
    <rect x="262" y="64" width="196" height="20" fill="#2E1526"/>
    <rect x="272" y="71" width="34" height="6" rx="3" fill="#D1477F"/>
    <rect x="312" y="72" width="20" height="4" rx="2" fill="#FFFFFF" fill-opacity="0.25"/>
    <rect x="338" y="72" width="14" height="4" rx="2" fill="#FFFFFF" fill-opacity="0.15"/>

    <text x="272" y="106" font-family="Georgia, 'Times New Roman', serif" font-size="21"
          font-weight="600" fill="#FFFFFF" letter-spacing="0.5">2035</text>
    <rect class="curseur-texte" x="317" y="92" width="1.6" height="16" fill="#D1477F"/>

    <g class="ecriture">
      <rect x="272" y="120" width="66" height="4" rx="2" fill="#FFFFFF" fill-opacity="0.34"/>
      <rect x="344" y="120" width="26" height="4" rx="2" fill="#FFFFFF" fill-opacity="0.55"/>
    </g>
    <g class="ecriture ecriture--2">
      <rect x="272" y="134" width="52" height="4" rx="2" fill="#FFFFFF" fill-opacity="0.34"/>
      <rect x="344" y="134" width="26" height="4" rx="2" fill="#FFFFFF" fill-opacity="0.55"/>
    </g>
    <g class="ecriture ecriture--3">
      <rect x="272" y="148" width="72" height="4" rx="2" fill="#FFFFFF" fill-opacity="0.34"/>
      <rect x="344" y="148" width="26" height="4" rx="2" fill="#FFFFFF" fill-opacity="0.55"/>
    </g>
    <g class="ecriture ecriture--4">
      <rect x="272" y="162" width="58" height="4" rx="2" fill="#FFFFFF" fill-opacity="0.34"/>
      <rect x="344" y="162" width="26" height="4" rx="2" fill="#FFFFFF" fill-opacity="0.55"/>
    </g>
    <g class="ecriture ecriture--5">
      <rect x="272" y="176" width="44" height="4" rx="2" fill="#FFFFFF" fill-opacity="0.5"/>
      <rect x="344" y="176" width="26" height="4" rx="2" fill="#D1477F"/>
    </g>

    <path d="M388 190h62" stroke="#FFFFFF" stroke-opacity="0.2" stroke-width="1.4"/>
    <g fill="#D1477F">
      <rect class="barre" x="392" y="160" width="14" height="29" rx="2"/>
      <rect class="barre barre--2" x="412" y="146" width="14" height="43" rx="2"/>
      <rect class="barre barre--3" x="432" y="128" width="14" height="61" rx="2"/>
    </g>

    <rect x="272" y="192" width="112" height="5" rx="2.5" fill="#FFFFFF" fill-opacity="0.14"/>
    <rect class="jauge" x="272" y="192" width="112" height="5" rx="2.5" fill="#2E7D57"/>

    <circle class="onde" cx="428" cy="100" r="20" fill="none" stroke="#2E7D57" stroke-width="3"/>
    <g class="tampon">
      <circle cx="428" cy="100" r="19" fill="#2E7D57"/>
      <circle cx="428" cy="100" r="19" fill="none" stroke="#FFFFFF" stroke-opacity="0.35" stroke-width="1.5"/>
      <path d="M419 100l6 7 12-14" fill="none" stroke="#FFFFFF" stroke-width="3.4"
            stroke-linecap="round" stroke-linejoin="round"/>
    </g>

    <g class="pointeur">
      <path d="M356 128v22l5-6 4 9 4-2-4-8 7-1z" fill="#FFFFFF"/>
      <path d="M356 128v22l5-6 4 9 4-2-4-8 7-1z" fill="none" stroke="#160A11" stroke-width="1" stroke-opacity="0.5"/>
    </g>
  </g>
</g>

<ellipse class="lueur-ecran" cx="360" cy="262" rx="150" ry="42" fill="url(#lueur)"/>

<!-- ============================ BUREAU ============================ -->
<ellipse cx="360" cy="352" rx="290" ry="14" fill="#1A0C14" opacity="0.10" filter="url(#flou)"/>
<rect x="26" y="274" width="668" height="15" rx="4" fill="url(#plateau)"/>
<rect x="26" y="286" width="668" height="6" rx="3" fill="#160A11"/>
<rect x="84" y="292" width="11" height="56" rx="2" fill="#22111B"/>
<rect x="626" y="292" width="11" height="56" rx="2" fill="#22111B"/>

<!-- ============================ OBJETS SUR LE BUREAU ============================ -->
<g transform="rotate(-6 78 262)">
  <rect x="40" y="248" width="70" height="28" rx="3" fill="#FFFFFF" stroke="#241119" stroke-width="2"/>
  <g stroke="#241119" stroke-opacity="0.3" stroke-width="2" stroke-linecap="round">
    <path d="M48 257h38M48 266h50"/>
  </g>
</g>

<g>
  <path d="M232 276l12-16h116l12 16z" fill="#3A2130"/>
  <path d="M240 273l9-11h102l9 11z" fill="#59394B"/>
  <g stroke="#3A2130" stroke-width="1.2" stroke-opacity="0.8">
    <path d="M252 266h96M248 271h104"/>
  </g>
</g>

<g>
  <ellipse cx="184" cy="232" rx="15" ry="14" fill="#33192A"/>
  <path d="M188 234c9 6 17 13 24 22" fill="none" stroke="#1A0C14" stroke-width="20" stroke-linecap="round"/>
  <path d="M188 234c9 6 17 13 24 22" fill="none" stroke="#33192A" stroke-width="17" stroke-linecap="round"/>
  <g class="avant-bras">
    <path d="M212 256c8 5 16 8 24 9" fill="none" stroke="#1A0C14" stroke-width="18" stroke-linecap="round"/>
    <path d="M212 256c8 5 16 8 24 9" fill="none" stroke="#33192A" stroke-width="15" stroke-linecap="round"/>
    <path d="M232 264h5" stroke="#F2ECEE" stroke-width="15" stroke-linecap="round"/>
    <g class="main-souris">
      <path d="M242 257c9-1 16 2 17 7 1 4-2 7-8 7h-13c-5 0-8-3-8-7 1-4 5-7 12-7z" fill="#EDC4A1"/>
      <path d="M245 264v5M252 264v5M258 263v5" fill="none" stroke="#D3A17B" stroke-width="1.5" stroke-linecap="round"/>
    </g>
  </g>
</g>

<g>
  <path class="fumee" d="M494 240c7-9-7-13 0-22" fill="none" stroke="#8A7079" stroke-width="2.6" stroke-linecap="round"/>
  <path class="fumee fumee--b" d="M504 240c7-9-7-13 0-22" fill="none" stroke="#8A7079" stroke-width="2.6" stroke-linecap="round"/>
  <path class="fumee fumee--c" d="M514 240c7-9-7-13 0-22" fill="none" stroke="#8A7079" stroke-width="2.4" stroke-linecap="round"/>
  <path d="M524 252c9 0 9 14 0 14" fill="none" stroke="#241119" stroke-width="3.4"/>
  <rect x="490" y="248" width="32" height="28" rx="5" fill="#FFFFFF" stroke="#241119" stroke-width="2.2"/>
  <rect x="490" y="248" width="32" height="8" rx="4" fill="#8D1F4F"/>
</g>
</svg>
