<!doctype html>
<html>
<head><meta charset="utf-8"><!-- utf-8 works for most cases --><meta name="viewport" content="width=device-width, initial-scale=1.0"><!-- Forcing initial-scale shouldn't be necessary --><meta http-equiv="X-UA-Compatible" content="IE=edge"><!-- Use the latest (edge) version of IE rendering engine -->
	<title>EmailTemplate-Responsive</title>
	<!-- The title tag shows in email notifications, like Android 4.4. --><!-- Please use an inliner tool to convert all CSS to inline as inpage or external CSS is removed by email clients --><!-- important in CSS is used to prevent the styles of currently inline CSS from overriding the ones mentioned in media queries when corresponding screen sizes are encountered --><!-- CSS Reset -->
	<style type="text/css">/* What it does: Remove spaces around the email design added by some email clients. */
      /* Beware: It can remove the padding / margin and add a background color to the compose a reply window. */
html,  body {
	margin: 0 !important;
	padding: 0 !important;
	height: 100% !important;
	width: 100% !important;
}
/* What it does: Stops email clients resizing small text. */
* {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
/* What it does: Forces Outlook.com to display emails full width. */
.ExternalClass {
	width: 100%;
}
/* What is does: Centers email on Android 4.4 */
div[style*="margin: 16px 0"] {
	margin: 0 !important;
}
/* What it does: Stops Outlook from adding extra spacing to tables. */
table,  td {
	mso-table-lspace: 0pt !important;
	mso-table-rspace: 0pt !important;
}
/* What it does: Fixes webkit padding issue. Fix for Yahoo mail table alignment bug. Applies table-layout to the first 2 tables then removes for anything nested deeper. */
table {
	border-spacing: 0 !important;
	border-collapse: collapse !important;
	table-layout: fixed !important;
	margin: 0 auto !important;
}
table table table {
	table-layout: auto;
}
/* What it does: Uses a better rendering method when resizing images in IE. */
img {
	-ms-interpolation-mode: bicubic;
}
/* What it does: Overrides styles added when Yahoo's auto-senses a link. */
.yshortcuts a {
	border-bottom: none !important;
}
/* What it does: Another work-around for iOS meddling in triggered links. */
a[x-apple-data-detectors] {
	color: inherit !important;
}
	</style>
	<!-- Progressive Enhancements -->
	<style type="text/css">/* What it does: Hover styles for buttons */
        .button-td,
        .button-a {
            transition: all 100ms ease-in;
        }
        .button-td:hover,
        .button-a:hover {
            background: #555555 !important;
            border-color: #555555 !important;
        }

        /* Media Queries */
        @media screen and (max-width: 600px) {

            .email-container {
                width: 100% !important;
            }

            /* What it does: Forces elements to resize to the full width of their container. Useful for resizing images beyond their max-width. */
            .fluid,
            .fluid-centered {
                max-width: 100% !important;
                height: auto !important;
                margin-left: auto !important;
                margin-right: auto !important;
            }
            /* And center justify these ones. */
            .fluid-centered {
                margin-left: auto !important;
                margin-right: auto !important;
            }

            /* What it does: Forces table cells into full-width rows. */
            .stack-column,
            .stack-column-center {
                display: block !important;
                width: 100% !important;
                max-width: 100% !important;
                direction: ltr !important;
            }
            /* And center justify these ones. */
            .stack-column-center {
                text-align: center !important;
            }
        
            /* What it does: Generic utility class for centering. Useful for images, buttons, and nested tables. */
            .center-on-narrow {
                text-align: center !important;
                display: block !important;
                margin-left: auto !important;
                margin-right: auto !important;
                float: none !important;
            }
            table.center-on-narrow {
                display: inline-block !important;
            }
                
        }
	</style>
</head>
<body bgcolor="#e0e0e0" style="margin: 0;" width="100%" yahoo="yahoo">
<table bgcolor="#e0e0e0" border="0" cellpadding="0" cellspacing="0" height="100%" style="border-collapse:collapse;" width="100%">
	<tbody>
		<tr>
			<td>
			<center style="width: 100%;"><!-- Visually Hidden Preheader Text : BEGIN -->
			<div style="display:none;font-size:1px;line-height:1px;max-height:0px;max-width:0px;opacity:0;overflow:hidden;mso-hide:all;font-family: sans-serif;">(Optional) This text will appear in the inbox preview, but not the email body.</div>
			<!-- Visually Hidden Preheader Text : END --><!-- Email Header : BEGIN -->

			<table align="center" class="email-container" width="600">
				<tbody>
					<tr>
						<td style="padding: 20px 0; text-align: center"><img alt="alt_text" src="http://www.auto-rep.net/uploads/1519113680.png" style="border-width: 0px; border-style: solid; width: 141px; height: 57px;" /></td>
					</tr>
				</tbody>
			</table>
			<!-- Email Header : END --><!-- Email Body : BEGIN -->

			<table align="center" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" class="email-container" width="600"><!-- Hero Image, Flush : BEGIN -->
				<tbody>
					<tr>
						<td class="full-width-image"><img align="center" alt="alt_text" src="http://www.auto-rep.net/uploads/1519113874.jpg" style="width: 100%; max-width: 600px; border-width: 0px; border-style: solid;" /></td>
					</tr>
					<!-- Hero Image, Flush : END --><!-- 1 Column Text : BEGIN -->
					<tr>
						<td style="padding: 40px; text-align: left; font-family: sans-serif; font-size: 15px; mso-height-rule: exactly; line-height: 20px; color: #555555;">
						<h2>Gardez un &oelig;il sur vos v&eacute;hicules de location</h2>

						<p>Trackimo est un traqueur GPS-GSM discret pouvant se brancher sur la batterie de vos v&eacute;hicules de location, motos, jet skis, quads&hellip;<br />
						Vous recevrez depuis l&#39;application, des alertes sur votre t&eacute;l&eacute;phone.<br />
						Trackimo vous aide &agrave; garder une trace de vos v&eacute;hicules et &agrave; surveiller leurs activit&eacute;s gr&acirc;ce &agrave; sa fonction d&#39;analyse et de cr&eacute;ation de rapports en temps r&eacute;el.</p>
						&nbsp; &gt;&gt; D&eacute;couvrez Trackimo et tous ses accessoires en cliquant ci-dessous<br />
						<br />
						<!-- Button : Begin -->
						<table align="center" border="0" cellpadding="0" cellspacing="0" style="margin: auto">
							<tbody>
								<tr>
									<td class="button-td" style="border-radius: 3px; background: #689f39; text-align: center;"><a class="button-a" href="https://store.trackimo.com?aff=245" style="background: #689f39; border: 15px solid #689f39; padding: 0 10px;color: #ffffff; font-family: sans-serif; font-size: 13px; line-height: 1.1; text-align: center; text-decoration: none; display: block; border-radius: 3px; font-weight: bold;"><!--[if mso]>    <![endif]-->Voir nos produits<!--[if mso]>    <![endif]--> </a></td>
								</tr>
							</tbody>
						</table>
						<!-- Button : END --></td>
					</tr>
					<!-- 1 Column Text : BEGIN --><!-- Background Image with Text : BEGIN -->
					<tr>
						<td background="images/Image_600x230.png" bgcolor="#222222" style="text-align: center; background-position: center center !important; background-size: cover !important;" valign="middle"><!--[if gte mso 9]>
                    <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:600px;height:175px; background-position: center center !important;">
                    <v:fill type="tile" src="assets/Responsive/Image_600x230.png" color="#222222" />
                    <v:textbox inset="0,0,0,0">
                    <![endif]-->
						<div>
						<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
							<tbody>
								<tr>
								</tr>
							</tbody>
						</table>
						</div>
						<!--[if gte mso 9]>
                    </v:textbox>
                    </v:rect>
                    <![endif]--></td>
					</tr>
					<!-- Background Image with Text : END --><!-- Two Even Columns : BEGIN -->
					<tr>
						<td align="center" style="padding: 10px;" valign="top">
						<table border="0" cellpadding="0" cellspacing="0" width="100%">
							<tbody>
								<tr>
									<td class="stack-column-center">
									<table border="0" cellpadding="0" cellspacing="0">
										<tbody>
											<tr>
												<td style="padding: 10px; text-align: center"><img alt="alt_text" class="fluid" src="http://www.auto-rep.net/uploads/1519113942.jpg" style="border-width: 0px; border-style: solid; width: 270px; height: 270px;" /></td>
											</tr>
											<tr>
												<td class="center-on-narrow" style="font-family: sans-serif; font-size: 15px; mso-height-rule: exactly; line-height: 20px; color: #555555; padding: 0 10px 10px; text-align: left;">
												<h3>Limitation de vitesse</h3>
												Recevez des notifications si le v&eacute;hicule d&eacute;passe la limite de vitesse que vous avez d&eacute;finie</td>
											</tr>
										</tbody>
									</table>
									</td>
									<td class="stack-column-center">
									<table border="0" cellpadding="0" cellspacing="0">
										<tbody>
											<tr>
												<td style="padding: 10px; text-align: center"><img alt="alt_text" class="fluid" src="http://www.auto-rep.net/uploads/1519113964.jpg" style="border-width: 0px; border-style: solid; width: 270px; height: 270px;" /></td>
											</tr>
											<tr>
												<td class="center-on-narrow" style="font-family: sans-serif; font-size: 15px; mso-height-rule: exactly; line-height: 20px; color: #555555; padding: 0 10px 10px; text-align: left;">
												<h3>Alerte Geofences</h3>
												D&eacute;finissez des zones ou des alertes de g&eacute;ofence qui enregistrent lorsque Trackimo entre ou quitte les param&egrave;tres d&eacute;finis.</td>
											</tr>
										</tbody>
									</table>
									</td>
								</tr>
							</tbody>
						</table>
						</td>
					</tr>
					<!-- Two Even Columns : END --><!-- Three Even Columns : BEGIN -->
					<tr>
						<td align="center" style="padding: 10px;" valign="top">
						<table border="0" cellpadding="0" cellspacing="0" width="100%">
							<tbody>
								<tr>
									<td class="stack-column-center" width="33.33%">
									<table border="0" cellpadding="0" cellspacing="0">
										<tbody>
											<tr>
												<td style="padding: 10px; text-align: center"><img alt="alt_text" class="fluid" src="http://www.auto-rep.net/uploads/1519114001.jpg" style="border-width: 0px; border-style: solid; width: 170px;" /></td>
											</tr>
											<tr>
												<td class="center-on-narrow" style="font-family: sans-serif; font-size: 15px; mso-height-rule: exactly; line-height: 20px; color: #555555; padding: 0 10px 10px; text-align: left;">
												<h3>Surveillance en temps r&eacute;el</h3>
												Trackimo vous permet de suivre vos conducteurs et vos v&eacute;hicules en temps r&eacute;el et d&#39;afficher leur historique de localisation pour savoir exactement o&ugrave; ils se trouvaient &agrave; tout moment..</td>
											</tr>
										</tbody>
									</table>
									</td>
									<td class="stack-column-center" width="33.33%">
									<table border="0" cellpadding="0" cellspacing="0">
										<tbody>
											<tr>
												<td style="padding: 10px; text-align: center"><img alt="alt_text" class="fluid" src="http://www.auto-rep.net/uploads/1519114015.jpg" style="border-width: 0px; border-style: solid; width: 170px;" /></td>
											</tr>
											<tr>
												<td class="center-on-narrow" style="font-family: sans-serif; font-size: 15px; mso-height-rule: exactly; line-height: 20px; color: #555555; padding: 0 10px 10px; text-align: left;">
												<h3>S&eacute;curit&eacute; et s&ucirc;ret&eacute; du v&eacute;hicule</h3>
												Avec Trackimo, la surveillance des v&eacute;hicules et l&#39;inventaire sont facilit&eacute;s, assurant ainsi la s&eacute;curit&eacute; des v&eacute;hicules tout en voyageant sur les itin&eacute;raires pr&eacute;programm&eacute;s.</td>
											</tr>
										</tbody>
									</table>
									</td>
									<td class="stack-column-center" width="33.33%">
									<table border="0" cellpadding="0" cellspacing="0">
										<tbody>
											<tr>
												<td style="padding: 10px; text-align: center"><img alt="alt_text" class="fluid " src="http://www.auto-rep.net/uploads/1519114027.jpg" style="border-width: 0px; border-style: solid; width: 170px;" /></td>
											</tr>
											<tr>
												<td class="center-on-narrow" style="font-family: sans-serif; font-size: 15px; mso-height-rule: exactly; line-height: 20px; color: #555555; padding: 0 10px 10px; text-align: left;">
												<h3>Solutions mobiles</h3>
												Nous avons con&ccedil;u Trackimo pour l&#39;adapter &agrave; un large &eacute;ventail d&#39;appareils mobiles. Peu importe comment vous g&eacute;rez votre main-d&#39;&oelig;uvre mobile, nous avons une application ou un outil pour vous aider.</td>
											</tr>
										</tbody>
									</table>
									</td>
								</tr>
							</tbody>
						</table>
						</td>
					</tr>
					<!-- Three Even Columns : END --><!-- Thumbnail Left, Text Right : BEGIN -->
					<tr>
					</tr>
					<!-- Thumbnail Left, Text Right : END --><!-- Thumbnail Right, Text Left : BEGIN -->
					<tr>
					</tr>
					<!-- Thumbnail Right, Text Left : END -->
				</tbody>
			</table>
			<!-- Email Body : END --><!-- Email Footer : BEGIN -->

			<table align="center" class="email-container" width="600">
				<tbody>
					<tr>
						<td style="padding: 40px 10px;width: 100%;font-size: 12px; font-family: sans-serif; mso-height-rule: exactly; line-height:18px; text-align: center; color: #888888;"><webversion style="color:#cccccc; text-decoration:underline; font-weight: bold;">View as a Web Page</webversion><br />
						<br />
						Trackimo<br />
						450 Seventh Avenue, Suite 1408,&nbsp;<br />
						New York,&nbsp;NY,&nbsp;USA,&nbsp;10123<br />
						<br />
						<unsubscribe style="color:#888888; text-decoration:underline;">unsubscribe</unsubscribe></td>
					</tr>
				</tbody>
			</table>
			<!-- Email Footer : END --></center>
			</td>
		</tr>
	</tbody>
</table>
</body>
</html>
