<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
	<title>Message de {shop_name}</title>
</head>
<body style="-webkit-text-size-adjust:none;background-color:#fff;width:650px;font-family:Open-sans, sans-serif;color:#555454;font-size:13px;line-height:18px;margin:auto">
<style type="text/css">@media only screen and (max-width: 300px){ 
				body {
					width:218px !important;
					margin:auto !important;
				}
				.table {width:195px !important;margin:auto !important;}
				.logo, .titleblock, .linkbelow, .box, .footer, .space_footer{width:auto !important;display: block !important;}		
				span.title{font-size:20px !important;line-height: 23px !important}
				span.subtitle{font-size: 14px !important;line-height: 18px !important;padding-top:10px !important;display:block !important;}		
				td.box p{font-size: 12px !important;font-weight: bold !important;}
				.table-recap table, .table-recap thead, .table-recap tbody, .table-recap th, .table-recap td, .table-recap tr { 
					display: block !important; 
				}
				.table-recap{width: 200px!important;}
				.table-recap tr td, .conf_body td{text-align:center !important;}	
				.address{display: block !important;margin-bottom: 10px !important;}
				.space_address{display: none !important;}	
			}
	@media only screen and (min-width: 301px) and (max-width: 500px) { 
				body {width:308px!important;margin:auto!important;}
				.table {width:285px!important;margin:auto!important;}	
				.logo, .titleblock, .linkbelow, .box, .footer, .space_footer{width:auto!important;display: block!important;}	
				.table-recap table, .table-recap thead, .table-recap tbody, .table-recap th, .table-recap td, .table-recap tr { 
					display: block !important; 
				}
				.table-recap{width: 295px !important;}
				.table-recap tr td, .conf_body td{text-align:center !important;}
				
			}
	@media only screen and (min-width: 501px) and (max-width: 768px) {
				body {width:478px!important;margin:auto!important;}
				.table {width:450px!important;margin:auto!important;}	
				.logo, .titleblock, .linkbelow, .box, .footer, .space_footer{width:auto!important;display: block!important;}			
			}
	@media only screen and (max-device-width: 480px) { 
				body {width:308px!important;margin:auto!important;}
				.table {width:285px;margin:auto!important;}	
				.logo, .titleblock, .linkbelow, .box, .footer, .space_footer{width:auto!important;display: block!important;}
				
				.table-recap{width: 295px!important;}
				.table-recap tr td, .conf_body td{text-align:center!important;}	
				.address{display: block !important;margin-bottom: 10px !important;}
				.space_address{display: none !important;}	
			}
</style>
<table class="table table-mail" style="width: 100%; margin-top: 10px; -moz-box-shadow: 0 0 5px #afafaf; -webkit-box-shadow: 0 0 5px #afafaf; -o-box-shadow: 0 0 5px #afafaf; box-shadow: 0 0 5px #afafaf; filter: progid:DXImageTransform.Microsoft.Shadow(color=#afafaf,Direction=134,Strength=5);">
	<tbody>
		<tr>
			<td class="space" style="width: 20px; padding: 7px 0;">&nbsp;</td>
			<td align="center" style="padding: 7px 0;">
			<table bgcolor="#ffffff" class="table" style="width: 100%;">
				<tbody>
					<tr>
						<td>
						<p style="text-align: center;"><span style="font-size:11px;"><font face="Arial, Helvetica, sans-serif"><span style="color:#A9A9A9;">Vous recevez ce message parce que vous vous &ecirc;tes inscrit sur le site Internet </span><a href="https://www.mister-gadgets.com" target="_blank"><span style="color:#A9A9A9;">www.mister-gadgets.com</span></a><span style="color:#A9A9A9;"> avec l&#39;email [Email].&nbsp;</span></font><span style="color:#A9A9A9;"><font face="Arial, Helvetica, sans-serif">Si vous ne souhaitez plus recevoir nos mails d&#39;information, </font></span></span><span style="color:#A9A9A9;"><font face="Arial, Helvetica, sans-serif"><u><unsubscribe><span style="font-size:11px;">cliquez</span></unsubscribe></u></font><span style="font-size:11px;"><font face="Arial, Helvetica, sans-serif"><u><unsubscribe> ici</unsubscribe></u></font></span></span></p>
						</td>
					</tr>
					<tr>
						<td>
						<p style="text-align: center;"><font color="#777777" face="Arial, Helvetica, sans-serif" size="2">Si ce message ne s&#39;affiche pas correctement, <u><webversion>cliquez ici</webversion></u></font></p>
						</td>
					</tr>
					<tr>
						<td align="center" class="logo" style="border-bottom: 4px solid #333333; padding: 7px 0;"><a href="htps://mister-gadgets.com" style="color: #337ff1;" title="mister-gadgets.com"><img alt="mister-gadgets.com" src="https://mister-gadgets.com/img/mister-gadgetscom-logo-1540982580.jpg" /> </a></td>
					</tr>
					<tr>
						<td align="center" class="titleblock" style="padding: 7px 0;"><span color="#555454" face="Open-sans, sans-serif" size="2" style="color: #555454; font-family: Open-sans, sans-serif; font-size: small;"><span class="title" style="font-weight: 500; font-size: 28px; text-transform: uppercase; line-height: 33px;">Bonjour [prenom,fallback=] [Name,fallback=],</span><br />
						<span class="subtitle" style="font-weight: 500; font-size: 16px; text-transform: uppercase; line-height: 25px;">TEXTE TEXTE TEXTE TEXTE ?</span></span></td>
					</tr>
					<tr>
						<td class="space_footer" style="padding: 0!important;">&nbsp;</td>
					</tr>
					<tr>
						<td class="box" style="border: 1px solid #D6D4D4; background-color: #f8f8f8; padding: 7px 0;">
						<table class="table" style="width: 100%;">
							<tbody>
								<tr>
									<td style="padding: 7px 0;" width="10">&nbsp;</td>
									<td style="padding: 7px 0;">
									<p data-html-only="1" style="border-bottom: 1px solid #D6D4D4; margin: 3px 0 7px; text-transform: uppercase; font-weight: 500; font-size: 18px; padding-bottom: 10px;">TEXTE TEXTE TEXTE.</p>

									<p>texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte</p>

									<p align="center"><br />
									texte&nbsp;texte&nbsp;texte&nbsp;texte&nbsp;texte&nbsp;texte&nbsp;<strong>&nbsp;:</strong><span style="font-size:14px;"><strong> [code_promo,FALLBACK=]</strong></span><br />
									texte&nbsp;texte&nbsp;texte&nbsp;texte&nbsp;texte&nbsp;texte&nbsp;texte&nbsp;</p>

									<p align="center"><span style="font-size:10px;">texte&nbsp;texte&nbsp;texte&nbsp;texte&nbsp;texte&nbsp;</span></p>

									<p align="center">texte&nbsp;texte&nbsp;texte&nbsp;texte&nbsp;texte&nbsp;texte&nbsp;texte&nbsp;.</p>

									<p><br />
									<br />
									L&#39;&eacute;quipe se fera un plaisir&nbsp;de vous servir de nouveau&nbsp;</p>
									</td>
									<td style="padding: 7px 0;" width="10">&nbsp;</td>
								</tr>
							</tbody>
						</table>
						</td>
					</tr>
					<tr>
						<td class="space_footer" style="padding: 0!important;">&nbsp;</td>
					</tr>
					<tr>
						<td class="footer" style="border-top: 4px solid #333333; padding: 7px 0;">
						<p><span>Toute l&#39;&eacute;quipe de&nbsp;<a href="https://mister-gadgets.com" style="color: #337ff1;" target="_blank">Mister Gadgets</a></span></p>

						<p align="center">&nbsp;</p>
						</td>
					</tr>
				</tbody>
			</table>
			</td>
		</tr>
	</tbody>
</table>
</body>
</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
	<title>Message de {shop_name}</title>
</head>
<body style="-webkit-text-size-adjust:none;background-color:#fff;width:650px;font-family:Open-sans, sans-serif;color:#555454;font-size:13px;line-height:18px;margin:auto">
<style type="text/css">@media only screen and (max-width: 300px){ 
				body {
					width:218px !important;
					margin:auto !important;
				}
				.table {width:195px !important;margin:auto !important;}
				.logo, .titleblock, .linkbelow, .box, .footer, .space_footer{width:auto !important;display: block !important;}		
				span.title{font-size:20px !important;line-height: 23px !important}
				span.subtitle{font-size: 14px !important;line-height: 18px !important;padding-top:10px !important;display:block !important;}		
				td.box p{font-size: 12px !important;font-weight: bold !important;}
				.table-recap table, .table-recap thead, .table-recap tbody, .table-recap th, .table-recap td, .table-recap tr { 
					display: block !important; 
				}
				.table-recap{width: 200px!important;}
				.table-recap tr td, .conf_body td{text-align:center !important;}	
				.address{display: block !important;margin-bottom: 10px !important;}
				.space_address{display: none !important;}	
			}
	@media only screen and (min-width: 301px) and (max-width: 500px) { 
				body {width:308px!important;margin:auto!important;}
				.table {width:285px!important;margin:auto!important;}	
				.logo, .titleblock, .linkbelow, .box, .footer, .space_footer{width:auto!important;display: block!important;}	
				.table-recap table, .table-recap thead, .table-recap tbody, .table-recap th, .table-recap td, .table-recap tr { 
					display: block !important; 
				}
				.table-recap{width: 295px !important;}
				.table-recap tr td, .conf_body td{text-align:center !important;}
				
			}
	@media only screen and (min-width: 501px) and (max-width: 768px) {
				body {width:478px!important;margin:auto!important;}
				.table {width:450px!important;margin:auto!important;}	
				.logo, .titleblock, .linkbelow, .box, .footer, .space_footer{width:auto!important;display: block!important;}			
			}
	@media only screen and (max-device-width: 480px) { 
				body {width:308px!important;margin:auto!important;}
				.table {width:285px;margin:auto!important;}	
				.logo, .titleblock, .linkbelow, .box, .footer, .space_footer{width:auto!important;display: block!important;}
				
				.table-recap{width: 295px!important;}
				.table-recap tr td, .conf_body td{text-align:center!important;}	
				.address{display: block !important;margin-bottom: 10px !important;}
				.space_address{display: none !important;}	
			}
</style>
<table class="table table-mail" style="width: 100%; margin-top: 10px; -moz-box-shadow: 0 0 5px #afafaf; -webkit-box-shadow: 0 0 5px #afafaf; -o-box-shadow: 0 0 5px #afafaf; box-shadow: 0 0 5px #afafaf; filter: progid:DXImageTransform.Microsoft.Shadow(color=#afafaf,Direction=134,Strength=5);">
	<tbody>
		<tr>
			<td class="space" style="width: 20px; padding: 7px 0;">&nbsp;</td>
			<td align="center" style="padding: 7px 0;">
			<table bgcolor="#ffffff" class="table" style="width: 100%;">
				<tbody>
					<tr>
						<td>
						<p style="text-align: center;"><span style="font-size:11px;"><font face="Arial, Helvetica, sans-serif"><span style="color:#A9A9A9;">Vous recevez ce message parce que vous vous &ecirc;tes inscrit sur le site Internet </span><a href="https://www.mister-gadgets.com" target="_blank"><span style="color:#A9A9A9;">www.mister-gadgets.com</span></a><span style="color:#A9A9A9;"> avec l&#39;email [Email].&nbsp;</span></font><span style="color:#A9A9A9;"><font face="Arial, Helvetica, sans-serif">Si vous ne souhaitez plus recevoir nos mails d&#39;information, </font></span></span><span style="color:#A9A9A9;"><font face="Arial, Helvetica, sans-serif"><u><unsubscribe><span style="font-size:11px;">cliquez</span></unsubscribe></u></font><span style="font-size:11px;"><font face="Arial, Helvetica, sans-serif"><u><unsubscribe> ici</unsubscribe></u></font></span></span></p>
						</td>
					</tr>
					<tr>
						<td>
						<p style="text-align: center;"><font color="#777777" face="Arial, Helvetica, sans-serif" size="2">Si ce message ne s&#39;affiche pas correctement, <u><webversion>cliquez ici</webversion></u></font></p>
						</td>
					</tr>
					<tr>
						<td align="center" class="logo" style="border-bottom: 4px solid #333333; padding: 7px 0;"><a href="htps://mister-gadgets.com" style="color: #337ff1;" title="mister-gadgets.com"><img alt="mister-gadgets.com" src="https://mister-gadgets.com/img/mister-gadgetscom-logo-1540982580.jpg" /> </a></td>
					</tr>
					<tr>
						<td align="center" class="titleblock" style="padding: 7px 0;"><span color="#555454" face="Open-sans, sans-serif" size="2" style="color: #555454; font-family: Open-sans, sans-serif; font-size: small;"><span class="title" style="font-weight: 500; font-size: 28px; text-transform: uppercase; line-height: 33px;">Bonjour [prenom,fallback=] [Name,fallback=],</span><br />
						<span class="subtitle" style="font-weight: 500; font-size: 16px; text-transform: uppercase; line-height: 25px;">TEXTE TEXTE TEXTE TEXTE ?</span></span></td>
					</tr>
					<tr>
						<td class="space_footer" style="padding: 0!important;">&nbsp;</td>
					</tr>
					<tr>
						<td class="box" style="border: 1px solid #D6D4D4; background-color: #f8f8f8; padding: 7px 0;">
						<table class="table" style="width: 100%;">
							<tbody>
								<tr>
									<td style="padding: 7px 0;" width="10">&nbsp;</td>
									<td style="padding: 7px 0;">
									<p data-html-only="1" style="border-bottom: 1px solid #D6D4D4; margin: 3px 0 7px; text-transform: uppercase; font-weight: 500; font-size: 18px; padding-bottom: 10px;">TEXTE TEXTE TEXTE.</p>

									<p>texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte</p>

									<p align="center"><br />
									texte&nbsp;texte&nbsp;texte&nbsp;texte&nbsp;texte&nbsp;texte&nbsp;<strong>&nbsp;:</strong><span style="font-size:14px;"><strong> [code_promo,FALLBACK=]</strong></span><br />
									texte&nbsp;texte&nbsp;texte&nbsp;texte&nbsp;texte&nbsp;texte&nbsp;texte&nbsp;</p>

									<p align="center"><span style="font-size:10px;">texte&nbsp;texte&nbsp;texte&nbsp;texte&nbsp;texte&nbsp;</span></p>

									<p align="center">texte&nbsp;texte&nbsp;texte&nbsp;texte&nbsp;texte&nbsp;texte&nbsp;texte&nbsp;.</p>

									<p><br />
									<br />
									L&#39;&eacute;quipe se fera un plaisir&nbsp;de vous servir de nouveau&nbsp;</p>
									</td>
									<td style="padding: 7px 0;" width="10">&nbsp;</td>
								</tr>
							</tbody>
						</table>
						</td>
					</tr>
					<tr>
						<td class="space_footer" style="padding: 0!important;">&nbsp;</td>
					</tr>
					<tr>
						<td class="footer" style="border-top: 4px solid #333333; padding: 7px 0;">
						<p><span>Toute l&#39;&eacute;quipe de&nbsp;<a href="https://mister-gadgets.com" style="color: #337ff1;" target="_blank">Mister Gadgets</a></span></p>

						<p align="center">&nbsp;</p>
						</td>
					</tr>
				</tbody>
			</table>
			</td>
		</tr>
	</tbody>
</table>
</body>
</html>