<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title><%= it.title %></title>
    <style>
        body { font-family: Arial, sans-serif; margin: 20px; padding: 0; color: #333; }
        .container { max-width: 600px; margin: auto; }
        .button { background-color: #1971c2; /* Green */
                  border: none;
                  color: white;
                  padding: 15px 32px;
                  text-align: center;
                  text-decoration: none;
                  display: inline-block;
                  font-size: 16px;
                  margin: 4px 2px;
                  cursor: pointer;
                  border-radius: 4px;
                  text-transform: uppercase; }
        .footer { margin-top: 20px; font-size: 12px; text-align: center; color: #777; }
        img.logo { max-width: 100%; height: auto; margin: 0 auto; display: block; }
        .instruction { margin-top: 20px; font-size: 14px; color: #555; }
    </style>
</head>
<body>
    <div class="container">
    <div class="content"><%~ it.body %></div>
    <p class="footer">Cordialement,<br>Alerte-Secours.</p>
    <img src="data:image/png;base64,[encoded data, 16292 characters]" alt="Logo Alerte-Secours" class="logo">
    </div>
</body>
</html>