253 lines
9.1 KiB
HTML
253 lines
9.1 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<title>Paturlettre</title>
|
||
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||
|
|
<style type="text/css">
|
||
|
|
/* FONTS */
|
||
|
|
@media screen {
|
||
|
|
@font-face {
|
||
|
|
font-family: "Open Sans";
|
||
|
|
font-style: normal;
|
||
|
|
font-weight: 400;
|
||
|
|
src: local("Open Sans"), local("OpenSans"), url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3ZBw1xU1rKptJj_0jans920.woff2) format("woff2");
|
||
|
|
}
|
||
|
|
@font-face {
|
||
|
|
font-family: "Open Sans";
|
||
|
|
font-style: normal;
|
||
|
|
font-weight: 700;
|
||
|
|
src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzBampu5_7CjHW5spxoeN3Vs.woff2) format("woff2");
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/* CLIENT-SPECIFIC STYLES */
|
||
|
|
body,
|
||
|
|
table,
|
||
|
|
td,
|
||
|
|
a {
|
||
|
|
-webkit-text-size-adjust: 100%;
|
||
|
|
-ms-text-size-adjust: 100%;
|
||
|
|
}
|
||
|
|
table,
|
||
|
|
td {
|
||
|
|
mso-table-lspace: 0pt;
|
||
|
|
mso-table-rspace: 0pt;
|
||
|
|
}
|
||
|
|
img {
|
||
|
|
-ms-interpolation-mode: bicubic;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* RESET STYLES */
|
||
|
|
img {
|
||
|
|
border: 0;
|
||
|
|
height: auto;
|
||
|
|
line-height: 100%;
|
||
|
|
outline: none;
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
table {
|
||
|
|
border-collapse: collapse !important;
|
||
|
|
}
|
||
|
|
body {
|
||
|
|
height: 100% !important;
|
||
|
|
margin: 0 !important;
|
||
|
|
padding: 0 !important;
|
||
|
|
width: 100% !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* iOS BLUE LINKS */
|
||
|
|
a[x-apple-data-detectors] {
|
||
|
|
color: inherit !important;
|
||
|
|
text-decoration: none !important;
|
||
|
|
font-size: inherit !important;
|
||
|
|
font-family: inherit !important;
|
||
|
|
font-weight: inherit !important;
|
||
|
|
line-height: inherit !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* MOBILE STYLES */
|
||
|
|
@media screen and (max-width: 600px) {
|
||
|
|
h1 {
|
||
|
|
font-size: 32px !important;
|
||
|
|
line-height: 32px !important;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
td.genea_row {
|
||
|
|
padding: 2px 5px 3px;
|
||
|
|
}
|
||
|
|
|
||
|
|
td.genea_header {
|
||
|
|
padding: 3px 5px 0px;
|
||
|
|
font-size: 90%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.min_info {
|
||
|
|
font-size: 90%;
|
||
|
|
opacity: 0.9;
|
||
|
|
}
|
||
|
|
|
||
|
|
td.day_row {
|
||
|
|
padding: 3px 5px 0px;
|
||
|
|
font-weight: 400;
|
||
|
|
font-size: 110%;
|
||
|
|
color: #229027;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* ANDROID CENTER FIX */
|
||
|
|
div[style*="margin: 16px 0;"] {
|
||
|
|
margin: 0 !important;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body style="background-color: #eef3ee; margin: 0 !important; padding: 0 !important;">
|
||
|
|
<!-- HIDDEN PREHEADER TEXT -->
|
||
|
|
<div style="display: none; font-size: 1px; color: #fefefe; line-height: 1px; font-family: 'Open Sans', 'OpenSans', Segoe UI, Helvetica, Arial, sans-serif; max-height: 0px; max-width: 0px; opacity: 0; overflow: hidden;">
|
||
|
|
Paturlettre
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="font-family: 'Open Sans', 'OpenSans', Segoe UI, Helvetica, Arial, sans-serif;">
|
||
|
|
<!-- LOGO -->
|
||
|
|
<tr>
|
||
|
|
<td bgcolor="#34ce3b" align="center">
|
||
|
|
<!--[if (gte mso 9)|(IE)]>
|
||
|
|
<table align="center" border="0" cellspacing="0" cellpadding="0" width="600">
|
||
|
|
<tr>
|
||
|
|
<td align="center" valign="top" width="600">
|
||
|
|
<![endif]-->
|
||
|
|
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
|
||
|
|
<tr>
|
||
|
|
<td align="center" valign="top" style="padding: 15px 10px 15px 10px;">
|
||
|
|
<img alt="Logo" src="{LogoAddress}" width="450" height="75" style="display: block; width: 300px; max-width: 450px; min-width: 75px; border="0">
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
<!--[if (gte mso 9)|(IE)]>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
<![endif]-->
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<!-- HERO -->
|
||
|
|
<tr>
|
||
|
|
<td bgcolor="#34ce3b" align="center" style="padding: 0px 10px 0px 10px;">
|
||
|
|
<!--[if (gte mso 9)|(IE)]>
|
||
|
|
<table align="center" border="0" cellspacing="0" cellpadding="0" width="600">
|
||
|
|
<tr>
|
||
|
|
<td align="center" valign="top" width="600">
|
||
|
|
<![endif]-->
|
||
|
|
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
|
||
|
|
<tr>
|
||
|
|
<td bgcolor="#ffffff" align="center" valign="top" style="padding: 20px 20px 20px 20px; border-radius: 20px 20px 0px 0px; color: #2a2f34; font-weight: 400; letter-spacing: 0px;">
|
||
|
|
<h1 style="font-size: 32px; font-weight: 400; margin: 0;">{Main_Title}</h1>
|
||
|
|
<h2 style="font-size: 18px; font-weight: 200; margin-top: 5px; margin-bottom: 0px;">{Sub_Title}</h2>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
<!--[if (gte mso 9)|(IE)]>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
<![endif]-->
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<!-- COPY BLOCK -->
|
||
|
|
<tr>
|
||
|
|
<td bgcolor="#eef3ee" align="center" style="padding: 0px 10px 0px 10px;">
|
||
|
|
<!--[if (gte mso 9)|(IE)]>
|
||
|
|
<table align="center" border="0" cellspacing="0" cellpadding="0" width="600">
|
||
|
|
<tr>
|
||
|
|
<td align="center" valign="top" width="600">
|
||
|
|
<![endif]-->
|
||
|
|
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
|
||
|
|
<!-- COPY -->
|
||
|
|
<tr>
|
||
|
|
<td bgcolor="#ffffff" align="center" style="padding: 0px 30px 20px 30px; color: #808980; font-size: 13px; font-weight: 400; text-align: center;">
|
||
|
|
<h3>Semaine précédente</h3>
|
||
|
|
<table style="width: 100%;">
|
||
|
|
{EVENTS_PREVIOUS}
|
||
|
|
</table>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<!-- COPY -->
|
||
|
|
<tr>
|
||
|
|
<td bgcolor="#ffffff" align="center" style="padding: 0px 30px 20px 30px; color: #2b342a; font-size: 16px; font-weight: 400; text-align: center;">
|
||
|
|
<h3>Cette semaine</h3>
|
||
|
|
<table style="width: 100%;">
|
||
|
|
{EVENTS_CURRENT}
|
||
|
|
</table>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<!-- COPY -->
|
||
|
|
<tr>
|
||
|
|
<td bgcolor="#ffffff" align="center" style="padding: 0px 30px 20px 30px; color: #808980; font-size: 13px; font-weight: 400; text-align: center;">
|
||
|
|
<h3>Semaine prochaine</h3>
|
||
|
|
<table style="width: 100%;">
|
||
|
|
{EVENTS_NEXT}
|
||
|
|
</table>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
<!-- QUOTE -->
|
||
|
|
<tr>
|
||
|
|
<td bgcolor="#ffffff" align="left" style="border-radius: 0px 0px 20px 20px;">
|
||
|
|
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||
|
|
<tr>
|
||
|
|
<td align="center" style="padding: 10px 30px 40px 30px;">
|
||
|
|
<table border="0" cellspacing="0" cellpadding="0">
|
||
|
|
<tr>
|
||
|
|
<td width="100%" align="center" style="font-size: 13px; color: #2a2f34; text-decoration: none; display: inline-block; text-align: center; margin-bottom: 3px;"><i>Citation de la semaine</i></td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td style="font-size: 16px; color: #2a2f34; text-decoration: none; padding: 12px 16px; border-radius: 10px; border: 1px solid #dce0e3; display: inline-block; text-align: left;" bgcolor="#fff">
|
||
|
|
<i>{Quote_Text}</i><br />
|
||
|
|
— {Quote_Author}
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
<!--[if (gte mso 9)|(IE)]>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
<![endif]-->
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
|
||
|
|
<!-- FOOTER -->
|
||
|
|
<tr>
|
||
|
|
<td bgcolor="#eef3ee" align="center" style="padding: 0px 10px 0px 10px;">
|
||
|
|
<!--[if (gte mso 9)|(IE)]>
|
||
|
|
<table align="center" border="0" cellspacing="0" cellpadding="0" width="600">
|
||
|
|
<tr>
|
||
|
|
<td align="center" valign="top" width="600">
|
||
|
|
<![endif]-->
|
||
|
|
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;">
|
||
|
|
<!-- NAVIGATION -->
|
||
|
|
<tr>
|
||
|
|
<td bgcolor="#eef3ee" align="center" style="padding: 30px 30px 30px 30px; color: #9ba5ae; font-size: 14px; font-weight: 400; line-height: 18px;">
|
||
|
|
<p style="margin: 0;">
|
||
|
|
Cet email vous est envoyé par Cyril NOVEL<br />
|
||
|
|
parce que vous êtes inscrit sur la liste de diffusion de la Paturlettre.<br />
|
||
|
|
Des questions ou des commentaires ? Envoyez un email à <a href="mailto:paturlettre@kosmon.fr" style="color: #34ce3b;">Paturlettre</a>.
|
||
|
|
</p>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
<!--[if (gte mso 9)|(IE)]>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
<![endif]-->
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
</body>
|
||
|
|
</html>
|