diff --git a/assets/css/page/map.css b/assets/css/page/map.css
index 9ce9c50..6ff0d7d 100644
--- a/assets/css/page/map.css
+++ b/assets/css/page/map.css
@@ -7,13 +7,26 @@ iframe {
     margin-left: auto;
     margin-right: auto;
     display: block;
-    width: 70vw;
+    width: 90vw;
     aspect-ratio: 1220/710;
     border: 0;
 }
 
+section {
+    background-color: rgba(255,255,255,0.3);
+    max-width: 800px;
+    margin-left: auto;
+    margin-right: auto;
+    font-size: 1.2rem;
+    margin-top: 40px;
+    text-align: left;
+    display: block;
+    width: 80vw;
+    padding: 50px;
+}
+
 @media (max-width: 700px) {
     iframe {
-        width: 100vw;
+        width: 100%;
     }
 }
\ No newline at end of file
diff --git a/assets/map/ajax.php b/assets/map/ajax.php
index 9e8c0f0..612ccd5 100644
--- a/assets/map/ajax.php
+++ b/assets/map/ajax.php
@@ -15,7 +15,7 @@ $title = [
 'Le GP',
 'Le GEI',
 'Le GM',
-'le âtiment des exams et labo AIME',
+'le bâtiment des exams et labo AIME',
 'La loge',
 'La laverie',
 'Le GMM, CSN et amphi Fourrier',
diff --git a/assets/map/script_map3d.js b/assets/map/script_map3d.js
index e8ba83a..8d68b09 100644
--- a/assets/map/script_map3d.js
+++ b/assets/map/script_map3d.js
@@ -10,6 +10,7 @@ import * as THREE from 'https://cdn.jsdelivr.net/npm/three@0.119.1/build/three.m
 import {
   OrbitControls
 } from 'https://cdn.jsdelivr.net/npm/three@0.119.1/examples/jsm/controls/OrbitControls.js';
+
 import {
   GLTFLoader
 } from 'https://cdn.jsdelivr.net/npm/three@0.119.1/examples/jsm/loaders/GLTFLoader.js';
diff --git a/map.php b/map.php
index eb04383..30c5ef6 100755
--- a/map.php
+++ b/map.php
@@ -13,22 +13,28 @@ ob_start(); // Start reading html
         <span class="circles circles-bottom"></span>
     </div>
 
-    <iframe src="assets/map/iframe_map.php"></iframe>
-    
-    <p>
-        Une petite note sur le numéro des salles : sur ton emploi du temps, le bâtiment est marqué en premier, et
-    ensuite le chiffre des centaines pour l'étage, et après à toi de trouver !
-    </p>
-    <p>
-        Par exemple, GM 212, c'est au GM, deuxième étage.
-        <br>
-        Et si t'as Amphi 108, c'est au premier étage du STPI(c'est ton département et c'est là où il y a les amphis).
-    </p>
+    <iframe id="iframe-map" src="assets/map/iframe_map.php"></iframe>
+
+
+    <section>
+
+        <p>
+            Une petite note sur le numéro des salles : sur ton emploi du temps, le bâtiment est marqué en premier, et
+            ensuite le chiffre des centaines pour l'étage, et après à toi de trouver !
+        </p>
+        <p>
+            Par exemple, GM 212, c'est au GM, deuxième étage.
+            <br>
+            Et si t'as Amphi 108, c'est au premier étage du STPI(c'est ton département et c'est là où il y a les amphis).
+        </p>
+
+        <p id="hint">
+            Fond de carte issu du site <a href="https://www.openstreetmap.org/#map=17/43.57103/1.46591" class="link">Open Street
+                Map</a>.
+        </p>
+
+    </section>
 
-    <p id="hint">
-        Fond de carte issu du site <a href="https://www.openstreetmap.org/#map=17/43.57103/1.46591" class="link">Open Street
-    Map</a>.
-    </p>
 </main>
 
 <?php