<!-- ///

/*------------------------------------------------------------------------------------------------------------

© :13 Design Creative Lab — 2019
From : Paris, London, Orléans.
https://2points13.fr

Designed by https://zigmoon.com

-------------------------------------------------------------------------------------------------------------*


     d888   .d8888b.
    d8888  d88P  Y88b
      888       .d88P
d8b   888      8888"
Y8P   888       "Y8b.
      888  888    888
d8b   888  Y88b  d88P
Y8P 8888888 "Y8888P"


8888888888 8888888b.  8888888888 888b    888  .d8888b.  888    888
888        888   Y88b 888        8888b   888 d88P  Y88b 888    888
888        888    888 888        88888b  888 888    888 888    888
8888888    888   d88P 8888888    888Y88b 888 888        8888888888
888        8888888P"  888        888 Y88b888 888        888    888
888        888 T88b   888        888  Y88888 888    888 888    888
888        888  T88b  888        888   Y8888 Y88b  d88P 888    888
888        888   T88b 8888888888 888    Y888  "Y8888P"  888    888


8888888b.  8888888888 .d8888b. 8888888 .d8888b.  888b    888
888  "Y88b 888       d88P  Y88b  888  d88P  Y88b 8888b   888
888    888 888       Y88b.       888  888    888 88888b  888
888    888 8888888    "Y888b.    888  888        888Y88b 888
888    888 888           "Y88b.  888  888  88888 888 Y88b888
888    888 888             "888  888  888    888 888  Y88888
888  .d88P 888       Y88b  d88P  888  Y88b  d88P 888   Y8888
8888888P"  8888888888 "Y8888P" 8888888 "Y8888P88 888    Y888


 .d8888b.  8888888b.  8888888888        d8888 88888888888 8888888 888     888 8888888888
d88P  Y88b 888   Y88b 888              d88888     888       888   888     888 888
888    888 888    888 888             d88P888     888       888   888     888 888
888        888   d88P 8888888        d88P 888     888       888   Y88b   d88P 8888888
888        8888888P"  888           d88P  888     888       888    Y88b d88P  888
888    888 888 T88b   888          d88P   888     888       888     Y88o88P   888
Y88b  d88P 888  T88b  888         d8888888888     888       888      Y888P    888
 "Y8888P"  888   T88b 8888888888 d88P     888     888     8888888     Y8P     8888888888


888             d8888 888888b.
888            d88888 888  "88b
888           d88P888 888  .88P
888          d88P 888 8888888K.
888         d88P  888 888  "Y88b
888        d88P   888 888    888
888       d8888888888 888   d88P
88888888 d88P     888 8888888P"


-------------------------------------------------------------------------------------------------------------*


         +y-           :dd:           -y+
         -MMd+`      -hMMMMh.       /hMM.
          NMMMNs.  .yMMMMMMMMs`  `omMMMN
          yMMMMMMhsMMMMMMMMMMMNoyMMMMMMy
          /MMMMMMMMMMMMMMMMMMMMMMMMMMMM/
          `MMMMMMMMMMMMMMMMMMMMMMMMMMMM`
           dMMMMMMMMMMMMMMMMMMMMMMMMMMd
           oMMMMMMMMMMMMMMMMMMMMMMMMMMo
           -MMMMMMMMMMMMMMMMMMMMMMMMMM-
            ``````````````````````````


                       `+/
                  :` /mMN``/yo
                 yMsyMMMMdmMMs.:+:
              ss.MMNMMMMMMMMMNNMm-                             `-:::-.
              hMdMMMMMMMMMMMMMMMo+-                         -odNNMMMNNmhs/.
             .NMMMMMMMMMMMMMMMMMMMs                       :hNMMMMMMMMMMMMMNdo-
            `mMMMMMMMMMMMMMhdmmdy/`                     .yNMMMMMMMMMMMMMMMMMMNd/`
            `NMMMMMMMMMMMMMd+.``                       /mMMMMMMMMMMMMMMMMMMMMMMMd/
             -mMMMMMMMMMMMMMMmo-                      +NMMMMMMMMMMMMMMMMMMMMMMMMMNh.
            `smNMMMMMMMMMMMMMMMN+                    /NMMMMMMMMMMMMMMMMMMMMMMMMMMMMm:
            `...yMMMMMMMMMMMMMMMM/                  -NMMMMMMMMMMMMMMMMMMMM+sdMMMMMMMN/
              `sNMMMMMMMMMMMMMMMMm                 `dMMMMMMMMMMMMMMMMMMMMMd:`+NMMMMMMN:
              yMMMMMMMMMMMMMMMMMMM:                +MMMMMMMMMMMMMMMMMMMMMMMNo`-mMMMMMMm.
             `NMMMMMMMMMMMMMMMMMMMo               `mMMMMMMMMMMMMMMMMMMMMMMMMMy`:MMMdMMMy
              dMMMMMMMMMMMMMMMMMMMm               +MMMMMMMMMMMMMMMMMMMMMMMMMMMs yMM.mMMN
              .smMMMMMMMMMMMMMMMMMM:             -NMMMMMMMMMMMMMMMMMMMMMMMMMMMM:-My +MMM`
                /MMMMMMMMMMMMMMMMMMd`           .mMMMMMMMMMMMMMMMMMMMMMMMyMMMyMs y` -MMh
               .NMMMMMMMMMMMMMMMMMMM+          -mMMMMMMMMMMMMMMMMMMMMMMMModMM/My `  -MM:
              `dMMMMMMMMMMMMMMMMMMMMN/        :mMMMMMMMMMMMMMMMMMMMMMMMMMhsMd`N/    /No
              +MMMMMMMMMMMMMMMMMMMMMMNo.    `oNMMMMMMMMMMMMMMMMMMMMMMMMMMy/N- :     s/
              mMMMMMMMMMMMMMMMMMMMMMMMMNs-./dMMMMMMMMMMMMMMMMMMMMMMMMMMMN-:-        `
             .MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM-
             -MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMs
             .MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM.
              mMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM+
              sMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMNdM/
              `NMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMymMm`s`
               /MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM-+Ms
                /NMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMhyoN`-m.
                 -dMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMd`  - `.
                  `+mMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMN.
                    `+dMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMN:
                      `:smMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM/
                         `:sdMMMMMMMMMMMMMMMMMMMMMMMMMMMMMN/
                            `-+dMMMMMMMMMMMMMMMMMMMMMMMmho.
                               /MMMMMMMMMMMMMMMMMMMMMo-.
                               `yMMMMMMMMMMMMMMMMMMMM+
                                `sMMMMMMMMMshNMMMMMMMm-
                                  /mMMMMMMN` -+ydNMMMMNy:
                                   .omMMMMd     `.-/odMMm
                                     .oMMMN`         .mMN`
                                      `NMNo           -MM+
                                      /MM+             yMd
                                     `mMm              -MMo.+ys`
                                     oMM+               mMMNdoh.
                                    .NMd                hMMd`
                                    sMN.             `/yMMMo
                             `..```+MMm..-.        `oNMMNmMs
                           `yNMMNmNMMNNNNNN`      .dMMNdoNN:
                           ::omhddy+:.`.``+       ..yh..No.
                             --                      `  /`


-------------------------------------------------------------------------------------------------------------*

© :13 Design Creative Lab — 2019
From : Paris, London, Orléans.
https://2points13.fr

Designed by https://zigmoon.com

-------------------------------------------------------------------------------------------------------------*/

/// -->


<!DOCTYPE html>
<html lang="fr">

<head>
  <meta charset="utf-8">
  <meta name="apple-mobile-web-app-capable" content="yes" />
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
  <meta name="format-detection" content="telephone=no" />
  <link rel="shortcut icon" href="favicon.ico" />
  <link href="css/swiper.min.css" rel="stylesheet" type="text/css" />
  <link href="css/fontello.css" rel="stylesheet" type="text/css" />
  <link href="css/fontello_2.css" rel="stylesheet" type="text/css" />
  <link href="css/style.css" rel="stylesheet" type="text/css" />
  <title>JUMP Virtual Arena | Réalité Virtuelle | Espace VR | 45000 Orléans</title>

  <!-- ///
/*------------------------------------------------------------------------------------------------------------
/*------------------------------------------------------------------------------------------------------------
/*------------------------------------------------------------------------------------------------------------
/*------------------------------------------------------------------------------------------------------------
/*------------------------------------------------------------------------------------------------------------
/*------------------------------------------------------------------------------------------------------------
/*------------------------------------------------------------------------------------------------------------
/*------------------------------------------------------------------------------------------------------------


   _____ _______       _____ _______   _____   _____ _____  _____
  / ____|__   __|/\   |  __ \__   __| |  __ \ / ____|  __ \|  __ \
 | (___    | |  /  \  | |__) | | |    | |__) | |  __| |__) | |  | |
  \___ \   | | / /\ \ |  _  /  | |    |  _  /| | |_ |  ___/| |  | |
  ____) |  | |/ ____ \| | \ \  | |    | | \ \| |__| | |    | |__| |
 |_____/   |_/_/    \_\_|  \_\ |_|    |_|  \_\\_____|_|    |_____/


/*------------------------------------------------------------------------------------------------------------

© :13 Design Creative Lab — 2019
From : Paris, London, Orléans.

Designed by https://2points13.fr

-------------------------------------------------------------------------------------------------------------*


/// -->


  <!-- /// SCRIPT JS MAOU /// -->

  <script type="text/javascript" src="guardcat_open_premium/guardcat.js"></script>


  <script type="text/javascript">
    guardcat.init({
      "privacyUrl": "https://jump-virtualarena.fr/docs/RGPD%20-%20mentions%20l%c3%a9gales%20jump.pdf",
      /* Privacy policy url */

      "hashtag": "#guardcat",
      /* Open the panel with this hashtag */
      "cookieName": "guardcat",
      /* Cookie name */

      "orientation": "bottom",
      /* Banner position (top - bottom) */
      "showAlertSmall": false,
      /* Show the small banner on bottom right */
      "cookieslist": true,
      /* Show the cookie list */

      "adblocker": false,
      /* Show a Warning if an adblocker is detected */
      "AcceptAllCta": true,
      /* Show the accept all button when highPrivacy on */
      "highPrivacy": true,
      /* Disable auto consent */
      "handleBrowserDNTRequest": false,
      /* If Do Not Track == 1, disallow all */

      "removeCredit": false,
      /* Remove credit link */
      "moreInfoLink": false,
      /* Show more info link */
      "useExternalCss": false,
      /* If false, the guardcat.css file will be loaded */

      //"cookieDomain": ".my-multisite-domaine.fr", /* Shared cookie for multisite */

      "readmoreLink": "/cookiespolicy" /* Change the default readmore link */
    });
  </script>


  <!-- /// END SCRIPT JS MAOU /// -->


  <!-- /// ALL SERVICES RGPD


/*------------------------------------------------------------------------------------------------------------
/*------------------------------------------------------------------------------------------------------------
/*------------------------------------------------------------------------------------------------------------
/*------------------------------------------------------------------------------------------------------------
/*------------------------------------------------------------------------------------------------------------
/*------------------------------------------------------------------------------------------------------------
/*------------------------------------------------------------------------------------------------------------
/*------------------------------------------------------------------------------------------------------------
/*------------------------------------------------------------------------------------------------------------

All services to activate or not (fill in your codes per service)

-------------------------------------------------------------------------------------------------------------*

/// -->


  <!-- /// SERVICES /// -->

  <!-- /// Facebook (likebox) /// -->

  <script type="text/javascript">
    (guardcat.job = guardcat.job || []).push('facebooklikebox');
  </script>


  <!-- /// Add this part to where the service should appear

        <div class="fb-like-box" data-href="page_url" data-width="width" data-height="height" data-colorscheme="light" data-show-faces="faces (true | false)" data-header="header (true | false)" data-stream="posts (false | true)" data-show-border="border (true | false)"></div>

        <div class="fb-like-box" style="background:#141823" data-href="page_url" data-width="width" data-height="height" data-colorscheme="dark" data-show-faces="faces (true | false)" data-header="header (true | false)" data-stream="posts (false | true)" data-show-border="border (true | false)"></div>

        /// -->


  <!-- /// Service Marker (delete if installed)

        <script>(function(d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) return;
        js = d.createElement(s);
        js.id = id;
        js.src = "//connect.facebook.net/fr_FR/sdk.js#xfbml=1&version=v2.0";
        fjs.parentNode.insertBefore(js, fjs);
        }
        (document, 'script', 'facebook-jssdk'));
        </script>

        /// -->


  <!-- /// Facebook (likebox) /// -->


  <!-- /// Facebook Pixel /// -->

  <script type="text/javascript">
    guardcat.user.facebookpixelId = 'YOUR-ID';
    tarteaucitron.user.facebookpixelMore = function () {
      /* add here your optionnal facebook pixel function */ };
    (guardcat.job = guardcat.job || []).push('facebookpixel');
  </script>

  <!-- /// Service Marker (delete if installed)

        <script> !function(f,b,e,v,n,t,s) { if(f.fbq) return; n=f.fbq=function(){ n.callMethod?n.callMethod.apply(n,arguments):n.queue.push(arguments); }; if(!f._fbq) f._fbq=n; n.push=n; n.loaded=!0; n.version='2.0'; n.queue=[]; t=b.createElement(e); t.async=!0; t.src=v; s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s); } (window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', 'YOUR-ID'); fbq('track', 'PageView'); </script>

        /// -->


  <!-- /// Facebook Pixel /// -->


  <!-- /// Youtube /// -->

  <script type="text/javascript">
    (guardcat.job = guardcat.job || []).push('youtube');
  </script>


  <!-- /// Add this part to where the service should appear

        <div class="youtube_player" videoID="video_id" width="width" height="height" theme="theme (dark | light)" rel="rel (1 | 0)" controls="controls (1 | 0)" showinfo="showinfo (1 | 0)" autoplay="autoplay (0 | 1)"></div>

        /// -->


  <!-- /// Service Marker (delete if installed)

        <iframe width="width" height="height" src="//www.youtube.com/embed/video_id" frameborder="0" allowfullscreen></iframe>

        /// -->


  <!-- /// Youtube /// -->


  <!-- /// Vimeo /// -->

  <script type="text/javascript">
    (guardcat.job = guardcat.job || []).push('vimeo');
  </script>


  <!-- /// Add this part to where the service should appear

        <div class="vimeo_player" videoID="video_id" width="width" height="height"></div>

        /// -->


  <!-- /// Service Marker (delete if installed)

        <iframe width="width" height="height" src="//player.vimeo.com/video/video_id" frameborder="0" allowfullscreen></iframe>

        /// -->


  <!-- /// Vimeo /// -->


  <!-- /// Dailymotion /// -->

  <script type="text/javascript">
    (guardcat.job = guardcat.job || []).push('dailymotion');
  </script>


  <!-- /// Add this part to where the service should appear

        <div class="dailymotion_player" videoID="video_id" width="width" height="height" showinfo="showinfo (1 | 0)" autoplay="autoplay (0 | 1)"></div>

        /// -->


  <!-- /// Service Marker (delete if installed)

        <iframe width="width" height="height" src="//www.dailymotion.com/embed/video/video_id" frameborder="0" allowfullscreen></iframe>

        /// -->


  <!-- /// Dailymotion /// -->


  <script type="text/javascript">
    (guardcat.job = guardcat.job || []).push('datatrack');
  </script>


  <!-- /// RGPD DATA :13 REDESIGN TARTEAUXCITRONS.JS

/*------------------------------------------------------------------------------------------------------------

© :13 Design Creative Lab — 2019
From : Paris, London, Orléans.
https://2points13.fr

Designed by https://2points13.fr

-------------------------------------------------------------------------------------------------------------*


  ______ _   _ _____    _____   _____ _____  _____
 |  ____| \ | |  __ \  |  __ \ / ____|  __ \|  __ \
 | |__  |  \| | |  | | | |__) | |  __| |__) | |  | |
 |  __| | . ` | |  | | |  _  /| | |_ |  ___/| |  | |
 | |____| |\  | |__| | | | \ \| |__| | |    | |__| |
 |______|_| \_|_____/  |_|  \_\\_____|_|    |_____/


/*------------------------------------------------------------------------------------------------------------
/*------------------------------------------------------------------------------------------------------------
/*------------------------------------------------------------------------------------------------------------
/*------------------------------------------------------------------------------------------------------------
/*------------------------------------------------------------------------------------------------------------
/*------------------------------------------------------------------------------------------------------------
/*------------------------------------------------------------------------------------------------------------
/*------------------------------------------------------------------------------------------------------------

/// -->

  <!-- DATA SCRIPT :13 -->
  <script type="text/javascript">
    var _paq = window._paq || [];
    /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
    _paq.push(['trackPageView']);
    _paq.push(['enableLinkTracking']);
    (function () {
      var u = "//2points13.fr/track/";
      _paq.push(['setTrackerUrl', u + 'matomo.php']);
      _paq.push(['setSiteId', '3']);
      var d = document,
        g = d.createElement('script'),
        s = d.getElementsByTagName('script')[0];
      g.type = 'text/javascript';
      g.async = true;
      g.defer = true;
      g.src = u + 'matomo.js';
      s.parentNode.insertBefore(g, s);
    })();
  </script>
  <!-- DATA SCRIPT :13 -->


  <!-- Chemin Mobile version -->

  <script type="text/javascript">
    <!--
    if (screen.width <= 699) {
      document.location = "virtual_arena_mobile.html";
    }
    //
    -->
  </script>


  <script type="text/javascript">
    $(document).ready(function () {
      $(".Video").click(function () {
        var iframe = $(this).html();
        $(".VideoPlayer").html("");
        $("#Title").html($(this).data("title"));
        $("#Description").html($(this).data("desc"));

        $(".VideoPlayer").html(iframe);
        $(".Player").addClass("active");
        setTimeout(function () {
          $(".Info").addClass("active");
        }, 1000);
      });
      $(".Cross").click(function () {
        $(".Info").removeClass("active");
        setTimeout(function () {
          $(".VideoPlayer").html("");
          $(".Player").removeClass("active");
        }, 1000);
      });
    })
  </script>


  <style type="text/css">
    body {
      margin: 0px;
      padding: 0px;
    }

    a:hover,
    a:active {
      text-decoration: none;
    }

    .home {
      width: 100%;
    }

    .home:before {
      content: ' ';
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
    }

    .home h1 {
      position: absolute;
      text-align: left;
      margin-left: 15px;
    }

    .stage {
      width: auto;
      margin-top: 15px;
      height: 100px;
    }

    .cubespinner {
      -webkit-animation-name: spincube;
      -webkit-animation-timing-function: ease-in-out;
      -webkit-animation-iteration-count: infinite;
      -webkit-animation-duration: 8s;
      animation-name: spincube;

      animation-timing-function: ease-in-out;
      animation-iteration-count: infinite;
      animation-duration: 8s;
      -webkit-transform-style: preserve-3d;
      -moz-transform-style: preserve-3d;
      -ms-transform-style: preserve-3d;
      transform-style: preserve-3d;
      -webkit-transform-origin: 40px 40px 0;
      -moz-transform-origin: 40px 40px 0;
      -ms-transform-origin: 40px 40px 0;
      transform-origin: 40px 40px 0;
    }

    .cubespinner div {
      position: absolute;
      width: 400px;
      height: 80px;
      text-align: left;
      color: #109393;
      font-family: 'Raleway', sans-serif;
      font-size: 74px;
      font-weight: 700;
    }

    .cubespinner .face1 {
      color: #1e76e2;
      -webkit-transform: translateZ(40px);
      -moz-transform: translateZ(40px);
      -ms-transform: translateZ(40px);
      transform: translateZ(40px);
      -webkit-backface-visibility: hidden;
    }

    .cubespinner .face2 {
      color: #fff;
      -webkit-transform: rotateX(90deg) translateZ(40px);
      -moz-transform: rotateX(90deg) translateZ(40px);
      -ms-transform: rotateX(90deg) translateZ(40px);
      transform: rotateX(90deg) translateZ(40px);
      -webkit-backface-visibility: hidden;
    }

    .cubespinner .face3 {
      color: #1e76e2;
      -webkit-transform: rotateX(180deg) translateZ(40px);
      -moz-transform: rotateX(180deg) translateZ(40px);
      -ms-transform: rotateX(180deg) translateZ(40px);
      transform: rotateX(180deg) translateZ(40px);
      -webkit-backface-visibility: hidden;
    }

    .cubespinner .face4 {
      color: #fff;
      -webkit-transform: rotateX(270deg) translateZ(40px);
      -moz-transform: rotateX(270deg) translateZ(40px);
      -ms-transform: rotateX(270deg) translateZ(40px);
      transform: rotateX(270deg) translateZ(40px);
      -webkit-backface-visibility: hidden;
    }


    .cubespinner .face5 {
      color: #fff;
      -webkit-transform: rotateX(360deg) translateZ(40px);
      -moz-transform: rotateX(360deg) translateZ(40px);
      -ms-transform: rotateX(360deg) translateZ(40px);
      transform: rotateX(360deg) translateZ(40px);
      -webkit-backface-visibility: hidden;
    }


    /*Cubical Flipping or rotation*/
    @-webkit-keyframes spincube {

      from,
      to {
        -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
      }

      15% {
        -webkit-transform: rotateX(90deg);
      }

      25% {
        -webkit-transform: rotateX(90deg);
      }

      40% {
        -webkit-transform: rotateX(180deg);
      }

      50% {
        -webkit-transform: rotateX(180deg);
      }

      65% {
        -webkit-transform: rotateX(270deg);
      }

      75% {
        -webkit-transform: rotateX(270deg);
      }

      95% {
        -webkit-transform: rotateX(360deg);
      }

      100% {
        -webkit-transform: rotateX(360deg);
      }
    }

    @keyframes spincube {

      from,
      to {
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        -ms-transform: rotateX(0deg);
        transform: rotateX(0deg);
      }

      15% {
        -webkit-transform: rotateX(90deg);
        -moz-transform: rotateX(90deg);
        -ms-transform: rotateX(90deg);
        transform: rotateX(90deg);
      }

      25% {
        -webkit-transform: rotateX(90deg);
        -moz-transform: rotateX(90deg);
        -ms-transform: rotateX(90deg);
        transform: rotateX(90deg);
      }

      40% {
        -webkit-transform: rotateX(180deg);
        -moz-transform: rotateX(180deg);
        -ms-transform: rotateX(180deg);
        transform: rotateX(180deg);
      }

      50% {
        -webkit-transform: rotateX(180deg);
        -moz-transform: rotateX(180deg);
        -ms-transform: rotateX(180deg);
        transform: rotateX(180deg);
      }

      65% {
        -webkit-transform: rotateX(270deg);
        -moz-transform: rotateX(270deg);
        -ms-transform: rotateX(270deg);
        transform: rotateX(270deg);
      }

      75% {
        -webkit-transform: rotateX(270deg);
        -moz-transform: rotateX(270deg);
        -ms-transform: rotateX(270deg);
        transform: rotateX(270deg);
      }

      90% {
        -webkit-transform: rotateX(360deg);
        -moz-transform: rotateX(360deg);
        -ms-transform: rotateX(360deg);
        transform: rotateX(360deg);
      }

      100% {
        -webkit-transform: rotateX(360deg);
        -moz-transform: rotateX(360deg);
        -ms-transform: rotateX(360deg);
        transform: rotateX(360deg);
      }

      @media (max-width: 1400px) {
        .nav-menu {
          margin-top: -40px;
        }
      }
  </style>

</head>

<body>

  <div class="preload loading" style="background: #000;">
    <div class="loader">Chargement...</div>
  </div>

  <div class="container-perspective">
    <div class="effect-push">

      <div class="wrap-over">
        <div class="pusher-layer"></div>

        <!--==========HEADER============-->

        <header class="header style-center style-fullpage scroll-show">
          <div class="header-wrap container" style="text-align: right;">
            <div class="burger vertical-align"><i></i></div>
            <a href="virtual_arena.html" class="logo vertical-align"><img src="img/logo_onepage_vr.png" alt="" style="margin-top: 0px;"></a>
            <nav>
              <div class="nav-menu" style="margin-top: 10px; ">

                <ul>


                  <li><a href="index.html" class="anchor-link" style="color: #fff;"><b>Home</b></a></li>
                  <li><a href="trampoline.html" class="anchor-link" style="color: #fff;"><b>Trampoline</b></a></li>
                  <li><a href="virtual_arena.html" class="anchor-link" style="color: #1e76e2;"><b>Réalité virtuelle</b></a></li>
                  <li><a href="event.html" class="anchor-link" style="color: #fff;"><b>Event</b></a></li>
                  <li><a href="index.html#Venir" class="anchor-link" style="color: #fff;"><b>Plan</b></a></li>
                  <li><a href="contact.html" class="anchor-link" style="color: #fff;"><b>Contact</b></a></li>
                  <li><a href="tel:+33238440244" class="anchor-link" style="color: #fff;"><b style="color: #fff;">02 38 44 02 44</a></b></li>
                  <!-- <li><a href="https://jumporleans.qweekle.com/shop/jump-arena?lang=fr" class="anchor-link" style="color: #fff; font-weight: 700;
 color: #fff;
    position: relative;
    display: inline-block;
    z-index: 1;
    text-align: center;
    padding: 0px 20px;
    height: 30px;
    line-height: 30px;
    background: #f07043;
    border-radius: 15px;"><b>Réserver</b></a></li> -->


                </ul>
                <div class="align-bottom">
                  <div class="mobile-footer">

                    <span class="copyright">&copy; 2019 JUMP Virtual Arena</span>
                  </div>
                </div>
              </div>
            </nav>
            <div class="header-icon vertical-align">
            </div>

            <div class="popup search-panel popup-data-search">
              <div class="wrap">
                <div class="close"><i class="fa-cancel"></i></div>
                <div class="table-view">
                  <div class="cell-view">
                    <form action="#" class="serch-form">
                      <input type="text" placeholder="Search..." required>
                      <div class="close-result vertical-align">
                      </div>
                    </form>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </header>

        <!--==========MAIN CONTENT============-->

        <section class="top-baner">
          <div class="swiper-container full-h" data-mode="horizontal" data-autoplay="0" data-effect="slide" data-slides-per-view="1" data-loop="0" data-speed="800" data-center="0">
            <div class="swiper-wrapper">
              <div class="swiper-slide">
                <div class="full-main-slide">
                  <div class="bg" style="background-image: url(img/st.gif);background-size: 100% 90%;"></div>
                  <div class="full-main-slide-title">
                    <div class="cell-view">
                      <div class="container">


                        <h2 style="font-size: 38px;">JUMP VIRTUAL ARENA</h2>
                        <div class="home col-lg-12 col-md-12 col-sm-12 col-xs-12">
                          <h3 id="resizing-h3" class="">
                            <span>
                              <div class="stage">
                                <div class="cubespinner" style="margin-left: -20px; margin-top: -40px;">

                                  <div class="face1">
                                    <h2>Immersif</h2>
                                  </div>
                                  <div class="face2">
                                    <h2>Multijoueurs
                                  </div>
                                  <div class="face3">
                                    <h2>Expérience
                                  </div>
                                  <div class="face4">
                                    <h2>Collaboratif
                                  </div>


                                </div>
                              </div>
                            </span>
                          </h3> </br>
                          </br> </br></br>
                        </div>

                        <a href="#horaires" class="button-type-4" style="background-color: #1e76e2;"><span>ON Y VA !</span></a>
                      </div>
                    </div>
                  </div>
                </div>
              </div>

            </div>
            <div class="pagination hidden"></div>
            <div class="scroll-down">
              <img src="img/scroll_down.png" alt="">
            </div>
          </div>
        </section>


        <section class="section-fullpage bg-section-1 scroll-down-block" style="background: #232526;  /* fallback for old browsers */
background: -webkit-linear-gradient(to left, #414345, #232526);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to left, #414345, #232526); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */">
          <div class="container">
            <div class="title-second type-2 col-style-1">
              <div class="sub-title" style="margin-bottom: 5px;">Réalité Virtuelle</div>
              <h2 class="title h5" style="font-weight:700; margin-bottom: 25px;">EXPERIENCES IMMERSIVES</h2>
            </div>
            <div class="margin-custom">
              <div class="row">
                <div class="col-md-4 col-sm-4 col-xs-12">
                  <div class="item-type-1">
                    <div class="image">
                      <a href="https://www.youtube.com/watch?v=qC5LeAVzDlM" target="_blanc">
                        <div class="bg" style="background-image: url(img/RAGNAROCK.jpg);"></div>
                      </a>
                    </div>
                    <div class="text">
                      <a href="https://www.youtube.com/watch?v=qC5LeAVzDlM" target="_blanc" class="title" style="font-weight:700; color: #fff;">RAGNAROK</a>
                      <div class="simple-text md col-type-5">
                        <p>+ 8</br>Ragnarock est un jeu de rythme VR solo/multijoueur dans lequel tu incarnes un capitaine viking participant à une course de navires. Avec tes deux marteaux, écrase les runes qui arrivent en rythme sur de la musique viking épique.</p>
                      </div>
                      <a href="https://www.youtube.com/watch?v=qC5LeAVzDlM" target="_blanc" class="button-type-4" style="background: #1e76e2; color: #fff;"><span>Vidéo</span></a>


                    </div>
                  </div>
                </div>
                <div class="col-md-4 col-sm-4 col-xs-12">
                  <div class="item-type-1">
                    <div class="image">
                      <a href="https://www.youtube.com/watch?v=Ylr8uvzWZ8E" target="_blanc">
                        <div class="bg" style="background-image: url(img/WoefulWoebots.jpg);"></div>
                      </a>
                    </div>
                    <div class="text">
                      <a href="https://www.youtube.com/watch?v=Ylr8uvzWZ8E" target="_blanc" class="title" style="font-weight:700; color: #fff;">Woeful Woebots</a>
                      <div class="simple-text md col-type-5">
                        <p>+ 8</br>Vos créations de robots se sont retournées contre vous ! En tant que maître, vous devez tous les détruire,
                          Prenez vos armes high-tech et tentez de survivre le plus longtemps possible !</p>
                      </div>
                      <a href="https://www.youtube.com/watch?v=Ylr8uvzWZ8E" target="_blanc" class="button-type-4" style="background: #1e76e2; color: #fff;"><span>Vidéo</span></a>


                    </div>
                  </div>
                </div>
                <!-- <div class="col-md-4 col-sm-4 col-xs-12">
                  <div class="item-type-1">
                    <div class="image">
                      <a href="https://www.youtube.com/watch?v=vL39Sg2AqWg">
                        <div class="bg" style="background-image: url(img/BeatSaber.jpg);"></div>
                      </a>
                    </div>
                    <div class="text">
                      <a href="https://www.youtube.com/watch?v=vL39Sg2AqWg" target="_blanc" class="title" style="font-weight:700; color: #fff;">Beat Saber</a>
                      <div class="simple-text md col-type-5">
                        <p>+ 8</br>Beat Saber est un jeu de rythme VR où vous utilisez des
                          sabres laser pour battre les rythmes musicaux !


                        </p>
                      </div>
                      <a href="https://www.youtube.com/watch?v=vL39Sg2AqWg" target="_blanc" class="button-type-4" style="background: #1e76e2; color: #fff;"><span>Vidéo</span></a>
                    </div>
                  </div>
                </div> -->
                <div class="col-md-4 col-sm-4 col-xs-12">
                  <div class="item-type-1">
                    <div class="image">
                      <a href="https://www.youtube.com/watch?v=SCrkZOx5Q1M" target="_blanc">
                        <div class="bg" style="background-image: url(img/GoogleEarthVR.jpg);"></div>
                      </a>
                    </div>
                    <div class="text">
                      <a href="https://www.youtube.com/watch?v=SCrkZOx5Q1M" class="title" target="_blanc" style="font-weight:700; color: #fff;">Google Earth VR</a>
                      <div class="simple-text md col-type-5">
                        <p>+ 8</br>Google Earth VR vous permet d'explorer le monde à partir de perspectives totalement nouvelles,
                          Promenez-vous dans les rues de Tokyo, survolez le Grand Canyon ou promenez-vous autour de la Tour Eiffel !


                        </p>
                      </div>
                      <a href="https://www.youtube.com/watch?v=SCrkZOx5Q1M" target="_blanc" class="button-type-4" style="background: #1e76e2; color: #fff;"><span>Vidéo</span></a>
                    </div>
                  </div>
                </div>
               
                <!-- <div class="col-md-4 col-sm-4 col-xs-12">
                  <div class="item-type-1">
                    <div class="image">
                      <a href="https://www.youtube.com/watch?v=6taGudtLLOo" target="_blanc">
                        <div class="bg" style="background-image: url(img/SummerFunland.jpg);"></div>
                      </a>
                    </div>
                    <div class="text">
                      <a href="https://www.youtube.com/watch?v=6taGudtLLOo" target="_blanc" class="title" style="font-weight:700; color: #fff;">Summer Funland</a>
                      <div class="simple-text md col-type-5">
                        <p>+ 8</br>Préparez-vous une expérience VR riche en émotions,
                          Summer Funland est un jeu d'attraction combinant des montagnes russes folles, des mini-jeux hilarants, une balade en moto incroyablement rapide
                          à travers Gotham, un voyage sous-marin et un voyage spatial !</p>
                      </div>
                      <a href="https://www.youtube.com/watch?v=6taGudtLLOo" target="_blanc" class="button-type-4" style="background: #1e76e2; color: #fff;"><span>Vidéo</span></a>


                    </div>
                  </div>
                </div> -->


              </div>
            </div>
          </div>
        </section>


        <section class="section-fullpage bg-section-1 scroll-down-block" style="margin-top: -50px; background: #232526;  /* fallback for old browsers */
background: -webkit-linear-gradient(to left, #414345, #232526);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to left, #414345, #232526); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
">
          <div class="container">
            <div class="margin-custom">
              <div class="row">
                <div class="col-md-4 col-sm-4 col-xs-12">
                  <div class="item-type-1">
                    <div class="image">
                      <a href="https://www.youtube.com/watch?v=IJB7KhFhk-M" target="_blanc">
                        <div class="bg" style="background-image: url(img/7.jpg);"></div>
                      </a>
                    </div>
                    <div class="text">
                      <a href="https://www.youtube.com/watch?v=IJB7KhFhk-M" target="_blanc" class="title" style="font-weight:700; color: #fff;">inVokeR</a>
                      <div class="simple-text md col-type-5">
                        <p>+ 8</br>Dans un univers fantastique jouer en duel VR où deux magicien(ne)s s'affrontent. Deux joueurs peuvent s'affronter (solo possible).</p>
                      </div>
                      <a href="https://www.youtube.com/watch?v=IJB7KhFhk-M" target="_blanc" class="button-type-4" style="background: #1e76e2; color: #fff;"><span>Vidéo</span></a>


                    </div>
                  </div>
                </div>
                <!-- <div class="col-md-4 col-sm-4 col-xs-12">
                  <div class="item-type-1">
                    <div class="image">
                      <a href="https://www.youtube.com/watch?v=ykiftNf7uGM" target="_blanc">
                        <div class="bg" style="background-image: url(img/vr_1.png);"></div>
                      </a>
                    </div>
                    <div class="text">
                      <a href="https://www.youtube.com/watch?v=ykiftNf7uGM" class="title" target="_blanc" style="font-weight:700; color: #fff;">After-H</a>
                      <div class="simple-text md col-type-5">
                        <p>+ 12</br>
                          C'est l'attraction eSport à ne pas manquer.
                          Vous décollez pour Mars en équipe pour une battle digne des plus grands films de science-fiction.</p>
                      </div>
                      <a href="https://www.youtube.com/watch?v=ykiftNf7uGM" target="_blanc" class="button-type-4" style="background: #1e76e2; color: #fff;"><span>Vidéo</span></a>
                    </div>
                  </div>
                </div> -->

                <div class="col-md-4 col-sm-4 col-xs-12">
                  <div class="item-type-1">
                    <div class="image">
                      <a href="https://www.youtube.com/watch?v=J5aHYurHcpI" target="_blanc">
                        <div class="bg" style="background-image: url(img/The-Walking-Dead-Onslaught.jpg);"></div>
                      </a>
                    </div>
                    <div class="text">
                      <a href="https://www.youtube.com/watch?v=J5aHYurHcpI" class="title" target="_blanc" style="font-weight:700; color: #fff;">The Walking Dead : Onslaught</a>
                      <div class="simple-text md col-type-5">
                        <p>+ 12</br>
                          Plongez-vous dans l'univers des morts-vivants.
                          Incarnez les personnages principaux de la série télé pour faire face aux hordes de zombies.</p>
                      </div>
                      <a href="https://www.youtube.com/watch?v=J5aHYurHcpI" target="_blanc" class="button-type-4" style="background: #1e76e2; color: #fff;"><span>Vidéo</span></a>
                    </div>
                  </div>
                </div>
                <div class="col-md-4 col-sm-4 col-xs-12">
                  <div class="item-type-1">
                    <div class="image">
                      <a href="https://www.youtube.com/watch?v=Kud3xsrbpAM#t=0m3s" target="_blanc">
                        <div class="bg" style="background-image: url(img/Incarna.png);"></div>
                      </a>
                    </div>
                    <div class="text">
                      <a href="https://www.youtube.com/watch?v=Kud3xsrbpAM#t=0m3s" target="_blanc" class="title" style="font-weight:700; color: #fff;">INCARNA</a>
                      <div class="simple-text md col-type-5">
                        <!-- <span style="color: #f07043;">NOUVEAUTE : ESCAPE GAME VR</span> <br> -->
                        <p>+ 12</br>Explorez l’inconnu et tentez de résoudre les énigmes pour vous échapper le plus rapidement
                          possible.


                        </p>
                      </div>
                      <a href="https://www.youtube.com/watch?v=Kud3xsrbpAM#t=0m3s" target="_blanc" class="button-type-4" style="background: #1e76e2; color: #fff;"><span>Vidéo</span></a>
                    </div>
                  </div>
                </div>
                

              </div>
            </div>
          </div>
        </section>


        <section class="section-fullpage bg-section-1 scroll-down-block" style="margin-top: -50px; background: #232526;  /* fallback for old browsers */
background: -webkit-linear-gradient(to left, #414345, #232526);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to left, #414345, #232526); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
">
          <div class="container">
            <div class="margin-custom">
              <div class="row">
                <div class="col-md-4 col-sm-4 col-xs-12">
                  <div class="item-type-1">
                    <div class="image">
                      <a href="https://www.youtube.com/watch?v=l_gWDl_f6V8" target="_blanc">
                        <div class="bg" style="background-image: url(img/harizona_sunshine.jpg);"></div>
                      </a>
                    </div>
                    <div class="text">
                      <a href="https://www.youtube.com/watch?v=l_gWDl_f6V8" target="_blanc" class="title" style="font-weight:700; color: #fff;">Arizona Sunshine</a>
                      <div class="simple-text md col-type-5">
                        <p>+ 12</br>Arizona Sunshine vous plonge en plein coeur d'une apocalypse zombie,
                          Maniez des armes de manière réaliste, explorez un monde post-apocalyptique et testez différentes techniques de survie !
                        </p>
                      </div>
                      <a href="https://www.youtube.com/watch?v=l_gWDl_f6V8" target="_blanc" class="button-type-4" style="background: #1e76e2; color: #fff;"><span>Vidéo</span></a>
                    </div>
                  </div>
                </div>
                <!-- <div class="col-md-4 col-sm-4 col-xs-12">
          <div class="item-type-1">
           <div class="image">
            <a href="https://www.youtube.com/watch?v=MIlXLF4-Gd8" target="_blanc"><div class="bg" style="background-image: url(img/escape_vr.jpg);"></div></a>
           </div>
           <div class="text">
            <a href="https://www.youtube.com/watch?v=MIlXLF4-Gd8" target="_blanc" class="title" style="font-weight:700; color: #fff;">VR: Vacate the Room</a>
              <div class="simple-text md col-type-5">
                <p>+ 12</br>VR: Vacate the Room est un Escape the Room inspiré par des classiques tels que Crimson Room. C'est une expérience VR où vous devez trouver…


</p>
              </div>
      <a href="https://www.youtube.com/watch?v=MIlXLF4-Gd8" target="_blanc" class="button-type-4" style="background: #1e76e2; color: #fff;"><span>Vidéo</span></a>

           </div>
          </div>
        </div> -->


                <div class="col-md-4 col-sm-4 col-xs-12">
                  <div class="item-type-1">
                    <div class="image">
                      <a href="https://www.youtube.com/watch?v=4M92kfnpg-k" target="_blanc">
                        <div class="bg" style="background-image: url(img/RPE.jpg);background-position-x: -10px;"></div>
                      </a>
                    </div>
                    <div class="text">
                      <a href="https://www.youtube.com/watch?v=4M92kfnpg-k" target="_blanc" class="title" style="font-weight:700; color: #fff;">Richie’s Plank Expérience</a>
                      <div class="simple-text md col-type-5">
                        <p>+ 8</br>Avez-vous peur des hauteurs ?
                          Prenez un ascenseur qui vous mènera au 80ème étage d'une tour,

                          Le but étant d'arriver au bout du plancher sans tomber !
                        </p>
                      </div>
                      <a href="https://www.youtube.com/watch?v=4M92kfnpg-k" target="_blanc" class="button-type-4" style="background: #1e76e2; color: #fff;"><span>Vidéo</span></a>

                    </div>
                  </div>
                </div>
                <div class="col-md-4 col-sm-4 col-xs-12">
                  <div class="item-type-1">
                    <div class="image">
                      <a href="https://www.youtube.com/watch?v=A8XIYjNoovo" target="_blanc">
                        <div class="bg" style="background-image: url(img/TheBlu.jpg);"></div>
                      </a>
                    </div>
                    <div class="text">
                      <a href="https://www.youtube.com/watch?v=A8XIYjNoovo" target="_blanc" class="title" style="font-weight:700; color: #fff;">TheBlu</a>
                      <div class="simple-text md col-type-5">
                        <p>+ 8</br>TheBlu est une expérience immersive qui fera vivre de beaux moments sous-marins.
                          Observez des tortues, des baleines ou encore des méduses à plusieurs échelles de profondeur !
                        </p>
                      </div>
                      <a href="https://www.youtube.com/watch?v=A8XIYjNoovo" target="_blanc" class="button-type-4" style="background: #1e76e2; color: #fff;"><span>Vidéo</span></a>


                    </div>
                  </div>
                </div>
                <!-- <div class="col-md-4 col-sm-4 col-xs-12">
                  <div class="item-type-1">
                    <div class="image">
                      <a href="https://www.youtube.com/watch?v=A0lMg-loz0E" target="_blanc">
                        <div class="bg" style="background-image: url(img/CRG.jpg);"></div>
                      </a>
                    </div>
                    <div class="text">
                      <a href="https://www.youtube.com/watch?v=A0lMg-loz0E" target="_blanc" class="title" style="font-weight:700; color: #fff; ">Creed Rise To Glory</a>
                      <div class="simple-text md col-type-5">
                        <p>+ 12</br>Relevez le défi d'un boxeur de haut niveau,
                          Cette expérience intense vous permettra de boxer virtuellement sans vous blesser réellement !
                        </p>
                      </div>

                      <a href="https://www.youtube.com/watch?v=A0lMg-loz0E" target="_blanc" class="button-type-4" style="background: #1e76e2; color: #fff;"><span>Vidéos</span></a>

                    </div>
                  </div>
                </div> -->
                
              </div>

            </div>
            <!-- </br></br> </br></br>
            <hr style="opacity: 0.2;">
            <center></br></br></br></br>
              <a href="catalogue.html" class="button-type-4"><span>Découvrir le catalogue</span></a>
            </center> -->
          </div>

        </section>


        <section class="section-fullpage bg-section-1 scroll-down-block" style="margin-top: -50px; background: #232526;  /* fallback for old browsers */
background: -webkit-linear-gradient(to left, #414345, #232526);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to left, #414345, #232526); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
">
          <div class="container">
            <div class="margin-custom">
              <div class="row">
                <div class="col-md-4 col-sm-4 col-xs-12">
                  <div class="item-type-1">
                    <div class="image">
                      <a href="https://www.youtube.com/watch?v=QTPknWfNcDk">
                        <div class="bg" style="background-image: url(img/ElvenAssasin.jpg);"></div>
                      </a>
                    </div>
                    <div class="text">
                      <a href="https://www.youtube.com/watch?v=QTPknWfNcDk" target="_blanc" class="title" style="font-weight:700; color: #fff;">Elven Assasin</a>
                      <div class="simple-text md col-type-5">
                        <p>+ 12</br>Prenez un arc et abattez des hordes de créatures géantes,
                          Soyez prudent, le maniement des armes vous sera indispensable pour votre survie !
                        </p>
                      </div>
                      <a href="https://www.youtube.com/watch?v=QTPknWfNcDk" target="_blanc" class="button-type-4" style="background: #1e76e2; color: #fff;"><span>Vidéo</span></a>
                    </div>
                  </div>
                </div>
                <div class="col-md-4 col-sm-4 col-xs-12">
                  <div class="item-type-1">
                    <div class="image">
                      <a href="https://www.youtube.com/watch?v=cWxRZRJ74HY">
                        <div class="bg" style="background-image: url(img/logoPP.jpg);"></div>
                      </a>
                    </div>
                    <div class="text">
                      <a href="https://www.youtube.com/watch?v=cWxRZRJ74HY" target="_blanc" class="title" style="font-weight:700; color: #fff;">Private Property</a>
                      <div class="simple-text md col-type-5">
                        <p>+ 12</br>Faites équipe dans cet univers haute définition pour défendre conjointement votre propriété privée.
                          Chaque joueur a accès à une large gamme d’armes pour répondre aux besoins des ambitieux et des pionniers.
                        </p>
                      </div>
                      <a href="https://www.youtube.com/watch?v=cWxRZRJ74HY" target="_blanc" class="button-type-4" style="background: #1e76e2; color: #fff;"><span>Vidéo</span></a>
                    </div>
                  </div>
                </div>
                <div class="col-md-4 col-sm-4 col-xs-12">
                  <div class="item-type-1">
                    <div class="image">
                      <a href="https://www.youtube.com/watch?v=87cBPQlTJgw">
                        <div class="bg" style="background-image: url(img/Angry_Birds_VR_Isle_of_Pigs.jpg);"></div>
                      </a>
                    </div>
                    <div class="text">
                      <a href="https://www.youtube.com/watch?v=87cBPQlTJgw" target="_blanc" class="title" style="font-weight:700; color: #fff;">Angry Birds VR : Isle of Pigs</a>
                      <div class="simple-text md col-type-5">
                        <p>+ 8</br>Rejoignez Red, Chuck, Bomb et le Bleus pour sauver les œufs volés dans
                          Angry Birds VR : Île des cochons, une aventure immersive en réalité virtuelle !
                        </p>
                      </div>
                      <a href="https://www.youtube.com/watch?v=87cBPQlTJgw" target="_blanc" class="button-type-4" style="background: #1e76e2; color: #fff;"><span>Vidéo</span></a>
                    </div>
                  </div>
                </div>
              </div>

            </div>
            </br></br> </br></br>
            <hr style="opacity: 0.2;">
            <center></br></br></br></br>
              <a href="catalogue.html" class="button-type-4"><span>Découvrir le catalogue</span></a>
            </center>
          </div>

        </section>


        <section class="section-fullpage" style="margin-bottom: -120px; background: #111; opacity: 1;">
          <div class="bg">
            <div class="layer-bg-2" style="background: #111;"></div>
          </div>
          <div class="container">
            <div class="title-second type-2 col-style-1">
              <div class="sub-title">Réalité Virtuelle</div>
              <h2 class="title h5">Comment ça marche ?</h2>
            </div>
            <div class="slider-swiching">
              <ul class="tab-links step-swich-link" style="padding: 20px;">
                <li class="slide-swich step-icon-item">
                  <div class="image">
                    <img src="img/step_icon_3_hover_b.png" alt="" class="img-in">
                    <img src="img/step_icon_3_hover_b.png" alt="" class="img-out">


                  </div>
                  <h5 class="title h10" style="color: #fff;">Entrée</h5>
                  <span style="text-align: left; font-family: 'Roboto', sans-serif; color: #fff; font-size: 14px; margin-right: 35px; line-height: 1.2;">
                    <h7 style="text-align: left;"></br></br>Je me présente à l’accueil, un bracelet et un ticket me seront remis après achat ou présentation de ma réservation on-line. Je lis les <a href="docs/CGU_Jump_Virtual_Arena.pdf" target="_blanc" style="color: #fff; text-decoration: underline;">CGU</a> et le <a href="docs/Reglement_Jump_Virtual_Arena.pdf" target="_blanc" style="color: #fff; text-decoration: underline;">règlement</a>. <span style="font-size: 11px;"></br>Je présente mon <a href="docs/Autorisation_parentale_Jump_Virtual_Arena.pdf" target="_blanc" style="color: #fff; text-decoration: underline;">autorisation parentale</a> si je suis mineur (+ 14 ans) non accompagné par un majeur.</span></h7>
                  </span>


                </li>


                <li class="slide-swich step-icon-item" style="padding: 20px;">
                  <div class="image">
                    <img src="img/step_icon_1_hover_b.png" alt="" class="img-in">
                    <img src="img/step_icon_1_hover_b.png" alt="" class="img-out">

                  </div>
                  <h5 class="title h10" style="color: #fff;">Bracelet</h5>
                  <span style="text-align: left; font-family: 'Roboto', sans-serif; color: #fff; font-size: 14px; margin-right: 35px; line-height: 1.2;">
                    <h7 style="text-align: left"></br></br>Je mets mon bracelet de couleur correspondant à celle de ma session et mon horaire de passage (Noir 15 min - Argent 30min - Or 60min ). <br>Et me dirige vers l'espace VR.</br></br></h7>
                  </span>

                </li>
                <li class="slide-swich step-icon-item" style="padding: 20px;">
                  <div class="image">
                    <img src="img/step_icon_2_hover_b.png" alt="" class="img-in">
                    <img src="img/step_icon_2_hover_b.png" alt="" class="img-out">
                  </div>
                  <h5 class="title h10" style="color: #fff;">Préparation</h5>
                  <span style="text-align: left; font-family: 'Roboto', sans-serif; color: #fff; font-size: 14px; margin-right: 35px; line-height: 1.2;">
                    <h7></br></br>Je peux me changer et laisser mes affaires dans un casier disponible et sécurisé. Chosir mes expériences sur la borne catalogue et enfiler le masque de protection.</br></br></h7>
                  </span>

                </li>

                <li class="slide-swich step-icon-item" style="padding: 20px;">
                  <div class="image">
                    <img src="img/step_icon_4_hover_b.png" alt="" class="img-in">
                    <img src="img/step_icon_4_hover_b.png" alt="" class="img-out">
                  </div>
                  <h5 class="title h10" style="color: #fff;">VR Pods</h5>
                  <span style="text-align: left; font-family: 'Roboto', sans-serif; color: #fff; font-size: 14px; margin-right: 35px; line-height: 1.2;">
                    <h7></br></br>Un animateur m'indiquera l'un des 8 pods dans l'espace VR et m'aidera lors des ajustements du casques et la mise en place des contrôleurs. Bonne expérience.</br></br></h7>
                  </span>
                </li>
              </ul>


            </div>
          </div>

      </div>


      </section>


      <center>


        <section class="section-fullpage bg-section-2">


          <div class="container" style="margin-top: 30px; color: #1e76e2;">
            <div class="title-second type-2 col-style-3">

              <h2 class="title h5" style="font-weight:700; margin-bottom: 25px;">Tarifs VR</h2>
              <div class="sub-title" style="color: #222; ">Réalité Virtuelle</div>
            </div>
            <div class="title-second type-2 col-style-3">
              <div class="blog-item-wrap clone-elem">
                <div class="blog-item-34 no-img" style="margin-top: 0px; margin-bottom: -90px; background: #fff;">
                  <h3 class="h7 title" style="font-size: 30px; color: #333; line-height: 1.2; font-weight:700; margin-bottom: 13px;">Découverte / 15min — 9€</h3>
                  <div class="date-line">
                    <a href="https://jumporleans.qweekle.com/shop/jump-arena?lang=fr" style="color: #333; ">Accès à l'ensemble des jeux. Casques VR et contrôleurs VR.</a>
                    <span style="color: #333;"></span>
                  </div>
                  <div class="simple-text sm" style="color: #333;">
                  </div><br>
                  <!-- <a href="https://jumporleans.qweekle.com/shop/jump-arena?lang=fr" class="button-type-1" style="background: #1e76e2;"><span data-text="Réserver">Réserver</span></a> -->
                  <br> <br>

                  <hr style="   border-top: 1px solid #ccc;">


                  <br><br>
                  <h3 class="h7 title" style="font-size: 30px; color: #333; line-height: 1.2; font-weight:700; margin-bottom: 13px;">Expérience / 30min — 16€</h3>
                  <div class="date-line">
                    <a href="https://jumporleans.qweekle.com/shop/jump-arena?lang=fr" style="color: #333; ">Accès à l'ensemble des jeux. Casques VR et contrôleurs VR.</a>
                    <span style="color: #333;"></span>
                  </div>
                  <div class="simple-text sm" style="color: #333;">
                  </div><br>
                  <!-- <a href="https://jumporleans.qweekle.com/shop/jump-arena?lang=fr" class="button-type-1" style="background: #1e76e2;"><span data-text="Réserver">Réserver</span></a> -->
                  <br> <br>

                  <hr style="   border-top: 1px solid #ccc;">

                  <br> <br>


                  <h3 class="h7 title" style="font-size: 30px; color: #333; line-height: 1.2; font-weight:700; margin-bottom: 13px;">Immersion / 1H — 25€</h3>
                  <div class="date-line">
                    <a href="https://jumporleans.qweekle.com/shop/jump-arena?lang=fr" style="color: #333; ">Accès à l'ensemble des jeux. Casques VR et contrôleurs VR.</a>
                    <span style="color: #333;"></span>
                  </div>
                  <div class="simple-text sm" style="color: #333;">
                  </div><br>
                  <!-- <a href="https://jumporleans.qweekle.com/shop/jump-arena?lang=fr" class="button-type-1" style="background: #1e76e2;"><span data-text="Réserver">Réserver</span></a> -->
                  <br><br>

                  <hr style="   border-top: 1px solid #ccc;">

                  <br> <br>


                  <h3 class="h7 title" style="font-size: 30px; color: #333; line-height: 1.2; font-weight:700; margin-bottom: 13px;">Privatisation 4 PODS / 1H — 120€</h3>
                  <div class="date-line">
                    <a href="https://jumporleans.qweekle.com/shop/jump-arena?lang=fr" style="color: #333; ">Accès à l'ensemble des jeux pour 5 à 8 personnes. Casques VR et contrôleurs VR.</a>
                    <span style="color: #333;"></span>
                  </div>
                  <div class="simple-text sm" style="color: #333;">
                  </div><br>
                  <!-- <a href="https://jumporleans.qweekle.com/shop/jump-arena?lang=fr" class="button-type-1" style="background: #1e76e2;"><span data-text="Réserver">Réserver</span></a> -->


                  <br>


                  <br>
                  <br>

                  <!-- <div style="background: #3dd6ad;">
  <br>  <br>
 <h3 class="h7 title" style="font-size: 30px; color: #333; line-height: 1.2; font-weight:700; margin-bottom: 13px;">Happy Hour</h3>
         <div class="date-line">
          <a href="https://jumporleans.qweekle.com/shop/jump-arena?lang=fr" style="color: #333; ">Tous les vendredis à partir de 19h (hors vacances scolaires).</a>
          <span style="color: #333;">
15min : 6€ / 30 min : 11€ / 1H : 19€<br><br>
     <span style="color: #333;">Réservation recommandée</span><br>
</span>
         </div>
         <div class="simple-text sm" style="color: #333;">
         </div><br>
         <a href="https://jumporleans.qweekle.com/shop/jump-arena?lang=fr" class="button-type-1" style="background: #fff; color: #000;"><span data-text="Réserver">Réserver</span></a><br>

<br>  <br>
        </div><br><br> -->
                </div>


              </div>
            </div>
          </div>


<!--          <div class="container" style="margin-top: 85px;">-->
<!--            <div class="title-second type-2 col-style-3">-->

<!--              <h2 class="title h5" style="font-weight:700; margin-bottom: 25px;">Horaires</h2>-->

<!--            </div>-->

<!--            <div class="col-md-6">-->
<!--              <div class="blog-item full-w full-bg">-->
<!--                <a href="#">-->
<!--                  <div class="bg"></div>-->
<!--                </a>-->
<!--                <div class="text">-->

<!--                  <div class="date-line"></br></br>-->
<!--                    <div class="sub-title"><b>Hors-vacances</b></div></br></br>-->

<!--                    <a href="#" style="color: #333; margin-right: 15px;">Lun.</a><span style="color: #333;">15h - 20h</span>&nbsp;&nbsp;&nbsp;<span style="color: #333; font-size: 12px;   font-variant: lowercase; color: #ccc;"><BR>uniquement sur résa (48h avant)</span></br></br>-->
<!--                  </div>-->
<!--                  </br>-->
<!--                  <div class="date-line">-->
<!--                    <a href="#" style="color: #333; margin-right: 15px;">Mar.</a><span style="color: #333;">-Fermé-</span></BR></BR>-->
<!--                  </div></BR>-->

<!--                  <div class="date-line">-->
<!--                    <a href="#" style="color: #333; margin-right: 15px;">Mer.</a><span style="color: #333;">14h - 20h</span></BR></BR>-->
<!--                  </div>-->


<!--                  <div class="date-line">-->
<!--                    <a href="#" style="color: #333; margin-right: 15px;">Jeu.</a>-->
<!--                    <span style="color: #333;">-Fermé-</span><span style="color: #333; font-size: 12px;   font-variant: lowercase; color: #ccc;">-->
<!--                    </span></br></BR>-->
<!--                  </div>-->


<!--                  <div class="date-line">-->
<!--                    <a href="#" style="color: #333; margin-right: 15px;">Ven.</a>-->
<!--                    <span style="color: #333;">15h - 20h</span><span style="color: #333; font-size: 12px;   font-variant: lowercase; color: #ccc;"><BR></span></BR>-->
<!--                  </div>-->


<!--                  <div class="date-line">-->
<!--                    <a href="#" style="color: #333; margin-right: 15px;">Sam.</a>-->
<!--                    <span style="color: #333;">14h - 22h</span><span style="color: #333; font-size: 12px;   font-variant: lowercase; color: #ccc;"><BR>+ matin sur résa (48h avant)</span></br></BR>-->
<!--                  </div>-->

<!--                  <div class="date-line">-->
<!--                    <a href="#" style="color: #333; margin-right: 15px;">Dim.</a>-->
<!--                    <span style="color: #333;">14h - 22h</span><span style="color: #333; font-size: 12px;   font-variant: lowercase; color: #ccc;"><BR>+ matin sur résa (48h avant)</span></br></BR>-->
<!--                  </div>-->


<!--                </div>-->
<!--              </div>-->
<!--            </div>-->
<!--            <div class="col-md-6">-->
<!--              <div class="blog-item full-w full-bg">-->
<!--                <a href="#">-->
<!--                  <div class="bg"></div>-->
<!--                </a>-->
<!--                <div class="text">-->

<!--                  <div class="date-line"></br></br>-->
<!--                    <div class="sub-title"><b>Vacances scolaires</b></div></br></br>-->

<!--                    &lt;!&ndash; <a href="#" style="color: #333; margin-right: 15px;">Lun.</a><span style="color: #333;">sur réservation</span><span style="color: #333; font-size: 12px;   font-variant: lowercase; color: #ccc;"> &ndash;&gt;-->
<!--                    <a href="#" style="color: #333; margin-right: 15px;">Lun.</a><span style="color: #333;">14h - 18h</span><span style="color: #333; font-size: 12px;   font-variant: lowercase; color: #ccc;">-->
<!--                      &lt;!&ndash; <BR><b>+</b> matin / soirée sur résa (48h avant)</span></br></BR> &ndash;&gt;-->
<!--                      </BR>-->
<!--                  </div>-->


<!--                  <div class="date-line">-->
<!--                    &lt;!&ndash; <a href="#" style="color: #333; margin-right: 15px;">Mar.</a><span style="color: #333;">sur réservation</span><span style="color: #333; font-size: 12px;   font-variant: lowercase; color: #ccc;">	<BR>&lt;!&ndash;<b>+</b> matin / soirée sur résa (48h avant)</span</b>>&ndash;&gt;</BR>-->
<!--                    <a href="#" style="color: #333; margin-right: 15px;">Mar.</a><span style="color: #333;">14h - 18h</span><span style="color: #333; font-size: 12px;   font-variant: lowercase; color: #ccc;"> <BR>-->
<!--                      &lt;!&ndash;<b>+</b> matin / soirée sur résa (48h avant)</span</b>>&ndash;&gt;</BR>-->
<!--                  </div></br>-->

<!--                  <div class="date-line">-->
<!--                    <a href="#" style="color: #333; margin-right: 15px;">Mer.</a><span style="color: #333;">14h - 18h</span><span style="color: #333; font-size: 12px;   font-variant: lowercase; color: #ccc;"><BR><b>+</b> + soirée sur résa (48h avant)</span></br></br>-->
<!--                  </div>-->


<!--                  <div class="date-line">-->
<!--                    <a href="#" style="color: #333; margin-right: 15px;">Jeu.</a><span style="color: #333;">14h - 18h</span><span style="color: #333; font-size: 12px;   font-variant: lowercase; color: #ccc;"><BR>-->
<!--                      &lt;!&ndash;<b>+</b> matin / soirée sur résa (48h avant)</span>&ndash;&gt;</b></br>-->
<!--                  </div>-->


<!--                  <div class="date-line">-->
<!--                    <a href="#" style="color: #333; margin-right: 15px;">Ven.</a>-->
<!--                    <span style="color: #333;">14h - 18h</span></br></br>-->
<!--                  </div>-->

<!--                  <div class="date-line">-->
<!--                    <a href="#" style="color: #333; margin-right: 15px;">Sam.</a>-->
<!--                    <span style="color: #333;">14h - 22h</span><span style="color: #333; font-size: 12px;   font-variant: lowercase; color: #ccc;"><BR><b>+</b> MATIN SUR RESA (48h AVANT)</span></br></br>-->
<!--                  </div>-->

<!--                  <div class="date-line">-->
<!--                    <a href="#" style="color: #333; margin-right: 15px;">Dim.</a><span style="color: #333;">14h - 22h</span><span style="color: #333; font-size: 12px;   font-variant: lowercase; color: #ccc;"><BR><b>+</b> MATIN SUR RESA (48h AVANT)</span></br></br>-->
<!--                  </div><br><br>-->


<!--                </div>-->

<!--              </div>-->
<!--            </div>-->

<!--          </div>-->


    </div>
  </div>
  </div>
  </div>
  </section>
  </center>


  <section class="section-fullpage bg-section-1 scroll-down-block" style="background: #232526;  /* fallback for old browsers */
background: -webkit-linear-gradient(to left, #414345, #232526);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to left, #414345, #232526); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
">

    <div class="title-second type-2 col-style-3">

      <h2 class="title h5" style="font-weight:700; margin-bottom: -70px; color: #fff;">Questions fréquentes</h2>

    </div>

    <div class="solo-comment-slider">
      <div class="swiper-container" data-mode="horizontal" data-autoplay="0" data-effect="slide" data-loop="0" data-speed="600" data-slides-per-view="responsive" data-add-slides="2" data-lg-slides="2" data-md-slides="1" data-sm-slides="1" data-xs-slides="1">
        <div class="swiper-wrapper">
          <div class="swiper-slide">
            <div class="solo-comment-slide" style="color: #fff; margin-top: 80px;">
              <p style="color: #fff;"><b>— Puis-je garder mes lunettes ?</b><br>
                — Oui nous vous conseillons de venir avec vos lunettes ou lentilles.
              </p>

            </div>
          </div>

          <div class="swiper-slide">
            <div class="solo-comment-slide" style="color: #fff; margin-top: 80px;">

              <p style="color: #fff;"><b>— Mes enfants de 8 et 10 ans peuvent-ils jouer ?</b><br>
                — Nous proposons une programmation adaptée lors des VR KIDS SESSIONS.
              </p>

            </div>
          </div>
          <div class="swiper-slide">
            <div class="solo-comment-slide" style="color: #fff; margin-top: 80px;">
              <p style="color: #fff;"><b>Je suis épileptique, puis-je jouer ?</b><br>
                — L'expérience est déconseillée aux personnes épileptiques.</p>

            </div>
          </div>
          <div class="swiper-slide">
            <div class="solo-comment-slide" style="color: #fff; margin-top: 80px;">
              <p style="color: #fff;"><b>Je suis enceintre, puis-je jouer ?</b><br>
                — L'expérience est déconseillée aux femmes enceintes de plus de 6 mois.</p>


            </div>
          </div>
        </div>
        <div class="pagination hidden"></div>
        <div class="swiper-arrow-right comm-arrow"><i class="fa-right-open-big" style="color: #fff; "></i></div>
        <div class="swiper-arrow-left comm-arrow"><i class="fa-left-open-big" style="color: #fff; "></i></div>
      </div>
    </div>
  </section>


  <section class="section-fullpage bg-section-1 scroll-down-block" style="background: #1e76e2;">
    <div class="container">
      <div class="title-second type-2 col-style-1">
        <div class="sub-title">Retrouvez-nous sur</div>

      </div>
      <div class="margin-custom">
        <div class="row">
          <div class="col-md-4 col-sm-4 col-xs-12">
            <div class="item-type-1">

              <div class="text">
                <a href="https://www.instagram.com/jump_orleans/">
                  <center> <img src="img/iconmonstr-instagram-11-64.png"></br></center>
                </a>

              </div>
            </div>
          </div>
          <div class="col-md-4 col-sm-4 col-xs-12">
            <div class="item-type-1">

              <div class="text">
                <a href="https://fr-fr.facebook.com/lejumporleans">
                  <center> <img src="img/iconmonstr-facebook-1-64.png"></br></center>
                </a>

              </div>
            </div>
          </div>
          <div class="col-md-4 col-sm-4 col-xs-12">
            <div class="item-type-1">
              <div class="text">
                <a href="https://www.youtube.com/channel/UCMK2ATWKEpb_94osWQBM7Iw">
                  <center> <img src="img/iconmonstr-youtube-1-64.png"></br></center>
                </a>

              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    </div>
  </section>


  <section class="section-fullpage bg-section-2" style="

 background-image: url(img/giphy-1.gif);


">
    <div class="container" id="Formules">
      <div class="title-second type-2 col-style-2">
        <div class="sub-title" style="color: #fff; ">formules spéciales</div>
        <h2 class="title h5" style="color: #fff; font-weight: 700;">Formules VR</h2>
      </div>

      <div class="no-margin-bottom">
        <div class="row">
          <div class="col-lg-3 col-md-6 col-sm-12">
            <div class="card-item">
              <div class="image">
                <div class="swiper-container" data-autoplay="0" data-effect="slide" data-slides-per-view="1" data-loop="0" data-speed="800" data-center="0">
                  <div class="swiper-wrapper">
                    <div class="swiper-slide">
                      <div class="bg" style="background-image: url(img/afterh.png)"></div>
                    </div>
                    <div class="swiper-slide">
                      <div class="bg" style="background-image: url(img/Zero-Latency_DUO2-500x393.png)"></div>
                    </div>
                  </div>
                  <div class="pagination style-type-1"></div>
                </div>
              </div>
              <div class="text">
                <div class="sub-title">Anniversaire 1H VR</div>
                <a href="https://jumporleans.qweekle.com/shop/jump-arena?lang=fr" class="title">1h de VR - Boissons & Bonbons.</a>
                </br> </br> </br></br>
              </div>
              </br>
              </br>
              <a href="https://jumporleans.qweekle.com/shop/jump-arena?lang=fr" class="button-type-3 type-2"><span><i>à partir de </i></span><span><i>22€/p.</i></span></a>
            </div>
          </div>
          <div class="col-lg-3 col-md-6 col-sm-12">
            <div class="card-item">
              <div class="image">
                <div class="bg" style="background-image: url(img/project-arena-oculus-touch-ccp-games-2-660x330.jpg)"></div>
              </div>
              <div class="text">
                <div class="sub-title">PRIVATISATION 4 PODS</div>
                <a href="https://jumporleans.qweekle.com/shop/jump-arena?lang=fr" class="title">Sur réservation</a>
                <a href="https://jumporleans.qweekle.com/shop/jump-arena?lang=fr" class="title">1H de VR de 5 à 8 personnes dans un espace dédié.</a></br></br></br>
              </div>


              <a href="#" class="button-type-3 type-2"><span><i>à partir de </i></span><span><i>120€.</i></span></a>
            </div>
          </div>
          <div class="col-lg-3 col-md-6 col-sm-12">
            <div class="card-item">
              <div class="image">
                <div class="bg" style="background-image: url(img/vive.jpg)"></div>
              </div>
              <div class="text">
                <div class="sub-title">VR Familly</div>
                <a href="https://jumporleans.qweekle.com/shop/jump-arena?lang=fr" class="title">1H de VR</a>
                <a href="https://jumporleans.qweekle.com/shop/jump-arena?lang=fr" class="title">Tous les dimanches de 10h à 14h. Entrée parent accompagnateur offerte.</a>
              </div>
              <a href="https://jumporleans.qweekle.com/shop/jump-arena?lang=fr" class="button-type-3 type-2"><span><i>à partir de</i></span><span><i>25€/p.</i></span></a>
            </div>
          </div>
          <div class="col-lg-3 col-md-6 col-sm-12">
            <div class="card-item">
              <div class="image">
                <div class="bg" style="background-image: url(img/ask-an-expert-vr-safe-for-kids-0001-alt.jpg)"></div>
              </div>
              <div class="text">
                <div class="sub-title">VR KIDS</div>
                <a href="https://jumporleans.qweekle.com/shop/jump-arena?lang=fr" class="title">15min de VR</a>
                <a href="https://jumporleans.qweekle.com/shop/jump-arena?lang=fr" class="title">Tous les mercredis après-midi à partir de 8 ans.</a></br></br></br>
              </div>
              <a href="https://jumporleans.qweekle.com/shop/jump-arena?lang=fr" class="button-type-3 type-2"><span><i>à partir de</i></span><span><i>9€/p.</i></span></a>
            </div>

          </div>
        </div>
      </div>
    </div>
    </div>
  </section>
  <span id="Venir"></span>
  <section class="section-fullpage bg-section-2" style="background: #222; margin-bottom: -70px">
    <div class="container" id="horaires" style="background: #222;">
      <div class="title-second type-2 col-style-2">
        <h2 class="title h5" style="color: #fff;     text-align: center;
    padding-bottom: 0px;
    position: relative; font-weight: 700;">VENIR AU </br>JUMP <span style="color: #1e76e2;">VIRTUAL ARENA</span></h2></br></br>
        <b>
          <div class="sub-title" style="padding-bottom: -20px; color: #fff;"><b>A 5<sup>min</sup> du centre ville d'Orléans</b></div></br>
          <div class="sub-title" style="padding-bottom: -20px; color: #fff;">23/25 avenue de la Libération, 45000 Orléans</div></br>
          <div class="sub-title" style="color: #fff;">Arrêt libération TRAM A / ligne 25</div>
        </b>
      </div></br></br>
  </section>

  <section class="section-fullpage" style="max-height: 300px; margin-top: -140px;">
    <div class="bg" style="height: 390px;">

      <iframe width="100%" height="390" frameborder="0" scrolling="no" marginheight="65" marginwidth="65" src="https://www.openstreetmap.org/export/embed.html?bbox=1.7825317382812502%2C47.867652991892086%2C2.0204544067382817%2C47.969237986685364&amp;layer=mapnik&amp;marker=47.91847042181842%2C1.9014930725097656" style="border: 25px solid #222;"></iframe><br />

      <div class="container" style="margin-left: 70px; background-color: #222;">
        <div class="title-second type-2 col-style-1">


        </div>
        <div class="slider-swiching testi-container">
          <div class="row">
            <div class="col-md-7">
              <div class="swiper-container container-swich swich-parent" data-autoplay="0" data-effect="slide" data-slides-per-view="1" data-loop="0" data-speed="800" data-center="0">
                <div class="swiper-wrapper">


  </section>
  <section style="background-color: #222; ">
    <center>
      </br>

      </h2>


      </br>


      <a href="contact.html" class="anchor-link active" style="color: #222; font-weight: 700;
    color: #222;
        font-family: 'Montserrat', sans-serif;

    position: relative;
    display: inline-block;
    z-index: 1;
    text-align: center;
    padding: 0px 60px;
    height: 60px;
    line-height: 60px;
    background: #1e76e2;
    border-radius: 30px;
    margin-top: 165px;
margin-bottom: 60px;
    "><b>Contactez-nous</b></a>


      </div></br></br>
  </section>


  </center>

  <footer class="footer type-2" style="background: #222;">
    <div class="top-bar">
      <div class="container">
        <center>
          <ul class="footer-nav" style="text-align: center;">
            <li><a href="trampoline.html">Trampo</a></li>
            <li><a href="virtual_arena.html">Réalité virtuelle</a></li>
            <li><a href="index.html#Venir">Plan</a></li>
            <li><a href="docs/CGU_Jump_Virtual_Arena.pdf" target="_blanc">CGU</a></li>
            <li><a href="contact.html">Contact</a></li>
            <li><a href="tel:+33238440244">02 38 44 02 44</a></li>
          </ul>
        </center>
      </div>
    </div>
    <div class="bottom-bar" style="background: #000; text-align: center;">
      <div class="container">
        <div class="simple-text">
          <span class="copyright" style="margin-right: 0px">
            <center>&copy; 2019 JUMP Virtual Arena</center>
          </span>
        </div>
      </div>
    </div>
  </footer>

  </div>
  </div>
  </div>


  <script src="js/jquery.min.js"></script>
  <script src="js/swiper.jquery.min.js"></script>
  <script src="js/isotope.pkgd.min.js"></script>
  <script src="js/scrollreveal.min.js"></script>
  <script src="js/jquery.mousewheel.min.js"></script>
  <script src="js/all.js"></script>
</body>

</html>