commit my files after rebuild app

.idea/workspace.xml

@@ -2,7 +2,56 @@
 <project version="4">
   <component name="ChangeListManager">
     <list default="true" id="31a10595-5010-4651-9dc5-8238deef9e86" name="Default" comment="">
+      <change type="DELETED" beforePath="$PROJECT_DIR$/build/asset-manifest.json" afterPath="" />
+      <change type="DELETED" beforePath="$PROJECT_DIR$/build/favicon.ico" afterPath="" />
+      <change type="DELETED" beforePath="$PROJECT_DIR$/build/index.html" afterPath="" />
+      <change type="DELETED" beforePath="$PROJECT_DIR$/build/static/css/main.be54c50a.css" afterPath="" />
+      <change type="DELETED" beforePath="$PROJECT_DIR$/build/static/css/main.be54c50a.css.map" afterPath="" />
+      <change type="DELETED" beforePath="$PROJECT_DIR$/build/static/js/main.d805baa3.js" afterPath="" />
+      <change type="DELETED" beforePath="$PROJECT_DIR$/build/static/js/main.d805baa3.js.map" afterPath="" />
+      <change type="DELETED" beforePath="$PROJECT_DIR$/build/static/media/ButBackground.95d77961.png" afterPath="" />
+      <change type="DELETED" beforePath="$PROJECT_DIR$/build/static/media/HomeBackground.f77cd872.png" afterPath="" />
+      <change type="DELETED" beforePath="$PROJECT_DIR$/build/static/media/TerrainBackground.07d26df1.png" afterPath="" />
+      <change type="DELETED" beforePath="$PROJECT_DIR$/build/static/media/TerrainDroite.45c29143.png" afterPath="" />
+      <change type="DELETED" beforePath="$PROJECT_DIR$/build/static/media/TerrainGauche.36e4a601.png" afterPath="" />
+      <change type="DELETED" beforePath="$PROJECT_DIR$/build/static/media/VestiairesBackground.046bf7bc.png" afterPath="" />
+      <change type="DELETED" beforePath="$PROJECT_DIR$/build/static/media/fifaOrigin.5cc7a4b3.png" afterPath="" />
+      <change type="DELETED" beforePath="$PROJECT_DIR$/build/static/media/fontawesome-webfont.674f50d2.eot" afterPath="" />
+      <change type="DELETED" beforePath="$PROJECT_DIR$/build/static/media/fontawesome-webfont.912ec66d.svg" afterPath="" />
+      <change type="DELETED" beforePath="$PROJECT_DIR$/build/static/media/fontawesome-webfont.af7ae505.woff2" afterPath="" />
+      <change type="DELETED" beforePath="$PROJECT_DIR$/build/static/media/fontawesome-webfont.b06871f2.ttf" afterPath="" />
+      <change type="DELETED" beforePath="$PROJECT_DIR$/build/static/media/fontawesome-webfont.fee66e71.woff" afterPath="" />
+      <change type="DELETED" beforePath="$PROJECT_DIR$/build/static/media/footOrigin.49112801.png" afterPath="" />
+      <change type="DELETED" beforePath="$PROJECT_DIR$/build/static/media/josefinsans-bold-webfont.3c9b3acd.woff2" afterPath="" />
+      <change type="DELETED" beforePath="$PROJECT_DIR$/build/static/media/josefinsans-bold-webfont.541320b5.eot" afterPath="" />
+      <change type="DELETED" beforePath="$PROJECT_DIR$/build/static/media/josefinsans-bold-webfont.8e7ceaa0.woff" afterPath="" />
+      <change type="DELETED" beforePath="$PROJECT_DIR$/build/static/media/josefinsans-bold-webfont.dfd9d553.ttf" afterPath="" />
+      <change type="DELETED" beforePath="$PROJECT_DIR$/build/static/media/josefinsans-regular-webfont.645dd3ea.eot" afterPath="" />
+      <change type="DELETED" beforePath="$PROJECT_DIR$/build/static/media/josefinsans-regular-webfont.6aa8f81e.woff" afterPath="" />
+      <change type="DELETED" beforePath="$PROJECT_DIR$/build/static/media/josefinsans-regular-webfont.b78a6181.ttf" afterPath="" />
+      <change type="DELETED" beforePath="$PROJECT_DIR$/build/static/media/josefinsans-regular-webfont.fb9ddb24.woff2" afterPath="" />
+      <change type="DELETED" beforePath="$PROJECT_DIR$/build/static/media/montserrat-bold-webfont.4ca2e35c.eot" afterPath="" />
+      <change type="DELETED" beforePath="$PROJECT_DIR$/build/static/media/montserrat-bold-webfont.a423faed.woff" afterPath="" />
+      <change type="DELETED" beforePath="$PROJECT_DIR$/build/static/media/montserrat-bold-webfont.e90a38ca.woff2" afterPath="" />
+      <change type="DELETED" beforePath="$PROJECT_DIR$/build/static/media/montserrat-bold-webfont.f824fccc.ttf" afterPath="" />
+      <change type="DELETED" beforePath="$PROJECT_DIR$/build/static/media/montserrat-extrabold-webfont.252b7ed6.woff" afterPath="" />
+      <change type="DELETED" beforePath="$PROJECT_DIR$/build/static/media/montserrat-extrabold-webfont.31dd96a3.ttf" afterPath="" />
+      <change type="DELETED" beforePath="$PROJECT_DIR$/build/static/media/montserrat-extrabold-webfont.393c705e.eot" afterPath="" />
+      <change type="DELETED" beforePath="$PROJECT_DIR$/build/static/media/montserrat-extrabold-webfont.4a0ca5b5.woff2" afterPath="" />
+      <change type="DELETED" beforePath="$PROJECT_DIR$/build/static/media/montserrat-light-webfont.8addffda.ttf" afterPath="" />
+      <change type="DELETED" beforePath="$PROJECT_DIR$/build/static/media/montserrat-light-webfont.8ef3b889.eot" afterPath="" />
+      <change type="DELETED" beforePath="$PROJECT_DIR$/build/static/media/montserrat-light-webfont.ae606c0c.woff" afterPath="" />
+      <change type="DELETED" beforePath="$PROJECT_DIR$/build/static/media/montserrat-light-webfont.edee4212.woff2" afterPath="" />
+      <change type="DELETED" beforePath="$PROJECT_DIR$/build/static/media/montserrat-regular-webfont.33df6b00.eot" afterPath="" />
+      <change type="DELETED" beforePath="$PROJECT_DIR$/build/static/media/montserrat-regular-webfont.aecf4e13.woff" afterPath="" />
+      <change type="DELETED" beforePath="$PROJECT_DIR$/build/static/media/montserrat-regular-webfont.cbfe6602.ttf" afterPath="" />
+      <change type="DELETED" beforePath="$PROJECT_DIR$/build/static/media/montserrat-regular-webfont.e0c0f8d8.woff2" afterPath="" />
       <change type="MODIFICATION" beforePath="$PROJECT_DIR$/.idea/workspace.xml" afterPath="$PROJECT_DIR$/.idea/workspace.xml" />
+      <change type="MODIFICATION" beforePath="$PROJECT_DIR$/src/assets/css/App.css" afterPath="$PROJECT_DIR$/src/assets/css/App.css" />
+      <change type="MODIFICATION" beforePath="$PROJECT_DIR$/src/components/But.js" afterPath="$PROJECT_DIR$/src/components/But.js" />
+      <change type="MODIFICATION" beforePath="$PROJECT_DIR$/src/components/Home.js" afterPath="$PROJECT_DIR$/src/components/Home.js" />
+      <change type="MODIFICATION" beforePath="$PROJECT_DIR$/src/components/Terrain.js" afterPath="$PROJECT_DIR$/src/components/Terrain.js" />
+      <change type="MODIFICATION" beforePath="$PROJECT_DIR$/src/components/Vestiaire.js" afterPath="$PROJECT_DIR$/src/components/Vestiaire.js" />
     </list>
     <option name="EXCLUDED_CONVERTED_TO_IGNORED" value="true" />
     <option name="TRACKING_ENABLED" value="true" />
@@ -29,8 +78,8 @@
       <file leaf-file-name="Home.js" pinned="false" current-in-tab="false">
         <entry file="file://$PROJECT_DIR$/src/components/Home.js">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="282">
-              <caret line="31" column="34" lean-forward="false" selection-start-line="31" selection-start-column="34" selection-end-line="31" selection-end-column="34" />
+            <state relative-caret-position="496">
+              <caret line="59" column="29" lean-forward="false" selection-start-line="59" selection-start-column="29" selection-end-line="59" selection-end-column="29" />
               <folding>
                 <element signature="e#0#38#0" expanded="true" />
               </folding>
@@ -38,88 +87,36 @@
           </provider>
         </entry>
       </file>
-      <file leaf-file-name="But.js" pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/src/components/But.js">
+      <file leaf-file-name="Vestiaire.js" pinned="false" current-in-tab="false">
+        <entry file="file://$PROJECT_DIR$/src/components/Vestiaire.js">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="595">
-              <caret line="210" column="119" lean-forward="false" selection-start-line="210" selection-start-column="119" selection-end-line="210" selection-end-column="119" />
+            <state relative-caret-position="600">
+              <caret line="30" column="29" lean-forward="false" selection-start-line="30" selection-start-column="29" selection-end-line="30" selection-end-column="29" />
               <folding />
             </state>
           </provider>
         </entry>
       </file>
-      <file leaf-file-name="package.json" pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/package.json">
+      <file leaf-file-name="index.html" pinned="false" current-in-tab="true">
+        <entry file="file://$PROJECT_DIR$/build/index.html">
           <provider selected="true" editor-type-id="text-editor">
             <state relative-caret-position="0">
-              <caret line="0" column="0" lean-forward="false" selection-start-line="0" selection-start-column="0" selection-end-line="0" selection-end-column="0" />
+              <caret line="0" column="337" lean-forward="false" selection-start-line="0" selection-start-column="337" selection-end-line="0" selection-end-column="337" />
               <folding />
             </state>
           </provider>
         </entry>
       </file>
-      <file leaf-file-name="index.html" pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/public/index.html">
+      <file leaf-file-name="Terrain.js" pinned="false" current-in-tab="false">
+        <entry file="file://$PROJECT_DIR$/src/components/Terrain.js">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="100">
-              <caret line="5" column="47" lean-forward="false" selection-start-line="5" selection-start-column="47" selection-end-line="5" selection-end-column="47" />
+            <state relative-caret-position="720">
+              <caret line="38" column="29" lean-forward="false" selection-start-line="38" selection-start-column="29" selection-end-line="38" selection-end-column="29" />
               <folding />
             </state>
           </provider>
         </entry>
       </file>
-      <file leaf-file-name=".gitignore" pinned="false" current-in-tab="true">
-        <entry file="file://$PROJECT_DIR$/.gitignore">
-          <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="180">
-              <caret line="9" column="2" lean-forward="false" selection-start-line="9" selection-start-column="2" selection-end-line="9" selection-end-column="2" />
-              <folding />
-            </state>
-          </provider>
-        </entry>
-      </file>
-      <file leaf-file-name="index.css" pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/src/assets/css/index.css">
-          <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="640">
-              <caret line="41" column="32" lean-forward="false" selection-start-line="41" selection-start-column="32" selection-end-line="41" selection-end-column="32" />
-              <folding />
-            </state>
-          </provider>
-        </entry>
-      </file>
-      <file leaf-file-name="font-awesome.css" pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/src/assets/css/font-awesome.css">
-          <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="120">
-              <caret line="6" column="0" lean-forward="false" selection-start-line="6" selection-start-column="0" selection-end-line="12" selection-end-column="1" />
-              <folding />
-            </state>
-          </provider>
-        </entry>
-      </file>
-      <file leaf-file-name="App.css" pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/src/assets/css/App.css">
-          <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="660">
-              <caret line="110" column="0" lean-forward="false" selection-start-line="110" selection-start-column="0" selection-end-line="111" selection-end-column="0" />
-              <folding />
-            </state>
-          </provider>
-        </entry>
-      </file>
-      <file leaf-file-name="PerspectivePoster.js" pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/src/components/home/PerspectivePoster.js">
-          <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="240">
-              <caret line="12" column="57" lean-forward="false" selection-start-line="12" selection-start-column="57" selection-end-line="12" selection-end-column="57" />
-              <folding>
-                <element signature="e#0#38#0" expanded="true" />
-              </folding>
-            </state>
-          </provider>
-        </entry>
-      </file>
     </leaf>
   </component>
   <component name="FileTemplateManagerImpl">
@@ -132,9 +129,20 @@
   <component name="FindInProjectRecents">
     <findStrings>
       <find>/fonts/</find>
+      <find>/media</find>
+      <find>static/media</find>
+      <find>../static/media/</find>
+      <find>static</find>
+      <find>./static/</find>
+      <find>static/</find>
+      <find>static/media/</find>
+      <find>../</find>
     </findStrings>
     <replaceStrings>
       <replace>../fonts/</replace>
+      <replace>../</replace>
+      <replace>./static/media/</replace>
+      <replace>./</replace>
     </replaceStrings>
   </component>
   <component name="Git.Settings">
@@ -148,14 +156,19 @@
         <option value="$PROJECT_DIR$/src/components/App.js" />
         <option value="$PROJECT_DIR$/src/index.js" />
         <option value="$PROJECT_DIR$/src/components/home/PerspectivePoster.js" />
-        <option value="$PROJECT_DIR$/src/components/Vestiaire.js" />
-        <option value="$PROJECT_DIR$/src/components/Terrain.js" />
-        <option value="$PROJECT_DIR$/src/components/But.js" />
         <option value="$PROJECT_DIR$/src/assets/css/index.css" />
-        <option value="$PROJECT_DIR$/src/components/Home.js" />
-        <option value="$PROJECT_DIR$/src/assets/css/App.css" />
         <option value="$PROJECT_DIR$/public/index.html" />
         <option value="$PROJECT_DIR$/.gitignore" />
+        <option value="$PROJECT_DIR$/src/assets/css/App.css" />
+        <option value="$PROJECT_DIR$/src/components/But.js" />
+        <option value="$PROJECT_DIR$/src/components/Home.js" />
+        <option value="$PROJECT_DIR$/src/components/Terrain.js" />
+        <option value="$PROJECT_DIR$/src/components/Vestiaire.js" />
+        <option value="$PROJECT_DIR$/build/static/css/main.26ec9672.css" />
+        <option value="$PROJECT_DIR$/build/static/js/main.92d90332.js" />
+        <option value="$PROJECT_DIR$/build/asset-manifest.json" />
+        <option value="$PROJECT_DIR$/build/static/css/main.26ec9672.css.map" />
+        <option value="$PROJECT_DIR$/build/index.html" />
       </list>
     </option>
   </component>
@@ -228,10 +241,96 @@
               <option name="myItemType" value="com.jetbrains.php.projectView.PhpTreeStructureProvider$1" />
             </PATH_ELEMENT>
             <PATH_ELEMENT>
+              <option name="myItemId" value="src" />
+              <option name="myItemType" value="com.jetbrains.php.projectView.PhpTreeStructureProvider$1" />
+            </PATH_ELEMENT>
+            <PATH_ELEMENT>
+              <option name="myItemId" value="components" />
+              <option name="myItemType" value="com.jetbrains.php.projectView.PhpTreeStructureProvider$1" />
+            </PATH_ELEMENT>
+          </PATH>
+          <PATH>
+            <PATH_ELEMENT>
+              <option name="myItemId" value="creation-graphique" />
+              <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.ProjectViewProjectNode" />
+            </PATH_ELEMENT>
+            <PATH_ELEMENT>
+              <option name="myItemId" value="creation-graphique" />
+              <option name="myItemType" value="com.jetbrains.php.projectView.PhpTreeStructureProvider$1" />
+            </PATH_ELEMENT>
+            <PATH_ELEMENT>
+              <option name="myItemId" value="src" />
+              <option name="myItemType" value="com.jetbrains.php.projectView.PhpTreeStructureProvider$1" />
+            </PATH_ELEMENT>
+            <PATH_ELEMENT>
+              <option name="myItemId" value="assets" />
+              <option name="myItemType" value="com.jetbrains.php.projectView.PhpTreeStructureProvider$1" />
+            </PATH_ELEMENT>
+          </PATH>
+          <PATH>
+            <PATH_ELEMENT>
+              <option name="myItemId" value="creation-graphique" />
+              <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.ProjectViewProjectNode" />
+            </PATH_ELEMENT>
+            <PATH_ELEMENT>
+              <option name="myItemId" value="creation-graphique" />
+              <option name="myItemType" value="com.jetbrains.php.projectView.PhpTreeStructureProvider$1" />
+            </PATH_ELEMENT>
+            <PATH_ELEMENT>
+              <option name="myItemId" value="src" />
+              <option name="myItemType" value="com.jetbrains.php.projectView.PhpTreeStructureProvider$1" />
+            </PATH_ELEMENT>
+            <PATH_ELEMENT>
+              <option name="myItemId" value="assets" />
+              <option name="myItemType" value="com.jetbrains.php.projectView.PhpTreeStructureProvider$1" />
+            </PATH_ELEMENT>
+            <PATH_ELEMENT>
+              <option name="myItemId" value="css" />
+              <option name="myItemType" value="com.jetbrains.php.projectView.PhpTreeStructureProvider$1" />
+            </PATH_ELEMENT>
+          </PATH>
+          <PATH>
+            <PATH_ELEMENT>
+              <option name="myItemId" value="creation-graphique" />
+              <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.ProjectViewProjectNode" />
+            </PATH_ELEMENT>
+            <PATH_ELEMENT>
+              <option name="myItemId" value="creation-graphique" />
+              <option name="myItemType" value="com.jetbrains.php.projectView.PhpTreeStructureProvider$1" />
+            </PATH_ELEMENT>
+            <PATH_ELEMENT>
               <option name="myItemId" value="public" />
               <option name="myItemType" value="com.jetbrains.php.projectView.PhpTreeStructureProvider$1" />
             </PATH_ELEMENT>
           </PATH>
+          <PATH>
+            <PATH_ELEMENT>
+              <option name="myItemId" value="creation-graphique" />
+              <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.ProjectViewProjectNode" />
+            </PATH_ELEMENT>
+            <PATH_ELEMENT>
+              <option name="myItemId" value="creation-graphique" />
+              <option name="myItemType" value="com.jetbrains.php.projectView.PhpTreeStructureProvider$1" />
+            </PATH_ELEMENT>
+            <PATH_ELEMENT>
+              <option name="myItemId" value="node_modules" />
+              <option name="myItemType" value="com.jetbrains.php.projectView.PhpTreeStructureProvider$1" />
+            </PATH_ELEMENT>
+          </PATH>
+          <PATH>
+            <PATH_ELEMENT>
+              <option name="myItemId" value="creation-graphique" />
+              <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.ProjectViewProjectNode" />
+            </PATH_ELEMENT>
+            <PATH_ELEMENT>
+              <option name="myItemId" value="creation-graphique" />
+              <option name="myItemType" value="com.jetbrains.php.projectView.PhpTreeStructureProvider$1" />
+            </PATH_ELEMENT>
+            <PATH_ELEMENT>
+              <option name="myItemId" value="build" />
+              <option name="myItemType" value="com.jetbrains.php.projectView.PhpTreeStructureProvider$1" />
+            </PATH_ELEMENT>
+          </PATH>
         </subPane>
       </pane>
     </panes>
@@ -348,15 +447,16 @@
       <workItem from="1497783746109" duration="27000" />
       <workItem from="1498566405485" duration="10316000" />
       <workItem from="1498631889281" duration="12382000" />
-      <workItem from="1498718170848" duration="15486000" />
+      <workItem from="1498718170848" duration="17249000" />
     </task>
     <servers />
   </component>
   <component name="TimeTrackingManager">
-    <option name="totallyTimeSpent" value="46182000" />
+    <option name="totallyTimeSpent" value="47945000" />
   </component>
   <component name="ToolWindowManager">
     <frame x="2391" y="-9" width="2418" height="1318" extended-state="6" />
+    <editor active="true" />
     <layout>
       <window_info id="Project" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="true" show_stripe_button="true" weight="0.31554228" sideWeight="0.5" order="0" side_tool="false" content_ui="combo" />
       <window_info id="TODO" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="6" side_tool="false" content_ui="tabs" />
@@ -367,7 +467,7 @@
       <window_info id="Run" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="2" side_tool="false" content_ui="tabs" />
       <window_info id="npm" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="2" side_tool="true" content_ui="tabs" />
       <window_info id="Structure" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
-      <window_info id="Terminal" active="true" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="true" show_stripe_button="true" weight="0.24782608" sideWeight="0.49829206" order="7" side_tool="false" content_ui="tabs" />
+      <window_info id="Terminal" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="true" show_stripe_button="true" weight="0.24782608" sideWeight="0.49829206" order="7" side_tool="false" content_ui="tabs" />
       <window_info id="Favorites" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="2" side_tool="true" content_ui="tabs" />
       <window_info id="Debug" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.4" sideWeight="0.5" order="3" side_tool="false" content_ui="tabs" />
       <window_info id="Cvs" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="4" side_tool="false" content_ui="tabs" />
@@ -411,61 +511,6 @@
     <watches-manager />
   </component>
   <component name="editorHistoryManager">
-    <entry file="file://$PROJECT_DIR$/src/assets/css/App.css">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="2140">
-          <caret line="107" column="1" lean-forward="false" selection-start-line="107" selection-start-column="1" selection-end-line="107" selection-end-column="1" />
-          <folding />
-        </state>
-      </provider>
-    </entry>
-    <entry file="file://$PROJECT_DIR$/src/components/App.js">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="320">
-          <caret line="23" column="0" lean-forward="false" selection-start-line="23" selection-start-column="0" selection-end-line="23" selection-end-column="0" />
-          <folding>
-            <element signature="e#0#41#0" expanded="false" />
-            <element signature="e#127#152#0" expanded="false" />
-          </folding>
-        </state>
-      </provider>
-    </entry>
-    <entry file="file://$PROJECT_DIR$/public/index.html">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="120">
-          <caret line="6" column="0" lean-forward="false" selection-start-line="6" selection-start-column="0" selection-end-line="6" selection-end-column="0" />
-          <folding />
-        </state>
-      </provider>
-    </entry>
-    <entry file="file://$PROJECT_DIR$/src/components/home/PerspectivePoster.js">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="200">
-          <caret line="11" column="42" lean-forward="false" selection-start-line="11" selection-start-column="42" selection-end-line="11" selection-end-column="42" />
-          <folding>
-            <element signature="e#0#38#0" expanded="true" />
-          </folding>
-        </state>
-      </provider>
-    </entry>
-    <entry file="file://$PROJECT_DIR$/package.json">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="0">
-          <caret line="0" column="0" lean-forward="false" selection-start-line="0" selection-start-column="0" selection-end-line="0" selection-end-column="0" />
-          <folding />
-        </state>
-      </provider>
-    </entry>
-    <entry file="file://$PROJECT_DIR$/src/components/Home.js">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="500">
-          <caret line="28" column="14" lean-forward="false" selection-start-line="28" selection-start-column="14" selection-end-line="28" selection-end-column="14" />
-          <folding>
-            <element signature="e#0#38#0" expanded="true" />
-          </folding>
-        </state>
-      </provider>
-    </entry>
     <entry file="file://$PROJECT_DIR$/src/index.js">
       <provider selected="true" editor-type-id="text-editor">
         <state relative-caret-position="0">
@@ -498,9 +543,7 @@
       <provider selected="true" editor-type-id="text-editor">
         <state relative-caret-position="75">
           <caret line="5" column="35" lean-forward="false" selection-start-line="5" selection-start-column="35" selection-end-line="5" selection-end-column="35" />
-          <folding>
-            <element signature="e#0#38#0" expanded="false" />
-          </folding>
+          <folding />
         </state>
       </provider>
     </entry>
@@ -544,7 +587,7 @@
         <state relative-caret-position="150">
           <caret line="11" column="42" lean-forward="false" selection-start-line="11" selection-start-column="42" selection-end-line="11" selection-end-column="42" />
           <folding>
-            <element signature="e#0#38#0" expanded="true" />
+            <element signature="e#0#38#0" expanded="false" />
           </folding>
         </state>
       </provider>
@@ -581,9 +624,7 @@
       <provider selected="true" editor-type-id="text-editor">
         <state relative-caret-position="75">
           <caret line="5" column="35" lean-forward="false" selection-start-line="5" selection-start-column="35" selection-end-line="5" selection-end-column="35" />
-          <folding>
-            <element signature="e#0#38#0" expanded="false" />
-          </folding>
+          <folding />
         </state>
       </provider>
     </entry>
@@ -611,7 +652,7 @@
         <state relative-caret-position="150">
           <caret line="11" column="42" lean-forward="false" selection-start-line="11" selection-start-column="42" selection-end-line="11" selection-end-column="42" />
           <folding>
-            <element signature="e#0#38#0" expanded="true" />
+            <element signature="e#0#38#0" expanded="false" />
           </folding>
         </state>
       </provider>
@@ -664,9 +705,7 @@
       <provider selected="true" editor-type-id="text-editor">
         <state relative-caret-position="75">
           <caret line="5" column="35" lean-forward="false" selection-start-line="5" selection-start-column="35" selection-end-line="5" selection-end-column="35" />
-          <folding>
-            <element signature="e#0#38#0" expanded="false" />
-          </folding>
+          <folding />
         </state>
       </provider>
     </entry>
@@ -702,7 +741,7 @@
         <state relative-caret-position="150">
           <caret line="11" column="42" lean-forward="false" selection-start-line="11" selection-start-column="42" selection-end-line="11" selection-end-column="42" />
           <folding>
-            <element signature="e#0#38#0" expanded="true" />
+            <element signature="e#0#38#0" expanded="false" />
           </folding>
         </state>
       </provider>
@@ -729,14 +768,6 @@
         <state />
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/src/components/Vestiaire.js">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="700">
-          <caret line="35" column="32" lean-forward="false" selection-start-line="35" selection-start-column="32" selection-end-line="35" selection-end-column="32" />
-          <folding />
-        </state>
-      </provider>
-    </entry>
     <entry file="file://$PROJECT_DIR$/src/components/App.js">
       <provider selected="true" editor-type-id="text-editor">
         <state relative-caret-position="460">
@@ -748,34 +779,87 @@
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/src/components/Terrain.js">
+    <entry file="file://$PROJECT_DIR$/src/components/home/PerspectivePoster.js">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="380">
-          <caret line="19" column="22" lean-forward="false" selection-start-line="19" selection-start-column="22" selection-end-line="19" selection-end-column="22" />
+        <state relative-caret-position="240">
+          <caret line="12" column="57" lean-forward="false" selection-start-line="12" selection-start-column="57" selection-end-line="12" selection-end-column="57" />
           <folding>
             <element signature="e#0#38#0" expanded="false" />
           </folding>
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/src/components/home/PerspectivePoster.js">
+    <entry file="file://$PROJECT_DIR$/src/assets/css/font-awesome.css">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="240">
-          <caret line="12" column="57" lean-forward="false" selection-start-line="12" selection-start-column="57" selection-end-line="12" selection-end-column="57" />
-          <folding>
-            <element signature="e#0#38#0" expanded="true" />
-          </folding>
+        <state relative-caret-position="120">
+          <caret line="6" column="0" lean-forward="false" selection-start-line="6" selection-start-column="0" selection-end-line="12" selection-end-column="1" />
+          <folding />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/src/assets/css/index.css">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="640">
+          <caret line="41" column="32" lean-forward="false" selection-start-line="41" selection-start-column="32" selection-end-line="41" selection-end-column="32" />
+          <folding />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/public/favicon.ico">
+      <provider selected="true" editor-type-id="images">
+        <state />
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/package.json">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="0">
+          <caret line="0" column="0" lean-forward="false" selection-start-line="0" selection-start-column="0" selection-end-line="0" selection-end-column="0" />
+          <folding />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/public/index.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="100">
+          <caret line="5" column="47" lean-forward="false" selection-start-line="5" selection-start-column="47" selection-end-line="5" selection-end-column="47" />
+          <folding />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/.gitignore">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="180">
+          <caret line="9" column="2" lean-forward="false" selection-start-line="9" selection-start-column="2" selection-end-line="9" selection-end-column="2" />
+          <folding />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/src/assets/css/App.css">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="464">
+          <caret line="230" column="1" lean-forward="false" selection-start-line="230" selection-start-column="1" selection-end-line="230" selection-end-column="1" />
+          <folding />
         </state>
       </provider>
     </entry>
     <entry file="file://$PROJECT_DIR$/src/components/But.js">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="595">
-          <caret line="210" column="119" lean-forward="false" selection-start-line="210" selection-start-column="119" selection-end-line="210" selection-end-column="119" />
+        <state relative-caret-position="476">
+          <caret line="315" column="29" lean-forward="false" selection-start-line="315" selection-start-column="29" selection-end-line="315" selection-end-column="29" />
           <folding />
         </state>
       </provider>
     </entry>
+    <entry file="file://$PROJECT_DIR$/src/components/Home.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="496">
+          <caret line="59" column="29" lean-forward="false" selection-start-line="59" selection-start-column="29" selection-end-line="59" selection-end-column="29" />
+          <folding>
+            <element signature="e#0#38#0" expanded="true" />
+          </folding>
+        </state>
+      </provider>
+    </entry>
     <entry file="file://$PROJECT_DIR$/src/index.js">
       <provider selected="true" editor-type-id="text-editor">
         <state relative-caret-position="80">
@@ -786,65 +870,72 @@
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/src/assets/css/font-awesome.css">
+    <entry file="file://$PROJECT_DIR$/src/components/Terrain.js">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="120">
-          <caret line="6" column="0" lean-forward="false" selection-start-line="6" selection-start-column="0" selection-end-line="12" selection-end-column="1" />
+        <state relative-caret-position="720">
+          <caret line="38" column="29" lean-forward="false" selection-start-line="38" selection-start-column="29" selection-end-line="38" selection-end-column="29" />
           <folding />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/src/assets/css/index.css">
+    <entry file="file://$PROJECT_DIR$/src/components/Vestiaire.js">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="640">
-          <caret line="41" column="32" lean-forward="false" selection-start-line="41" selection-start-column="32" selection-end-line="41" selection-end-column="32" />
+        <state relative-caret-position="600">
+          <caret line="30" column="29" lean-forward="false" selection-start-line="30" selection-start-column="29" selection-end-line="30" selection-end-column="29" />
           <folding />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/src/components/Home.js">
+    <entry file="file://$PROJECT_DIR$/build/static/js/main.92d90332.js">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="282">
-          <caret line="31" column="34" lean-forward="false" selection-start-line="31" selection-start-column="34" selection-end-line="31" selection-end-column="34" />
-          <folding>
-            <element signature="e#0#38#0" expanded="true" />
-          </folding>
+        <state relative-caret-position="344">
+          <caret line="7" column="15263" lean-forward="true" selection-start-line="7" selection-start-column="15263" selection-end-line="7" selection-end-column="15263" />
+          <folding />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/public/favicon.ico">
-      <provider selected="true" editor-type-id="images">
-        <state />
+    <entry file="file://$PROJECT_DIR$/build/asset-manifest.json">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="280">
+          <caret line="14" column="43" lean-forward="true" selection-start-line="14" selection-start-column="43" selection-end-line="14" selection-end-column="43" />
+          <folding />
+        </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/src/assets/css/App.css">
+    <entry file="file://$PROJECT_DIR$/build/static/js/main.92d90332.js.map">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="660">
-          <caret line="110" column="0" lean-forward="false" selection-start-line="110" selection-start-column="0" selection-end-line="111" selection-end-column="0" />
+        <state relative-caret-position="-1560">
+          <caret line="0" column="0" lean-forward="false" selection-start-line="0" selection-start-column="0" selection-end-line="0" selection-end-column="0" />
           <folding />
         </state>
       </provider>
+      <provider editor-type-id="sourcemapFileViewerProvider">
+        <state />
+      </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/package.json">
+    <entry file="file://$PROJECT_DIR$/build/static/css/main.26ec9672.css.map">
       <provider selected="true" editor-type-id="text-editor">
         <state relative-caret-position="0">
-          <caret line="0" column="0" lean-forward="false" selection-start-line="0" selection-start-column="0" selection-end-line="0" selection-end-column="0" />
+          <caret line="0" column="59" lean-forward="false" selection-start-line="0" selection-start-column="59" selection-end-line="0" selection-end-column="59" />
           <folding />
         </state>
       </provider>
+      <provider editor-type-id="sourcemapFileViewerProvider">
+        <state />
+      </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/public/index.html">
+    <entry file="file://$PROJECT_DIR$/build/static/css/main.26ec9672.css">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="100">
-          <caret line="5" column="47" lean-forward="false" selection-start-line="5" selection-start-column="47" selection-end-line="5" selection-end-column="47" />
+        <state relative-caret-position="300">
+          <caret line="3" column="408" lean-forward="false" selection-start-line="3" selection-start-column="408" selection-end-line="3" selection-end-column="408" />
           <folding />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/.gitignore">
+    <entry file="file://$PROJECT_DIR$/build/index.html">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="180">
-          <caret line="9" column="2" lean-forward="false" selection-start-line="9" selection-start-column="2" selection-end-line="9" selection-end-column="2" />
+        <state relative-caret-position="0">
+          <caret line="0" column="337" lean-forward="false" selection-start-line="0" selection-start-column="337" selection-end-line="0" selection-end-column="337" />
           <folding />
         </state>
       </provider>

build/asset-manifest.json

@@ -1,8 +1,8 @@
 {
-  "main.css": "static/css/main.be54c50a.css",
-  "main.css.map": "static/css/main.be54c50a.css.map",
-  "main.js": "static/js/main.d805baa3.js",
-  "main.js.map": "static/js/main.d805baa3.js.map",
+  "main.css": "static/css/main.26ec9672.css",
+  "main.css.map": "static/css/main.26ec9672.css.map",
+  "main.js": "static/js/main.92d90332.js",
+  "main.js.map": "static/js/main.92d90332.js.map",
   "static\\media\\ButBackground.png": "static/media/ButBackground.95d77961.png",
   "static\\media\\HomeBackground.png": "static/media/HomeBackground.f77cd872.png",
   "static\\media\\TerrainBackground.png": "static/media/TerrainBackground.07d26df1.png",

build/index.html

@@ -1 +1 @@
-<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="shortcut icon" href="./favicon.ico"><title>Web Documentaire</title><link href="./static/css/main.be54c50a.css" rel="stylesheet"></head><body><div id="root"></div><script type="text/javascript" src="./static/js/main.d805baa3.js"></script></body></html>
+<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="shortcut icon" href="./favicon.ico"><title>Web Documentaire</title><link href="./static/css/main.26ec9672.css" rel="stylesheet"></head><body><div id="root"></div><script type="text/javascript" src=".//static/js/main.92d90332.js"></script></body></html>

build/static/css/main.be54c50a.css.map → build/static/css/main.26ec9672.css.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"static/css/main.be54c50a.css","sourceRoot":""}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"static/css/main.26ec9672.css","sourceRoot":""}

src/assets/css/App.css

@@ -227,7 +227,7 @@
 }
 
 .informationPage__text ul {
-  margin-left: 15px;
+  margin-left: 30px;
 }
 
 .informationPage__play {
@@ -489,7 +489,7 @@
     height: 500px;
     width: 80%;
     text-align: justify;
-    padding: 50px;
+    /*padding: 50px;*/
 }
 
 .ButPopup h2 {
@@ -509,7 +509,7 @@
 
 .ButPopup iframe {
     width: 100%;
-    height: 100%;
+    height: 90%;
     position: relative;
     margin: auto;
     /*left: calc(50% - 35%);
@@ -535,7 +535,7 @@
 }
 
 .ButPopup__container__text {
-    padding: 0;
+    padding: 10px;
     overflow-y: scroll;
 }
 .ButPopup__container__text__withoutOverflow {

src/components/But.js

@@ -150,7 +150,7 @@ class But extends Component {
                                 <div>
                                     <h2>Football: pourquoi un tel engouement ?</h2>
                                     <div className="ButPopup__container__text">
-                                        <p>Le football projette sur nos écrans les idéaux de tous Occidentaux : ceux d’égalité et de méritocratie. Le talent footbalistique, contrairement à la réussite scolaire ou professionnelle, n’est conditionné par aucun facteur social. Des plus pauvres au plus riches, le don frappe au hasard. Et si travail il faut fournir, l’accessibilité et le faible coût de ce sport rend l’épanouissement de chaque prodige en herbe possible.</p>
+                                        <p style={{marginTop: '180px'}}>Le football projette sur nos écrans les idéaux de tous Occidentaux : ceux d’égalité et de méritocratie. Le talent footbalistique, contrairement à la réussite scolaire ou professionnelle, n’est conditionné par aucun facteur social. Des plus pauvres au plus riches, le don frappe au hasard. Et si travail il faut fournir, l’accessibilité et le faible coût de ce sport rend l’épanouissement de chaque prodige en herbe possible.</p>
                                         <p>Lors d’un match, chaque joueur n’est alors limité que par son talent et ses propres capacités physiques. Rien d’autre ne vient entraver ses possibilités. De nombreux joueurs ont été érigés comme les symboles d’une intégration réussie : Michel Platini ou Zinédine Zidane en sont les plus illustres exemples. Une carrière dans le football représente pour beaucoup de familles d’origine immigrée une chance d’insertion, signe aussi bien de l’attraction de ce sport que de l’échec du système scolaire français comme ascenseur social.</p>
                                         <h3>Le stade : un champ de bataille moderne</h3>
                                         <p>Le football recrée un lien social unique. Un match est l’occasion d’une réunion festive qui se prépare, se vit et se commente. Le football alimente les conversations, fait vivre les bistrots. Il est l’occasion d’une sociabilité unique et indispensable. Lors d’une Coupe du monde, le match se regarde entre amis, en famille, dans un bar, ou devant un écran géant. Les émotions se partagent et s’exacerbent à travers cet échange.</p>
@@ -182,7 +182,7 @@ class But extends Component {
                                 <div>
                                     <h2>Dans la tête des supporters !</h2>
                                     <div className="ButPopup__container__text">
-                                        <h3>Un reflet de la société</h3>
+                                        <h3 style={{marginTop: '100px'}}>Un reflet de la société</h3>
                                         <p>Pourquoi le football suscite ainsi un tel engouement populaire ?  Tout simplement parce que les gens se reconnaissent dans ce sport. Pour Christian Bromberger, ethnologue et auteur d'un livre sur la passion du football, ce sport "apparaît comme un " jeu profond " qui condense et théâtralise les valeurs fondamentales du monde contemporain". Selon lui, le football valorise le travail d'équipe mais aussi la performance individuelle. Il prône la solidarité, la division des tâches, la planification. Bref, on retrouve les images fortes de la société et du monde du travail. Et à l'image de la vie, le hasard existe dans le football, rappelant que le "le mérite ne suffit pas toujours, sur le terrain comme dans la vie, pour devancer les autres". Et il y a tellement de clubs et de joueurs différents que chacun peut forcément trouver une identification. Ajoutez à cela le coté "feuilleton" de la compétition, avec tout ce qu'il faut de suspens et de rebondissements, et vous avez tous les ingrédients du succès populaire.</p>
                                         <h3>Supporter un jour…</h3>
                                         <p>Mais qu'est-ce qui différencie un simple fan d'un véritable supporter ? Disons qu'ils ajoutent à leur passion pour le football le sentiment d'appartenance à une communauté (ville, région, pays), mais en aussi qu'ils intègrent et revendiquent les codes de conduite propres à leur équipe. Ce qui leur permet d'appartenir à un groupe qui partage ces "valeurs". D'ailleurs, la majorité des supporters se réunissent au sein de clubs, ou d'associations. Et il n'existe pas un mais plusieurs types de clubs de supporters : ils sont nombreux et souvent différents dans leur image, leur mode d'expression…</p>
@@ -235,7 +235,7 @@ class But extends Component {
                                 <div>
                                     <h2>Économie du football</h2>
                                     <div className="ButPopup__container__text">
-                                        <h3>Recettes aux guichets</h3>
+                                        <h3 style={{marginTop: '200px'}}>Recettes aux guichets</h3>
                                         <p>Le football se transforme en business dès le milieu des années 1880 au Royaume-Uni145. Les importantes recettes enregistrées aux guichets permettent de financer la professionnalisation des championnats et la construction de stades. Les recettes aux guichets restent l'élément essentiel du budget des clubs jusqu'aux années 1990.</p>
                                         <h3>Les droits de retransmission</h3>
                                         <p>Les droits payés par la télévision représentent entre un tiers et deux tiers des budgets des clubs.</p>
@@ -281,7 +281,7 @@ class But extends Component {
                                 <div>
                                     <h2>Attentats du 13 novembre</h2>
                                     <div className="ButPopup__container__text">
-                                        <p>C’était il y a un an, le 13 novembre 2015, la pire tragédie qu'ait connue la France depuis la Seconde Guerre mondiale. Des attentats revendiqués par le groupe Etat Islamique éclatent en plein cœur de la capitale. Une série de fusillades et d'attaques meurtrières à Paris et à Saint-Denis. Notre reporter Mathilde Lemaire a rencontré Max, le speaker du Stade de France. </p>
+                                        <p style={{marginTop: '320px'}}>C’était il y a un an, le 13 novembre 2015, la pire tragédie qu'ait connue la France depuis la Seconde Guerre mondiale. Des attentats revendiqués par le groupe Etat Islamique éclatent en plein cœur de la capitale. Une série de fusillades et d'attaques meurtrières à Paris et à Saint-Denis. Notre reporter Mathilde Lemaire a rencontré Max, le speaker du Stade de France. </p>
                                         <p>C'est au Stade de France, à Saint-Denis, que la terrible série d'attentats a débuté le vendredi 13 novembre 2015. Ce soir-là, l'équipe de France de football reçoit l'Allemagne,  80 000 spectateurs sont présents et François Hollande est en tribune. C’est une rencontre amicale dans une ambiance bon enfant. Le match est animé par le speaker habituel des Bleus, l’ancien animateur radio connu sous le nom de Max.</p>
                                         <h3>21h17, la première explosion</h3>
                                         <p>Max se trouve sur le bord du terrain, il anime l'avant-match, donne la composition des équipes et regarde les Bleus se faire des passes. A 21h17, précisément, une explosion se fait entendre. Les supporters et les joueurs s'interrogent. Est-ce un gros pétard ? Puis une deuxième explosion, plus lointaine, retentit. Max le speaker, comme tout le monde dans le stade, commence à recevoir des SMS : <span className="quote">"J’avais eu vent par des textos d’amis qu’il se passait des choses graves, au Bataclan, sur les terrasses et autour du stade. Ma femme m'a appelé et m'a dit de rentrer. Mais je me sentais en sécurité, je ne sentais pas la panique."</span></p>
@@ -309,9 +309,11 @@ class But extends Component {
                     </div>
                     <div className="informationPage__text">
                         <h1>Le but</h1>
-                        <p>Vous voici arrivé au but, élément important car c'est en réussissant à mettre le ballon dans celui-ci qu'on marque un point.</p>
                         <br/>
+                        <p>Vous voici arrivé au but, élément important car c'est en réussissant à mettre le ballon dans celui-ci qu'on marque un point.</p>
+                        <br/><br/>
                         <h3>Tirer</h3>
+                        <br/>
                         <p>Je vous invite à tirer (un simple clic suffira) dans les cercles présents sur la "bâche de précision" pour en apprendre davantage...</p>
                     </div>
                     <div className="informationPage__play">

src/components/Home.js

@@ -49,12 +49,15 @@ class Home extends Component {
                     </div>
                     <div className="informationPage__text">
                         <h1>Bienvenu au stade !</h1>
+                        <br/>
                         <p>Ici, sur l'accueil, vous avez la possibilité d'en apprendre davantage sur les origines du football et les origines de la Fédération Internationale de Football Association (FIFA).</p>
-                        <br />
+                        <br /><br/>
                         <h3>En savoir plus ?</h3>
+                        <br/>
                         <p>Il vous suffit de cliquer sur les affiches pour avoir accès aux vidéos</p>
-                        <br />
+                        <br /><br/>
                         <h3>Prêt pour la suite ?</h3>
+                        <br/>
                         <p>Cliquez sur le panneau au fond du couloir pour aller au vestiaire</p>
                     </div>
                     <div className="informationPage__play">

src/components/Terrain.js

@@ -24,15 +24,19 @@ class Terrain extends Component {
                     </div>
                     <div className="informationPage__text">
                         <h1>Le terrain</h1>
-                        <p>Lieu principale du football, c'est ici que tout se joue entre les deux équipes.</p>
                         <br/>
+                        <p>Lieu principale du football, c'est ici que tout se joue entre les deux équipes.</p>
+                        <br/><br/>
                         <h3>Choisir un camp</h3>
-                        <p>Dans le cadre de se WebDocumentaire, je vous propose de choisir un côté, une équipe pour continuer à naviguer.</p>
                         <br/>
+                        <p>Dans le cadre de se WebDocumentaire, je vous propose de choisir un côté, une équipe pour continuer à naviguer.</p>
+                        <br/><br/>
                         <h4>Côté Gauche</h4>
-                        <p>Découvrir l'engouement crée par le foot</p>
                         <br/>
+                        <p>Découvrir l'engouement crée par le foot</p>
+                        <br/><br/>
                         <h4>Côté Droit</h4>
+                        <br/>
                         <p>Découvrir les problèmes lié au football</p>
                     </div>
                     <div className="informationPage__play">

src/components/Vestiaire.js

@@ -18,9 +18,11 @@ class Vestiaire extends Component {
                     </div>
                     <div className="informationPage__text">
                         <h1>Les vestiaires</h1>
+                        <br/>
                         <p>Lieu connu et fréquenté par tous les footballeur. C'est ici que l'équipe va se préparer et où les joueurs vont enfiller leur tenues.</p>
-                        <br />
+                        <br /><br/>
                         <h3>Découvrir les éléments principaux du football</h3>
+                        <br/>
                         <ul>
                             <li>Le ballon</li>
                             <li>Le maillot</li>
@@ -29,8 +31,9 @@ class Vestiaire extends Component {
                         </ul>
                         <br/>
                         <p>Il vous suffit de cliquer sur l'élément pour en apprendre davantages sur son utilitation durant les matchs de foot</p>
-                        <br/>
+                        <br/><br/>
                         <h3>Aller plus loin</h3>
+                        <br/>
                         <p>N'hésitez pas à aller sur le terrain pour en découvrir davantage sur le monde du football</p>
                         <br/><br/>
                         <p>PS : Les éléments cité précédemment ne sont pas disponible dans la version actuelle du webdocumentaire...</p>