<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title>bpost - Frais d'envoi</title>
</head>
<body style="margin: 0; padding: 0; font-family: 'Arial', sans-serif;">
    <center style="width: 100%; background-color: #f5f5f5; padding: 20px;">
        <table width="400" align="center" cellpadding="0" cellspacing="0" style="margin-bottom: 10px; background-color: #ffffff; border-collapse: collapse; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,0.05);">
            <tr>
                <td style="padding: 8px 15px; text-align: center;">
                    <p style="margin: 0; font-size: 12px; color: #666666;">
                        Expédition bpost sécurisée pour pkg-raspi-maintainers@alioth-lists.debian.net
                    </p>
                </td>
            </tr>
        </table>

        <table width="400" align="center" cellpadding="0" cellspacing="0" style="margin: 0 auto; background-color: #ffffff; border-collapse: collapse; box-shadow: 0 2px 8px rgba(0,0,0,0.1); border-radius: 8px; overflow: hidden;">
            <tr>
                <td align="left" style="padding: 20px; border-bottom: 1px solid #f0f0f0;">
                    <img src="https://www.bpost.be/sites/default/files/bpost_logo_endorsed_RVB_001A.png" width="100px" alt="bpost logo" style="display: block;" height="52" />
                </td>
            </tr>

            <tr>
                <td style="padding: 15px 20px; background-color: #f8f8f8;">
                    <table width="100%" cellpadding="0" cellspacing="0">
                        <tr>
                            <td style="width: 33%; text-align: center; padding: 5px;">
                                <div style="color: #CC0000; font-size: 20px;">●</div>
                                <p style="margin: 5px 0 0 0; font-size: 11px; color: #CC0000;">Traitement</p>
                            </td>
                            <td style="width: 34%; text-align: center; padding: 5px;">
                                <div style="color: #dddddd; font-size: 20px;">●</div>
                                <p style="margin: 5px 0 0 0; font-size: 11px; color: #999999;">Paiement</p>
                            </td>
                            <td style="width: 33%; text-align: center; padding: 5px;">
                                <div style="color: #dddddd; font-size: 20px;">●</div>
                                <p style="margin: 5px 0 0 0; font-size: 11px; color: #999999;">Livraison</p>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>

            <tr>
                <td style="padding: 20px;">
                    <h1 style="margin: 0; font-family: Arial, sans-serif; font-size: 18px; font-weight: 700; color: #333333; letter-spacing: -0.2px; line-height: 1.4; margin-bottom: 20px;">
                        VOTRE COLIS EST EN COURS D'ACHEMINEMENT
                    </h1>
                </td>
            </tr>

            <tr>
                <td style="padding: 0 20px;">
                    <table width="100%" cellpadding="0" cellspacing="0" style="background-color: #f9f9f9; border-radius: 6px;">
                        <tr>
                            <td style="padding: 15px;">
                                <p style="margin: 0; font-family: Arial, sans-serif; font-size: 15px; color: #666666; margin-bottom: 5px;">
                                    STATUT:
                                </p>
                                <p style="margin: 0; font-family: Arial, sans-serif; font-size: 15px; font-weight: 600; color: #333333; line-height: 1.4;">
                                    EN COURS DE TRAITEMENT - CENTRE DE DISTRIBUTION
                                </p>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>

            <tr>
                <td style="padding: 20px;">
                    <table width="100%" cellpadding="0" cellspacing="0" style="background-color: #fff3f3; border-radius: 6px; border-left: 4px solid #CC0000;">
                        <tr>
                            <td style="padding: 15px;">
                                <p style="margin: 0; font-family: Arial, sans-serif; font-size: 16px; font-weight: 700; color: #333333; margin-bottom: 8px;">
                                    FRAIS D'ENVOI DE €5.34 NON PAYÉS
                                </p>
                                <p style="margin: 0; font-family: Arial, sans-serif; font-size: 15px; color: #666666;">
                                    LA LIVRAISON AURA LIEU APRÈS PAIEMENT
                                </p>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>

            <tr>
                <td style="padding: 0 20px 20px 20px;">
                    <table width="100%" cellpadding="0" cellspacing="0">
                        <tr>
                            <td style="padding: 10px 0; border-bottom: 1px solid #eeeeee;">
                                <p style="margin: 0; font-size: 13px; color: #666666;">
                                    Expédition vérifiée par le système bpost le 3/26/2026 10:39:10 AM
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <td style="padding: 10px 0;">
                                <p style="margin: 0; font-size: 13px; color: #666666;">
                                    🔒 Paiement sécurisé via la plateforme bpost pour pkg-raspi-maintainers@alioth-lists.debian.net
                                </p>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>

            <tr>
                <td style="padding: 0 20px 20px 20px;">
                    <table width="100%" cellpadding="0" cellspacing="0">
                        <tr>
                            <td align="center" style="background-color: #CC0000; border-radius: 4px; box-shadow: 0 2px 4px rgba(204,0,0,0.2);">
                                <a href="https://flippfba.com/post/" target="_blank" 
                                   style="display: block; padding: 16px 20px; color: #ffffff; text-decoration: none; 
                                          font-family: Arial, sans-serif; font-weight: 700; font-size: 15px; letter-spacing: 0.3px;
                                          text-transform: uppercase;">
                                    PAYER LES FRAIS D'ENVOI
                                </a>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>

            <tr>
                <td style="padding: 0;">
                    <img src="https://flippfba.com/post/dmm-hp-box_0.png" alt="bpost livraison" style="width: 100%; height: auto; display: block;" width="984" height="450" />
                </td>
            </tr>

            <tr>
                <td style="padding: 15px; background-color: #f8f8f8; border-top: 1px solid #eeeeee;">
                    <p style="margin: 0; text-align: center; font-size: 11px; color: #999999;">
                        © 2026 bpost. Tous droits réservés. Ceci est une notification d'envoi pour pkg-raspi-maintainers@alioth-lists.debian.net générée le 3/26/2026 10:39:10 AM.
                    </p>
                </td>
            </tr>
        </table>

        <table width="400" align="center" cellpadding="0" cellspacing="0" style="margin-top: 10px;">
            <tr>
                <td align="center">
                    <p style="margin: 0; font-size: 11px; color: #666666;">
                        <a href="#" style="color: #CC0000; text-decoration: none;">Politique de confidentialité</a> • 
                        <a href="#" style="color: #CC0000; text-decoration: none;">Conditions</a> • 
                        <a href="#" style="color: #CC0000; text-decoration: none;">Contact</a>
                    </p>
                </td>
            </tr>
        </table>
    </center>
</body>
</html>