5 年之前 · c7b32250df
--- a/.directory
+++ b/.directory
@@ -0,0 +1,4 @@
 
				+[Dolphin]
			
 
				+Timestamp=2018,11,20,16,59,33
			
 
				+Version=4
			
 
				+ViewMode=2
			
--- a/fonts/.directory
+++ b/fonts/.directory
@@ -0,0 +1,4 @@
 
				+[Dolphin]
			
 
				+Timestamp=2018,11,13,2,37,0
			
 
				+Version=4
			
 
				+ViewMode=2
			
--- a/fonts/Montserrat-Black.eot
+++ b/fonts/Montserrat-Black.eot
--- a/fonts/Montserrat-Black.woff
+++ b/fonts/Montserrat-Black.woff
--- a/fonts/Montserrat-Black.woff2
+++ b/fonts/Montserrat-Black.woff2
--- a/fonts/Montserrat-BlackItalic.eot
+++ b/fonts/Montserrat-BlackItalic.eot
--- a/fonts/Montserrat-BlackItalic.woff
+++ b/fonts/Montserrat-BlackItalic.woff
--- a/fonts/Montserrat-BlackItalic.woff2
+++ b/fonts/Montserrat-BlackItalic.woff2
--- a/fonts/Montserrat-Bold.eot
+++ b/fonts/Montserrat-Bold.eot
--- a/fonts/Montserrat-Bold.woff
+++ b/fonts/Montserrat-Bold.woff
--- a/fonts/Montserrat-Bold.woff2
+++ b/fonts/Montserrat-Bold.woff2
--- a/fonts/Montserrat-BoldItalic.eot
+++ b/fonts/Montserrat-BoldItalic.eot
--- a/fonts/Montserrat-BoldItalic.woff
+++ b/fonts/Montserrat-BoldItalic.woff
--- a/fonts/Montserrat-BoldItalic.woff2
+++ b/fonts/Montserrat-BoldItalic.woff2
--- a/fonts/Montserrat-ExtraBold.eot
+++ b/fonts/Montserrat-ExtraBold.eot
--- a/fonts/Montserrat-ExtraBold.woff
+++ b/fonts/Montserrat-ExtraBold.woff
--- a/fonts/Montserrat-ExtraBold.woff2
+++ b/fonts/Montserrat-ExtraBold.woff2
--- a/fonts/Montserrat-ExtraBoldItalic.eot
+++ b/fonts/Montserrat-ExtraBoldItalic.eot
--- a/fonts/Montserrat-ExtraBoldItalic.woff
+++ b/fonts/Montserrat-ExtraBoldItalic.woff
--- a/fonts/Montserrat-ExtraBoldItalic.woff2
+++ b/fonts/Montserrat-ExtraBoldItalic.woff2
--- a/fonts/Montserrat-ExtraLight.eot
+++ b/fonts/Montserrat-ExtraLight.eot
--- a/fonts/Montserrat-ExtraLight.woff
+++ b/fonts/Montserrat-ExtraLight.woff
--- a/fonts/Montserrat-ExtraLight.woff2
+++ b/fonts/Montserrat-ExtraLight.woff2
--- a/fonts/Montserrat-ExtraLightItalic.eot
+++ b/fonts/Montserrat-ExtraLightItalic.eot
--- a/fonts/Montserrat-ExtraLightItalic.woff
+++ b/fonts/Montserrat-ExtraLightItalic.woff
--- a/fonts/Montserrat-ExtraLightItalic.woff2
+++ b/fonts/Montserrat-ExtraLightItalic.woff2
--- a/fonts/Montserrat-Italic.eot
+++ b/fonts/Montserrat-Italic.eot
--- a/fonts/Montserrat-Italic.woff
+++ b/fonts/Montserrat-Italic.woff
--- a/fonts/Montserrat-Italic.woff2
+++ b/fonts/Montserrat-Italic.woff2
--- a/fonts/Montserrat-Light.eot
+++ b/fonts/Montserrat-Light.eot
--- a/fonts/Montserrat-Light.woff
+++ b/fonts/Montserrat-Light.woff
--- a/fonts/Montserrat-Light.woff2
+++ b/fonts/Montserrat-Light.woff2
--- a/fonts/Montserrat-LightItalic.eot
+++ b/fonts/Montserrat-LightItalic.eot
--- a/fonts/Montserrat-LightItalic.woff
+++ b/fonts/Montserrat-LightItalic.woff
--- a/fonts/Montserrat-LightItalic.woff2
+++ b/fonts/Montserrat-LightItalic.woff2
--- a/fonts/Montserrat-Medium.eot
+++ b/fonts/Montserrat-Medium.eot
--- a/fonts/Montserrat-Medium.woff
+++ b/fonts/Montserrat-Medium.woff
--- a/fonts/Montserrat-Medium.woff2
+++ b/fonts/Montserrat-Medium.woff2
--- a/fonts/Montserrat-MediumItalic.eot
+++ b/fonts/Montserrat-MediumItalic.eot
--- a/fonts/Montserrat-MediumItalic.woff
+++ b/fonts/Montserrat-MediumItalic.woff
--- a/fonts/Montserrat-MediumItalic.woff2
+++ b/fonts/Montserrat-MediumItalic.woff2
--- a/fonts/Montserrat-Regular.eot
+++ b/fonts/Montserrat-Regular.eot
--- a/fonts/Montserrat-Regular.woff
+++ b/fonts/Montserrat-Regular.woff
--- a/fonts/Montserrat-Regular.woff2
+++ b/fonts/Montserrat-Regular.woff2
--- a/fonts/Montserrat-SemiBold.eot
+++ b/fonts/Montserrat-SemiBold.eot
--- a/fonts/Montserrat-SemiBold.woff
+++ b/fonts/Montserrat-SemiBold.woff
--- a/fonts/Montserrat-SemiBold.woff2
+++ b/fonts/Montserrat-SemiBold.woff2
--- a/fonts/Montserrat-SemiBoldItalic.eot
+++ b/fonts/Montserrat-SemiBoldItalic.eot
--- a/fonts/Montserrat-SemiBoldItalic.woff
+++ b/fonts/Montserrat-SemiBoldItalic.woff
--- a/fonts/Montserrat-SemiBoldItalic.woff2
+++ b/fonts/Montserrat-SemiBoldItalic.woff2
--- a/fonts/Montserrat-Thin.eot
+++ b/fonts/Montserrat-Thin.eot
--- a/fonts/Montserrat-Thin.woff
+++ b/fonts/Montserrat-Thin.woff
--- a/fonts/Montserrat-Thin.woff2
+++ b/fonts/Montserrat-Thin.woff2
--- a/fonts/Montserrat-ThinItalic.eot
+++ b/fonts/Montserrat-ThinItalic.eot
--- a/fonts/Montserrat-ThinItalic.woff
+++ b/fonts/Montserrat-ThinItalic.woff
--- a/fonts/Montserrat-ThinItalic.woff2
+++ b/fonts/Montserrat-ThinItalic.woff2
--- a/illustrations/.directory
+++ b/illustrations/.directory
@@ -0,0 +1,4 @@
 
				+[Dolphin]
			
 
				+Timestamp=2018,11,20,16,59,44
			
 
				+Version=4
			
 
				+ViewMode=2
			
--- a/illustrations/ampoule.php
+++ b/illustrations/ampoule.php
--- a/illustrations/angoisses.php
+++ b/illustrations/angoisses.php
--- a/illustrations/background.php
+++ b/illustrations/background.php
--- a/illustrations/bah_alors.php
+++ b/illustrations/bah_alors.php
--- a/illustrations/besoin.php
+++ b/illustrations/besoin.php
--- a/illustrations/center.php
+++ b/illustrations/center.php
--- a/illustrations/chevalier.php
+++ b/illustrations/chevalier.php
--- a/illustrations/coeur.php
+++ b/illustrations/coeur.php
--- a/illustrations/et_maintenant.php
+++ b/illustrations/et_maintenant.php
--- a/illustrations/etoile.php
+++ b/illustrations/etoile.php
@@ -0,0 +1,44 @@
 
				+<div id="etoile" class="section">
			
 
				+
			
 
				+
			
 
				+<div class="block">
			
 
				+
			
 
				+  <div class="illu">
			
 
				+<svg xmlns="http://www.w3.org/2000/svg" width="446.733" height="501.755" viewBox="0 0 118.198 132.756"><path d="M109.231 98.67l-38.053-8.8L56.2 125.94 44.794 88.586 6.066 93.652l26.648-28.556L8.964 34.09l38.053 8.799L61.994 6.817 73.4 44.172l38.728-5.066L85.48 67.662z" style="isolation:auto;mix-blend-mode:normal;solid-color:#000;solid-opacity:1" color="#000" overflow="visible" fill="none" stroke="#000" stroke-width="4.61506796" stroke-linecap="round"/></svg>
			
 
				+  </div>
			
 
				+
			
 
				+  <div class="txt">
			
 
				+    <p>La réunion</br>
			
 
				+    avec les parents</br>
			
 
				+    a-t-elle fonctionné ?</p>
			
 
				+  </div>
			
 
				+
			
 
				+  <div class="y_n">
			
 
				+    <?php include 'y_n/y_n.php'; ?>
			
 
				+    <div class="tracer-n">
			
 
				+      <svg xmlns:osb="http://www.openswatchbook.org/uri/2009/osb" xmlns="http://www.w3.org/2000/svg" width="611.991" height="2411.415" viewBox="0 0 161.923 638.02">
			
 
				+          <defs>
			
 
				+              <linearGradient id="a" osb:paint="solid" gradientTransform="matrix(-.01603 .00988 -.00988 -.01603 -4170.96 -6624.383)">
			
 
				+                  <stop offset="0" stop-color="#2a3692" />
			
 
				+              </linearGradient>
			
 
				+          </defs>
			
 
				+          <path d="M564.304-508.369S154.808-279.615 124.977 270.602c-15.914 293.52 39.31 544.397 168.362 742.414 129.053 198.016 268.177 271.497 268.177 271.497" fill="none" stroke="url(#a)" stroke-width="4.5" transform="matrix(.35278 0 0 .35278 -42.355 184.17)" />
			
 
				+          <path d="M579.054-522.058l-37.322 10.971 19.158 22.672z" fill="url(#a)" fill-rule="evenodd" transform="matrix(.35278 0 0 .35278 -42.355 184.17)" />
			
 
				+      </svg>
			
 
				+
			
 
				+    </div>
			
 
				+    <div class="tracer-y">
			
 
				+      <svg xmlns:osb="http://www.openswatchbook.org/uri/2009/osb" xmlns="http://www.w3.org/2000/svg" width="2373.27" height="1245.456" viewBox="0 0 627.928 329.527">
			
 
				+          <defs>
			
 
				+              <linearGradient id="a" osb:paint="solid" gradientTransform="matrix(-.01603 .00988 -.00988 -.01603 -4170.96 -6624.383)">
			
 
				+                  <stop offset="0" stop-color="#2a3692" />
			
 
				+              </linearGradient>
			
 
				+          </defs>
			
 
				+          <path d="M-457.574 1310.058S103.655 872.675 618.232 615.599c364.733-182.215 682.412-231.28 682.412-231.28" fill="none" stroke="url(#a)" stroke-width="4.5" transform="matrix(.35278 0 0 .35278 161.91 -133.259)" />
			
 
				+          <path d="M1294.043 378.62l3.662 14.501 23.291-14.062-26.953-1.318z" fill="url(#a)" fill-rule="evenodd" transform="matrix(.35278 0 0 .35278 161.91 -133.259)" />
			
 
				+      </svg>
			
 
				+
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</div>
			
 
				+</div>
			
--- a/illustrations/genie.php
+++ b/illustrations/genie.php
--- a/illustrations/koala.php
+++ b/illustrations/koala.php
--- a/illustrations/parlons-en.php
+++ b/illustrations/parlons-en.php
--- a/illustrations/pouce.php
+++ b/illustrations/pouce.php
--- a/illustrations/start.php
+++ b/illustrations/start.php
--- a/illustrations/sumo.php
+++ b/illustrations/sumo.php
--- a/illustrations/sy_mettre.php
+++ b/illustrations/sy_mettre.php
@@ -0,0 +1,17 @@
 
				+<div id="sy_mettre" class="section">
			
 
				+  <div class="block">
			
 
				+    <div class="illu">
			
 
				+      <div class="txt">
			
 
				+        <h4>bon bah faut s'y mettre !</h4>
			
 
				+        <p>N'hésitez pas à demander l'aide</br>
			
 
				+        du territoire !</p>
			
 
				+      </div>
			
 
				+      <div class="y_n">
			
 
				+        <div class="tracer-n">
			
 
				+        </div>
			
 
				+        <div class="tracer-y">
			
 
				+        </div>
			
 
				+      </div>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</div>
			
--- a/illustrations/voyance.php
+++ b/illustrations/voyance.php
--- a/illustrations/y_n/y_n.php
+++ b/illustrations/y_n/y_n.php
@@ -0,0 +1,7 @@
 
				+<div id="y" class="buttons">
			
 
				+  <p>Oui</p>
			
 
				+</div>
			
 
				+
			
 
				+<div id="n" class="buttons">
			
 
				+  <p>Non</p>
			
 
				+</div>
			
--- a/index.php
+++ b/index.php
@@ -0,0 +1,43 @@
 
				+<!DOCTYPE html>
			
 
				+<html xmlns="http://www.w3.org/1999/xhtml">
			
 
				+
			
 
				+<head>
			
 
				+	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
			
 
				+	<link rel="stylesheet" type="text/css" href="style/reset.css" />
			
 
				+	<link rel="stylesheet" type="text/css" href="style/fonts.css" />
			
 
				+	<link rel="stylesheet" type="text/css" href="style/animate.css" />
			
 
				+	<link rel="stylesheet" type="text/css" href="style/style.css" />
			
 
				+</head>
			
 
				+
			
 
				+<title>Scout arbre de saturation</title>
			
 
				+
			
 
				+<body class="dragscroll">
			
 
				+	<section>
			
 
				+		<?php include('illustrations/start.php'); ?>
			
 
				+		<?php include('illustrations/angoisses.php'); ?>
			
 
				+		<?php include('illustrations/coeur.php'); ?>
			
 
				+		<?php include('illustrations/sumo.php'); ?>
			
 
				+		<?php include('illustrations/voyance.php'); ?>
			
 
				+		<?php include('illustrations/parlons-en.php'); ?>
			
 
				+		<?php include('illustrations/ampoule.php'); ?>
			
 
				+		<?php include('illustrations/besoin.php'); ?>
			
 
				+		<?php include('illustrations/genie.php'); ?>
			
 
				+		<?php include('illustrations/bah_alors.php'); ?>
			
 
				+		<?php include('illustrations/et_maintenant.php'); ?>
			
 
				+		<?php include('illustrations/pouce.php'); ?>
			
 
				+		<?php include('illustrations/chevalier.php'); ?>
			
 
				+		<?php include('illustrations/sy_mettre.php'); ?>
			
 
				+		<?php include('illustrations/koala.php'); ?>
			
 
				+		<?php include('illustrations/etoile.php'); ?>
			
 
				+		<?php include('illustrations/center.php'); ?>
			
 
				+	</section>
			
 
				+</body>
			
 
				+
			
 
				+<script type="text/javascript" src="scripts/jquery-3.3.1.min.js"></script>
			
 
				+<script type="text/javascript" src="scripts/jquery-ui.min.js"></script>
			
 
				+<script type="text/javascript" src="scripts/jquery.ui.touch-punch.min.js"></script>
			
 
				+<script type="text/javascript" src="scripts/dragscroll.js"></script>
			
 
				+<script type="text/javascript" src="scripts/jquery.scrollTo.min.js"></script>
			
 
				+<script type="text/javascript" src="scripts/script.js"></script>
			
 
				+
			
 
				+</html>
			
--- a/scripts/.directory
+++ b/scripts/.directory
@@ -0,0 +1,4 @@
 
				+[Dolphin]
			
 
				+Timestamp=2018,11,20,16,59,40
			
 
				+Version=4
			
 
				+ViewMode=2
			
--- a/scripts/dragscroll.js
+++ b/scripts/dragscroll.js
@@ -0,0 +1,92 @@
 
				+/**
			
 
				+ * @fileoverview dragscroll - scroll area by dragging
			
 
				+ * @version 0.0.8
			
 
				+ * 
			
 
				+ * @license MIT, see http://github.com/asvd/dragscroll
			
 
				+ * @copyright 2015 asvd <heliosframework@gmail.com> 
			
 
				+ */
			
 
				+
			
 
				+
			
 
				+(function (root, factory) {
			
 
				+    if (typeof define === 'function' && define.amd) {
			
 
				+        define(['exports'], factory);
			
 
				+    } else if (typeof exports !== 'undefined') {
			
 
				+        factory(exports);
			
 
				+    } else {
			
 
				+        factory((root.dragscroll = {}));
			
 
				+    }
			
 
				+}(this, function (exports) {
			
 
				+    var _window = window;
			
 
				+    var _document = document;
			
 
				+    var mousemove = 'mousemove';
			
 
				+    var mouseup = 'mouseup';
			
 
				+    var mousedown = 'mousedown';
			
 
				+    var EventListener = 'EventListener';
			
 
				+    var addEventListener = 'add'+EventListener;
			
 
				+    var removeEventListener = 'remove'+EventListener;
			
 
				+    var newScrollX, newScrollY;
			
 
				+
			
 
				+    var dragged = [];
			
 
				+    var reset = function(i, el) {
			
 
				+        for (i = 0; i < dragged.length;) {
			
 
				+            el = dragged[i++];
			
 
				+            el = el.container || el;
			
 
				+            el[removeEventListener](mousedown, el.md, 0);
			
 
				+            _window[removeEventListener](mouseup, el.mu, 0);
			
 
				+            _window[removeEventListener](mousemove, el.mm, 0);
			
 
				+        }
			
 
				+
			
 
				+        // cloning into array since HTMLCollection is updated dynamically
			
 
				+        dragged = [].slice.call(_document.getElementsByClassName('dragscroll'));
			
 
				+        for (i = 0; i < dragged.length;) {
			
 
				+            (function(el, lastClientX, lastClientY, pushed, scroller, cont){
			
 
				+                (cont = el.container || el)[addEventListener](
			
 
				+                    mousedown,
			
 
				+                    cont.md = function(e) {
			
 
				+                        if (!el.hasAttribute('nochilddrag') ||
			
 
				+                            _document.elementFromPoint(
			
 
				+                                e.pageX, e.pageY
			
 
				+                            ) == cont
			
 
				+                        ) {
			
 
				+                            pushed = 1;
			
 
				+                            lastClientX = e.clientX;
			
 
				+                            lastClientY = e.clientY;
			
 
				+
			
 
				+                            e.preventDefault();
			
 
				+                        }
			
 
				+                    }, 0
			
 
				+                );
			
 
				+
			
 
				+                _window[addEventListener](
			
 
				+                    mouseup, cont.mu = function() {pushed = 0;}, 0
			
 
				+                );
			
 
				+
			
 
				+                _window[addEventListener](
			
 
				+                    mousemove,
			
 
				+                    cont.mm = function(e) {
			
 
				+                        if (pushed) {
			
 
				+                            (scroller = el.scroller||el).scrollLeft -=
			
 
				+                                newScrollX = (- lastClientX + (lastClientX=e.clientX));
			
 
				+                            scroller.scrollTop -=
			
 
				+                                newScrollY = (- lastClientY + (lastClientY=e.clientY));
			
 
				+                            if (el == _document.body) {
			
 
				+                                (scroller = _document.documentElement).scrollLeft -= newScrollX;
			
 
				+                                scroller.scrollTop -= newScrollY;
			
 
				+                            }
			
 
				+                        }
			
 
				+                    }, 0
			
 
				+                );
			
 
				+             })(dragged[i++]);
			
 
				+        }
			
 
				+    }
			
 
				+
			
 
				+      
			
 
				+    if (_document.readyState == 'complete') {
			
 
				+        reset();
			
 
				+    } else {
			
 
				+        _window[addEventListener]('load', reset, 0);
			
 
				+    }
			
 
				+
			
 
				+    exports.reset = reset;
			
 
				+}));
			
 
				+
			
--- a/scripts/jquery-3.3.1.min.js
+++ b/scripts/jquery-3.3.1.min.js
--- a/scripts/jquery-ui.min.js
+++ b/scripts/jquery-ui.min.js
--- a/scripts/jquery.scrollTo.min.js
+++ b/scripts/jquery.scrollTo.min.js
--- a/scripts/jquery.ui.touch-punch.min.js
+++ b/scripts/jquery.ui.touch-punch.min.js
--- a/scripts/script.js
+++ b/scripts/script.js
@@ -0,0 +1,195 @@
 
				+// Mettre le site en responsive répurerer les valeurs de position en %
			
 
				+
			
 
				+// array
			
 
				+array_Sw = [];
			
 
				+array_Sh = [];
			
 
				+array_Sx = [];
			
 
				+array_Sy = [];
			
 
				+console.log("array_Sw", array_Sw);
			
 
				+console.log("array_Sh", array_Sh);
			
 
				+console.log("array_Sx", array_Sx);
			
 
				+console.log("array_Sy", array_Sy);
			
 
				+
			
 
				+
			
 
				+
			
 
				+// var
			
 
				+// dimension du navigateur
			
 
				+var Fw = $(window).outerWidth(true);
			
 
				+var Fh = $(window).outerHeight(true);
			
 
				+// console.log("Fw",Fw);
			
 
				+// console.log("Fh",Fh);
			
 
				+
			
 
				+// dimension des div
			
 
				+var $section = $("section > div")
			
 
				+console.log("$section", $section);
			
 
				+
			
 
				+for (var i = 0; i < $section.length; i++) {
			
 
				+	var Sw = $section[i].offsetWidth
			
 
				+	var Sh = $section[i].offsetHeight
			
 
				+	// console.log("Sw",Sw);
			
 
				+	// console.log("Sh",Sh);
			
 
				+	array_Sw.push(Sw);
			
 
				+	array_Sh.push(Sh);
			
 
				+
			
 
				+	// position des div
			
 
				+	var Sx = $section[i].offsetLeft
			
 
				+	var Sy = $section[i].offsetTop
			
 
				+	// console.log("Sx",Sx);
			
 
				+	// console.log("Sy",Sy);
			
 
				+	array_Sx.push(Sx);
			
 
				+	array_Sy.push(Sy);
			
 
				+}
			
 
				+
			
 
				+function grab() {
			
 
				+	$("body").mouseup(function(){
			
 
				+		$("body").css( "cursor","grab");
			
 
				+	}).mousedown(function(){
			
 
				+		$("body").css( "cursor","grabbing");
			
 
				+	});
			
 
				+}
			
 
				+
			
 
				+function initStart() {
			
 
				+	var Start = $('#start').offset()
			
 
				+	$(window).animate({ scrollTop: Start.top - ((Fh/2) - (array_Sw[0]/2))}, 0);
			
 
				+	$(window).animate({ scrollLeft: Start.left - ((Fw/2) - (array_Sh[0]/2)) }, 0);
			
 
				+}
			
 
				+
			
 
				+function scrollto() {
			
 
				+
			
 
				+	array_Y = [];
			
 
				+	array_N = [];
			
 
				+
			
 
				+	var $y = $("section > div #y")
			
 
				+	var $n = $("section > div #n")
			
 
				+
			
 
				+	for (var i = 0; i < $y.length; i++) {
			
 
				+		var Sy = $y[i]
			
 
				+		array_Y.push(Sy);
			
 
				+	}
			
 
				+
			
 
				+	for (var i = 0; i < $n.length; i++) {
			
 
				+		var Sn = $n[i]
			
 
				+		array_N.push(Sn);
			
 
				+	}
			
 
				+
			
 
				+	console.log("array_Y", array_Y);
			
 
				+	console.log("array_N", array_N);
			
 
				+
			
 
				+	// Click yes
			
 
				+	$(array_Y[0]).click(function(){
			
 
				+		var x = array_Sx[1] - ((Fw/2) - (array_Sw[1]/2));
			
 
				+		var y = array_Sy[1] - ((Fh/2) - (array_Sh[1]/2));
			
 
				+		$(window).scrollTo({top:y, left:47 + '%'	},800);
			
 
				+		console.log('cc');
			
 
				+	});
			
 
				+
			
 
				+	$(array_Y[1]).click(function(){
			
 
				+		var x1 = array_Sx[2] - ((Fw/2) - (array_Sw[2]/2));
			
 
				+		var y1 = array_Sy[2] - ((Fh/2) - (array_Sh[2]/2));
			
 
				+		$(window).scrollTo({top:y1, left:x1}, 800);
			
 
				+	});
			
 
				+
			
 
				+	$(array_Y[2]).click(function(){
			
 
				+		var x1 = array_Sx[6] - ((Fw/2) - (array_Sw[6]/2));
			
 
				+		var y1 = array_Sy[6] - ((Fh/2) - (array_Sh[6]/2));
			
 
				+		$(window).scrollTo({top:y1, left:x1}, 800);
			
 
				+	});
			
 
				+
			
 
				+	$(array_Y[3]).click(function(){
			
 
				+		var x1 = array_Sx[7] - ((Fw/2) - (array_Sw[7]/2));
			
 
				+		var y1 = array_Sy[7] - ((Fh/2) - (array_Sh[7]/2));
			
 
				+		$(window).scrollTo({top:y1, left:x1}, 800);
			
 
				+	});
			
 
				+
			
 
				+	$(array_Y[4]).click(function(){
			
 
				+		var x1 = array_Sx[10] - ((Fw/2) - (array_Sw[10]/2));
			
 
				+		var y1 = array_Sy[10] - ((Fh/2) - (array_Sh[10]/2));
			
 
				+		$(window).scrollTo({top:y1, left:x1}, 800);
			
 
				+	});
			
 
				+
			
 
				+	$(array_Y[5]).click(function(){
			
 
				+		var x1 = array_Sx[11] - ((Fw/2) - (array_Sw[11]/2));
			
 
				+		var y1 = array_Sy[11] - ((Fh/2) - (array_Sh[11]/2));
			
 
				+		$(window).scrollTo({top:y1, left:x1}, 800);
			
 
				+	});
			
 
				+
			
 
				+	$(array_Y[6]).click(function(){
			
 
				+		var x1 = array_Sx[16] - ((Fw/2) - (array_Sw[16]/2));
			
 
				+		var y1 = array_Sy[16] - ((Fh/2) - (array_Sh[16]/2));
			
 
				+		$(window).scrollTo({top:y1, left:x1}, 800);
			
 
				+	});
			
 
				+
			
 
				+	$(array_Y[7]).click(function(){
			
 
				+		var x1 = array_Sx[15] - ((Fw/2) - (array_Sw[15]/2));
			
 
				+		var y1 = array_Sy[15] - ((Fh/2) - (array_Sh[15]/2));
			
 
				+		$(window).scrollTo({top:y1, left:x1}, 800);
			
 
				+	});
			
 
				+
			
 
				+	$(array_Y[8]).click(function(){
			
 
				+		var x1 = array_Sx[16] - ((Fw/2) - (array_Sw[16]/2));
			
 
				+		var y1 = array_Sy[16] - ((Fh/2) - (array_Sh[16]/2));
			
 
				+		$(window).scrollTo({top:y1, left:x1}, 800);
			
 
				+	});
			
 
				+
			
 
				+	// click Non
			
 
				+	$(array_N[0]).click(function(){
			
 
				+		var x = array_Sx[16] - ((Fw/2) - (array_Sw[16]/2));
			
 
				+		var y = array_Sy[16] - ((Fh/2) - (array_Sh[16]/2));
			
 
				+		$(window).scrollTo({top:y, left:x}, 800);
			
 
				+	});
			
 
				+
			
 
				+	$(array_N[1]).click(function(){
			
 
				+		var x1 = array_Sx[3] - ((Fw/2) - (array_Sw[3]/2));
			
 
				+		var y1 = array_Sy[3] - ((Fh/2) - (array_Sh[3]/2));
			
 
				+		$(window).scrollTo({top:y1, left:x1}, 800);
			
 
				+	});
			
 
				+
			
 
				+	$(array_N[2]).click(function(){
			
 
				+		var x1 = array_Sx[5] - ((Fw/2) - (array_Sw[5]/2));
			
 
				+		var y1 = array_Sy[5] - ((Fh/2) - (array_Sh[5]/2));
			
 
				+		$(window).scrollTo({top:y1, left:x1}, 800);
			
 
				+	});
			
 
				+
			
 
				+	$(array_N[3]).click(function(){
			
 
				+		var x1 = array_Sx[8] - ((Fw/2) - (array_Sw[8]/2));
			
 
				+		var y1 = array_Sy[8] - ((Fh/2) - (array_Sh[8]/2));
			
 
				+		$(window).scrollTo({top:y1, left:x1}, 800);
			
 
				+	});
			
 
				+
			
 
				+	$(array_N[4]).click(function(){
			
 
				+		var x1 = array_Sx[9] - ((Fw/2) - (array_Sw[9]/2));
			
 
				+		var y1 = array_Sy[9] - ((Fh/2) - (array_Sh[9]/2));
			
 
				+		$(window).scrollTo({top:y1, left:x1}, 800);
			
 
				+	});
			
 
				+
			
 
				+	$(array_N[5]).click(function(){
			
 
				+		var x1 = array_Sx[12] - ((Fw/2) - (array_Sw[12]/2));
			
 
				+		var y1 = array_Sy[12] - ((Fh/2) - (array_Sh[12]/2));
			
 
				+		$(window).scrollTo({top:y1, left:x1}, 800);
			
 
				+	});
			
 
				+
			
 
				+	$(array_N[6]).click(function(){
			
 
				+		var x1 = array_Sx[14] - ((Fw/2) - (array_Sw[14]/2));
			
 
				+		var y1 = array_Sy[14] - ((Fh/2) - (array_Sh[14]/2));
			
 
				+		$(window).scrollTo({top:y1, left:x1}, 800);
			
 
				+	});
			
 
				+
			
 
				+	$(array_N[7]).click(function(){
			
 
				+		var x1 = array_Sx[13] - ((Fw/2) - (array_Sw[13]/2));
			
 
				+		var y1 = array_Sy[13] - ((Fh/2) - (array_Sh[13]/2));
			
 
				+		$(window).scrollTo({top:y1, left:x1}, 800);
			
 
				+	});
			
 
				+
			
 
				+	$(array_N[8]).click(function(){
			
 
				+		var x1 = array_Sx[14] - ((Fw/2) - (array_Sw[14]/2));
			
 
				+		var y1 = array_Sy[14] - ((Fh/2) - (array_Sh[14]/2));
			
 
				+		$(window).scrollTo({top:y1, left:x1}, 800);
			
 
				+	});
			
 
				+
			
 
				+}
			
 
				+
			
 
				+jQuery(document).ready(function($) {
			
 
				+	grab();
			
 
				+	initStart();
			
 
				+	scrollto();
			
 
				+});
			
--- a/style/animate.css
+++ b/style/animate.css
@@ -0,0 +1,233 @@
 
				+/* @keyframes */
			
 
				+@-webkit-keyframes rotation360 {
			
 
				+  0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
			
 
				+  100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
			
 
				+}
			
 
				+
			
 
				+@keyframes rotation360 {
			
 
				+  0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
			
 
				+  100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
			
 
				+}
			
 
				+
			
 
				+@-webkit-keyframes clignote {
			
 
				+  0% {opacity: 0};
			
 
				+  50% {opacity: 1};
			
 
				+  100%{opacity: 0};
			
 
				+}
			
 
				+
			
 
				+@keyframes clignote {
			
 
				+  0% {opacity: 0};
			
 
				+  50% {opacity: 1};
			
 
				+  100%{opacity: 0};
			
 
				+}
			
 
				+
			
 
				+@-webkit-keyframes scale {
			
 
				+  0% {-webkit-transform: scale(1);transform: scale(1);}
			
 
				+  50% {-webkit-transform: scale(0.7);transform: scale(0.7);}
			
 
				+  100% {-webkit-transform: scale(1);transform: scale(1);}
			
 
				+}
			
 
				+
			
 
				+@keyframes scale {
			
 
				+  0% {-webkit-transform: scale(1);transform: scale(1);}
			
 
				+  50% {-webkit-transform: scale(0.7);transform: scale(0.7);}
			
 
				+  100% {-webkit-transform: scale(1);transform: scale(1);}
			
 
				+}
			
 
				+
			
 
				+@-webkit-keyframes pop {
			
 
				+  0%{-webkit-transform: scale(0);transform: scale(0);}
			
 
				+  25%{-webkit-transform: scale(1);transform: scale(1);}
			
 
				+  55%{-webkit-transform: scale(1);transform: scale(1);}
			
 
				+  80%{-webkit-transform: scale(0);transform: scale(0);}
			
 
				+  100%{-webkit-transform: scale(0);transform: scale(0);}
			
 
				+}
			
 
				+
			
 
				+@keyframes pop {
			
 
				+  0%{-webkit-transform: scale(0);transform: scale(0);}
			
 
				+  25%{-webkit-transform: scale(1);transform: scale(1);}
			
 
				+  55%{-webkit-transform: scale(1);transform: scale(1);}
			
 
				+  80%{-webkit-transform: scale(0);transform: scale(0);}
			
 
				+  100%{-webkit-transform: scale(0);transform: scale(0);}
			
 
				+}
			
 
				+
			
 
				+@-webkit-keyframes galop {
			
 
				+  0% {-webkit-transform: translate(0);transform: translate(0);}
			
 
				+  50%   {-webkit-transform: translate(0px , -5px) ;transform: translate(0px , -5px) ;}
			
 
				+  100%   {-webkit-transform: translate(0);transform: translate(0);}
			
 
				+}
			
 
				+
			
 
				+@keyframes galop {
			
 
				+  0% {-webkit-transform: translate(0);transform: translate(0);}
			
 
				+  50%   {-webkit-transform: translate(0px , -5px) ;transform: translate(0px , -5px) ;}
			
 
				+  100%   {-webkit-transform: translate(0);transform: translate(0);}
			
 
				+}
			
 
				+
			
 
				+@-webkit-keyframes battement {
			
 
				+  0% {-webkit-transform: scale(1);transform: scale(1);}
			
 
				+  50% {-webkit-transform: scale(1.1);transform: scale(1.1);}
			
 
				+  100% {-webkit-transform: scale(1);transform: scale(1);}
			
 
				+}
			
 
				+
			
 
				+@keyframes battement {
			
 
				+  0% {-webkit-transform: scale(1);transform: scale(1);}
			
 
				+  50% {-webkit-transform: scale(1.1);transform: scale(1.1);}
			
 
				+  100% {-webkit-transform: scale(1);transform: scale(1);}
			
 
				+}
			
 
				+
			
 
				+@-webkit-keyframes rotation_pouce {
			
 
				+    0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
			
 
				+    50%   {-webkit-transform: rotate(-15deg);transform: rotate(-15deg);}
			
 
				+    100%   {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
			
 
				+}
			
 
				+
			
 
				+@keyframes rotation_pouce {
			
 
				+    0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
			
 
				+    50%   {-webkit-transform: rotate(-15deg);transform: rotate(-15deg);}
			
 
				+    100%   {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
			
 
				+}
			
 
				+
			
 
				+@-webkit-keyframes balancelegs {
			
 
				+    0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
			
 
				+    25%   {-webkit-transform: rotate(15deg);transform: rotate(15deg);}
			
 
				+    50%   {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
			
 
				+    75%   {-webkit-transform: rotate(-15deg);transform: rotate(-15deg);}
			
 
				+    100%   {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
			
 
				+}
			
 
				+
			
 
				+@keyframes balancelegs {
			
 
				+    0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
			
 
				+    25%   {-webkit-transform: rotate(15deg);transform: rotate(15deg);}
			
 
				+    50%   {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
			
 
				+    75%   {-webkit-transform: rotate(-15deg);transform: rotate(-15deg);}
			
 
				+    100%   {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
			
 
				+}
			
 
				+
			
 
				+@-webkit-keyframes levitation {
			
 
				+    0% {-webkit-transform: translate(0);transform: translate(0);}
			
 
				+    10%   {-webkit-transform: translate(0px , -20px) ;transform: translate(0px , -20px) ;}
			
 
				+    20%   {-webkit-transform: translate(-5px , -22px);transform: translate(-5px , -22px);}
			
 
				+    50%   {-webkit-transform: translate( 5px , -20px) ;transform: translate( 5px , -20px) ;}
			
 
				+    70%   {-webkit-transform: translate( -5px , -25px) ;transform: translate( -5px , -25px) ;}
			
 
				+    100%   {-webkit-transform: translate(0);transform: translate(0);}
			
 
				+}
			
 
				+
			
 
				+@keyframes levitation {
			
 
				+    0% {-webkit-transform: translate(0);transform: translate(0);}
			
 
				+    10%   {-webkit-transform: translate(0px , -20px) ;transform: translate(0px , -20px) ;}
			
 
				+    20%   {-webkit-transform: translate(-5px , -22px);transform: translate(-5px , -22px);}
			
 
				+    50%   {-webkit-transform: translate( 5px , -20px) ;transform: translate( 5px , -20px) ;}
			
 
				+    70%   {-webkit-transform: translate( -5px , -25px) ;transform: translate( -5px , -25px) ;}
			
 
				+    100%   {-webkit-transform: translate(0);transform: translate(0);}
			
 
				+}
			
 
				+
			
 
				+/* appli keyframes */
			
 
				+
			
 
				+#center #path89{
			
 
				+  -webkit-animation: battement 1s linear infinite;
			
 
				+          animation: battement 1s linear infinite;
			
 
				+  -webkit-transform-origin: 90% 80%;
			
 
				+          transform-origin: 90% 80%;
			
 
				+}
			
 
				+
			
 
				+#ampoule #rotate{
			
 
				+  -webkit-animation: rotation360 1s linear infinite ;
			
 
				+  animation: rotation360 1s linear infinite ;
			
 
				+  -webkit-animation-delay: 0;
			
 
				+  animation-delay: 0;
			
 
				+  -webkit-transform-origin: 50% 34%;
			
 
				+  transform-origin: 50% 34%;
			
 
				+}
			
 
				+
			
 
				+#angoisses text:nth-of-type(1){
			
 
				+  -webkit-animation: clignote 1s  infinite;
			
 
				+  animation: clignote 1s  infinite;
			
 
				+  background-color: red!important;
			
 
				+}
			
 
				+
			
 
				+#angoisses text:nth-of-type(2){
			
 
				+  -webkit-animation: clignote 1s  infinite;
			
 
				+  animation: clignote 1s  infinite;
			
 
				+  -webkit-animation-delay: 0.33s;
			
 
				+  animation-delay: 0.33s;
			
 
				+}
			
 
				+
			
 
				+#angoisses text:nth-of-type(3){
			
 
				+  -webkit-animation: clignote 1s  infinite;
			
 
				+  animation: clignote 1s  infinite;
			
 
				+  -webkit-animation-delay: 0.66s;
			
 
				+  animation-delay: 0.66s;
			
 
				+}
			
 
				+
			
 
				+#bah_alors svg path:nth-of-type(3){
			
 
				+  -webkit-animation: scale 0.5s ease infinite;
			
 
				+  animation: scale 0.5s ease infinite;
			
 
				+  -webkit-transform-origin: 50% 50%;
			
 
				+  transform-origin: 50% 50%;
			
 
				+}
			
 
				+
			
 
				+/* besoin */
			
 
				+#bulle1{
			
 
				+  -webkit-animation: pop 5s infinite forwards;
			
 
				+  animation: pop 5s infinite forwards;
			
 
				+  -webkit-transform-origin: 70% 40%;
			
 
				+  transform-origin: 70% 40%;
			
 
				+}
			
 
				+
			
 
				+#bulle2{
			
 
				+  -webkit-animation: pop 5s infinite forwards;
			
 
				+  animation: pop 5s infinite forwards;
			
 
				+  -webkit-transform-origin: 70% 40%;
			
 
				+  transform-origin:  70% 40%;
			
 
				+  -webkit-animation-delay: 0.1s;
			
 
				+  animation-delay: 0.1s;
			
 
				+}
			
 
				+
			
 
				+#bulle3{
			
 
				+  -webkit-animation: pop 5s infinite forwards;
			
 
				+  animation: pop 5s infinite forwards;
			
 
				+  -webkit-transform-origin: 70% 40%;
			
 
				+  transform-origin: 70% 40%;
			
 
				+  -webkit-animation-delay: 0.2s;
			
 
				+  animation-delay: 0.2s;
			
 
				+}
			
 
				+
			
 
				+#chevalier .illu{
			
 
				+  -webkit-animation: galop 1s infinite forwards;
			
 
				+          animation: galop 1s infinite forwards;
			
 
				+}
			
 
				+
			
 
				+#coeur .illu {
			
 
				+  -webkit-animation: battement 1s ease infinite;
			
 
				+          animation: battement 1s ease infinite;
			
 
				+  /* transform-origin: 50% 50%; */
			
 
				+}
			
 
				+
			
 
				+#etoile .illu svg{
			
 
				+  -webkit-animation: rotation360 2s infinite forwards;
			
 
				+          animation: rotation360 2s infinite forwards;
			
 
				+}
			
 
				+
			
 
				+#parlons_en svg path:nth-of-type(3){
			
 
				+  -webkit-animation: scale 0.5s ease infinite;
			
 
				+  animation: scale 0.5s ease infinite;
			
 
				+  -webkit-transform-origin: 50% 50%;
			
 
				+  transform-origin: 50% 50%;
			
 
				+}
			
 
				+
			
 
				+#pouce .illu svg{
			
 
				+  -webkit-animation: rotation_pouce 1s infinite forwards;
			
 
				+          animation: rotation_pouce 1s infinite forwards;
			
 
				+  -webkit-transform-origin: 30% 70%;
			
 
				+          transform-origin: 30% 70%;
			
 
				+}
			
 
				+
			
 
				+#sumo #jambes{
			
 
				+  -webkit-animation: balancelegs 1s infinite;
			
 
				+          animation: balancelegs 1s infinite;
			
 
				+-webkit-transform-origin: 35% 65%;
			
 
				+        transform-origin: 35% 65%;
			
 
				+}
			
 
				+
			
 
				+#voyance #boule{
			
 
				+  -webkit-animation: levitation 5s ease infinite;
			
 
				+          animation: levitation 5s ease infinite;
			
 
				+}
			
--- a/style/fonts.css
+++ b/style/fonts.css
@@ -0,0 +1,19 @@
 
				+@font-face {
			
 
				+ font-family: 'Montserrat-Regular';
			
 
				+ src: url('/fonts/Montserrat-Regular.eot'); /* IE9 Compat Modes */
			
 
				+ src: url('/fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			
 
				+      url('/fonts/Montserrat-Regular.woff2') format('woff2'), /* Super Modern Browsers */
			
 
				+      url('/fonts/Montserrat-Regular.woff') format('woff'), /* Pretty Modern Browsers */
			
 
				+      url('/fonts/Montserrat-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
			
 
				+      url('/fonts/Montserrat-Regular.svg#svgFontName') format('svg'); /* Legacy iOS */
			
 
				+}
			
 
				+
			
 
				+@font-face {
			
 
				+  font-family: 'Montserrat-SemiBold';
			
 
				+  src: url('/fonts/Montserrat-SemiBold.eot'); /* IE9 Compat Modes */
			
 
				+  src: url('/fonts/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			
 
				+       url('/fonts/Montserrat-SemiBold.woff2') format('woff2'), /* Super Modern Browsers */
			
 
				+       url('/fonts/Montserrat-SemiBold.woff') format('woff'), /* Pretty Modern Browsers */
			
 
				+       url('/fonts/Montserrat-SemiBold.ttf')  format('truetype'), /* Safari, Android, iOS */
			
 
				+       url('/fonts/Montserrat-SemiBold.svg#svgFontName') format('svg'); /* Legacy iOS */
			
 
				+}
			
--- a/style/reset.css
+++ b/style/reset.css
@@ -0,0 +1,369 @@
 
				+/* Document
			
 
				+   ========================================================================== */
			
 
				+
			
 
				+/**
			
 
				+ * 1. Correct the line height in all browsers.
			
 
				+ * 2. Prevent adjustments of font size after orientation changes in iOS.
			
 
				+ */
			
 
				+
			
 
				+html {
			
 
				+  line-height: 1.15; /* 1 */
			
 
				+  -webkit-text-size-adjust: 100%; /* 2 */
			
 
				+}
			
 
				+
			
 
				+/* Sections
			
 
				+   ========================================================================== */
			
 
				+
			
 
				+/**
			
 
				+ * Remove the margin in all browsers.
			
 
				+ */
			
 
				+
			
 
				+body {
			
 
				+  width: 100%;
			
 
				+  height: 100%;
			
 
				+  margin: 0;
			
 
				+}
			
 
				+
			
 
				+/**
			
 
				+ * Render the `main` element consistently in IE.
			
 
				+ */
			
 
				+
			
 
				+main {
			
 
				+  display: block;
			
 
				+}
			
 
				+
			
 
				+/**
			
 
				+ * Correct the font size and margin on `h1` elements within `section` and
			
 
				+ * `article` contexts in Chrome, Firefox, and Safari.
			
 
				+ */
			
 
				+
			
 
				+h1 {
			
 
				+  font-size: 2em;
			
 
				+  margin: 0.67em 0;
			
 
				+}
			
 
				+
			
 
				+/* Grouping content
			
 
				+   ========================================================================== */
			
 
				+
			
 
				+/**
			
 
				+ * 1. Add the correct box sizing in Firefox.
			
 
				+ * 2. Show the overflow in Edge and IE.
			
 
				+ */
			
 
				+
			
 
				+hr {
			
 
				+  -webkit-box-sizing: content-box;
			
 
				+          box-sizing: content-box; /* 1 */
			
 
				+  height: 0; /* 1 */
			
 
				+  overflow: visible; /* 2 */
			
 
				+}
			
 
				+
			
 
				+/**
			
 
				+ * 1. Correct the inheritance and scaling of font size in all browsers.
			
 
				+ * 2. Correct the odd `em` font sizing in all browsers.
			
 
				+ */
			
 
				+
			
 
				+pre {
			
 
				+  font-family: monospace, monospace; /* 1 */
			
 
				+  font-size: 1em; /* 2 */
			
 
				+}
			
 
				+
			
 
				+/* Text-level semantics
			
 
				+   ========================================================================== */
			
 
				+
			
 
				+/**
			
 
				+ * Remove the gray background on active links in IE 10.
			
 
				+ */
			
 
				+
			
 
				+a {
			
 
				+  background-color: transparent;
			
 
				+}
			
 
				+
			
 
				+/**
			
 
				+ * 1. Remove the bottom border in Chrome 57-
			
 
				+ * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
			
 
				+ */
			
 
				+
			
 
				+abbr[title] {
			
 
				+  border-bottom: none; /* 1 */
			
 
				+  text-decoration: underline; /* 2 */
			
 
				+  -webkit-text-decoration: underline dotted;
			
 
				+          text-decoration: underline dotted; /* 2 */
			
 
				+}
			
 
				+
			
 
				+/**
			
 
				+ * Add the correct font weight in Chrome, Edge, and Safari.
			
 
				+ */
			
 
				+
			
 
				+b,
			
 
				+strong {
			
 
				+  font-weight: bolder;
			
 
				+}
			
 
				+
			
 
				+/**
			
 
				+ * 1. Correct the inheritance and scaling of font size in all browsers.
			
 
				+ * 2. Correct the odd `em` font sizing in all browsers.
			
 
				+ */
			
 
				+
			
 
				+code,
			
 
				+kbd,
			
 
				+samp {
			
 
				+  font-family: monospace, monospace; /* 1 */
			
 
				+  font-size: 1em; /* 2 */
			
 
				+}
			
 
				+
			
 
				+/**
			
 
				+ * Add the correct font size in all browsers.
			
 
				+ */
			
 
				+
			
 
				+small {
			
 
				+  font-size: 80%;
			
 
				+}
			
 
				+
			
 
				+/**
			
 
				+ * Prevent `sub` and `sup` elements from affecting the line height in
			
 
				+ * all browsers.
			
 
				+ */
			
 
				+
			
 
				+sub,
			
 
				+sup {
			
 
				+  font-size: 75%;
			
 
				+  line-height: 0;
			
 
				+  position: relative;
			
 
				+  vertical-align: baseline;
			
 
				+}
			
 
				+
			
 
				+sub {
			
 
				+  bottom: -0.25em;
			
 
				+}
			
 
				+
			
 
				+sup {
			
 
				+  top: -0.5em;
			
 
				+}
			
 
				+
			
 
				+/* Embedded content
			
 
				+   ========================================================================== */
			
 
				+
			
 
				+/**
			
 
				+ * Remove the border on images inside links in IE 10.
			
 
				+ */
			
 
				+
			
 
				+img {
			
 
				+  border-style: none;
			
 
				+}
			
 
				+
			
 
				+/* Forms
			
 
				+   ========================================================================== */
			
 
				+
			
 
				+/**
			
 
				+ * 1. Change the font styles in all browsers.
			
 
				+ * 2. Remove the margin in Firefox and Safari.
			
 
				+ */
			
 
				+
			
 
				+button,
			
 
				+input,
			
 
				+optgroup,
			
 
				+select,
			
 
				+textarea {
			
 
				+  font-family: inherit; /* 1 */
			
 
				+  font-size: 100%; /* 1 */
			
 
				+  line-height: 1.15; /* 1 */
			
 
				+  margin: 0; /* 2 */
			
 
				+}
			
 
				+
			
 
				+/**
			
 
				+ * Show the overflow in IE.
			
 
				+ * 1. Show the overflow in Edge.
			
 
				+ */
			
 
				+
			
 
				+button,
			
 
				+input { /* 1 */
			
 
				+  overflow: visible;
			
 
				+}
			
 
				+
			
 
				+/**
			
 
				+ * Remove the inheritance of text transform in Edge, Firefox, and IE.
			
 
				+ * 1. Remove the inheritance of text transform in Firefox.
			
 
				+ */
			
 
				+
			
 
				+button,
			
 
				+select { /* 1 */
			
 
				+  text-transform: none;
			
 
				+}
			
 
				+
			
 
				+/**
			
 
				+ * Correct the inability to style clickable types in iOS and Safari.
			
 
				+ */
			
 
				+
			
 
				+button,
			
 
				+[type="button"],
			
 
				+[type="reset"],
			
 
				+[type="submit"] {
			
 
				+  -webkit-appearance: button;
			
 
				+}
			
 
				+
			
 
				+/**
			
 
				+ * Remove the inner border and padding in Firefox.
			
 
				+ */
			
 
				+
			
 
				+button::-moz-focus-inner,
			
 
				+[type="button"]::-moz-focus-inner,
			
 
				+[type="reset"]::-moz-focus-inner,
			
 
				+[type="submit"]::-moz-focus-inner {
			
 
				+  border-style: none;
			
 
				+  padding: 0;
			
 
				+}
			
 
				+
			
 
				+/**
			
 
				+ * Restore the focus styles unset by the previous rule.
			
 
				+ */
			
 
				+
			
 
				+button:-moz-focusring,
			
 
				+[type="button"]:-moz-focusring,
			
 
				+[type="reset"]:-moz-focusring,
			
 
				+[type="submit"]:-moz-focusring {
			
 
				+  outline: 1px dotted ButtonText;
			
 
				+}
			
 
				+
			
 
				+/**
			
 
				+ * Correct the padding in Firefox.
			
 
				+ */
			
 
				+
			
 
				+fieldset {
			
 
				+  padding: 0.35em 0.75em 0.625em;
			
 
				+}
			
 
				+
			
 
				+/**
			
 
				+ * 1. Correct the text wrapping in Edge and IE.
			
 
				+ * 2. Correct the color inheritance from `fieldset` elements in IE.
			
 
				+ * 3. Remove the padding so developers are not caught out when they zero out
			
 
				+ *    `fieldset` elements in all browsers.
			
 
				+ */
			
 
				+
			
 
				+legend {
			
 
				+  -webkit-box-sizing: border-box;
			
 
				+          box-sizing: border-box; /* 1 */
			
 
				+  color: inherit; /* 2 */
			
 
				+  display: table; /* 1 */
			
 
				+  max-width: 100%; /* 1 */
			
 
				+  padding: 0; /* 3 */
			
 
				+  white-space: normal; /* 1 */
			
 
				+}
			
 
				+
			
 
				+/**
			
 
				+ * Add the correct vertical alignment in Chrome, Firefox, and Opera.
			
 
				+ */
			
 
				+
			
 
				+progress {
			
 
				+  vertical-align: baseline;
			
 
				+}
			
 
				+
			
 
				+/**
			
 
				+ * Remove the default vertical scrollbar in IE 10+.
			
 
				+ */
			
 
				+
			
 
				+textarea {
			
 
				+  overflow: auto;
			
 
				+}
			
 
				+
			
 
				+/**
			
 
				+ * 1. Add the correct box sizing in IE 10.
			
 
				+ * 2. Remove the padding in IE 10.
			
 
				+ */
			
 
				+
			
 
				+[type="checkbox"],
			
 
				+[type="radio"] {
			
 
				+  -webkit-box-sizing: border-box;
			
 
				+          box-sizing: border-box; /* 1 */
			
 
				+  padding: 0; /* 2 */
			
 
				+}
			
 
				+
			
 
				+/**
			
 
				+ * Correct the cursor style of increment and decrement buttons in Chrome.
			
 
				+ */
			
 
				+
			
 
				+[type="number"]::-webkit-inner-spin-button,
			
 
				+[type="number"]::-webkit-outer-spin-button {
			
 
				+  height: auto;
			
 
				+}
			
 
				+
			
 
				+/**
			
 
				+ * 1. Correct the odd appearance in Chrome and Safari.
			
 
				+ * 2. Correct the outline style in Safari.
			
 
				+ */
			
 
				+
			
 
				+[type="search"] {
			
 
				+  -webkit-appearance: textfield; /* 1 */
			
 
				+  outline-offset: -2px; /* 2 */
			
 
				+}
			
 
				+
			
 
				+/**
			
 
				+ * Remove the inner padding in Chrome and Safari on macOS.
			
 
				+ */
			
 
				+
			
 
				+[type="search"]::-webkit-search-decoration {
			
 
				+  -webkit-appearance: none;
			
 
				+}
			
 
				+
			
 
				+/**
			
 
				+ * 1. Correct the inability to style clickable types in iOS and Safari.
			
 
				+ * 2. Change font properties to `inherit` in Safari.
			
 
				+ */
			
 
				+
			
 
				+::-webkit-file-upload-button {
			
 
				+  -webkit-appearance: button; /* 1 */
			
 
				+  font: inherit; /* 2 */
			
 
				+}
			
 
				+
			
 
				+/* Interactive
			
 
				+   ========================================================================== */
			
 
				+
			
 
				+/*
			
 
				+ * Add the correct display in Edge, IE 10+, and Firefox.
			
 
				+ */
			
 
				+
			
 
				+details {
			
 
				+  display: block;
			
 
				+}
			
 
				+
			
 
				+/*
			
 
				+ * Add the correct display in all browsers.
			
 
				+ */
			
 
				+
			
 
				+summary {
			
 
				+  display: list-item;
			
 
				+}
			
 
				+
			
 
				+/* Misc
			
 
				+   ========================================================================== */
			
 
				+
			
 
				+/**
			
 
				+ * Add the correct display in IE 10+.
			
 
				+ */
			
 
				+
			
 
				+template {
			
 
				+  display: none;
			
 
				+}
			
 
				+
			
 
				+/**
			
 
				+ * Add the correct display in IE 10.
			
 
				+ */
			
 
				+
			
 
				+[hidden] {
			
 
				+  display: none;
			
 
				+}
			
 
				+
			
 
				+    © 2018 GitHub, Inc.
			
 
				+    Terms
			
 
				+    Privacy
			
 
				+    Security
			
 
				+    Status
			
 
				+    Help
			
 
				+
			
 
				+    Contact GitHub
			
 
				+    Pricing
			
 
				+    API
			
 
				+    Training
			
 
				+    Blog
			
 
				+    About
			
 
				+
			
 
				+Press h to open a hovercard with more details.
			
--- a/style/style.css
+++ b/style/style.css
@@ -0,0 +1,580 @@
 
				+html{
			
 
				+  width: 10000px;
			
 
				+  height: 5000px;
			
 
				+}
			
 
				+
			
 
				+body{
			
 
				+  cursor: -webkit-grab;
			
 
				+  cursor: grab;
			
 
				+  /* margin-left: 200px; */
			
 
				+}
			
 
				+
			
 
				+/* start */
			
 
				+@-webkit-keyframes dash {
			
 
				+  from {
			
 
				+    stroke-dashoffset: 3000;
			
 
				+  }
			
 
				+  to {
			
 
				+    stroke-dashoffset: 0;
			
 
				+  }
			
 
				+}
			
 
				+@keyframes dash {
			
 
				+  from {
			
 
				+    stroke-dashoffset: 3000;
			
 
				+  }
			
 
				+  to {
			
 
				+    stroke-dashoffset: 0;
			
 
				+  }
			
 
				+}
			
 
				+
			
 
				+p, a{
			
 
				+  font-size: 18px;
			
 
				+  line-height: 26px;
			
 
				+  color: black;
			
 
				+  font-family: 'Montserrat-Regular';
			
 
				+}
			
 
				+
			
 
				+a{
			
 
				+  font-family: 'Montserrat-SemiBold';
			
 
				+  color: #35b8c8ff;
			
 
				+}
			
 
				+
			
 
				+h4{
			
 
				+  font-size: 42px;
			
 
				+  line-height: 42px;
			
 
				+  color: black;
			
 
				+  font-family: 'Montserrat-SemiBold';
			
 
				+  margin: 0;
			
 
				+}
			
 
				+
			
 
				+/* Yes_non */
			
 
				+.buttons{
			
 
				+  width: 95px;
			
 
				+  height: 95px;
			
 
				+  display: -webkit-box;
			
 
				+  display: -ms-flexbox;
			
 
				+  display: flex;
			
 
				+  border-radius: 95px;
			
 
				+  background-color: yellow;
			
 
				+  -webkit-transition: all 0.5s ease;
			
 
				+  transition: all 0.5s ease;
			
 
				+}
			
 
				+
			
 
				+.buttons:hover{
			
 
				+  -webkit-transition: all 0.5s ease;
			
 
				+  transition: all 0.5s ease;
			
 
				+  -webkit-box-shadow: 5px 5px;
			
 
				+  box-shadow: 5px 5px;
			
 
				+  cursor: pointer;
			
 
				+}
			
 
				+
			
 
				+#y p, #n p{
			
 
				+  font-size: 30px;
			
 
				+  margin: auto;
			
 
				+}
			
 
				+
			
 
				+section{
			
 
				+  position: relative;
			
 
				+}
			
 
				+
			
 
				+.section{
			
 
				+  position: absolute;
			
 
				+}
			
 
				+
			
 
				+.section .illu{
			
 
				+  z-index: 0;
			
 
				+}
			
 
				+
			
 
				+.section .y_n{
			
 
				+  z-index: 1;
			
 
				+}
			
 
				+
			
 
				+.block{
			
 
				+  position: relative;
			
 
				+  display: flex;
			
 
				+}
			
 
				+
			
 
				+.block #y, .block #n{
			
 
				+  position: absolute;
			
 
				+}
			
 
				+
			
 
				+.tracer-n, .tracer-y{
			
 
				+  position: absolute;
			
 
				+}
			
 
				+
			
 
				+/* ////////start////////  */
			
 
				+#start{
			
 
				+  top: 3900px;
			
 
				+  left: 2180px;
			
 
				+  z-index: 20;
			
 
				+}
			
 
				+
			
 
				+#start #y{
			
 
				+  top: 450px;
			
 
				+  left: 650px;
			
 
				+}
			
 
				+
			
 
				+#start #n{
			
 
				+  top: 50px;
			
 
				+  left: 640px;
			
 
				+}
			
 
				+
			
 
				+#start .tracer-y{
			
 
				+  position: absolute;
			
 
				+  top: -80px;
			
 
				+  left: 770px;
			
 
				+}
			
 
				+
			
 
				+#start .tracer-n{
			
 
				+  position: absolute;
			
 
				+  top: -500px;
			
 
				+  left: 715px;
			
 
				+}
			
 
				+
			
 
				+#start #y:hover ~ .tracer-y path{
			
 
				+  stroke-dasharray: 3000;
			
 
				+  stroke-dashoffset: 0;
			
 
				+  -webkit-animation: dash 5s linear;
			
 
				+          animation: dash 5s linear;
			
 
				+}
			
 
				+
			
 
				+/* ////////angoisses//////// */
			
 
				+#angoisses{
			
 
				+  top: 3810px;
			
 
				+  left: 4400px;
			
 
				+  z-index: 19;
			
 
				+}
			
 
				+
			
 
				+#angoisses #y{
			
 
				+  top: 340px;
			
 
				+  left: 230px;
			
 
				+}
			
 
				+
			
 
				+#angoisses #n{
			
 
				+  top: 550px;
			
 
				+  left: 200px;
			
 
				+}
			
 
				+
			
 
				+#angoisses .tracer-n{
			
 
				+  top: 450px;
			
 
				+  left: 340px;
			
 
				+}
			
 
				+
			
 
				+#angoisses .tracer-y{
			
 
				+  top: -420px;
			
 
				+  left: 280px;
			
 
				+}
			
 
				+
			
 
				+/* ////////coeur//////// */
			
 
				+#coeur{
			
 
				+  top: 3130px;
			
 
				+  left: 5700px;
			
 
				+  z-index: 18;
			
 
				+}
			
 
				+
			
 
				+#coeur .tracer-n{
			
 
				+  top: -400px;
			
 
				+  left: 240px;
			
 
				+}
			
 
				+
			
 
				+/* ////////summo//////// */
			
 
				+#sumo{
			
 
				+  top: 4200px;
			
 
				+  left: 6710px;
			
 
				+  z-index: 18;
			
 
				+}
			
 
				+
			
 
				+#sumo .tracer-y{
			
 
				+  top: -950px;
			
 
				+  left: 200px;
			
 
				+}
			
 
				+
			
 
				+/* ////////voyance//////// */
			
 
				+#voyance{
			
 
				+  top: 2630px;
			
 
				+  left: 7220px;
			
 
				+}
			
 
				+
			
 
				+#voyance #y{
			
 
				+  top: 425px;
			
 
				+  left: 600px;
			
 
				+}
			
 
				+
			
 
				+#voyance #n{
			
 
				+  top: 525px;
			
 
				+  left: 655px;
			
 
				+}
			
 
				+
			
 
				+#voyance .tracer-n{
			
 
				+  top: 630px;
			
 
				+  left: 540px;
			
 
				+}
			
 
				+
			
 
				+#voyance .tracer-y{
			
 
				+  top: -370px;
			
 
				+  left: 640px;
			
 
				+}
			
 
				+
			
 
				+/* ////////parlons-en//////// */
			
 
				+#parlons_en{
			
 
				+  top: 3970px;
			
 
				+  left: 8400px;
			
 
				+}
			
 
				+
			
 
				+#parlons_en .block{
			
 
				+  flex-flow: row-reverse;
			
 
				+}
			
 
				+
			
 
				+#parlons_en .txt{
			
 
				+  width: 400px;
			
 
				+  margin-top: 270px;
			
 
				+}
			
 
				+
			
 
				+#parlons_en h4{
			
 
				+  -webkit-transform: rotate(-15deg);
			
 
				+          transform: rotate(-15deg);
			
 
				+  margin-bottom: 70px;
			
 
				+  margin-left: -10px;
			
 
				+}
			
 
				+
			
 
				+/* ////////ampoule//////// */
			
 
				+#ampoule{
			
 
				+  top: 1908px;
			
 
				+  left: 8425px;
			
 
				+  z-index: 17;
			
 
				+}
			
 
				+
			
 
				+#ampoule .block{
			
 
				+  flex-direction: column;
			
 
				+}
			
 
				+
			
 
				+#ampoule #y{
			
 
				+  top: 250px;
			
 
				+  left: -200px;
			
 
				+}
			
 
				+
			
 
				+#ampoule #n{
			
 
				+  top: 200px;
			
 
				+  left: -100px;
			
 
				+}
			
 
				+
			
 
				+#ampoule .tracer-n{
			
 
				+  top: -990px;
			
 
				+  left: -760px;
			
 
				+}
			
 
				+
			
 
				+#ampoule .tracer-y{
			
 
				+  top: 10px;
			
 
				+  left: -1760px;
			
 
				+}
			
 
				+
			
 
				+#ampoule .txt{
			
 
				+  width: 250px;
			
 
				+}
			
 
				+
			
 
				+/* ////////besoin//////// */
			
 
				+#besoin{
			
 
				+  top: 1778px;
			
 
				+  left: 6225px;
			
 
				+}
			
 
				+
			
 
				+#besoin #y{
			
 
				+  top: 250px;
			
 
				+  left: -200px;
			
 
				+}
			
 
				+
			
 
				+#besoin #n{
			
 
				+  top: 200px;
			
 
				+  left: -100px;
			
 
				+}
			
 
				+
			
 
				+#besoin .tracer-y{
			
 
				+  top: 230px;
			
 
				+  left: -1350px;
			
 
				+}
			
 
				+
			
 
				+/* ////////genie//////// */
			
 
				+#genie{
			
 
				+  top: 248px;
			
 
				+  left: 7500px;
			
 
				+  z-index: 17;
			
 
				+}
			
 
				+
			
 
				+#genie .block{
			
 
				+  flex-flow: row-reverse;
			
 
				+}
			
 
				+
			
 
				+#genie .illu{
			
 
				+  margin-left: -130px;
			
 
				+  margin-top: 70px;
			
 
				+}
			
 
				+
			
 
				+#genie #y {
			
 
				+  top: 600px;
			
 
				+  left: -300px;
			
 
				+}
			
 
				+
			
 
				+#genie #n{
			
 
				+  top: 400px;
			
 
				+  left: -300px;
			
 
				+}
			
 
				+
			
 
				+#genie .tracer-n{
			
 
				+  top: 220px;
			
 
				+  left: -1623px;
			
 
				+}
			
 
				+
			
 
				+#genie .tracer-y{
			
 
				+  top: 620px;
			
 
				+  left: -2680px;
			
 
				+}
			
 
				+
			
 
				+#genie .txt{
			
 
				+  margin-top: 300px;
			
 
				+  margin-left: -150px;
			
 
				+  width: 400px;
			
 
				+}
			
 
				+
			
 
				+#genie h4{
			
 
				+  -webkit-transform: rotate(-15deg);
			
 
				+          transform: rotate(-15deg);
			
 
				+  margin-bottom: 70px;
			
 
				+  margin-left: -10px;
			
 
				+}
			
 
				+
			
 
				+/* ////////bah_alors//////// */
			
 
				+#bah_alors{
			
 
				+  top: 500px;
			
 
				+  left: 5050px;
			
 
				+  z-index: 17;
			
 
				+}
			
 
				+
			
 
				+#bah_alors #y {
			
 
				+  top: 600px;
			
 
				+  left: -300px;
			
 
				+}
			
 
				+
			
 
				+#bah_alors #n{
			
 
				+  top: 400px;
			
 
				+  left: -300px;
			
 
				+}
			
 
				+
			
 
				+#bah_alors .txt{
			
 
				+  margin-top: 80px;
			
 
				+  margin-left: 80px;
			
 
				+  width: 500px;
			
 
				+}
			
 
				+
			
 
				+#bah_alors h4, #bah_alors p:nth-of-type(1) {
			
 
				+  -webkit-transform: rotate(-15deg);
			
 
				+          transform: rotate(-15deg);
			
 
				+  margin-bottom: 70px;
			
 
				+  margin-left: -10px;
			
 
				+  margin: 0 0 0 -10px;
			
 
				+}
			
 
				+
			
 
				+#bah_alors p:nth-of-type(1){
			
 
				+  font-family:'Montserrat-SemiBold';
			
 
				+  margin-left: 2px;
			
 
				+}
			
 
				+
			
 
				+#bah_alors p:nth-of-type(2){
			
 
				+  margin-top: 100px;
			
 
				+}
			
 
				+
			
 
				+#bah_alors .tracer-y{
			
 
				+  top: 450px;
			
 
				+  left: -290px;
			
 
				+}
			
 
				+
			
 
				+/* ////////et_maintenant//////// */
			
 
				+#et_maintenant{
			
 
				+  top: 1450px;
			
 
				+  left: 4320px;
			
 
				+}
			
 
				+
			
 
				+#et_maintenant #y {
			
 
				+  top: 260px;
			
 
				+  left: 85px;
			
 
				+}
			
 
				+
			
 
				+#et_maintenant #n{
			
 
				+  top: 405px;
			
 
				+  left: 85px;
			
 
				+}
			
 
				+
			
 
				+#et_maintenant .tracer-y{
			
 
				+  top: 100px;
			
 
				+  left: -1210px;
			
 
				+}
			
 
				+
			
 
				+#et_maintenant .tracer-n{
			
 
				+  top: 450px;
			
 
				+  left: -1970px;
			
 
				+}
			
 
				+
			
 
				+/* ////////pouce//////// */
			
 
				+#pouce{
			
 
				+  top: 1350px;
			
 
				+  left: 2730px;
			
 
				+}
			
 
				+
			
 
				+#pouce #y {
			
 
				+  top: 355px;
			
 
				+  left: 230px;
			
 
				+  z-index: 17;
			
 
				+}
			
 
				+
			
 
				+#pouce #n{
			
 
				+  top: 355px;
			
 
				+  left: 85px;
			
 
				+  z-index: 17;
			
 
				+}
			
 
				+
			
 
				+#pouce .txt{
			
 
				+  top: -40px;
			
 
				+  left: 240px;
			
 
				+  width: 300px;
			
 
				+}
			
 
				+
			
 
				+#pouce h4{
			
 
				+  -webkit-transform: rotate(-15deg);
			
 
				+          transform: rotate(-15deg);
			
 
				+}
			
 
				+
			
 
				+#pouce .tracer-y{
			
 
				+  top: 360px;
			
 
				+  left: 275px;
			
 
				+  z-index: 16;
			
 
				+}
			
 
				+
			
 
				+#pouce .tracer-n{
			
 
				+  top: 370px;
			
 
				+  left: -1680px;
			
 
				+  z-index: 16;
			
 
				+}
			
 
				+
			
 
				+/* ////////koala//////// */
			
 
				+#koala{
			
 
				+  top: 1600px;
			
 
				+  left: 600px;
			
 
				+}
			
 
				+
			
 
				+#koala #y {
			
 
				+  top: 355px;
			
 
				+  left: 230px;
			
 
				+}
			
 
				+
			
 
				+#koala #n{
			
 
				+  top: 355px;
			
 
				+  left: 85px;
			
 
				+}
			
 
				+
			
 
				+#koala .tracer-y{
			
 
				+  top: 360px;
			
 
				+  left: 275px;
			
 
				+}
			
 
				+
			
 
				+#koala .tracer-n{
			
 
				+  top: 370px;
			
 
				+  left: -1680px;
			
 
				+}
			
 
				+
			
 
				+/* ////////chevalier//////// */
			
 
				+#chevalier{
			
 
				+  top: 2410px;
			
 
				+  left: 1900px;
			
 
				+  z-index: 16;
			
 
				+}
			
 
				+
			
 
				+#chevalier #y {
			
 
				+  top: 500px;
			
 
				+  left: -150px;
			
 
				+}
			
 
				+
			
 
				+#chevalier #n{
			
 
				+  top: 500px;
			
 
				+  left: -300px;
			
 
				+}
			
 
				+
			
 
				+#chevalier .tracer-y{
			
 
				+  top: 610px;
			
 
				+  left: -960px;
			
 
				+}
			
 
				+
			
 
				+#chevalier .tracer-n{
			
 
				+  top: 530px;
			
 
				+  left: -1180px;
			
 
				+}
			
 
				+
			
 
				+/* ////////sy_mettre//////// */
			
 
				+#sy_mettre{
			
 
				+  top: 2900px;
			
 
				+  left: 580px;
			
 
				+}
			
 
				+
			
 
				+#sy_mettre .txt{
			
 
				+  width: 590px;
			
 
				+}
			
 
				+
			
 
				+#sy_mettre h4{
			
 
				+  -webkit-transform: rotate(-15deg);
			
 
				+          transform: rotate(-15deg);
			
 
				+  margin-left: -260px;
			
 
				+}
			
 
				+
			
 
				+#sy_mettre p{
			
 
				+  margin-top: 55px;
			
 
				+}
			
 
				+
			
 
				+/* ////////etoile//////// */
			
 
				+#etoile{
			
 
				+  top: 3920px;
			
 
				+  left: 630px;
			
 
				+  z-index: 14;
			
 
				+}
			
 
				+
			
 
				+#etoile #y {
			
 
				+  top: 220px;
			
 
				+  left: 400px;
			
 
				+}
			
 
				+
			
 
				+#etoile #n{
			
 
				+  top: 390px;
			
 
				+  left: 20px;
			
 
				+}
			
 
				+
			
 
				+#etoile .tracer-y{
			
 
				+  top: -1020px;
			
 
				+  left: 500px;
			
 
				+}
			
 
				+
			
 
				+#etoile .tracer-n{
			
 
				+  top: -2000px;
			
 
				+  left: -590px;
			
 
				+}
			
 
				+
			
 
				+#etoile .txt{
			
 
				+  margin-top: 210px;
			
 
				+  margin-left: -240px;
			
 
				+  background: white;
			
 
				+  width: 300px;
			
 
				+  height: 100px;
			
 
				+  z-index: 1;
			
 
				+}
			
 
				+
			
 
				+/* ////////center//////// */
			
 
				+#center{
			
 
				+  top: 2230px;
			
 
				+  left: 3660px;
			
 
				+}
			
 
				+
			
 
				+#center .tracer-y{
			
 
				+  top: -1020px;
			
 
				+  left: 500px;
			
 
				+}
			
 
				+
			
 
				+#center .tracer-n{
			
 
				+  top: -2000px;
			
 
				+  left: -590px;
			
 
				+}
			
--- a/svg/.directory
+++ b/svg/.directory
@@ -0,0 +1,4 @@
 
				+[Dolphin]
			
 
				+Timestamp=2018,11,20,16,59,55
			
 
				+Version=4
			
 
				+ViewMode=2
			
--- a/svg/ampoule.svg
+++ b/svg/ampoule.svg
--- a/svg/angoisses.svg
+++ b/svg/angoisses.svg
--- a/svg/background.svg
+++ b/svg/background.svg
--- a/svg/bah_alors.svg
+++ b/svg/bah_alors.svg
--- a/svg/besoin.svg
+++ b/svg/besoin.svg
--- a/svg/center.svg
+++ b/svg/center.svg
--- a/svg/chevalier.svg
+++ b/svg/chevalier.svg
--- a/svg/coeur.svg
+++ b/svg/coeur.svg
--- a/svg/et_maintenant.svg
+++ b/svg/et_maintenant.svg
--- a/svg/etoile.svg
+++ b/svg/etoile.svg
@@ -0,0 +1 @@
 
				+<svg xmlns="http://www.w3.org/2000/svg" width="446.733" height="501.755" viewBox="0 0 118.198 132.756"><path d="M109.231 98.67l-38.053-8.8L56.2 125.94 44.794 88.586 6.066 93.652l26.648-28.556L8.964 34.09l38.053 8.799L61.994 6.817 73.4 44.172l38.728-5.066L85.48 67.662z" style="isolation:auto;mix-blend-mode:normal;solid-color:#000;solid-opacity:1" color="#000" overflow="visible" fill="none" stroke="#000" stroke-width="4.615" stroke-linecap="round"/></svg>
			
--- a/svg/genie.svg
+++ b/svg/genie.svg