<!doctype html>

<html lang="fr">

<head>
  <meta charset="utf-8">
  <title>SODEX SOLUTION</title>
  <base href="/">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta http-equiv="Cache-Control" content="max-age=0, must-revalidate"/>
  <meta http-equiv="Pragma" content="no-cache"/>
  <meta http-equiv="Expires" content="0"/>
  <link rel="icon" type="image/x-icon" href="favicon.ico">

  <style type="text/css">
    body,
    html {
      height: 100%;
      margin: 0;
      background: linear-gradient(120deg, #ffffff, #f0f9ff);
    }

    .app-loading {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      background: linear-gradient(120deg, #ffffff, #f0f9ff);
      transition: opacity 0.5s ease-out;
    }

    .loader-container {
      position: relative;
      width: 120px;
      height: 120px;
    }

    .spinner {
      position: absolute;
      width: 100%;
      height: 100%;
      animation: rotate 1.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) infinite;
    }

    .spinner .path {
      stroke: #3CB0F0;
      stroke-linecap: round;
      animation: dash 1.5s ease-in-out infinite;
    }

    .loading-text {
      margin-top: 2rem;
      font-family: 'DejaVu Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
      color: #3CB0F0;
      font-size: 1.1rem;
      font-weight: 500;
      letter-spacing: 0.025em;
      opacity: 0.9;
      animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    }

    @keyframes rotate {
      100% {
        transform: rotate(360deg);
      }
    }

    @keyframes dash {
      0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0;
      }

      50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35;
      }

      100% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124;
      }
    }

    @keyframes pulse {

      0%,
      100% {
        opacity: 0.9;
      }

      50% {
        opacity: 0.5;
      }
    }
  </style>

  <!-- inline spinner styles to be able to display spinner right away -->

  <!-- Google MAPS API -->
  <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB8i9oX-hw12PrOSwN8GV7EUiGDePQBvAQ&amp;libraries=places&amp;language=fr&amp;callback=Function.prototype"></script>
  <!-- Google MAPS API -->

  <!-- FONT AWESOME -->
  <script src="https://kit.fontawesome.com/3a6d242fe3.js" crossorigin="anonymous"></script>
  <!-- FONT AWESOME -->

<link rel="stylesheet" href="styles-5ICY7CQE.css"></head>

<body>
  <app-root>

    <!-- loading layout replaced by app after startup -->
    <div class="app-loading">
      <div class="loader-container">
        <svg class="spinner" viewBox="25 25 50 50">
          <circle class="path" cx="50" cy="50" r="20" fill="none" stroke-width="3" stroke-miterlimit="10"/>
        </svg>
      </div>
      <div class="loading-text">
        Préparation de votre expérience...
      </div>
    </div>

  </app-root>

  <app-redirect></app-redirect>
<link rel="modulepreload" href="chunk-MOOFCTIO.js"><link rel="modulepreload" href="chunk-AY2USWJJ.js"><link rel="modulepreload" href="chunk-MVXJV7MQ.js"><link rel="modulepreload" href="chunk-WOPWYTR5.js"><script src="polyfills-6IDIT35F.js" type="module"></script><script src="main-NJPRE4PJ.js" type="module"></script></body>

</html>
