<html><head>
    <title>Maintenance</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="StyleSheet" href="css/maintenance.css" type="text/css">
    <link rel="shortcut icon" href="https://www.total.com/sites/default/files/favicon.png" type="image/png">
  </head>
  <body class="maintenance-page in-maintenance no-sidebars">    
    <div id="page-wrapper">
      <div id="site">
        <header id="header" role="banner">
          <div class="header-top">
            <div id="nav-top">
            </div>
          </div>
          <div class="bar-logo-title">
            <div class="inner">
              <h1 class="css_logo">
                <p class="h1" itemtype="http://schema.org/Organization" itemscope="">
                  <a itemprop="url" href="/en" title="Back to homepage" rel="home" id="logo" class="processed-xiti"><img itemprop="logo" aria-hidden="true" src="https://www.total.com/sites/default/files/styles/logo/public/logo_total_290x70px_v3.png" alt="Logo Total">
                    <span class="hors-ecran">Back to homepage</span>
                  </a>
                </p>
              </h1>
            </div>
          </div>
        </header>
        <div id="main" role="main">
          <div class="h-container">
            <div class="inner">
              <section class="main-content">
                <div class="title-media">
                  <div class="inner">
                    <h1 class="banner-title " id="page-title">
                      Maintenance
                    </h1>
                  </div>
                </div>
              </section>
            </div>
          </div>
          <div class="inner">
            <section class="main-content">
              <article id="article" class="standard">
                <b>Sorry</b><br>
                <p>The website is currently under maintenance. Please accept our apologies for this temporary inconvenience and thank you for your patience.</p>
                <br>
                <br>
                <br>
                <b>Désolé</b><br>
                <p>Le site est actuellement en maintenance. Nous travaillons à sa remise en ligne rapidement. Veuillez nous excuser pour la gêne occasionnée.</p>
              </article>            
            </section>      
          </div>
        </div> <!-- /#main, /#main-wrapper -->
        <div id="footer-wrapper">
          <div class="section">
            <footer role="contentinfo" id="footer">
              <div class="footer-bottom colored-zone">
                <div class="h-container">
                  <div class="block block-bean" id="block-bean-suivez-nous">
                    <div class="content">
                      <div class="footer-social">
                        <span class="title-footer">Follow us / Suivez-nous</span>
                        <ul>
                          <li>
                            <a target="_blank" title="Follow us on Facebook" href="http://www.facebook.com/Total"><img alt="Facebook" src="images/picto-facebook_2.png"></a>
                          </li>
                          <li>
                            <a target="_blank" title="Follow us on Twitter" href="http://www.twitter.com/Total"><img alt="Twitter" src="images/socialbar-tw.png"></a>
                          </li>
                          <li>
                            <a target="_blank" title="Follow us on LinkedIn" href="https://www.linkedin.com/company/total?expanded=true&amp;amp;trk=mini-profile"><img alt="LinkedIn" src="images/picto-linkedin_0.png"></a>
                          </li>
                          <li>
                            <a target="_blank" title="Follow us on Youtube" href="http://www.youtube.com/total"><img alt="Youtube" src="images/picto-youtube_0.png"></a>
                          </li>
                          <li>
                            <a target="_blank" title="Follow us on Instagram" href="http://instagram.com/total"><img alt="Instagram" src="images/logo_instagram_4_0.png"></a>
                          </li>
                        </ul>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="h-container">
              </div>
            </footer>
          </div>
        </div>        
        <div id="footer-wrapper">
          <footer id="footer" role="contentinfo">
            <div class="footer-bottom colored-zone">
              <div class="h-container">
              </div>
            </div>
          </footer>
        </div> <!-- /.section, /#footer-wrapper -->
      </div></div> <!-- /#page, /#page-wrapper -->
    <!-- /layout -->
</body></html>