<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td style="background-color: #eeeeee;" align="center" bgcolor="#eeeeee">
<table class="mobile-table" border="0" width="600" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td style="font-size: 0; padding: 35px;" align="center" valign="top" bgcolor="#000">
<table style="width: 100%; margin-left: auto; margin-right: auto;" width="379">
<tbody>
<tr>
<td style="width: 50%;">
<h1 style="font-size: 36px; font-weight: 800; margin: 0px; color: #ffffff; text-align: left; background-color: black;">Declic</h1>
</td>
<td style="width: 50%;">
<h1 style="font-size: 36px; font-weight: 800; margin: 0px; color: #ffffff; text-align: right; background-color: black;"><img src="http://www.userlogos.org/files/logos/1air2philou/orange-v2-mail1.png" width="150" height=""></h1>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td style="padding: 35px 35px 20px 35px; background-color: #ffffff;" align="center" bgcolor="#ffffff">
<table style="height: 623px;" border="0" width="527" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td style="font-family: Open Sans, Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 400; line-height: 24px; padding-top: 25px;" align="center"><img style="align: baseline;" src="/KTned6nGc.pngx" width="84" height="81" align="baseline"><br><br>
<h2 style="font-size: 30px; font-weight: 800; line-height: 36px; color: #333333; margin: 0;">Votre commande a été validée !</h2>
</td>
</tr>
<tr>
<td style="font-family: Open Sans, Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 400; line-height: 24px; padding-top: 10px;" align="left">
<p style="font-size: 16px; font-weight: 400; line-height: 24px; color: #777777;"><span style="color: #333333;">Bonjour,</span></p>
<p><span style="color: #333333;">La commande <strong>REQ0010023</strong> (Alpha) a été approuvée.</span><br><br><span style="color: #333333;">Projet MEP : <strong>SDA - G06R05C00</strong></span></p>
<span style="color: #333333;">Elle est constituée des éléments demandés suivants :</span>
<p></p>
</td>
</tr>
<tr>
<td style="padding-top: 20px;" align="left">
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td style="font-family: Open Sans, Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 800; line-height: 24px; padding: 10px;" align="left" bgcolor="#eeeeee" width="75%"><span>Elément demandé</span> / référence</td>
<td style="font-family: Open Sans, Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 800; line-height: 24px; padding: 10px;" align="left" bgcolor="#eeeeee" width="25%">Statut</td>
</tr>
<tr>
<td style="font-family: Open Sans, Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 400; line-height: 24px; padding: 15px 10px 5px 10px;" align="left" width="75%"><span>PKG-001 Bundles</span> / <span>RITM0011494</span></td>
<td style="font-family: Open Sans, Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 400; line-height: 24px; padding: 15px 10px 5px 10px;" align="left" width="25%">Ouvert</td>
</tr>
<tr>
<td style="font-family: Open Sans, Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 400; line-height: 24px; padding: 5px 10px;" align="left" width="75%"><span><span>RES-008 VIP LoadBalancer </span>/ </span><span>RITM0011495</span></td>
<td style="font-family: Open Sans, Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 400; line-height: 24px; padding: 5px 10px;" align="left" width="25%"><span>En attente</span></td>
</tr>
<tr>
<td style="font-family: Open Sans, Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 400; line-height: 24px; padding: 5px 10px;" align="left" width="75%"><span>SAS-001 Stockage Suppl / </span><span>RITM0011496</span></td>
<td style="font-family: Open Sans, Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 400; line-height: 24px; padding: 5px 10px;" align="left" width="25%"><span>En attente</span></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td style="padding-top: 20px;" align="left"></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td style="padding: 0 35px 35px 35px; background-color: #ffffff;" align="center" valign="top" bgcolor="#ffffff" width="100%" height="100%">
<table border="0" width="100%" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td align="center" valign="top">
<table class="mobile-table" border="0" width="250" cellspacing="0" cellpadding="0" align="left">
<tbody>
<tr>
<td class="text-center" style="font-family: Open Sans, Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 400; line-height: 24px;" align="left" valign="top">
<p style="font-weight: 800;">Commande ouverte le :</p>
<p><span>1 août</span><span>2016 14h00</span></p>
</td>
</tr>
</tbody>
</table>
<table class="mobile-table" border="0" width="250" cellspacing="0" cellpadding="0" align="right">
<tbody>
<tr>
<td class="text-center" style="font-family: Open Sans, Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 400; line-height: 24px;" align="left" valign="top">
<p style="font-weight: 800;">Date de livraison estimée :</p>
<p>7 août 2016 12h00</p>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table style="height: 73px;" width="145">
<tbody>
<tr>
<td>
<table style="height: 16px;" border="0" width="297" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td style="border-radius: 5px;" align="center" bgcolor="#66b3b7"><a style="font-size: 18px; font-family: Open Sans, Helvetica, Arial, sans-serif; color: #ffffff; text-decoration: none; border-radius: 5px; background-color: #000000; padding: 15px 30px; border: 1px solid #040404; display: block;" href="http://litmus.com" target="_blank">Accéder à la commande</a></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td style="padding: 35px; background-color: #ffffff;" align="center" bgcolor="#ffffff">
<table border="0" width="100%" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td align="center"><img style="display: block; border: 0px;" src="http://static.commentcamarche.net/www.commentcamarche.net/faq/images/18952-logo-orange-mobile-i-w-680-15-s-.png" width="37" height="37"></td>
</tr>
<tr>
<td style="font-family: Open Sans, Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 24px; padding: 5px 0 10px 0;" align="center">
<p style="font-size: 14px; font-weight: 800; line-height: 18px; color: #333333;">675 Massachusetts Avenue<br> Cambridge, MA 02139</p>
</td>
</tr>
<tr>
<td style="font-family: Open Sans, Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 24px;" align="left">
<p style="font-size: 14px; font-weight: 400; line-height: 20px; color: #777777;">If you didn't create an account using this email address, please ignore this email or <a style="color: #777777;" href="http://litmus.com" target="_blank">unsusbscribe</a>.</p>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
