diff --git a/index.html b/index.html
index ae77e36..0259770 100644
--- a/index.html
+++ b/index.html
@@ -5,12 +5,14 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <link rel="stylesheet" href="css/style.css">
+		<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.3/dist/leaflet.css" integrity="sha256-kLaT2GOSpHechhsozzB+flnD+zUyjE2LlfWPgU04xyI=" crossorigin=""/>
     <script src="./riot/suiviformation.riot" type="riot"></script>
     <script src="./riot/choixformation.riot" type="riot"></script>
     <script src="./riot/app.riot" type="riot"></script>
     <script src="./riot/pourcentageForma.riot" type="riot"></script>
     <script src="./riot/statistiqueFormation.riot" type="riot"></script>
     <script src="./riot/tableuFormation.riot" type="riot"></script>
+		<script src="./riot/carte.riot" type="riot"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/riot/7.1.0/riot+compiler.min.js" integrity="sha512-sSGKGR9MvL0bUx3CScaBb56crXwspwDkL/JnB0IrLFQfw3uvSUlITQtsTtDZctshhv5wdwIt+qZeN8zThRF4Dw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
     <title>S4WEB</title>
 </head>
diff --git a/riot/app.riot b/riot/app.riot
index e8db050..73ee4d4 100644
--- a/riot/app.riot
+++ b/riot/app.riot
@@ -10,6 +10,7 @@
         <statistiqueFormation pct_femme={state.pct_femme} repartitionBac={state.pct_Bac} repartitionMention={state.repartitionMention}></statistiqueFormation>
       </div>
       <div class="box p-5 my-5" if={state.statistique!=''}>
+				<carte records={state.statistique.records}></carte>
         <tableuFormation records={state.statistique.records}></tableuFormation>
       </div>
     </div>
diff --git a/riot/carte.riot b/riot/carte.riot
new file mode 100644
index 0000000..ab13400
--- /dev/null
+++ b/riot/carte.riot
@@ -0,0 +1,15 @@
+<carte>
+
+	<div id="map" style="width: 600px; height: 400px;"></div>
+
+	<script src="https://unpkg.com/leaflet@1.9.3/dist/leaflet.js" integrity="sha256-WBkoXOwTeyKclOHuWtc+i2uENFpDZ9YPdf5Hf+D7ewM=" crossorigin="">
+
+		var map = L.map('map').setView([51.505, -0.09], 13);
+
+		var tiles = L.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png', {
+			maxZoom: 19,
+			attribution: '&copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>'
+		}).addTo(map);
+		
+	</script>
+</carte>
\ No newline at end of file