Outiref
<!DOCTYPE html>
<html lang="fr-FR">
    <head>


        <!-- Google Tag Manager -->
        <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
        new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
        j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
        'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
        })(window,document,'script','dataLayer','GTM-MGBD2N5');</script>
        <!-- End Google Tag Manager -->
        <!-- Basic stuff
            ========================================= -->
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
	      <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="facebook-domain-verification" content="a68kil9hd273vl98olg8myix1mwm0y" />

        <!-- Style
            ========================================= -->
        <link rel="stylesheet" href="https://www.grinyland.com/content/themes/zetructeam-grinyland/dist/css/materialize.min.css">
        <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.6/css/all.css?ver=4.9.1">
        <link rel="stylesheet" href="https://www.grinyland.com/content/themes/zetructeam-grinyland/dist/css/custom.min.css">
        <link rel="icon" type="image/png" href="https://www.grinyland.com/content/themes/zetructeam-grinyland/dist/images/favicon.png" />

        
        <!-- SEO
            ========================================= -->
						
		
					<title>Accès au parc - Grinyland, Parc d&#039;attractions à grand est</title>
		
		
					<meta name="description" content="Comment se rendre à Grinyland ?. Grinyland - Un parc d&#039;attractions à découvrir en famille ou entre amis Situé entre Reims, Châlons-en-Champagne et Epernay.">
		
        <!-- HTML5 IE js -->
        <!--[if lt IE 9]>
        <script type="text/javascript" src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->


        <!-- Javascript
            ========================================= -->
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js" charset="utf-8"></script>

		<!-- Browser Update js -->
		<script type="text/javascript">
			var $buoop = {c:2};
			function $buo_f(){
			 var e = document.createElement("script");
			 e.src = "//browser-update.org/update.min.js";
			 document.body.appendChild(e);
			};
			try {document.addEventListener("DOMContentLoaded", $buo_f,false)}
			catch(e){window.attachEvent("onload", $buo_f)}
		</script>

		<!-- Cookie Consent js -->
		<!-- Import Cookie -->
		<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.0/cookieconsent.min.css" />
		<script src="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.0/cookieconsent.min.js"></script>
		<script>
		window.addEventListener("load", function(){
		window.cookieconsent.initialise({
		  "palette": {
		    "popup": {
		      "background": "#f7f7f7",
		      "text": "#787878"
		    },
		    "button": {
		      "background": "#5eac25",
		      "text": "#fff"
		    }
		  },
		  "type": "opt-in",
		  "content": {
		    "message": "En poursuivant votre navigation sur notre site, vous acceptez l'utilisation de Cookies. Les Cookies assurent le bon fonctionnement de nos services notamment pour réaliser des statistiques de visites anonymes. ",
		    "deny": "Je refuse",
		    "allow": "J'accepte",
		    "link": "En savoir plus",
		    "href": "http://www.google.com/analytics/terms/fr.html"
		  }
		})});
		</script>

		<!-- Global site tag (gtag.js) - Google Analytics -->
		<script async src="https://www.googletagmanager.com/gtag/js?id=UA-26084990-49&id=G-18B6J4HT97"></script>
		<script>
		  window.dataLayer = window.dataLayer || [];
		  function gtag(){dataLayer.push(arguments);}
		  gtag('js', new Date());

		  gtag('config', 'UA-26084990-49');
		  gtag('config', 'G-18B6J4HT97');
		</script>

            </head>
    <body><!-- Google Tag Manager (noscript) -->
      <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MGBD2N5"
      height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
      <!-- End Google Tag Manager (noscript) -->

            <div id="wrapper" class="page acces-parc">
            
        <header>

    <div class="container">

        <a class="logo" href="https://www.grinyland.com/cms/../" title="Grinyland - Partagez l&#039;Aventure et l&#039;Emotion en Famille !">
          <img src="https://www.grinyland.com/content/themes/zetructeam-grinyland/dist/images/logo.svg" alt="Grinyland - Partagez l&#039;Aventure et l&#039;Emotion en Famille !" width="200" id="logo">
        </a>

        <nav>

            <div class="nav-wrapper">

                <!-- Définition du menu principal desktop -->
                <a href="#" data-activates="mobile-demo" class="button-collapse hide-on-large-only" ><i class="fas fa-bars"></i> Menu</a>

                <ul class="hide-on-med-and-down">
                    <li>
                        <a class="dropdown-button" href="#!" data-activates="dropdown-leParc">Le parc <i class="fas fa-caret-down"></i></a>
                    </li>
                    <li>
                        <a href="https://www.grinyland.com/cms/../calendrier-et-tarifs/">Calendrier <br>&amp; Tarifs</a>
                    </li>
                    <li>
                        <a class="dropdown-button" href="#!" data-activates="dropdown-infos">Infos
                            <br>pratiques <i class="fas fa-caret-down"></i></a>
                    </li>
                    <li>
                        <a href="/la-guinguette/">La guinguette</a>
                    </li>
                    <li><a href="https://www.grinyland.com/cms/../vos-evenements/">Vos évènements</a></li>
                    <li class="icons"><a href="https://www.facebook.com/Grinyland/" target="_blank"><i class="fab fa-facebook-f fa-2x"></i></a>&nbsp;<a href="https://www.instagram.com/grinyland_officiel/" target="_blank"><i class="fab fa-instagram fa-2x"></i></a>
                    </li>
                    <li>
                        <a class="button" href="https://www.grinyland.com/cms/../billetterie-en-ligne/">Billetterie</a>
                    </li>
                </ul>

                <!-- Définition du contenu des dropdown
                 ---------------------------------- -->
                <!-- Le Parc Dropdown -->
                <ul id="dropdown-leParc" class="dropdown-content">
                    <!-- <li>
                        <a href="https://www.grinyland.com/cms/../nouveautes-2020/">Nouveautés 2020</a>
                    </li> -->
                    <li>
                        <a href="https://www.grinyland.com/cms/../activites-et-spectacles/">Activités &amp; Spectacles</a>
                    </li>
                    <li>
                        <a href="https://www.grinyland.com/cms/../plan-du-parc/">Plan du parc</a>
                    </li>
                    <li>
                        <a href="https://www.grinyland.com/cms/../restauration/">Restauration</a>
                    </li>
                    <li>
                        <a href="https://www.grinyland.com/cms/../nos-engagements/">Nos engagements</a>
                    </li>
                </ul>

                <!-- infos pratiques dropdown -->
                <ul id="dropdown-infos" class="dropdown-content">
                    <li>
                        <a href="https://www.grinyland.com/cms/../acces-au-parc/">Accès au parc</a>
                    </li>
                    <li>
                        <a href="https://www.grinyland.com/cms/../brochures/">Brochures</a>
                    </li>
                    <li>
                        <a href="https://www.grinyland.com/cms/../contact/">Contactez-nous</a>
                    </li>
                    <li>
                        <a href="https://www.grinyland.com/cms/../billetterie-en-ligne/">Billetterie en ligne</a>
                    </li>
                    <li>
                        <a href="https://www.grinyland.com/cms/../groupes-ce-scolaires/">Groupes / CE / Scolaires</a>
                    </li>
                </ul>

                <ul id="dropdown-leParc-mobile" class="dropdown-content">
                    <!-- <li>
                        <a href="https://www.grinyland.com/cms/../nouveautes-2020/">Nouveautés 2020</a>
                    </li> -->
                    <li>
                        <a href="https://www.grinyland.com/cms/../activites-et-spectacles/">Activités &amp; Spectacles</a>
                    </li>
                    <li>
                        <a href="https://www.grinyland.com/cms/../plan-du-parc/">Plan du parc</a>
                    </li>
                    <li>
                        <a href="https://www.grinyland.com/cms/../restauration/">Restauration</a>
                    </li>
                    <li>
                        <a href="https://www.grinyland.com/cms/../nos-engagements/">Nos engagements</a>
                    </li>
                </ul>

                <!-- infos pratiques dropdown -->
                <ul id="dropdown-infos-mobile" class="dropdown-content">
                    <li>
                        <a href="https://www.grinyland.com/cms/../acces-au-parc/">Accès au parc</a>
                    </li>
                    <li>
                        <a href="https://www.grinyland.com/cms/../brochures/">Brochures</a>
                    </li>
                    <li>
                        <a href="https://www.grinyland.com/cms/../contact/">Contactez-nous</a>
                    </li>
                    <li>
                        <a href="https://www.grinyland.com/cms/../billetterie-en-ligne/">Billetterie 2021 en ligne</a>
                    </li>
                    <li>
                        <a href="https://www.grinyland.com/cms/../groupes-ce-scolaires/">Groupes / CE / Scolaires</a>
                    </li>
                </ul>
            </div>
        </nav>

    </div>
    <a href="http://noel.grinyland.com/" title="Découvrir l'univers du Père Noël" target="_blank">
        <div class="xmas">
            <img src="http://www.grinyland.com/content/themes/zetructeam-grinyland/dist/images/santa.png" alt="" id="santa-header">
            <p>
                L'univers<br>du Père Noël
            </p>
            <span>Par ici</span>
            <img src="https://www.grinyland.com/content/themes/zetructeam-grinyland/dist/images/snow.svg" class="snow-1" alt="">
            <img src="https://www.grinyland.com/content/themes/zetructeam-grinyland/dist/images/snow.svg" class="snow-2" alt="">
            <img src="https://www.grinyland.com/content/themes/zetructeam-grinyland/dist/images/snow.svg" class="snow-3" alt="">
        </div>
    </a>

	<!-- <div class="xmas">
		<img src="http://www.grinyland.com/content/themes/zetructeam-grinyland/dist/images/santa.png" alt="" id="santa-header">
		<p>
			L'univers<br>du Père Noël
		</p>
		<span>À bientôt</span>
		<img src="https://www.grinyland.com/content/themes/zetructeam-grinyland/dist/images/snow.svg" class="snow-1" alt="">
		<img src="https://www.grinyland.com/content/themes/zetructeam-grinyland/dist/images/snow.svg" class="snow-2" alt="">
		<img src="https://www.grinyland.com/content/themes/zetructeam-grinyland/dist/images/snow.svg" class="snow-3" alt="">
	</div> -->
</header>

<ul class="side-nav" id="mobile-demo">
  <li class="nav-header-group">
      Le parc
  </li>
  <!-- <li>
      <a href="https://www.grinyland.com/cms/../nouveautes-2020/">Nouveautés 2020</a>
  </li> -->
  <li>
      <a href="https://www.grinyland.com/cms/../activites-et-spectacles/">Activités & Spectacles</a>
  </li>
  <li>
      <a href="https://www.grinyland.com/cms/../plan-du-parc/">Plan du parc</a>
  </li>
  <li>
      <a href="https://www.grinyland.com/cms/../restauration/">Restauration</a>
  </li>
  <li>
      <a href="https://www.grinyland.com/cms/../nos-engagements/">Nos engagements</a>
  </li>
  <li class="li-separator"></li>
  <li>
      <a href="https://www.grinyland.com/cms/../calendrier-et-tarifs/">Calendrier &amp; Tarifs</a>
  </li>
  <li class="li-separator"></li>
  <li class="nav-header-group">
      Infos pratiques
  </li>
  <li>
      <a href="https://www.grinyland.com/cms/../acces-au-parc/">Accès au parc</a>
  </li>
  <li>
      <a href="https://www.grinyland.com/cms/../brochures/">Brochures</a>
  </li>
  <li>
      <a href="https://www.grinyland.com/cms/../contact/">Contactez-nous</a>
  </li>
  <li>
      <a href="https://www.grinyland.com/cms/../billetterie-en-ligne/">Billetterie 2021 en ligne</a>
  </li>
  <li>
      <a href="https://www.grinyland.com/cms/../groupes-ce-scolaires/">Groupes / CE / Scolaires</a>
  </li>
  <li class="li-separator"></li>
  <li>
      <a href="https://www.grinyland.com/cms/../la-guinguette/">La guinguette</a>
  </li>
  <li><a href="https://www.grinyland.com/cms/../vos-evenements/">Vos évènements</a></li>
  <li class="icons"><a href="https://www.facebook.com/Grinyland/" target="_blank"><i class="fab fa-facebook-f fa-2x"></i></a>&nbsp;<a href="https://www.instagram.com/grinyland_officiel/" target="_blank"><i class="fab fa-instagram fa-2x"></i></a>
  </li>
  <li class="close"><a href="#!"><i class="fas fa-times"></i></a></li>
</ul>

            <div id="heading">
        <div class="container">
            <div class="row">
                <div class="col s12 l12">
                    <p>
                        Accès au parc
                    </p>
                </div>
            </div>
        </div>
    </div>


    <section id="itineraire">
        <div class="container">
            <div class="feuille-holder">
                <h1 class="titre1">Comment se rendre à Grinyland ?</h1>
            </div>
            <div class="row mt-4">
                <div class="col s12 l7 calculer-itineraire">
                    <h2 class="titre2">Calculer son itinéraire</h2>
                    <div class="row">
                        <div class="col s12 l6">
                            <label for="depart">Point de départ</label>
                            <input type="text" name="depart" value="" placeholder="Votre adresse ..." id='client-address'>
                        </div>
                        <div class="col s12 l6">
                            <label for="depart">Destination</label>
                            <input type="text" name="depart" value="Grinyland" disabled>
                        </div>
                        <!--<div class="col s12 center">
                            <a href="https://www.grinyland.com/cms/../acces-au-parc/" class="button comeToPark">Calculer l'itinéraire</a>
                        </div> -->
                    </div>
                </div>
                <div class="col s12 l5 address">
                    <h2 class="titre2">L'adresse du parc</h2>
                    <p>
                        <strong class="strong">GRINYLAND</strong><br />
                        6, rue de la Libération 51400 SEPT-SAULX
                    </p>
<p>
                        <strong>Sortie : </strong>les petites-Loges<br />
                        <strong>Direction : </strong> Sept-Saulx
                    </p>
<p>
<strong>Téléphone : </strong>03 26 03 24 91</p>

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

    <section id="map">
        <div class="container">
            <div class="row">
                <div class="col s12 l7">
                    <div id="carte">
                      <style>
						#the-map:before, #the-map:after {
							display: none !important;
						}
                      </style>
					  
                      <div id="the-map" style="height: 600px;"></div>
                    </div>
                </div>
                <div class="col s12 l5">
                    <div id="the-panel"  style="height: auto;"></div>
                </div>
            </div>
        </div>
    </section>

        
    
        <footer>
  <div class="footer-page">
      <div id="footer-bg">
                      <img src="https://www.grinyland.com/content/themes/zetructeam-grinyland/dist/images/separator-inverse-grey.svg" alt="separator">
                      <div class="parallax-container">
                <div class="parallax"><img src="https://www.grinyland.com/content/themes/zetructeam-grinyland/dist/images/sky.jpg" alt="sky"></div>
            </div>
      </div>

      <div class="container">
          <img class="logo" src="https://www.grinyland.com/content/themes/zetructeam-grinyland/dist/images/logo.svg" alt="Logo">
          			<div class="textwidget"><p>6 rue de la Libération<br />
51400 Sept-Saulx<br />
Tél. : 03 26 03 24 91<br />
Email : <strong>contactgrinyland@orange.fr</strong></p>
</div>
		          			<div class="textwidget"><ul>
<li><a href="/recrutement">Recrutement</a></li>
<li><a href="/contact">Contactez-nous</a></li>
<li><a href="/espace-presse">Espace presse</a></li>
<li><a href="/cgv">CGV</a></li>
<li><a href="/mentions-legales">Mentions légales</a></li>
</ul>
</div>
		          			<div class="textwidget"><p class="last">Rejoignez-nous sur<br />
les réseaux sociaux :</p>
<p><a class="footer-rs" href="https://www.facebook.com/Grinyland/" target="_blank" rel="noopener"><i class="fab fa-facebook-f"></i> facebook.com/Grinyland</a></p>
<p><a class="footer-rs" href="https://www.instagram.com/grinyland_officiel/" target="_blank" rel="noopener"><i class="fab fa-instagram"></i> instagram.com/Grinyland</a></p>
</div>
		


           <!-- <a href="http://noel.grinyland.com/" title="Découvrir l'univers du Père Noël" target="_blank" id="xmas-container">
              <div class="xmas">
                  <p>
                      Découvrez<br>L'univers du Père Noël
                  </p>
                  <img src="https://www.grinyland.com/content/themes/zetructeam-grinyland/dist/images/santa.png" alt="" id="santa">
                  <img src="https://www.grinyland.com/content/themes/zetructeam-grinyland/dist/images/snow.svg" class="snow-1" alt="">
                  <img src="https://www.grinyland.com/content/themes/zetructeam-grinyland/dist/images/snow.svg" class="snow-2" alt="">
                  <div class="arrow"><i class="fas fa-angle-right"></i></div>

              </div>
          </a> -->

          <div id="xmas-container">
              <div class="xmas">
                  <p>
                      Rendez-vous en fin d'année pour<br>L'univers du Père Noël
                  </p>
                  <img src="https://www.grinyland.com/content/themes/zetructeam-grinyland/dist/images/santa.png" alt="" id="santa">
                  <img src="https://www.grinyland.com/content/themes/zetructeam-grinyland/dist/images/snow.svg" class="snow-1" alt="">
                  <img src="https://www.grinyland.com/content/themes/zetructeam-grinyland/dist/images/snow.svg" class="snow-2" alt="">

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

      <div class="legal">
          <div class="container">© 2018 Grinyland par&nbsp;<a href="https://www.zetruc.fr" target="_blank">Zetruc</a>, tous droits réservés.</div>
      </div>
  </div>


</footer>
<div id="modal-noel" class="modal">
    <div class="modal-content">
        <a href="#!" class="modal-action modal-close cross-modal"><i class="fas fa-times"></i></a>
        <p class="center">L'univers du Père Noël n'est pas encore prêt, mais les lutins s'activent !<br/> Nous vous tenons informés...</p>
    </div>
</div>
      </div>

            <script src="https://www.grinyland.com/content/themes/zetructeam-grinyland/dist/js/sticky-sidebar.min.js"></script>

    <script>
        function initMap() {
            var count = 0;
            var stickySidebar = 0;
            let grinyland = new google.maps.LatLng(49.153551, 4.241012);
            const map = new google.maps.Map(document.getElementById('the-map'), {
              zoom: 12,
              center: grinyland,
              scaleControl: false,
              mapTypeControl: false,
              streetViewControl: false,
              fullscreenControl: false,
              styles :[
                {
                    "featureType": "landscape.man_made",
                    "elementType": "geometry",
                    "stylers": [
                        {
                            "color": "#f7f1df"
                        }
                    ]
                },
                {
                    "featureType": "landscape.natural",
                    "elementType": "geometry",
                    "stylers": [
                        {
                            "color": "#d0e3b4"
                        }
                    ]
                },
                {
                    "featureType": "landscape.natural.terrain",
                    "elementType": "geometry",
                    "stylers": [
                        {
                            "visibility": "off"
                        }
                    ]
                },
                {
                    "featureType": "poi",
                    "elementType": "labels",
                    "stylers": [
                        {
                            "visibility": "off"
                        }
                    ]
                },
                {
                    "featureType": "poi.business",
                    "elementType": "all",
                    "stylers": [
                        {
                            "visibility": "off"
                        }
                    ]
                },
                {
                    "featureType": "poi.medical",
                    "elementType": "geometry",
                    "stylers": [
                        {
                            "color": "#fbd3da"
                        }
                    ]
                },
                {
                    "featureType": "poi.park",
                    "elementType": "geometry",
                    "stylers": [
                        {
                            "color": "#bde6ab"
                        }
                    ]
                },
                {
                    "featureType": "road",
                    "elementType": "geometry.stroke",
                    "stylers": [
                        {
                            "visibility": "off"
                        }
                    ]
                },
                {
                    "featureType": "road",
                    "elementType": "labels",
                    "stylers": [
                        {
                            "visibility": "off"
                        }
                    ]
                },
                {
                    "featureType": "road.highway",
                    "elementType": "geometry.fill",
                    "stylers": [
                        {
                            "color": "#ffe15f"
                        }
                    ]
                },
                {
                    "featureType": "road.highway",
                    "elementType": "geometry.stroke",
                    "stylers": [
                        {
                            "color": "#efd151"
                        }
                    ]
                },
                {
                    "featureType": "road.arterial",
                    "elementType": "geometry.fill",
                    "stylers": [
                        {
                            "color": "#ffffff"
                        }
                    ]
                },
                {
                    "featureType": "road.local",
                    "elementType": "geometry.fill",
                    "stylers": [
                        {
                            "color": "black"
                        }
                    ]
                },
                {
                    "featureType": "transit.station.airport",
                    "elementType": "geometry.fill",
                    "stylers": [
                        {
                            "color": "#cfb2db"
                        }
                    ]
                },
                {
                    "featureType": "water",
                    "elementType": "geometry",
                    "stylers": [
                        {
                            "color": "#a2daf2"
                        }
                    ]
                }
            ]
            });
            let marker = new google.maps.Marker({
              position: grinyland,
              map: map,
              icon: '/../content/themes/zetructeam-grinyland/dist/images/marker.png'
            });

            let autocomplete = new google.maps.places.Autocomplete(document.getElementById('client-address'));
            autocomplete.bindTo('bounds', map);
            autocomplete.addListener('place_changed', () => {
                const place = autocomplete.getPlace();
                grinylandStr = "6, rue de la Libération, SEPT-SAULX";
                if (typeof place.geometry !== 'undefined') {
                    calculateAndRenderDirections(place.geometry.location, grinylandStr);
                } else {
                    calculateAndRenderDirections(grinylandStr, grinylandStr);
                }
            });

            let directionsService = new google.maps.DirectionsService(),
                directionsDisplay = new google.maps.DirectionsRenderer()

            const calculateAndRenderDirections = (origin, destination) => {
                    request = {
                        origin : origin,
                        destination : destination,
                        travelMode : 'DRIVING'
                    }
                    directionsDisplay.setMap(map);
                    directionsDisplay.setPanel(document.getElementById('the-panel'));

                    directionsService.route(request, (result, status) => {
                        if (status == 'OK') {
                            directionsDisplay.setDirections(result);

                            setTimeout(
                              function()
                              {

                                var height = $('#the-panel').height();

                                $("#carte").css("height", height + "px");

                                if(count == 0) {
                                  stickySidebar = new StickySidebar('#carte', {
                                    topSpacing: 70,
                                    bottomSpacing: 20,
                                    containerSelector: '#map',
                                    innerWrapperSelector: '#the-panel',
                                  });
                                }
                                else {
                                  stickySidebar.destroy();

                                  stickySidebar = new StickySidebar('#carte', {
                                    topSpacing: 70,
                                    bottomSpacing: 20,
                                    containerSelector: '#map',
                                    innerWrapperSelector: '#the-panel',
                                  });
                                }

                                count++;
                              }, 650);
                        }
                    })
            }
        }
    </script>
    <script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDZ6A2aaxjU_lKFjqhIAlXhciAxC9LZRVE&libraries=places&callback=initMap"></script>


        <script src="https://www.grinyland.com/content/themes/zetructeam-grinyland/dist/js/materialize.min.js" charset="utf-8"></script>
        <script src="https://www.grinyland.com/content/themes/zetructeam-grinyland/dist/js/custom.min.js" charset="utf-8"></script>
    </body>
</html>