<svg width="400" height="250" viewBox="0 0 400 250" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <!-- Dégradé Bleu -->
    <linearGradient id="GradientBlue" x1="0%" y1="0%" x2="0%" y2="100%">
      <stop offset="0%" style="stop-color:#001a57;stop-opacity:1" />
      <stop offset="100%" style="stop-color:#0033a0;stop-opacity:1" />
    </linearGradient>

    <!-- Dégradé Losange -->
    <linearGradient id="GradientDiamond" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" style="stop-color:#0044cc;stop-opacity:1" />
      <stop offset="100%" style="stop-color:#001a57;stop-opacity:1" />
    </linearGradient>

    <!-- Ombre -->
    <filter id="dropShadow" x="-50%" y="-50%" width="200%" height="200%">
      <feGaussianBlur in="SourceAlpha" stdDeviation="2"/>
      <feOffset dx="0" dy="3" result="offsetblur"/>
      <feComponentTransfer>
        <feFuncA type="linear" slope="0.3"/>
      </feComponentTransfer>
      <feMerge>
        <feMergeNode/>
        <feMergeNode in="SourceGraphic"/>
      </feMerge>
    </filter>
  </defs>

  <!-- Groupe principal avec un masque pour s'assurer que rien ne dépasse du cadre -->
  <g>
      <!-- Fond Bleu (Haut) -->
      <rect x="0" y="0" width="400" height="125" fill="url(#GradientBlue)" />
      
      <!-- Fond Gris très clair (Bas) -->
      <rect x="0" y="125" width="400" height="125" fill="#f8f9fa" />

      <!-- Texte TRAM - TECH -->
      <g transform="translate(200, 90)"> 
          <text x="0" y="0" 
                text-anchor="middle" 
                transform="scale(0.7, 1.4)" 
                font-family="Arial, Helvetica, sans-serif" 
                font-weight="bold"
                font-size="65" 
                fill="#ffffff">
            TRAM - TECH
          </text>
      </g>

      <!-- Losanges -->
      <polygon points="112.5,145 140,185 112.5,225 85,185" 
               fill="url(#GradientDiamond)" 
               filter="url(#dropShadow)" />

      <polygon points="287.5,145 315,185 287.5,225 260,185" 
               fill="url(#GradientDiamond)" 
               filter="url(#dropShadow)" />
  </g>

  <!-- CADRE / STROKE DE CONTOUR -->
  <!-- C'est ici que la bordure est définie. "stroke-width" gère l'épaisseur -->
  <!-- "fill=none" est important pour ne pas recouvrir le logo -->
  <rect x="1" y="1" width="398" height="248" rx="4" ry="4" 
        fill="none" 
        stroke="#cbd5e1" 
        stroke-width="2"/>
</svg>