<!DOCTYPE html>
<html dir="ltr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<title>Mastodon</title>
<meta name="x-apple-disable-message-reformatting">
<meta content="width=device-width, initial-scale=1" name="viewport">
<meta content="telephone=no, date=no, address=no, email=no, url=no" name="format-detection">
<meta content="light" name="supported-color-schemes">
<style data-premailer="ignore">
.email a { color: inherit; text-decoration: none; }
.email-btn-hover:hover { background-color: #563acc !important; }
</style>
<!--[if mso]>
<xml>
<o:OfficeDocumentSettings xmlns:o="urn:schemas-microsoft-com:office:office">
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml>
<![endif]-->
<style>@font-face {
font-family: Inter; font-style: normal; font-weight: 100 900; src: url(mastodon.xyz/packs/media/fonts/inter/inter-variable-font-slnt-wght-11783d6e291288bd5095886df224dd52.woff2) format("woff2-variations"); mso-generic-font-family: swiss;
}
body {
accent-color: #6364ff; background-color: #f3f2f5; margin: 0; padding: 0; word-break: break-word; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; text-size-adjust: none;
}
img {
color: inherit; font-family: inherit; height: auto; max-width: 100%; text-indent: 0; vertical-align: middle;
}
img {
border: none;
}
.email-prose p a:not([class]):hover {
color: #563acc !important;
}
.email-body-padding-td>p a:hover {
color: #563acc !important;
}
.email-status-prose a:hover {
color: #563acc !important;
}
.email-status-prose .ellipsis:after {
content: "…";
}
.email-status-media a:hover {
color: #563acc !important;
}
.email-status-footer a:hover {
color: #746a89 !important; -webkit-text-decoration: underline !important; text-decoration: underline !important;
}
.email-link-with-arrow:hover {
color: #563acc !important;
}
@media only screen and (min-width:740px) {
.email-desktop-p-8 {
padding: 32px !important;
}
.email-desktop-rounded-16px {
border-radius: 16px !important;
}
.email-header-td {
border-radius: 16px 16px 0 0 !important;
}
.email-desktop-flex {
display: flex;
}
.email-header-left {
padding-right: 32px;
}
.email-header-right {
margin-inline-start: auto; width: 240px;
}
.email-desktop-column {
max-width: 346px !important;
}
.email-desktop-text-right {
text-align: right;
}
}
</style>
</head>
<body style="accent-color: #6364ff; background-color: #f3f2f5; word-break: break-word; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; text-size-adjust: none; margin: 0; padding: 0;">
<div class="email" dir="ltr" style="background-color: #f3f2f5; color: #17063b; font-family: Inter,Lucida Grande,sans-serif; min-width: 280px; word-break: break-word;">
<table border="0" cellpadding="0" cellspacing="0" class="email-w-full" role="presentation" style="table-layout: fixed; width: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-style: none;">
<tr>
<td class="email-desktop-p-8">
<div class="email-container" style="max-width: 740px; width: 100%; margin: 0 auto;">
<!--[if mso]>
<table border="0" cellpadding="0" cellspacing="0" align="center" style="width:740px;" role="presentation"><tr><td>
<![endif]-->
<table border="0" cellpadding="0" cellspacing="0" class="email-w-full email-card-table" role="presentation" style="border-collapse: collapse; width: 100%; table-layout: fixed; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-style: none;">
<tr>
<td class="email-card-td email-desktop-rounded-16px" style="background-color: #fff; box-shadow: 0 4px 16px 0 rgba(23,6,59,.04); overflow: hidden;">
<table border="0" cellpadding="0" cellspacing="0" class="email-header-table email-w-full" role="presentation" style="table-layout: fixed; width: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-style: none;">
<tr>
<td class="email-header-td" style="background: #1b001f url(mastodon.xyz/packs/media/images/mailer-new/common/header-bg-start-a2aacb4f9e131a9f4132c0f037ce27dc.png) repeat 0 0; padding: 16px 32px;">
<table border="0" cellpadding="0" cellspacing="0" class="email-header-logo-table" role="presentation" style="width: auto; mso-table-lspace: 0pt; mso-table-rspace: 0pt; margin: 0; border-style: none;">
<tr>
<td class="email-header-logo-td" style="font-size: 0; padding: 16px 0;">
<!--[if mso]>
<v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="false" stroke="false" style="position:absolute; left:40px; top:26px; width:636px;"><v:textbox style="mso-fit-shape-to-text:true" inset="0,0,0,0">
<![endif]-->
<div class="email-header-logo-div" style="max-height: 0;">
<p class="email-header-logo-p" style="background-color: transparent; font-family: Inter,Lucida Grande,sans-serif; color: #8d808f; font-size: 11px; line-height: 13px; text-align: left; word-break: break-all; margin: 0; padding: 26px 0 0 40px; border-style: none;">
<span class="email-header-logo-span" style="display: block; text-align: right;">
/
mastodon.xyz
</span>
</p>
</div>
<!--[if mso]>
</v:textbox></v:rect>
<![endif]-->
<a class="email-header-logo-a" href="https://mastodon.xyz/" style="display: inline-block;"><img alt="Mastodon" width="157" height="40" src="https://mastodon.xyz/packs/media/images/mailer-new/common/logo-header-b62c3312a4564aa4f1c4e952c9fc8547.png" style="color: #fff; font-family: inherit; height: auto; max-width: 100%; text-indent: 0; vertical-align: middle; font-size: 16px; font-weight: 700; max-height: 40px; display: inline-block; border-style: none;">
</a>
</td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" class="email-w-full email-header-heading-table" role="presentation" style="table-layout: fixed; width: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-style: none;">
<tr>
<td class="email-header-heading-td" style="padding: 16px 0;">
<table border="0" cellpadding="0" cellspacing="0" class="email-w-full" role="presentation" style="table-layout: fixed; width: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-style: none;">
<tr>
<td class="email-header-heading-img-td" style="text-align: left; vertical-align: top; width: 56px;">
<img alt="" width="56" height="56" src="https://mastodon.xyz/packs/media/images/mailer-new/heading/login-b7724c2ce8ccb14cf64dea3e36ac3e32.png" style="color: inherit; font-family: inherit; height: 56px; max-width: 100%; text-indent: 0; vertical-align: middle; border-radius: 12px; width: 56px; border-style: none;">
</td>
<td class="email-header-heading-txt-td" style="padding-left: 16px; padding-right: 16px; vertical-align: middle;">
<h1 style="background-color: transparent; font-family: Inter,Lucida Grande,sans-serif; color: #fff; font-size: 24px; font-weight: 600; line-height: 28px; margin: 0 0 5px; padding: 0; border-style: none;">Une nouvelle connexion</h1>
<p style="background-color: transparent; font-family: Inter,Lucida Grande,sans-serif; color: #a399a5; font-size: 18px; font-weight: 500; line-height: 21.6px; margin: 0; padding: 0; border-style: none;">Nous avons détecté une connexion à votre compte à partir d’une nouvelle adresse IP.</p>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<div class="email-header-after-div" style="max-height: 0;">
<div class="email-header-after-inside-div" style="background-color: #1b001f; height: 30px;"></div>
</div>
<table border="0" cellpadding="0" cellspacing="0" class="email-body-table email-w-full" role="presentation" style="table-layout: fixed; width: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-style: none;">
<tr>
<td class="email-body-td" style="background: url(mastodon.xyz/packs/media/images/mailer-new/common/header-bg-end-db72c62242f576f430f247482e4d4d27.png) no-repeat 0 0;">
<table border="0" cellpadding="0" cellspacing="0" class="email-w-full" role="presentation" style="table-layout: fixed; width: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-style: none;">
<tr>
<td class="email-body-padding-td" style="mso-padding-alt: 32px; padding: 0 32px 32px;">
<table border="0" cellpadding="0" cellspacing="0" class="email-inner-card-table" role="presentation" style="border-collapse: initial; border-radius: 12px; width: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-style: none;">
<tr>
<td class="email-inner-card-td email-prose" style="background-color: #fff; border-radius: 12px; box-shadow: 0 4px 16px 0 rgba(23,6,59,.08); overflow: hidden; padding: 24px; border: 1px solid #dfdee3;">
<p style="background-color: transparent; font-family: Inter,Lucida Grande,sans-serif; color: #17063b; font-size: 14px; line-height: 20px; margin: 0 0 16px; padding: 0; border-style: none;">Voici les détails de la connexion :</p>
<p style="background-color: transparent; font-family: Inter,Lucida Grande,sans-serif; color: #17063b; font-size: 14px; line-height: 20px; margin: 0 0 16px; padding: 0; border-style: none;">
<strong>Adresse IP:</strong>
78.246.174.73
<br>
<strong>Navigateur:</strong>
<span title="Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:134.0) Gecko/20100101 Firefox/134.0">
Firefox sur Linux
</span>
<br>
<strong>Date:</strong>
30 mai 2025, 14:50 UTC
</p>
<table border="0" cellpadding="0" cellspacing="0" class="email-btn-table" role="presentation" style="background-color: #6364ff; border-collapse: initial; border-radius: 8px; max-width: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; margin: 0; border-style: none;">
<tr>
<td class="email-btn-td" style="height: 40px; text-align: center; mso-padding-alt: 0 35px; word-break: normal;">
<a class="email-btn-a email-btn-hover" href="https://mastodon.xyz/auth/edit" style="border-radius: 8px; color: #fff; display: block; font-family: Inter,Lucida Grande,sans-serif; font-size: 14px; font-weight: 600; line-height: 20px; text-align: center; -webkit-text-decoration: none; text-decoration: none; transition: background-color .3s ease-in-out; padding: 10px 35px;">Paramètres du compte ➜</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
<p style="background-color: transparent; font-family: Inter,Lucida Grande,sans-serif; color: #17063b; font-size: 14px; line-height: 20px; margin: 16px 0 0; padding: 0; border-style: none;">Si ce n’était pas vous, nous vous recommandons de <a href="https://mastodon.xyz/auth/edit" style="color: #6364ff; -webkit-text-decoration: none; text-decoration: none;">changer votre mot de passe</a> immédiatement et d’activer l’authentification à deux facteurs afin de garder votre compte sécurisé.</p>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!--[if mso]>
</td></tr></table>
<![endif]-->
</div>
<div class="email-container" style="max-width: 740px; width: 100%; margin: 0 auto;">
<!--[if mso]>
<table border="0" cellpadding="0" cellspacing="0" align="center" style="width:740px;" role="presentation"><tr><td>
<![endif]-->
<table border="0" cellpadding="0" cellspacing="0" class="email-w-full" role="presentation" style="table-layout: fixed; width: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-style: none;">
<tr>
<td class="email-footer-td" style="text-align: center; padding: 28px 32px 32px;">
<p class="email-footer-p" style="background-color: transparent; font-family: Inter,Lucida Grande,sans-serif; color: #9b94ab; font-size: 12px; line-height: 20px; text-align: center; margin: 0 0 12px; padding: 0; border-style: none;">
<a class="email-footer-logo-a" href="https://mastodon.xyz/" style="display: inline-block; color: #9b94ab; -webkit-text-decoration: underline; text-decoration: underline;"><img alt="Mastodon" width="44" height="44" src="https://mastodon.xyz/packs/media/images/mailer-new/common/logo-footer-894c22dc9deb311dad853ca82df5b2cc.png" style="color: inherit; font-family: inherit; height: auto; max-width: 100%; text-indent: 0; vertical-align: middle; border-style: none;">
</a></p>
<p class="email-footer-p" style="background-color: transparent; font-family: Inter,Lucida Grande,sans-serif; color: #9b94ab; font-size: 12px; line-height: 20px; text-align: center; margin: 0; padding: 0; border-style: none;">
Serveur Mastodon hébergé sur mastodon.xyz
</p>
<p class="email-footer-p" style="background-color: transparent; font-family: Inter,Lucida Grande,sans-serif; color: #9b94ab; font-size: 12px; line-height: 20px; text-align: center; margin: 0; padding: 0; border-style: none;">
<a href="https://mastodon.xyz/settings/preferences/notifications" style="color: #9b94ab; -webkit-text-decoration: underline; text-decoration: underline;">Modification des préférences de la messagerie</a>
</p>
</td>
</tr>
</table>
<!--[if mso]>
</td></tr></table>
<![endif]-->
</div>
</td>
</tr>
</table>
</div>
</body>
</html>