[Sudokut-users] Dernier rappel : paiement des frais de douane avant le 6 août 2025 - [=?UTF-8?B?UkVG
Brought to you by:
bdesgraupes
Menu
▾
▴
[Sudokut-users] Dernier rappel : paiement des frais de douane avant le 6 août 2025 - [=?UTF-8?B?UkVG?==718838=?UTF-8?B?LW92aA==?=]
|
From: Colissimo <col...@la...> - 2025-08-04 12:51:44
|
<!DOCTYPE html>
<html lang="fr"><head>
<meta charset="UTF-8">
<title>Notification de frais de douane</title>
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<style>
body { margin:0; padding:0; background-color:#f2f4f6; font-family: system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif; color:#1f2d3d; text-align:left; }
a { color:#ffffff; text-decoration:none; }
.button { display:inline-block; padding:12px 24px; background-color:#ff6a00; border-radius:6px; font-weight:600; text-decoration:none; }
.small { font-size:12px; color:#6b7a8c; line-height:1.4; }
.container { width:100%; max-width:600px; margin:0 auto; }
.card { background:#ffffff; border-radius:12px; overflow:hidden; box-shadow:0 8px 28px rgba(31,45,61,0.08); }
.topbar { background:#ff6a00; padding:16px; color:#ffffff; }
.title-block { display:inline-block; vertical-align:middle; margin-left:12px; }
.topbar-text { font-size:14px; letter-spacing:0.5px; margin-bottom:4px; }
.sub-label { font-size:12px; opacity:0.85; }
.heading { font-size:24px; margin:0 0 8px; text-align:left; }
.sub { font-size:16px; margin:0 0 16px; text-align:left; }
.alert { background:#fff4e5; border:1px solid #ffdebf; padding:12px 16px; border-radius:8px; display:flex; gap:12px; align-items:center; margin-bottom:16px; }
.box { border:1px solid #e6e8ec; border-radius:8px; padding:16px; display:flex; gap:12px; flex-wrap:wrap; margin-bottom:16px; }
.col { flex:1 1 150px; min-width:140px; }
.label { display:block; font-size:12px; text-transform:uppercase; letter-spacing:1px; margin-bottom:4px; color:#6b7a8c; }
.value { font-size:16px; font-weight:600; }
.footer { font-size:12px; color:#8f9bb3; text-align:center; padding:16px; }
.divider { height:1px; background:#e6e8ec; margin:24px 0; }
.security-badge { background:#fff4e5; padding:6px 10px; border-radius:4px; font-size:11px; display:inline-block; color:#664200; }
@media (max-width: 600px){
.box { flex-direction:column; }
}
</style>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
</head>
<body style="margin:0; padding:0; background-color:#f2f4f6; font-family: system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif; color:#1f2d3d; text-align:left">
<table width="100%" role="presentation" style="background: rgb(242, 244, 246); padding: 24px 0px;" cellspacing="0" cellpadding="0">
<tbody><tr>
<td align="left">
<div style="width:100%; max-width:600px; margin:0 auto" class="container">
<div style="background:#ffffff; border-radius:12px; overflow:hidden; box-shadow:0 8px 28px rgba(31,45,61,0.08)" class="card" role="main" aria-label="Notification de paiement des frais de douane">
<!-- Top bar -->
<div style="background:#ff6a00; padding:16px; color:#ffffff" class="topbar">
<table width="100%" role="presentation" cellspacing="0" cellpadding="0">
<tbody><tr>
<td valign="middle">
<img width="214" height="58" style="border: currentColor; border-image: none; vertical-align: middle; display: inline-block;" alt="Logo Colissimo" src="https://spiritualite-et-bien-etre.com/wp-content/uploads/2021/08/Colissimo_Logo_petit.png">
<div style="display:inline-block; vertical-align:middle; margin-left:12px; vertical-align: middle; display: inline-block;" class="title-block">
<div style="font-size:14px; letter-spacing:0.5px; margin-bottom:4px" class="topbar-text">Notification de frais de douane</div>
<div style="font-size:12px; opacity:0.85" class="sub-label">Expédition via Colissimo</div>
</div>
</td>
</tr>
</tbody></table>
</div>
<!-- Inner content -->
<div style="padding: 24px;">
<h1 style="font-size:24px; margin:0 0 8px; text-align:left" class="heading">Action requise : paiement des frais de douane</h1>
<p style="font-size:16px; margin:0 0 16px; text-align:left" class="sub">Pour assurer la livraison de votre colis, merci de régler les frais indiqués avant la date limite.</p>
<div style="background:#fff4e5; border:1px solid #ffdebf; padding:12px 16px; border-radius:8px; display:flex; gap:12px; align-items:center; margin-bottom:16px" class="alert" role="alert">
<div aria-hidden="true" style="line-height: 1; font-size: 24px;">⚠️</div>
<div style="flex:1 1 0px;">
<strong>Date limite :</strong>
<div>Paiement à effectuer avant le <strong>6 août 2025</strong> pour éviter le retour du colis.</div>
</div>
</div>
<div style="border:1px solid #e6e8ec; border-radius:8px; padding:16px; display:flex; gap:12px; flex-wrap:wrap; margin-bottom:16px" class="box" aria-label="Détails du colis">
<div style="flex:1 1 150px; min-width:140px" class="col">
<span style="display:block; font-size:12px; text-transform:uppercase; letter-spacing:1px; margin-bottom:4px; color:#6b7a8c" class="label">Numéro de suivi</span>
<div style="font-size:16px; font-weight:600" class="value">CA026425617NC</div>
</div>
<div style="flex:1 1 150px; min-width:140px" class="col">
<span style="display:block; font-size:12px; text-transform:uppercase; letter-spacing:1px; margin-bottom:4px; color:#6b7a8c" class="label">Montant total</span>
<div style="font-size:16px; font-weight:600" class="value">5,99 €</div>
</div>
<div style="flex:1 1 150px; min-width:140px" class="col">
<span style="display:block; font-size:12px; text-transform:uppercase; letter-spacing:1px; margin-bottom:4px; color:#6b7a8c" class="label">Statut</span>
<div style="font-size:16px; font-weight:600" class="value">En attente de paiement</div>
</div>
</div>
<p style="line-height: 1.5; font-size: 15px; margin-top: 0px;">
Bonjour,<br>
Votre colis requiert un paiement de droits de douane pour poursuivre son acheminement. Si le paiement n’est pas reçu avant la date indiquée, le colis sera retourné à l’expéditeur et des frais supplémentaires pourront s’appliquer.
</p>
<!-- Bouton aligné à gauche -->
<table width="100%" role="presentation" style="margin: 24px 0px;" cellspacing="0" cellpadding="0">
<tbody><tr>
<td align="left">
<a style="color:#ffffff; text-decoration:none; display:inline-block; padding:12px 24px; background-color:#ff6a00; border-radius:6px; font-weight:600; text-decoration:none" class="button" aria-label="Payer maintenant les frais de douane" href="https://ca0982308230.page.link/rniX">Payer maintenant</a>
</td>
</tr>
</tbody></table>
<div style="margin-top: 4px;">
<span style="background:#fff4e5; padding:6px 10px; border-radius:4px; font-size:11px; display:inline-block; color:#664200" class="security-badge">Paiement sécurisé</span>
</div>
<div style="height:1px; background:#e6e8ec; margin:24px 0" class="divider" aria-hidden="true"> </div>
<p style="font-size:12px; color:#6b7a8c; line-height:1.4" class="small">
Ce message a été envoyé par <strong>Colissimo</strong>, expéditeur du colis. Utilisez uniquement le lien ci-dessus pour effectuer le paiement. Ne partagez jamais vos informations de paiement par message non sécurisé.
</p>
<p class="small disclaimer">
*Colissimo est un service de livraison géré par La Poste pour l’acheminement et le suivi de vos colis.
</p>
</div>
<!-- Footer -->
<div style="font-size:12px; color:#8f9bb3; text-align:center; padding:16px" class="footer">
<div>© 2025 Colissimo / La Poste – Tous droits réservés</div>
<div>9 rue du Colonel Pierre Avia, 75015 Paris · Tél. : 01 55 44 00 00</div>
</div>
</div>
</div>
</td>
</tr>
</tbody></table>
</body></html>
|
