<!DOCTYPE html>
<html lang="fr">
<head>
  <meta charset="UTF-8">
  <title>Fiche de Sortie de Caisse</title>
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
  <style>
    .ticket {
      max-width: 600px;
      margin: auto;
      border: 1px solid #333;
      padding: 20px;
      font-size: 14px;
    }
    .title {
      text-align: center;
      font-weight: bold;
      font-size: 18px;
      margin-bottom: 10px;
    }
    .section-title {
      font-weight: bold;
      margin-top: 15px;
      margin-bottom: 5px;
      text-decoration: underline;
    }
    .signature-box {
      height: 50px;
      border-bottom: 1px solid #000;
      margin-bottom: 5px;
    }
  </style>
</head>
<body>
  <div class="ticket">
    <div class="title">FICHE DE SORTIE DE CAISSE – Caisse Principale</div>
    
    <div><strong>Entreprise :</strong> MAGILUX SARL</div>
    <div><strong>Date :</strong> 27/06/2025</div>
    <div><strong>N° Fiche :</strong> FSC-0001</div>

    <div class="section-title">Informations sur la sortie</div>
    <div><strong>Bénéficiaire / Coursier :</strong> Jean RAKOTO</div>
    <div><strong>Montant :</strong> 500 000 Ariary</div>
    <div><strong>Mode de paiement :</strong> Espèces</div>
    <div><strong>Objet :</strong> Paiement facture fournisseur n°F123</div>
    <div><strong>Pièces jointes :</strong> Facture, Reçu, Ordre de virement</div>

    <div class="section-title">Signatures</div>
    <div><strong>Responsable Caisse :</strong></div>
    <div class="signature-box"></div>

    <div><strong>Coursier :</strong></div>
    <div class="signature-box"></div>

    <div><strong>Responsable hiérarchique (optionnel) :</strong></div>
    <div class="signature-box"></div>
  </div>
</body>
</html>
