<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>