diff --git a/index.html b/index.html
new file mode 100644
index 0000000..621a8a5
--- /dev/null
+++ b/index.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Ma Carte</title>
+    <style>
+      html, body, #map {
+        height: 100%;
+        margin: 0;
+        padding: 0;
+      }
+    </style>
+    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB9zyz88xNHoNM2z81OY0ZmJ_WQa45WsOA&callback=initMap" async defer></script>
+    <script>
+      let map;
+      let marker;
+
+      function initMap() {
+        // Initialisation de la carte
+        map = new google.maps.Map(document.getElementById('map'), {
+          center: { lat: 48.8566, lng: 2.3522 }, // Paris
+          zoom: 12,
+        });
+
+        // Ajouter un événement de clic sur la carte
+        map.addListener('click', function(event) {
+          // Récupérer la position du clic
+          const latLng = event.latLng;
+
+          // Si un marqueur existe déjà, le supprimer
+          if (marker) {
+            marker.setMap(null);
+          }
+
+          // Créer un nouveau marqueur rouge à la position du clic
+          marker = new google.maps.Marker({
+            position: latLng,
+            map: map,
+            icon: {
+              url: "http://maps.google.com/mapfiles/ms/icons/red-dot.png" // Icône rouge
+            }
+          });
+        });
+      }
+    </script>
+  </head>
+  <body>
+    <div id="map"></div>
+  </body>
+</html>
diff --git a/maps.html b/maps.html
deleted file mode 100644
index c990ca1..0000000
--- a/maps.html
+++ /dev/null
@@ -1,25 +0,0 @@
-<!DOCTYPE html>
-<html>
-  <head>
-    <title>Ma Carte</title>
-    <style>
-      html, body, #map {
-        height: 100%;
-        margin: 0;
-        padding: 0;
-      }
-    </style>
-    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB9zyz88xNHoNM2z81OY0ZmJ_WQa45WsOA&callback=initMap" async defer></script>
-    <script>
-      function initMap() {
-        const map = new google.maps.Map(document.getElementById('map'), {
-          center: { lat: 48.8566, lng: 2.3522 }, // Paris
-          zoom: 12,
-        });
-      }
-    </script>
-  </head>
-  <body>
-    <div id="map"></div>
-  </body>
-</html>
