<?php

/**
 * @file
 * Default theme implementation to format an HTML mail.
 *
 * Copy this file in your default theme folder to create a custom themed mail.
 * Rename it to mimemail-message--[key].tpl.php to override it for a
 * specific mail.
 *
 * Available variables:
 * - $recipient: The recipient of the message
 * - $subject: The message subject
 * - $body: The message body
 * - $css: Internal style sheets
 * - $key: The message identifier
 *
 * @see template_preprocess_mimemail_message()
 */
?>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <?php if ($css): ?>
    <style type="text/css">
      <!--
      <?php print $css ?>
      -->
    </style>
    <?php endif; ?>
  </head>

  <body id="mimemail-body" style="font-family: "Ubuntu", Arial, "MS Trebuchet", sans-serif; background-color: #FEFEFE; color: #000000 !important; margin-bottom: 0; margin-left: 0px; margin-right: 0;
  margin-top: 0px; width: 100%;" bgcolor="#FEFEFE"
  <?php if ($key): print 'class="'. $key .'"'; endif; ?>>

    <center id="maildrupal">

      <!-- // Début du tableau \\ -->

      <table width="100%" cellspacing="0" cellpadding="0"  border="0" style="align: center; border-color:#FFFFFF; background-color: #FEFEFE; border-width:0px; border-style:none;
      border-bottom-style: none; border-bottom-width: 0px; border-collapse: collapse; border-left-style: none; border-left-width: 0px; border-right-style: none;
      border-right-width: 0px; border-spacing: 0px; border-top-style: none; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px;
      margin-right: 0px; margin-top: 0px;" bgcolor="#FEFEFE">

        <!-- // Début du Template Header\\ -->
        <table border="0" style=" width: 500px; align: center; border: none; border-width:0px; border-style:none; border-bottom-style: none; border-bottom-width: 0px; border-collapse: collapse; border-left-style: none;
              border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-spacing: 0px; border-top-style: none; border-top-width: 0px; " >

          <thead border="0" style=" width: 500px; border: none; border-width:0px; border-style:none; border-bottom-style: none; border-bottom-width: 0px; border-collapse: collapse; border-left-style: none;
              border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-spacing: 0px; border-top-style: none; border-top-width: 0px; " >

            <tr border="0" style=" width: 500px; border: none; border-width:0px; border-style:none; border-bottom-style: none; border-bottom-width: 0px; border-collapse: collapse; border-left-style: none;
              border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-spacing: 0px; border-top-style: none; border-top-width: 0px;">

              <td class="headerContent" style=" width: 500px; border-bottom-style: none;  border-width:0px; border-style:none; border-bottom-width: 0px; border-collapse: collapse; border-left-style: none;
              border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-spacing: 0px; border-top-style: none; border-top-width: 0px;">



                <!-- <img src="http://www.materio.com/sites/all/themes/gui/materiobasetheme/img/mailheader_600.gif" alt="materiO'" style="max-width:600px;"
                id="headerImage campaign-icon" mc:label="header_image" mc:edit="header_image" mc:allowdesigner mc:allowtext /> -->

              </td>
            </tr>
          </thead>

        </table>

          <!-- // Fin du Template Header\\ -->

          <!-- // Début du Template Body\\ -->
      <center>
        <table border="0" style="width: 500px; border: none; border-width:0px; border-style:none; border-bottom-style: none; border-bottom-width: 0px; border-collapse: collapse; border-left-style: none;
              border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-spacing: 0px; border-top-style: none; border-top-width: 0px; padding:10px;" >

          <tbody border="0" cellpadding="20" cellspacing="0" style=" width: 500px; border-width:0px; border-style:none; border-bottom-style: none; border-bottom-width: 0px;
          border-collapse: collapse; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px;
          border-spacing: 0px; border-top-style: none; border-top-width: 0px;">
            <tr>
              <td valign="middle" class="bodyContent" style=" width: 500px; border-width:0px; border-style:none; border-bottom-style: none; border-bottom-width: 0px;
              border-collapse: collapse; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-spacing: 0px;
              border-top-style: none; border-top-width: 0px; padding:30px; padding-top:30px; padding-right:0px; padding-bottom:10px; padding-left:40px; ">

                <?php print $body; ?>

              </td>
            </tr>
          </tbody>
        </table>
          <!-- // Fin du Template Body\\ -->

          <!-- // Début du Template Footer\\ -->

        <table valign="left" border="0" style="width: 550px; border: none; border-width:0px; border-style:none; border-bottom-style: none; border-bottom-width: 0px; border-collapse: collapse; border-left-style: none;
              border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-spacing: 0px; border-top-style: none; border-top-width: 0px; padding:0px;" >

          <tfoot valign="left" border="0" cellpadding="15" cellspacing="0" class="templateButton" style=" width: 540px; border-width:0px; border-style:none; border-bottom-style: none; border-bottom-width: 0px;
           border-collapse: collapse; border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px;
           border-spacing: 0px; border-top-style: none; border-top-width: 0px;">
            <tr>
              <td valign="left" class="templateButtonContent" style=" width: 550px; border-width:0px; border-style:none; border-bottom-style: none; border-bottom-width: 0px; border-collapse: collapse;
              border-left-style: none; border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-spacing: 0px; border-top-style: none;
              border-top-width: 0px; padding:0px; padding-top:10px; padding-right:0px; padding-bottom: 0px; padding-left:0px;">

              <!-- signature -->
                <div mc:edit="std_content01" >
                  <a href="http://www.materio.com/" target="_blank"><img src="http://www.materio.com/sites/all/themes/gui/materiobasetheme/img/logo_materio.png" alt="materiO'" style="max-width:200px; width:150;"
                  id="signimage campaign-icon" mc:label="sign_image" mc:edit="sign_image" mc:allowdesigner mc:allowtext /></a><br>


                <div class= "boutons" style="margin:10px; margin-top:10px; margin-right:0px; margin-bottom:0px; margin-left:0px;">

                  <p></p>

                    <a title="Partager avec Twitter" href="http://twitter.com/intent/tweet?url=http://www.materio.com/">
                    <img src="http://www.materio.com/sites/all/themes/gui/materiobasetheme/img/bouton-twitter-160px.png"
                    style="border:0 none; height:25px;" alt="Partager avec Twitter"></a>

                    <a href="https://www.facebook.com/pages/mat%C3%A9riO/133485040188070?ref=hl">
                    <img title="Facebook Page" src="http://www.materio.com/sites/all/themes/gui/materiobasetheme/img/facebook_logo_transparent.png" style="border:0 none; height:25px;" alt="Facebook Page" />
                    </a>

                    <a href="http://facebook.com/sharer.php?u=http://www.materio.com/">
                    <img title="Facebook Share Button" src="http://www.materio.com/sites/all/themes/gui/materiobasetheme/img/partager-sur-facebook.jpg" style="border:0 none; height:25px;" alt="Facebook Share Button" />
                    </a>

                    <a href="http://www.pinterest.com/hello0691/ze-daily-mat%C3%A9rio/">
                    <img title="Pinterest" src="http://dev.materio.com/sites/all/themes/gui/materiobasetheme/img/pinterest-icon.png" style="border:0 none; height:25px;" alt="Pinterest" />
                    </a>

                  <p></p>

                </div>

                <span class='adressContent' style="color: #202020; font-size: 11px; line-height: auto; padding-top:4px;">
                  matériO' SAS <br>8, rue Chaptal<br>75009 Paris</span>
              </div>

              </td>
            </tr>

            <tr>
              <td valign="middle" style=" width: 500px; border-width:0px; border-style:none; border-bottom-style: none; border-bottom-width: 0px; border-collapse: collapse;
              border-left-style: none;border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-spacing: 0px; border-top-style: none; border-top-width: 0px;
              font-size:11px; padding:10px; padding-top:5px; padding-right:0px; padding-bottom: 10px; padding-left:0px;">

              <div mc:edit="std_footer">
                 <em>Copyright &copy; 2015 materiO', All rights reserved.</em>
              </div>

              </td>
            </tr>

            <tr>
              <td valign="middle" id="utility" style="width: 500px; border-width:0px; border-style:none; border-bottom-style: none; border-bottom-width: 0px; border-collapse: collapse; border-left-style: none;
              border-left-width: 0px; border-right-style: none; border-right-width: 0px; border-spacing: 0px; border-top-style: none; border-top-width: 0px;">
                <div mc:edit="std_utility">

                 </div>
              </td>
            </tr>

          </tfoot>
        </table>

          <!-- // Fin du Template Footer\\ -->
      </center>

      </table>


       <!-- // Fin du tableau \\ -->
    </center>

  </body>
</html>