<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="x-ua-compatible" content="ie=edge">
	<title>Réinitialisation de mot de passe</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<style type="text/css">
		/**
		 * Google webfonts. Recommended to include the .woff version for cross-client compatibility.
		**/
		@media screen {
			@font-face {
				font-family: 'Source Sans Pro';
				font-style: normal;
				font-weight: 400;
				src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v10/ODelI1aHBYDBqgeIAH2zlBM0YzuT7MdOe03otPbuUS0.woff) format('woff');
			}

			@font-face {
				font-family: 'Source Sans Pro';
				font-style: normal;
				font-weight: 700;
				src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(https://fonts.gstatic.com/s/sourcesanspro/v10/toadOcfmlt9b38dHJxOBGFkQc6VGVFSmCnC_l7QZG60.woff) format('woff');
			}
		}

		/**
		 * Avoid browser level font resizing.
		 * 1. Windows Mobile
		 * 2. iOS / OSX
		**/
		body,
		table,
		td,
		a {
			-ms-text-size-adjust: 100%; /* 1 */
			-webkit-text-size-adjust: 100%; /* 2 */
		}

		/**
		 * Remove extra space added to tables and cells in Outlook.
		**/
		table,
		td {
			mso-table-rspace: 0pt;
			mso-table-lspace: 0pt;
		}

		/**
		 * Better fluid images in Internet Explorer.
		**/
		img {
			-ms-interpolation-mode: bicubic;
		}

		/**
		 * Remove blue links for iOS devices.
		**/
		a[x-apple-data-detectors] {
			font-family: inherit !important;
			font-size: inherit !important;
			font-weight: inherit !important;
			line-height: inherit !important;
			color: inherit !important;
			text-decoration: none !important;
		}

		/**
		 * Fix centering issues in Android 4.4.
		**/
		div[style*="margin: 16px 0;"] {
			margin: 0 !important;
		}
		body {
			width: 100% !important;
			height: 100% !important;
			padding: 0 !important;
			margin: 0 !important;
		}

		/**
		 * Collapse table borders to avoid space between cells.
		**/
		table {
			border-collapse: collapse !important;
		}
		a {
			color: #1a82e2;
		}
		img {
			height: auto;
			line-height: 100%;
			text-decoration: none;
			border: 0;
			outline: none;
		}
	</style>
</head>

<body style="background-color: #e9ecef;">
	<!-- start preheader -->
	<div class="preheader" style="display: none; max-width: 0; max-height: 0; overflow: hidden; font-size: 1px; line-height: 1px; color: #fff; opacity: 0;">
		Demande de réinitialisation de mot de passe pour votre compte.
	</div>
	<!-- end preheader -->

	<!-- start body -->
	<table border="0" cellpadding="0" cellspacing="0" width="100%">
		<!-- start logo -->
		<tr>
			<td align="center" bgcolor="#e9ecef">
				<!--[if (gte mso 9)|(IE)]>
				<table align="center" border="0" cellpadding="0" cellspacing="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: 48px;">
						</td>
					</tr>
				</table>
				<!--[if (gte mso 9)|(IE)]>
						</td>
					</tr>
				</table>
				<![endif]-->
			</td>
		</tr>
		<!-- end logo -->

		<!-- start hero -->
		<tr>
			<td align="center" bgcolor="#e9ecef">
				<!--[if (gte mso 9)|(IE)]>
				<table align="center" border="0" cellpadding="0" cellspacing="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;">
					{{#logo}}
					<tr>
						<td align="center" bgcolor="#ffffff" valign="top" style="padding: 12px 24px; border-top: 3px solid #d4dadf;">
							<a href="{{url}}" target="_blank" style="display: inline-block;">
								<img src="{{logo}}" alt="Logo" border="0" width="48" style="display: block; width: 96px; max-width: 96px; min-width: 96px;">
							</a>
						</td>
					</tr>
					{{/logo}}
					<tr>
						<td align="left" bgcolor="#ffffff" style="padding: 12px 24px; font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;">
							<h1 style="margin: 0; font-size: 32px; font-weight: 700; letter-spacing: -1px; line-height: 48px;">Mot de passe oublié ?</h1>
						</td>
					</tr>
				</table>
				<!--[if (gte mso 9)|(IE)]>
						</td>
					</tr>
				</table>
				<![endif]-->
			</td>
		</tr>
		<!-- end hero -->

		<!-- start copy block -->
		<tr>
			<td align="center" bgcolor="#e9ecef">
				<!--[if (gte mso 9)|(IE)]>
				<table align="center" border="0" cellpadding="0" cellspacing="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; word-break: break-word;">
					<!-- start copy -->
					<tr>
						<td align="left" bgcolor="#ffffff" style="padding: 24px; font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 24px; padding-bottom: 0;">
							<p style="margin: 0;"><span style="color: #1a82e2; font-weight: bold;">{{firstname}}</span>, vous avez demandé à réinitialiser votre mot de passe sur <a href="{{url}}" target="_blank" style="color: #1a82e2;">{{url}}</a>.</p>
							<p style="margin: 0;"><br>Cliquez sur le bouton ci-dessous pour continuer et récupérer un nouveau mot de passe :</p>
						</td>
					</tr>
					<!-- end copy -->

					<!-- start button -->
					<tr>
						<td align="left" bgcolor="#ffffff">
							<table border="0" cellpadding="0" cellspacing="0" width="100%">
								<tr>
									<td align="center" bgcolor="#ffffff" style="padding: 12px;">
										<table border="0" cellpadding="0" cellspacing="0">
											<tr>
												<td align="center" bgcolor="#1a82e2" style="border-radius: 6px;">
													<a href="{{link}}" target="_blank" style="display: inline-block; padding: 16px 36px; font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; font-size: 16px; color: #ffffff; text-decoration: none; border-radius: 6px;">Réinitialiser votre mot de passe</a>
												</td>
											</tr>
										</table>
									</td>
								</tr>
							</table>
						</td>
					</tr>
					<!-- end button -->

					<!-- start copy -->
					<tr>
						<td align="left" bgcolor="#ffffff" style="padding: 24px; font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 24px;">
							<p style="margin: 0;">Si vous n'arrivez pas à cliquer sur le bouton ci-dessus, suivez ce lien ou copiez-le dans votre navigateur :</p>
							<p style="margin: 0;"><a href="{{link}}" target="_blank" style="color: #1a82e2;">{{link}}</a></p>
						</td>
					</tr>
					<!-- end copy -->

					<!-- start copy -->
					<tr>
						<td align="left" bgcolor="#ffffff" style="padding: 24px; font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 24px; border-bottom: 3px solid #d4dadf">
							{{#firm}}<p style="margin: 0;">{{firm}}</p>{{/firm}}
							{{#expDays}}
							<p style="margin: 0;"><br></p>
							<p style="margin: 0; color: #666; text-align: center;"><small><i>Ce lien de récupération expirera dans {{expDays}} jour{{expDaysPlural}}, (le {{expDate}})</i></small></p>
							{{/expDays}}
						</td>
					</tr>
					<!-- end copy -->

				</table>
				<!--[if (gte mso 9)|(IE)]>
						</td>
					</tr>
				</table>
				<![endif]-->
			</td>
		</tr>
		<!-- end copy block -->

		<!-- start footer -->
		<tr>
			<td align="center" bgcolor="#e9ecef" style="padding: 24px;">
				<!--[if (gte mso 9)|(IE)]>
				<table align="center" border="0" cellpadding="0" cellspacing="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;">

					<!-- start permission -->
					<tr>
						<td align="center" bgcolor="#e9ecef" style="padding: 12px 24px; font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px; color: #666;">
							<p style="margin: 0;">Vous recevez cet email car une demande de réinitialisation de mot de passe a été faire pour votre compte. Si vous n'êtes pas l'auteur de cette demande, vous pouvez supprimer cet email en toute sécurité.</p>
						</td>
					</tr>
					<!-- end permission -->
				</table>
				<!--[if (gte mso 9)|(IE)]>
						</td>
					</tr>
				</table>
				<![endif]-->
			</td>
		</tr>
		<!-- end footer -->
	</table>
	<!-- end body -->
</body>
</html>