<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8"/>
	<title>Smart Pass</title>
	<link rel="icon" type="image/ico" href="mmd/favicon.ico"/>
	<link rel="stylesheet" type="text/css" href="style/splasher.css"/>
	<link rel="stylesheet" type="text/css" href="style/loader.css"/>
	<link rel="stylesheet" type="text/css" href="style/style.css"/>
	<!--<link rel="stylesheet" type="text/css" href="style/orientation.css"/>-->
	<script src="script/jquery.js"></script>
	<script src="script/jquery-ui.js"></script>
	<script src="map.js"></script>
	<?php 
	if (isset($_GET['value'])) {
		$value = $_GET['value'];
	}
	echo '<script>showParcours(6);</script>';
	
?>
	<script src="javaParcours.js" type="text/javascript" ></script>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
	<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=true"></script>
	<script src="//google-maps-utility-library-v3.googlecode.com/svn/trunk/geolocationmarker/src/geolocationmarker-compiled.js"></script>
</head>
<body id="container">
	<div id="splasher-splash">
		<div id="logo"></div>
		<div id="splasher"></div>
		<div class="splasher-section section-left"></div>
		<div class="splasher-section section-right"></div>
	</div>
	<div id="loader-load">
		<div id="loader"></div>
		<div class="loader-section section-left"></div>
		<div class="loader-section section-right"></div>
	</div>

	<div id="content">
		<div id="header">
			<img id="Smart_Pass" src="mmd/Smart_Pass.svg" alt="Smart Pass Logo"/>
			<img id="options" src="mmd/icon_Gear.svg" alt="options"/>
		</div>
		<div id="corps">
			<div id="menu_option"></div>
			<!--<iframe id="map" height="100%" width="100%" allowfullscreen frameborder="0" style="overflow:hidden;height:100%;width:100%"
			src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d10395.414866538475!2d0.07123959659952125!3d49.354917221641266!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47e1d4bac4578671%3A0x40c14484fbcf150!2sDeauville!5e0!3m2!1sfr!2sfr!4v1453914405575"></iframe>
			-->
			<section id="mapSection" style="overflow:hidden;height:100%;width:100%"></section>
			<style type="text/css">
			#mapSection {
				-webkit-flex: 1;
				-moz-flex: 1;
				-ms-flex: 1;
				-o-flex: 1;
				flex: 1;
				display: -webkit-flex;
				display: -moz-flex;
				display: -ms-flex;
				display: -o-flex;
				display: flex;
				-webkit-flex-direction: row;
				-moz-flex-direction: row;
				-ms-flex-direction: row;
				-o-flex-direction: row;
				flex-direction: row;
				-webkit-justify-content: center;
				-moz-justify-content: center;
				-ms-justify-content: center;
				-o-justify-content: center;
				justify-content: center;
			}
			</style>
		</div>
		<div id="footer">
			<a class="options" href="index.html?splash=1"><img class="options_img" src="mmd/icon_Home.svg" alt="Home"/></a>
			<a class="options" href="parcours.php?splash=1"><img class="options_img" src="mmd/icon_Back.svg" alt="Back"/></a>
		</div>
	</div>
</body>
</html>