Merge branch 'dev' into main

Added favicon and meta tags
Fixed some issues with the background image
2023-04-30 23:56:13 +02:00 · 2023-04-30 23:56:04 +02:00 · 2023-04-30 23:08:29 +02:00 · 2023-04-30 22:03:56 +02:00 · 2023-04-30 16:27:23 +02:00 · 2023-04-30 13:50:50 +02:00
43 changed files with 1275 additions and 48 deletions
--- a/.env.development
+++ b/.env.development
@@ -0,0 +1 @@
+VITE_API_URL = "http://localhost:3000"
--- a/.env.production
+++ b/.env.production
@@ -0,0 +1 @@
+VITE_API_URL = "https://api-deputes.alexcreates.fr"
--- a/index.html
+++ b/index.html
@@ -1,13 +1,44 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" href="/favicon.ico" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite App</title>
-  </head>
-  <body>
-    <div id="app"></div>
-    <script type="module" src="/src/main.ts"></script>
-  </body>
+    <head>
+        <meta charset="UTF-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <title>Trouver mon député</title>
+
+        <!--theme colors -->
+        <meta name="theme-color" content="#020617" />
+        <meta name="apple-mobile-web-app-capable" content="yes">
+        <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
+    
+        <!--Basic meta info -->
+        <meta name="keywords" content="député, géolocalisation, assemblée nationale, france, représentant, démocratie, voter, élections, parlementaires, parlementarisme">
+        <meta name="author" content="Alexis Pelé" />
+        <meta name="description" content="Trouvez facilement votre député parlementaires ; Localisez facilement votre circonscription et découvrez qui vous représente sans vous arrachez les cheveux !">
+    
+        <!--OpenGraph meta -->
+        <meta property="og:description" content="Application de géolocalisation des députés par circonscription" />
+        <meta property="og:title" content="Trouver mon député" />
+    
+        <!--meta for twitter -->
+        <meta name="twitter:card" content="summary_large_image">
+        <meta name="twitter:creator" content="@bhupeshimself">
+        <meta name="twitter:title" content="">
+        <meta name="twitter:image" content="logo.png">
+        <meta name="twitter:site" content="@bhupeshimself">
+        <meta name="twitter:description" content="">
+    
+        <!--Favicon-->
+        <link rel="apple-touch-icon" sizes="76x76" href="/apple-touch-icon.png">
+        <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
+        <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
+        <link rel="manifest" href="/site.webmanifest">
+        <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
+        <link rel="shortcut icon" href="/favicon.ico">
+        <meta name="msapplication-TileColor" content="#da532c">
+        <meta name="msapplication-config" content="/browserconfig.xml">
+    </head>
+    <body>
+        <div id="app"></div>
+        <script type="module" src="/src/main.ts"></script>
+    </body>
 </html>
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,6 +8,11 @@
      "name": "rep-lookup-fr",
      "version": "0.1.0",
      "dependencies": {
+        "@fortawesome/fontawesome-svg-core": "^6.4.0",
+        "@fortawesome/free-brands-svg-icons": "^6.4.0",
+        "@fortawesome/free-regular-svg-icons": "^6.4.0",
+        "@fortawesome/free-solid-svg-icons": "^6.4.0",
+        "@fortawesome/vue-fontawesome": "^3.0.3",
        "@tailwindcss/typography": "^0.5.4",
        "@vueuse/core": "^10.1.0",
        "pinia": "^2.0.35",
@@ -453,6 +458,72 @@
        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
      }
    },
+    "node_modules/@fortawesome/fontawesome-common-types": {
+      "version": "6.4.0",
+      "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-common-types/-/fontawesome-common-types-6.4.0.tgz",
+      "integrity": "sha512-HNii132xfomg5QVZw0HwXXpN22s7VBHQBv9CeOu9tfJnhsWQNd2lmTNi8CSrnw5B+5YOmzu1UoPAyxaXsJ6RgQ==",
+      "hasInstallScript": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/@fortawesome/fontawesome-svg-core": {
+      "version": "6.4.0",
+      "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-svg-core/-/fontawesome-svg-core-6.4.0.tgz",
+      "integrity": "sha512-Bertv8xOiVELz5raB2FlXDPKt+m94MQ3JgDfsVbrqNpLU9+UE2E18GKjLKw+d3XbeYPqg1pzyQKGsrzbw+pPaw==",
+      "hasInstallScript": true,
+      "dependencies": {
+        "@fortawesome/fontawesome-common-types": "6.4.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/@fortawesome/free-brands-svg-icons": {
+      "version": "6.4.0",
+      "resolved": "https://registry.npmjs.org/@fortawesome/free-brands-svg-icons/-/free-brands-svg-icons-6.4.0.tgz",
+      "integrity": "sha512-qvxTCo0FQ5k2N+VCXb/PZQ+QMhqRVM4OORiO6MXdG6bKolIojGU/srQ1ptvKk0JTbRgaJOfL2qMqGvBEZG7Z6g==",
+      "hasInstallScript": true,
+      "dependencies": {
+        "@fortawesome/fontawesome-common-types": "6.4.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/@fortawesome/free-regular-svg-icons": {
+      "version": "6.4.0",
+      "resolved": "https://registry.npmjs.org/@fortawesome/free-regular-svg-icons/-/free-regular-svg-icons-6.4.0.tgz",
+      "integrity": "sha512-ZfycI7D0KWPZtf7wtMFnQxs8qjBXArRzczABuMQqecA/nXohquJ5J/RCR77PmY5qGWkxAZDxpnUFVXKwtY/jPw==",
+      "hasInstallScript": true,
+      "dependencies": {
+        "@fortawesome/fontawesome-common-types": "6.4.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/@fortawesome/free-solid-svg-icons": {
+      "version": "6.4.0",
+      "resolved": "https://registry.npmjs.org/@fortawesome/free-solid-svg-icons/-/free-solid-svg-icons-6.4.0.tgz",
+      "integrity": "sha512-kutPeRGWm8V5dltFP1zGjQOEAzaLZj4StdQhWVZnfGFCvAPVvHh8qk5bRrU4KXnRRRNni5tKQI9PBAdI6MP8nQ==",
+      "hasInstallScript": true,
+      "dependencies": {
+        "@fortawesome/fontawesome-common-types": "6.4.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/@fortawesome/vue-fontawesome": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@fortawesome/vue-fontawesome/-/vue-fontawesome-3.0.3.tgz",
+      "integrity": "sha512-KCPHi9QemVXGMrfuwf3nNnNo129resAIQWut9QTAMXmXqL2ErABC6ohd2yY5Ipq0CLWNbKHk8TMdTXL/Zf3ZhA==",
+      "peerDependencies": {
+        "@fortawesome/fontawesome-svg-core": "~1 || ~6",
+        "vue": ">= 3.0.0 < 4"
+      }
+    },
    "node_modules/@humanwhocodes/config-array": {
      "version": "0.11.8",
      "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.8.tgz",
--- a/package.json
+++ b/package.json
@@ -10,6 +10,11 @@
    "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore"
  },
  "dependencies": {
+    "@fortawesome/fontawesome-svg-core": "^6.4.0",
+    "@fortawesome/free-brands-svg-icons": "^6.4.0",
+    "@fortawesome/free-regular-svg-icons": "^6.4.0",
+    "@fortawesome/free-solid-svg-icons": "^6.4.0",
+    "@fortawesome/vue-fontawesome": "^3.0.3",
    "@tailwindcss/typography": "^0.5.4",
    "@vueuse/core": "^10.1.0",
    "pinia": "^2.0.35",
--- a/public/android-chrome-96x96.png
+++ b/public/android-chrome-96x96.png
--- a/public/apple-touch-icon.png
+++ b/public/apple-touch-icon.png
--- a/public/browserconfig.xml
+++ b/public/browserconfig.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/public/mstile-150x150.png"/>
+            <TileColor>#da532c</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>
--- a/public/favicon-16x16.png
+++ b/public/favicon-16x16.png
--- a/public/favicon-32x32.png
+++ b/public/favicon-32x32.png
--- a/public/favicon.ico
+++ b/public/favicon.ico
--- a/public/mstile-150x150.png
+++ b/public/mstile-150x150.png
--- a/public/regions/auvergne-rhône-alpes.svg
+++ b/public/regions/auvergne-rhône-alpes.svg
@@ -0,0 +1,56 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 91.4 68.9" style="enable-background:new 0 0 91.4 68.9;" xml:space="preserve">
+<style type="text/css">
+	.st0{opacity:0.1;fill:#FFFFFF;}
+</style>
+<path class="st0" d="M73.7,14.2c-0.1-0.2-0.2-0.3-0.3-0.4c-0.3-0.3-0.8-0.5-0.7-1.1c0.1-0.6,0.4-1.2,0.7-1.7
+	c0.2-0.3,0.7-0.3,0.9,0.1c0.3,0.5,0.6,0.4,1,0c0.1-0.1,0.1-0.1,0.2-0.2C77,9.5,79,9.8,80.8,9.8c0.2,0,0.4,0.1,0.4,0.3
+	c0,0.8,0.6,1.2,1.1,1.7c0.7,0.8,0.7,1.2,0,2.1c-0.6,0.8-0.6,1.3,0.2,1.6c1,0.3,1.2,1,1.1,1.9c0,0.2,0,0.4,0,0.7
+	c1.3-0.3,1.7,0.7,2.2,1.4c0.5,0.6,0.4,1.4,0.3,2.1c-0.1,0.4-0.3,0.6-0.7,0.8c-0.6,0.2-1.3,0.5-1.9,0.8c-0.4,0.1-0.5,0.4-0.5,0.7
+	c0,0.4,0,0.9-0.1,1.3c-0.1,0.8,0.1,1.5,0.7,2.1c0.5,0.5,0.9,0.9,1.7,0.7c0.6-0.2,0.7,0.1,0.7,0.6c0,0.4,0.1,0.8,0,1.2
+	c-0.1,0.9,0.2,1.3,1,1.7c0.7,0.3,1.5,0.7,1.6,1.7c0,0.1,0.2,0.3,0.3,0.4c1,0.3,0.5,0.8,0.2,1.3s-0.6,0.9-0.2,1.6
+	c0.3,0.6-0.1,1.4-0.8,1.6c-1,0.3-1.7,1-2.6,1.5c-0.2,0.1-0.3,0.3-0.4,0.6c-0.3,0.7-0.4,0.8-1,0.4c-0.6-0.4-1.1-0.3-1.7,0
+	c-1,0.4-1.9,0.8-3,0.7c-0.6-0.1-1.1,0.2-1.2,1c0,0.5-0.3,0.7-0.8,0.7c-0.5,0.1-0.5-0.3-0.6-0.6c-0.1-0.5-0.4-1-0.9-1
+	c-0.7,0-1.5-0.1-2,0.6c-0.5,0.6-0.5,1.4-0.5,2.1c0,0.4,0.3,0.6,0.7,0.6c0.8,0,1.3,0.3,1.7,1.1c0.2,0.4,0.6,0.8,0.5,1.4
+	c0,0.4-0.2,0.6-0.6,0.6c-0.5,0-1-0.1-1.4,0.5c-0.3,0.4-0.7,0.1-1,0.1c-0.6-0.1-1.3-0.2-1.8,0.4c-0.2,0.3-0.5,0.3-0.9,0.1
+	c-0.4-0.1-1.3,0.5-1.5,0.9c-0.1,0.2,0,0.3,0.1,0.4c0.2,0.6-0.1,0.8-0.6,0.8c-0.4,0.1-0.7,0-1.1,0c-0.8,0-1.1,0.4-0.9,1.1
+	c0.1,0.3,0.4,0.4,0.5,0.7c-0.7,0.5-1.4,0.7-2.1,0.8c-1.2,0.1-1.2,0.1-1.5,1.3c-0.1,0.3-0.2,0.5-0.2,0.8c-0.1,0.5-0.1,1,0.4,1.3
+	c0.2,0.1,0.4,0.3,0.1,0.6c-0.2,0.2-0.4,0.6-0.8,0.4c-0.4-0.2-0.9-0.4-1.4-0.4c-0.3,0-0.7-0.2-0.9,0.1s-0.3,0.8,0.1,1.1
+	c0.3,0.2,0.1,0.4,0,0.6c-0.7,0.8-0.3,1.9,0.7,2.2c0.4,0.1,0.9,0.2,1.3,0.3c0.5,0.1,1,0.3,1.2,0.9c0,0,0,0.1,0.1,0.1
+	c0.9,1.2,0.9,1.2,0.6,2.7c-0.5,0.1-0.6-0.5-1-0.5c-0.4,0.2-0.3,0.7-0.5,1c-0.4,0.8-1.1,1.1-1.9,0.6c-0.5-0.3-1.1-0.6-1.2-1.3
+	c-0.1-0.5-0.4-0.6-0.9-0.6c-0.8,0-1.7-0.1-2.5-0.2c-1-0.1-1-0.1-0.9-1.1c0.1-0.7,0-0.7-0.7-0.5c-0.2,0.1-0.5,0.1-0.7,0.1
+	c-0.4-0.1-0.9,0.1-1.1-0.3c-0.2-0.4,0.3-0.6,0.4-0.9c0.2-0.3,0.4-0.5,0.6-0.8c-0.6-0.7-1.2-1.6-2.4-1.3c-0.5,0.1-1.2,1.3-1.2,1.9
+	c0,1.1,0.1,1.2,1.6,1.8c-1.1,0-1.7,0.6-2.3,1.3c-0.3-0.5,0-0.9,0-1.3c0.1-0.8-0.3-1.3-1.1-1.2s-1.7-0.1-2.3,0.8
+	c-0.2,0.3-0.4,0.1-0.6-0.1c-0.7-0.4-1.4-0.8-2.1-1.2c-0.3,0.3-0.3,0.7-0.4,1C43.4,63,43.2,63,43,63s-0.4-0.1-0.4-0.3
+	c-0.1-0.5-0.2-1-1-0.9c-0.7,0.1-0.9,0.5-0.9,1.2c0,0.2-0.1,0.3-0.1,0.5c-1.3-0.1-2-1.7-3.5-1.3c0-0.2-0.1-0.4,0-0.5
+	c0.1-1-0.1-1.8-1.2-2.2c-0.5-0.2-0.7-0.6-0.5-1.1c0.2-0.8,0-1.4-0.7-1.9c-0.8-0.6-0.9-1.5-0.9-2.3c-0.1-1.8-1.4-2.8-2.3-4.1
+	c-0.2-0.4-0.6-0.2-0.9-0.1c-0.5,0.1-1,0.3-1.1-0.5c0-0.4-0.4-0.5-0.7-0.5c-0.4,0-0.6,0.1-0.6,0.5c0,0.3-0.1,0.6-0.4,0.7
+	c-0.5,0.1-0.9,0.3-1.4,0.4c-0.2,0-0.3-0.2-0.4-0.4c-0.3-0.8-0.6-1.7-1-2.5c-0.4-0.9-0.4-0.9-1.3-0.6c-1,0.3-2,0.6-2.2,1.9
+	c-0.6-0.1-0.9-0.6-1.6-0.7c-0.8,2-1.2,4.2-2.3,6.1c-0.5-0.1-0.5-0.4-0.6-0.8c-0.1-0.5-0.1-1-0.2-1.6c0-0.2,0-0.5-0.3-0.5
+	c-0.8-0.1-0.7-0.7-0.8-1.3c-0.2-1.1-0.2-1.2-1.3-1c-0.4,0-0.6,0-0.6-0.5c0-0.4-0.1-0.7-0.3-1c-0.1-0.1-0.1-0.2-0.3-0.4
+	c-0.8,0.7-1.6,1.4-2.4,2c-0.3,0.2-0.3,0.6-0.3,0.9c0,0.5,0.2,1.1-0.5,1.5c-0.1,0-0.2,0.3-0.1,0.4c0.2,1-0.7,1.5-1.1,2.3
+	c-0.1,0.2-0.2,0.3-0.4,0.3c-0.7,0-1.5,0.2-2.2-0.1C5.4,54.1,4.6,54,4.1,55c-0.1,0.2-0.3,0.4-0.5,0.3c-0.3-0.1-0.2-0.4-0.1-0.6
+	c0.3-0.5,0.1-0.8-0.4-1c-0.4-0.1-0.4-0.4-0.2-0.7C3,52.8,3,52.6,3.1,52.5c0.2-0.5,0.5-1,0.5-1.5s-0.7-0.7-1-1C2,49.6,2.2,49,2,48.4
+	c-0.2-0.7,0-1.2,0.7-1.5c0.5-0.2,0.6-0.6,0.3-1.1c-0.2-0.3-0.3-0.6-0.4-0.9c0.2-0.5,1-0.1,1.1-0.7c0.2-0.9,1-1.7,0.7-2.6
+	c-0.3-1,0.4-1.6,0.9-2.2c0.1-0.1,0.3-0.3,0.5-0.3c0.9-0.3,1.2-1,1.1-1.9c0-0.1,0-0.2,0.1-0.4c0.6,0.3,0.9,1,1.7,0.8
+	c0.9-0.1,1.4-0.7,1.1-1.6c-0.2-0.5-0.1-0.8,0-1.3c0.3-0.9,0.2-1.8-0.4-2.7c-0.4-0.6-0.3-1,0-1.6c0.8-1.4,0.6-2.1-0.5-3.2
+	c-0.2-0.2-0.4-0.4-0.6-0.6c-0.7-0.8-0.7-0.8,0.2-1.3c0.3-0.2,0.7-0.4,1.1-0.6c0.2-0.1,0.4-0.2,0.5-0.4c0.2-0.8,0.6-1.5,1.3-1.9
+	c0.2-0.1,0.1-0.4,0-0.6c-0.1-0.7-0.2-1.4-0.7-2c-0.4-0.4-0.3-0.9-0.3-1.4c0.1-1.3-0.5-2.4-1-3.5v-0.1c-0.7-0.6-1.5-1.2-2-2
+	C7.2,12.5,7,13.1,6.7,13c-0.1-0.6-0.2-1.2-0.7-1.7c-0.4-0.4-0.4-0.8,0-1.3c0.7-1,1.8-1.3,3-1c1,0.3,1.5-0.3,2.1-0.9
+	c0.4-0.5,0.2-1-0.2-1.5c-0.3-0.4-0.2-0.9,0.2-1.3c0.2-0.2,0.3-0.3,0.5-0.5c0.9-0.9,0.9-0.9,1.9-0.2c0.5-0.3,0.8-0.9,1.5-1
+	c0.4-0.1,0.6-0.5,0.8-0.9c0.3-0.5,0.7-0.6,1.2-0.5c0.2,0,0.5,0.1,0.5,0.4c0,0.6,0.4,0.8,0.9,1s1,0.5,1.3,1c0.4,0.6,0.8,0.7,1.4,0.3
+	c0.4-0.3,0.6-0.3,1.1-0.1c0.6,0.2,1.4,0.4,2-0.3c0.1,0.1,0.1,0.2,0.2,0.2c0.1,0.3,0,0.8,0.5,0.9c0.4,0.1,0.9-0.1,1.2-0.4
+	c0.4-0.5,0.8-1.1,1.2-1.7c0.6,0.2,0.7,0.7,0.9,1c0.5,1,1.3,2,1.2,3.2c0,0.6,0.5,1,1.2,1c0.5,0,0.9,0,1.2,0.5c0.2,0.4,0.7,0.2,1,0.2
+	c0.6,0,0.8,0.3,0.8,0.8c0,0.7,0,1.5,0,2.2c0,0.4-0.3,0.6-0.6,0.9c-0.4,0.3-0.7,0.5-1,0.8s-0.7,0.7,0,1c0.1,0,0.2,0.3,0.1,0.4
+	c-0.1,0.7,0.3,0.9,0.9,1c0.2,0,0.4,0.1,0.5,0.3c0.4,0.8,1,0.6,1.5,0.3c1.2-0.6,2.3-0.3,3.4,0.3c0.4,0.2,0.6,0.3,0.9,0
+	c0.2-0.3,0.5-0.5,0.8-0.4c0.6,0.1,0.8-0.3,0.9-0.8c0.1-0.5,0.2-1,0.3-1.6c0.1-0.7,0.4-0.8,1-0.5c0.5,0.2,0.9,0.8,1.5,0.2
+	c0.1-0.1,0.1-0.1,0.2,0c0.5,0.6,0.8,0.1,1.1-0.2c0.5-0.4,0.7-0.4,0.9,0.3c0.2,0.6,0.3,1.2,0.4,1.8c0.1,0.5,0.3,0.6,0.7,0.6
+	s0.7,0,0.9-0.4c0.2-0.5,0.4-1.1,0.6-1.6c0.4-1.6,0.8-3.2,1.2-4.8c0.1-0.3,0.1-0.6,0.2-0.8c0.4-1,0.6-1.1,1.5-0.5
+	c0.6,0.5,1.1,0.2,1.7-0.1C54,8.2,54,8.2,54.4,8.9c0.2,0.4,0.5,0.6,0.9,0.7c0.7,0.2,1.2,0.7,1.6,1.2c0.5,0.7,0.8,1.5,1.7,1.8
+	c0.4,0.2,0.2,0.6,0.3,1c0,0.4,0.2,0.5,0.5,0.5c0.8-0.1,1.6-0.2,2.1-1c0.1-0.2,0.3-0.3,0.4-0.5c0.5-0.5,1.1-0.4,1.1,0.3
+	c0,1,0.6,0.8,1.2,0.9c1.4,0.2,2.5-0.2,3.3-1.4c0.5-0.8,1.2-1.4,1.9-2.1c0.4-0.4,0.8-0.4,1.2,0c0.4,0.4,0.1,0.6-0.1,0.9
+	c-0.2,0.3-0.4,0.5-0.6,0.8c-0.1,0.2-0.2,0.3-0.1,0.6c0.2,0.8,0.2,0.8-0.5,0.9c-0.2,0-0.5,0.1-0.7,0.1c-0.9,0.3-1.3,1.4-1,2.3
+	c0.1,0.2,0.2,0.3,0.4,0.3c0.8,0,1.7,0,2.5-0.1c0.1,0,0.3-0.1,0.4-0.2C71.9,15.4,72.8,14.9,73.7,14.2z"/>
+</svg>
--- a/public/regions/bourgogne-franche-comte.svg
+++ b/public/regions/bourgogne-franche-comte.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 74.3 60.9" style="enable-background:new 0 0 74.3 60.9;" xml:space="preserve">
+<style type="text/css">
+	.st0{opacity:0.1;fill:#FFFFFF;}
+</style>
+<path class="st0" d="M52.7,12.5c0.7,0.2,1.1-0.2,1.3-0.7c0.2-0.6,0.7-0.6,1.1-0.7c0.5-0.1,0.7,0.1,0.8,0.6c0.2,1.2,1.2,1.7,2.3,1.1
+	c1-0.6,1.9-0.5,2.7,0.4c0.9,1,1.3,1,2.1-0.1c0.3-0.5,0.7-0.5,1-0.1c0.9,1,2.1,1.6,3.3,2.2c0.2,0.1,0.4,0.3,0.5,0.5
+	c0.2,0.4,0.4,0.4,0.8,0.4c1-0.1,1.5,0.6,2.2,1.2c0.4,0.4,0.3,1,0.2,1.5c-0.1,0.3-0.3,0.6-0.3,0.9c0,0.7,0.2,1,0.9,1
+	c0.4,0,0.6,0.2,0.6,0.5c0.1,0.5,0.2,1,0.4,1.6c-1.5,0.4-2,1.7-3,2.7c-0.2,0.2-0.3,0.4-0.1,0.7c0.2,0.3,0.4,0.2,0.7,0.1
+	c0.4-0.1,0.8-0.2,1.2-0.2c0.2,0,0.4,0,0.5,0.2s0,0.3-0.1,0.4c-0.4,0.6-0.9,1-1.7,1.3c0.6,0.9,0.1,1.6-0.5,2.2
+	c-0.9,0.8-1.4,2-2.6,2.4c-0.3,0.1-0.3,0.5-0.3,0.7c0.1,1.2-0.7,1.7-1.5,2.2c-0.7,0.4-1.4,0.8-2.2,1.1c-0.5,0.2-0.7,0.6-0.7,1.1
+	c0.1,0.8,0,1.6,0.1,2.4c0.1,0.6-0.1,1.1-0.6,1.5c-1.4,1.2-2.7,2.5-4.1,3.8C57,46,57,46.1,57.5,46.9c0.1,0.2,0,0.4-0.1,0.5
+	c-0.7,0.6-0.9,1.4-0.9,2.3c0,0.5-0.2,0.8-0.5,1.2c-0.8,0.9-1.6,1.7-2.4,2.6C53,54,51.4,54.2,51,54c-0.2-0.1-0.2-0.2-0.2-0.4
+	c0-0.3-0.1-0.5-0.4-0.7c-1-0.7-1.2-0.6-2,0.3c-0.2,0.2-0.4,0.5-0.7,0.7c-0.2,0.3-0.6,0.3-0.9,0.3c-0.4-0.1-0.2-0.4-0.3-0.7
+	c0-0.2-0.1-0.4-0.3-0.5c-1-0.3-1.4-1.1-1.9-1.8c-0.4-0.6-0.9-1.2-1.6-1.3c-0.4-0.1-0.6-0.4-0.8-0.8c-0.4-0.7-1-0.9-1.7-0.4
+	c-0.6,0.4-1,0.5-1.6,0c-0.7-0.6-1.3-0.3-1.8,0.4c-0.3,0.5-0.5,1.1-0.6,1.7c-0.4,1.6-0.8,3.1-1.2,4.7c-0.1,0.5-0.2,1-0.6,1.4
+	c-0.4-0.1-0.3-0.4-0.4-0.7c-0.1-0.4-0.2-0.9-0.3-1.3c-0.3-1.1-0.7-1.2-1.7-0.6c-0.3,0.2-0.5,0.3-0.7,0c-0.1-0.1-0.3-0.2-0.4-0.1
+	c-0.5,0.6-1,0.2-1.5,0c-0.8-0.4-1.4,0-1.6,0.9c-0.1,0.3-0.1,0.6-0.1,0.8c-0.2,0.9-0.7,1.5-1.6,1.6c-0.2,0-0.3-0.1-0.4-0.1
+	C24.9,57,24,57,23.2,56.9c-0.1,0-0.3,0-0.4,0c-0.4,0.2-0.8,0.4-1.2,0.5c-0.5,0.1-0.5-0.7-1-0.7c-0.4,0-0.7-0.2-0.7-0.6
+	c0-0.5-0.3-1,0.3-1.3c0.9-0.5,1.2-1.2,1.1-2.2c0-0.5,0.1-1.1,0.1-1.6c0-0.9-0.5-1.4-1.4-1.5c-0.4,0-0.7,0-1-0.4s-0.7-0.3-1.1-0.3
+	s-0.8-0.1-0.8-0.6c0.1-1.5-0.9-2.5-1.5-3.8c-0.1-0.3-0.3-0.6-0.6-0.8c-0.7-0.6-0.8-0.6-1.3,0.1c-0.4,0.6-0.7,1.2-1.3,1.6
+	c-0.4-0.2-0.3-0.5-0.5-0.7c-0.3-0.5-0.8-0.6-1.2-0.4C9.9,45,9.8,45,9.2,44.1c-0.2,0.1-0.4,0.2-0.6,0.3c-1,0.5-1,0.6-1.9-0.2
+	c-0.3-0.3-0.7-0.4-1.1-0.6c-0.5-0.2-0.6-0.5-0.5-1c0.1-0.4,0.3-0.8,0.4-1.2c0.1-0.3,0.3-0.6,0.1-0.8c-0.5-0.9-0.2-1.8-0.1-2.7
+	c0.1-0.7,0.2-1.4-0.5-2c-0.3-0.2-0.2-0.7-0.2-1c0.1-0.8,0-1.6-0.4-2.3c0-0.1-0.1-0.1-0.1-0.2c-0.2-1.2-0.6-2.2-1.7-2.9
+	c-0.4-0.2-0.4-0.8-0.1-1.3c0.8-1.1,0.7-2.2-0.2-3.3c-0.6-0.6-0.4-0.9,0.4-1.2c1-0.3,0.9-0.3,0.7-1.3s-0.5-1.9-1.2-2.7
+	c-0.2-0.2-0.3-0.5-0.3-0.9c0.7-0.2,1.5,0.1,2.1-0.5c0.7-0.7,1-1.4,0.5-2.2c-0.3-0.4-0.2-0.6,0.1-0.9c0.3-0.2,0.6-0.5,0.8-0.7
+	c1-0.9,1.1-2,0.2-3c-0.2-0.2-0.5-0.4-0.5-0.7C4.9,9.7,4.1,9,3.2,8.2c0.5-0.6,0.9-1.1,1.4-1.7C4.8,6.2,4.9,6,4.7,5.7
+	C4.3,5.3,4.4,4.6,4.9,4.3c0.6-0.4,1.2-0.8,2-0.7c0.6,0.1,1.2,0.1,1.8,0.1c0.2,0,0.5,0.1,0.7,0c1.5-0.7,2.4,0.1,3.4,1
+	c0.7,0.7,1.2,1.4,0.9,2.4c-0.1,0.3-0.2,0.8,0.1,1.1c0.4,0.4,1,0.7,1.4,1.1c0.1,0,0.2,0,0.2,0c0.3-0.1,0.6-0.5,1-0.1
+	c0.4,0.4,1,0.8,0.9,1.4c0,1.3,1,2.2,1.5,3.3c0.1,0.3,0.4,0.3,0.7,0.3c0.8,0,1.7,0.1,2.5,0.1c0.5,0,0.9-0.2,1.4-0.5
+	c0.4-0.2,0.6-0.2,0.9,0.2c0.5,0.6,0.8,0.6,1.3-0.1c0.2-0.3,0.4-0.4,0.8-0.4c0.5,0,1,0,1.5,0c0.9-0.1,1.8-0.2,2-1.3
+	c0-0.2,0.2-0.3,0.4-0.4c1.2-0.1,2.3,0,3.3,0.9c1.1,1.1,2,2.3,2.9,3.5c0.3,0.4,0.1,0.6-0.2,0.8c-0.5,0.4-0.8,0.8,0,1.3
+	c0.4,0.2,0.2,0.7,0.2,1c0,0.4,0.1,0.7,0.6,0.6s0.9,0,1.2,0.5c0.3,0.3,0.9,0.3,1.3,0.1c0.6-0.3,0.8,0,1.1,0.4
+	c0.1,0.1,0.2,0.3,0.3,0.4c0.8,1.1,0.8,1,2,0.8c0.8-0.2,1-0.7,1.2-1.3c0.3-0.8,0.7-1.2,1.4-0.8c1.1,0.6,1.9-0.2,2.9-0.2
+	c0.3,0,0.3-0.4,0.4-0.7c0.1-0.6,0-1.2,0.7-1.7c-0.2-0.1-0.3-0.2-0.4-0.2c-0.3,0-0.4-0.2-0.4-0.5s0.2-0.4,0.4-0.4
+	c0.7-0.1,1-1.1,1.8-0.9c0.2-0.7,0.4-1.3,1.1-1.6C51.7,13.1,52.7,13,52.7,12.5C52.6,12.4,52.7,12.4,52.7,12.5z"/>
+</svg>
--- a/public/regions/bretagne.svg
+++ b/public/regions/bretagne.svg
@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 63 37" style="enable-background:new 0 0 63 37;" xml:space="preserve">
+<style type="text/css">
+	.st0{opacity:0.1;fill:#FFFFFF;}
+</style>
+<path class="st0" d="M37.4,35c-1.6-0.4-3.1,0-4.7,0.1c-0.6,0.1-1.2,0.1-1.5-0.6c-0.1-0.3-0.4-0.5-0.7-0.6c-0.1,0-0.3-0.2-0.1-0.4
+	c0.1-0.2,0.3-0.2,0.4-0.1c0.5,0.2,1,0.4,1.6,0.6c0.3,0.1,0.6,0.1,0.8-0.2c0.2-0.4,0.2-0.6,0-1c-0.4-0.5-0.9-0.8-1.5-0.9
+	c-0.1,0-0.2,0-0.4,0c-0.1,1.2-1.5,0.2-1.8,1.1c-0.1,0.2-0.3,0.1-0.5,0c-0.4-0.3-0.6-0.7-0.9-1.2c-0.2,0.4-0.3,0.7-0.5,0.9
+	c-0.3,0.3-0.7-0.2-1.1,0.1c0,0.7-0.2,1.4,0.3,2.1c0.1,0.1,0.1,0.2,0,0.3c-0.1,0.2-0.3,0.1-0.4,0C26,35,25.9,34.6,26,34.3
+	c0.6-1.7-0.4-2.7-1.5-3.8c-0.7-0.6-1.5-1-2.3-1.2c-0.7-0.2-1.1-0.5-1.4-1.1s-0.7-0.8-1.3-0.8c-0.8,0-1.7,0-2.2-0.9
+	c-0.1-0.2-0.2-0.1-0.4,0c-1.2,0.6-2.1,0.4-2.7-0.7c-0.1-0.2-0.3-0.4-0.4-0.6c-0.2-0.4-0.4-0.6-0.8-0.3c-0.2,0.1-0.5,0.3-0.7,0.1
+	c-0.8-0.7-1.9-0.5-2.8-0.9c-0.2,0.1-0.1,0.2-0.1,0.4c0.1,0.4,0.6,0.6,0.4,1.1C9.6,26.1,9,25.9,8.6,26c-0.7,0-1.4,0.1-2.1-0.3
+	c0.6-2-0.1-3.9-1.8-5.2c-0.1,0-0.1-0.1-0.2-0.1c-1,0.3-1.7-0.9-2.7-0.7c-0.1,0-0.2,0-0.3-0.1c-0.1-0.1-0.2-0.2-0.2-0.3
+	c-0.1-0.2,0.1-0.3,0.2-0.4s0.2-0.1,0.3-0.1c1.9,0,3.7-0.5,5.6-0.4c0.8,0,1.2-0.2,1.3-0.9c0.3-0.9-0.1-1.8-0.7-2
+	c-0.6-0.1-1-0.5-1.5-0.7c-0.7-0.4-0.7-0.4-1.2,0.3c-0.1,0.2-0.3,0.4-0.6,0.7c0.1-1.2,0.1-2.1-1.2-2.3c0.7-1.1,0.7-1.1,1.7-0.6
+	c1.3,0.6,2.6,0.9,4,0.9c0.2,0,0.4,0,0.6,0c0.2-0.1,0.3-0.3,0.3-0.5S10,13,9.8,13c-0.4-0.1-0.9,0-1.3-0.2c-0.2-0.4,0.2-0.7,0-1.1
+	c-0.5,0.2-1,0.4-1.5,0.6c-0.3-0.2-0.2-0.4-0.1-0.5c0.1-0.2,0.2-0.3,0-0.5s-0.4-0.1-0.6,0c-1.1,0.3-2.2,0.6-3.4,0.3
+	c-0.4-0.1-0.5,0.2-0.7,0.3c-0.7,0.2-1-0.1-0.9-0.8c0-0.2,0.1-0.3,0.1-0.5c-0.3-1,0-1.8,1-2.1c-0.2-0.6-0.7-0.7-0.8-1
+	s0.6-1.2,1.1-1.2c0.3,0,0.6,0,0.8,0c0.7,0,1.3,0,1.4-0.9C5,4.9,5.3,4.9,5.7,5c0.7,0.3,1.4,0.4,2-0.4c0.2-0.3,0.7-0.2,1-0.3
+	c0.5,0,0.5,0.4,0.6,0.7s1.2,0.3,1.4-0.1c0.7-1.2,1.7-0.9,2.6-0.6c0.5,0.1,0.8-0.1,1.1-0.3c0.3,0.3,0.2,0.6,0.2,0.8
+	c0,0.4,0.1,0.7,0.6,0.6c0.4-0.1,0.6,0.1,0.7,0.5c0.1,0.1,0.4,0,0.7,0c0.3-0.1,0.3-0.3,0.3-0.6c0-0.2,0-0.4,0-0.6
+	c0-0.4,0.2-0.5,0.5-0.5c0.8-0.1,1.7-0.2,2.4,0.4c0.5,0.5,0.9,0.3,1.2-0.3c0-0.1,0.1-0.1,0.1-0.2c0.4-0.6,1.1-1.1,0.1-1.8
+	c0.4-0.3,0.7-0.5,1-0.7c0.3-0.3,0.6-0.3,1,0c0.5,0.4,0.9,0.8,1.5,0.1c0.1-0.2,0.5-0.1,0.8-0.2C26,1.4,26.6,1.4,27,1
+	c0.4,0.2,0.3,0.7,0.7,0.9c0.3,0,0.2-0.4,0.3-0.6c0.2-0.4,0.6-0.2,1-0.3c0.3,0,0.4,0.2,0.4,0.5c0,0.2,0,0.4,0.3,0.5
+	c0.6,0,0.7,0.3,0.6,0.8c-0.1,0.4,0.1,0.7,0.6,0.7c0.4,0,0.6,0.3,0.5,0.7c-0.1,0.7,0.3,1.1,0.9,1.4c0.6,0.3,0.9,0.8,0.7,1.5
+	c-0.2,0.5,0.1,0.8,0.5,0.9c0.1,0,0.2,0.1,0.3,0.1c0.7,0.2,1,0.6,0.9,1.3c0,0.3,0,0.7,0.4,0.7s0.6-0.1,0.6-0.6c0-0.4,0.3-0.6,0.6-0.7
+	c0.4-0.2,0.9-0.4,1.3-0.7c0.6-0.3,1.2-0.6,1.6-1.3c0.4-0.8,1.3,0.3,1.9-0.3c0.1-0.1,0.3-0.1,0.5-0.2c0,0.4,0.1,0.8,0.1,1.2
+	c0.3,0.2,0.4-0.1,0.5-0.2c0.5-0.1,0.7,0,0.8,0.7c0.1,0.3-0.1,0.7,0.5,0.7c0.4,0,0.9,0.1,1-0.4s0.4-0.6,0.8-0.5
+	C46,8,46.4,7.6,46.8,7.1c0.7-0.9,0.7-0.8,2-0.6c-0.1,0.5-0.5,0.7-0.6,1.1c0.9,1,2.1,1.2,3.4,1.1c0.6,0,1.4-0.3,1.9,0.1
+	c0.4,0.3,0.5,1.1,0.6,1.7c0.2,1.2,1.1,1.7,2,2.3c0.6,0.4,1,0.3,1.4-0.3c0.5-0.6,1.3-0.5,1.7-1.2c0.1-0.2,0.4,0.1,0.6,0.2
+	c0.4,0.3,1.2-0.2,1.4,0.4c0.1,0.4,0,1,0,1.4c0,0.3,0.1,0.6,0.2,0.9c0.3,0.5,0.4,1.2-0.1,1.7c-0.7,0.7-0.7,1.4-0.5,2.2
+	c0.1,0.7,0.2,1.4,0.2,2.2c0,0.6-0.1,1.2,0.4,1.7c0.3,0.3,0.1,0.8,0.2,1.2c0,0.4-0.1,0.5-0.5,0.5c-1.1-0.1-1.5,0.5-1.8,1.4
+	s-0.7,1.8-1,2.7c-0.1,0.4,0,0.9-0.6,0.9c-0.5,0-1-0.1-1.3-0.6c-0.4-0.7-1.1-0.8-1.8-0.8c-0.4,0-0.7,0-0.7,0.4c0,0.5-0.3,0.6-0.7,0.6
+	c-1,0-1.7,0.6-2.1,1.4c-0.2,0.4-0.5,0.5-0.9,0.5c-1.1,0.1-2.2,0.2-3.3,0.2c-1.3,0-2.3,0.8-3.3,1.3c-0.4,0.2-0.4,0.6-0.3,1
+	c0.2,1.2-0.3,1.8-1.4,2.1c-0.5,0.1-1,0.4-1.5,0.7c-0.9,0.5-1.7,0.6-2.4-0.3c0-0.1-0.1,0-0.2-0.1C37.7,35.3,37.6,35.1,37.4,35z"/>
+</svg>
--- a/public/regions/centre-val-de-loire.svg
+++ b/public/regions/centre-val-de-loire.svg
@@ -0,0 +1,34 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 55.4 67.9" style="enable-background:new 0 0 55.4 67.9;" xml:space="preserve">
+<style type="text/css">
+	.st0{opacity:0.1;fill:#FFFFFF;}
+</style>
+<path class="st0" d="M41.7,22c0.6,0.8,1.1,1.1,1.8,0.4c0.4-0.3,0.9-0.1,1.4-0.1c0.8,0,1.6,0.2,2.2-0.7c0.2-0.2,0.5-0.2,0.6,0.1
+	c0.3,0.7,0.6,0.4,1,0.2c0.4-0.2,0.8-0.8,1.3-0.5c0.6,0.4,1.2,0.8,1.4,1.5s0.6,1.2,1,1.7c0.6,0.7,0.5,1.3-0.1,1.9
+	c-0.6,0.5-1.2,1-1.8,1.5c0,0.3,0.2,0.4,0.3,0.6c0.4,0.4,0.6,0.8,0.3,1.3s-0.7,0.8-1.3,0.8c-0.5,0-1,0-1.6,0c0,0.9,0.3,1.6,0.7,2.2
+	c0.3,0.4,0.6,0.7,0.7,1.3c0.1,0.4,0.3,0.9,0.2,1.3c-0.2,0.4-0.7,0.4-1,0.5s-0.4,0.3-0.4,0.5c0,0.6,0.2,1.1,0.6,1.5
+	c0.7,0.8,0.7,1.5,0.2,2.4c-0.6,0.9-0.4,1.7,0.4,2.4c0.6,0.5,1.1,0.9,1.1,1.8c0,0.2,0.1,0.5,0.3,0.7c0.5,0.7,0.6,1.5,0.4,2.3
+	c-0.1,0.6-0.1,1.1,0.5,1.5c0.3,0.2,0.3,0.5,0.3,0.9c-0.1,0.6-0.1,1.1-0.2,1.7c-0.1,0.5-0.1,0.9,0.1,1.4c0.4,1-0.1,1.6-1.2,1.6
+	c-0.6-0.1-1.1,0.1-1.4,0.7c-0.4,0.8-1.4,0.8-1.9,1.4c-0.5,0-0.5-0.6-1.1-0.6c-0.6,0.6-1.3,1.3-2,2c-0.5,0.6-0.4,1.3-0.2,1.9
+	c0.1,0.3,0.5,0.6,0.1,0.9c-0.3,0.3-0.6,0.6-1.2,0.5c-0.3-0.1-0.7-0.2-1.1-0.1c-1.3,0.1-2.3,0.6-3,1.8c-0.1,0.2-0.2,0.5-0.5,0.5
+	c-0.9,0-1.8,0.5-2.8,0.2c-1.7-0.5-3.4-0.5-5.1-0.8c-0.5-0.1-0.7,0-0.9,0.5c-0.4,0.9-0.4,0.9-1.3,0.7c-0.7-0.2-1.5,0.1-2.1-0.5
+	c-0.2-0.2-0.4,0-0.6,0.2c-0.4,0.4-0.8,0.9-1.3,1.4c-0.5-0.2-0.8-0.8-1.4-1.1c-0.5,0.3-0.9,1.2-1.9,0.6c0.1-0.6,0.1-1.3-0.8-1.7
+	C20,63,20,62.4,19.9,62c-0.1-0.5-0.3-0.8-0.9-0.8c-1.3,0-1.8-1.2-2.8-1.8c-0.2-0.1-0.1-0.4-0.1-0.6c0.2-0.4,0.1-0.9,0.1-1.3
+	c0.1-0.6-0.1-1.1-0.6-1.5c-0.6-0.5-1.2-1-1.1-1.9c0-0.4-0.4-0.6-0.6-0.9c-0.6-0.6-1-1.2-1.2-2.1c-0.1-0.6-0.2-1.1-0.9-1.3
+	c-0.2-0.1-0.3-0.3-0.4-0.4c-0.2-0.2-0.3-0.7-0.7-0.5s-1.1,0.3-1,1c0,0.4-0.1,0.5-0.5,0.6S8.4,50.7,8,50.7c-1.9,0.2-1.9,0.2-1.9-1.7
+	c0-0.5-0.1-0.8-0.7-1c-0.7-0.2-1.5-0.2-1.4-1.3c0-0.3-0.5-0.2-0.7-0.3c-0.3-0.2-0.8,0-0.9-0.4c-0.2-0.5-0.5-1-0.3-1.6
+	c0.4-1.3,0.5-2.6,1.6-3.6c0.5-0.4,0.5-0.9,0.4-1.4c-0.1-0.6,0-1.2,0.5-1.7c0.3-0.3,0.3-0.6,0.3-1c-0.2-0.9-0.2-0.9,0.4-1.8
+	c0.9,0.3,1.5,1.4,2.6,0.9C8,35.5,7.8,35.3,7.8,35c0-0.1,0-0.3,0.1-0.3c0.9,0.4,0.8-0.7,1.4-0.8c0.6-0.1,1.1-0.3,1.6-0.4
+	c0.5-0.1,0.6-0.2,0.4-0.7c-0.2-0.8-0.1-1.1,0.6-1.3c0.9-0.3,1.3-1,1.9-1.7c0.1-0.2,0.3-0.4,0.3-0.7c0-0.6-0.1-1.2,0.8-1.4
+	c0.2,0,0.2-0.3,0.2-0.5c0.2-1.1,0.7-2.2-0.3-3.2c-0.2-0.2,0-0.5,0.1-0.7c0.3-0.5,0.7-1,1.1-1.5c0.3-0.3,0.3-0.6-0.1-0.8
+	c-0.9-0.4-1.1-1.1-1-2c0.1-0.4-0.1-0.8-0.4-1.1c-0.5-0.7-0.4-0.8,0.3-1.2c0.3-0.2,0.7-0.3,1-0.4c1.2-0.3,1.7-1,1.6-2.2
+	c0-0.2,0-0.5,0-0.7c0.1-1.2-0.3-2.1-1.3-2.8C15.2,10,15.2,8.5,16,7.9c0.1-0.1,0.3-0.2,0.4-0.2c1.3,0.1,2.2-0.7,3.2-1.2
+	c0.5-0.2,0.9-0.3,1.5-0.1c0.7,0.3,1.4,0.1,2.2,0.1c0.6,0,0.9-0.4,0.9-1.2c0-0.5,0.1-0.9,0.6-1c0.9-0.2,1.2-0.8,1.1-1.7
+	c0-0.1,0-0.2,0.1-0.2c0,0,0.1,0,0.1-0.1c0.4,0.2,0.7,0.5,0.8,0.9C27,3.4,27,3.7,27.2,3.9c0.4,0.4,0.5,0.8,0.3,1.4
+	c-0.1,0.2-0.1,0.6,0,0.8C28.3,6.9,28.2,7.4,28,8s0.2,1.3,0.8,1.8c0.5,0.4,1,0.7,1,1.4c0,0.2,0.2,0.3,0.3,0.3c0.8,0,0.8,0.6,0.8,1.2
+	c0.1,1.1,0.6,1.7,1.7,1.9c0.7,0.1,1,0.4,1.1,1.1c0.1,0.7,0.2,1.4,0.3,2.2c0,0.4,0.2,0.6,0.6,0.5c1.1-0.1,2.3,0.1,3.2-0.9
+	c0.1-0.1,0.3-0.2,0.4-0.1c0.7,0.7,1.7,0.5,2.5,0.7c0.2,0,0.4,0.1,0.5,0.3c0.4,0.6,0.8,1.1,1.4,1.4c0.4,0.3,0.4,1.1-0.1,1.5
+	C42.5,21.5,42.1,21.7,41.7,22z"/>
+</svg>
--- a/public/regions/corse.svg
+++ b/public/regions/corse.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 23.4 45.9" style="enable-background:new 0 0 23.4 45.9;" xml:space="preserve">
+<style type="text/css">
+	.st0{opacity:0.1;fill:#FFFFFF;}
+</style>
+<path class="st0" d="M17.1,38.1c0.4,0,0.6-0.3,0.8-0.4c0.3-0.1,0.6-0.2,0.7,0.1c0.1,0.2,0,0.5-0.2,0.6c-0.1,0.1-0.2,0.1-0.3,0.2
+	c-0.7,0.3-1.2,0.8-0.9,1.7c0.2,0.5-0.4,0.7-0.6,1S16,41.8,16.7,42c0.6,0.2,0.3,0.7,0.1,1c-0.2,0.4-0.7,0.4-0.9,0.2
+	c-0.4-0.2-0.6-0.6-1.1-0.5c-0.1,0-0.3-0.1-0.2-0.2c0.4-0.8-0.4-0.8-0.7-0.9c-1-0.5-2.1-0.7-3.1-1c-0.9-0.3-1.7-0.7-2.4-1.4
+	c-0.4-0.4-0.2-1.7,0.4-1.8c1-0.1,1.1-0.9,1.8-1.6C9,35.5,7.5,35.6,6.2,35c0.1-0.7,0.4-1.3,1.1-1.7c0.4-0.2,0.5-0.5,0.1-0.8
+	c-0.3-0.3,0-0.7,0.1-1s0.2-0.5-0.1-0.8c-0.3-0.3-0.5-0.2-0.8,0c-0.4,0.3-0.9,0.2-1.4,0.2c-0.8,0-1.2-0.6-0.8-1.3
+	C4.7,29,4.9,28.3,5.6,28c0.4-0.2,0.7-0.5,0.6-0.9S5.9,26.2,5.3,26c-0.5-0.1-1-0.3-1.5-0.5c-0.5-0.1-0.7-0.4-0.7-0.9
+	c0-0.6-0.2-1.2-0.5-1.6c0.4-0.4,0.9-0.3,1.3-0.5c0.3-0.1,0.8,0,0.9-0.5s-0.2-0.8-0.6-1c-0.5-0.3-0.9-0.5-1.3-0.8s-0.6-0.6,0-0.9
+	c0.5-0.3,0.7-1,1.2-1.3c0.2-0.1,0.2-0.3,0.1-0.5C4,16.9,4,16.2,4.7,15.7c0.1-0.1,0.2-0.4,0.2-0.6c0.1-0.3,0.2-0.4,0.5-0.3
+	C6,15,6.2,14.6,6.6,14.1c0.6-0.9,1.3-1.7,2.5-1.8c0.2,0,0.4-0.1,0.6-0.1c0.7,0,1-0.4,1.1-1c0-0.2,0.1-0.3,0.1-0.5
+	c0.3-0.7,0.9-1,1.7-0.9c0.3,0.1,0.5,0.2,0.8,0.1c0.4-0.1,0.7,0.1,1,0.4c0.4,0.5,0.8,0.4,1.2-0.1c0.7-0.9,0.7-1.9-0.1-2.8
+	c-0.2-0.2-0.4-0.5-0.3-0.6c0.6-0.5,0-1.4,0.7-1.9c0.3-0.2,0.2-0.4,0-0.6c-0.1-0.2-0.3-0.4-0.4-0.6c-0.2-0.4-0.1-0.8,0.3-1
+	s0.7-0.4,1.1,0c0.3,0.3,0.4,0.6,0.5,0.9c0.1,0.7,0.3,1.3,0.5,2c0.3,0.9,0.5,1.8,0.1,2.8s-0.1,2.2,0.1,3.2c0,0.4,0.4,0.5,0.6,0.7
+	c0.8,0.6,1.2,1.3,1.1,2.3c0,0.9,0.1,1.9,0.1,2.8c0,0.8,0.2,1.6,0.6,2.3c0.3,0.4,0.3,0.8,0.3,1.3c0,0.3,0,0.7,0,1
+	c0.3,2-0.2,3.7-1.6,5.2c-0.3,0.3-0.4,0.8-0.4,1.2c0.1,1.4,0,2.7,0.2,4.1c0.2,1.2-0.1,2.3-0.4,3.5c-0.1,0.4-0.3,0.6-0.7,0.7
+	C17.1,37,17.1,37,17.1,38.1z"/>
+</svg>
--- a/public/regions/grand-est.svg
+++ b/public/regions/grand-est.svg
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 83 68" style="enable-background:new 0 0 83 68;" xml:space="preserve">
+<style type="text/css">
+	.st0{opacity:0.1;fill:#FFFFFF;}
+</style>
+<path class="st0" d="M80.1,27.7c-1.2,0.7-1.4,1.9-1.4,3.1c0,1,0,1.2-0.9,1.4c-0.8,0.2-1.2,0.8-1.3,1.5c0,0.8-0.5,1.2-1.1,1.5
+	c-0.9,0.5-1.4,1.3-1.3,2.4c0.1,1.3-0.4,2.5-0.8,3.7c-0.2,0.7-0.4,1.5-0.2,2.3c0.2,0.9,0.1,1.7-0.4,2.4c-0.3,0.5-0.5,1.1-0.9,1.6
+	C71,48.7,71,50,71,51.3c0,0.8,0.8,1.2,0.7,1.9c-0.1,0.6-0.7,1.1-0.6,1.8c0.1,0.5,0,1.1-0.2,1.5c-0.2,0.5-0.2,0.9-0.2,1.4
+	c0,0.6,0,1.2-0.4,1.7c-0.2,0.2-0.2,0.5-0.1,0.8c0.2,0.4,0.3,0.8,0.5,1.1c0.6,0.7,1.2,1.3,0.2,2.1c0.1,0,0.1,0.4,0.1,0.7
+	c-0.1,1.3-1,2.2-2.3,2.3c-0.6,0-1.2,0-1.8,0c-0.2,0-0.5,0-0.7-0.2c-0.4-0.3,0.3-1-0.3-1.1c-0.5-0.1-0.7-0.2-0.8-0.7
+	c0-0.3-0.1-0.6-0.2-0.9c-0.3-1.2-0.3-1.2-1.5-1.3c0-0.6,0.4-1.1,0.4-1.7c0-0.6-0.1-1.1-0.5-1.4C62.6,58.8,62,58,61,58
+	c-0.2,0-0.4,0-0.4-0.1c-0.6-0.8-1.6-1.1-2.4-1.6c-0.4-0.2-0.7-0.5-1.1-0.8c-1.3-1.3-1.7-1.3-2.8,0.2c-0.3,0.1-0.4-0.2-0.6-0.3
+	c-1.2-1.2-2.1-1.4-3.6-0.6c-0.6,0.3-1.1,0-1.3-0.6c-0.3-1.3-0.4-1.3-1.7-1.2c-0.7,0.1-1.3,0.2-1.4,1c-0.1,0.4-0.4,0.3-0.7,0.1
+	c-0.5-0.3-1.2-0.1-1.2,0.4c-0.1,1-1.1,1.5-1.2,2.5c0,0.2-0.2,0.3-0.4,0.3c-0.4,0-0.8,0.1-0.9,0.6c0,0.1-0.2,0.2-0.3,0.2
+	c-0.3,0.1-0.8,0-0.9,0.5c-0.1,0.5-0.1,1,0.1,1.4c0.1,0.2,0.2,0.4,0.2,0.7c-0.1,0.8-1.2,1.4-2.2,1.2c-0.4-0.1-0.8-0.4-1.3-0.2
+	c-0.6,0.3-1.4,0.4-1.3,1.4c0,0.5-0.3,0.8-0.8,0.9c-0.5,0.1-0.8-0.1-1.1-0.5c-0.2-0.3-0.4-0.5-0.6-0.8c-0.4-0.5-0.7-0.9-1.4-0.4
+	c-0.4,0.3-0.8,0.2-1-0.2c-0.1-0.1-0.2-0.3-0.4-0.3c-1.4,0.3-0.9-1-1.4-1.5c-0.2-0.2,0.2-0.5,0.4-0.7c0.3-0.3,0.3-0.6,0-0.9
+	c-0.9-1.2-1.8-2.4-2.8-3.5c-1.3-1.4-2.9-1.6-4.6-1.5c-0.4,0-0.5,0.3-0.5,0.7c0,0.7-0.5,0.9-1,1s-1.1,0-1.6,0.1s-0.6-0.4-0.9-0.6
+	c-0.3,0.4-0.7,0.7-0.7,1.3c-0.3,0-0.4-0.2-0.5-0.4c-0.2-0.4-0.5-0.5-0.9-0.2c-1.2,0.9-2.5,0.7-3.8,0.6c-0.2,0-0.5,0-0.6-0.2
+	c-0.4-0.9-1.3-1.5-1.3-2.6c0-1.2-1-1.8-1.6-2.6c-0.2-0.2-0.4,0-0.5,0.1c-0.8,0.4-1.7-0.1-1.5-0.9c0.5-2.1-1.1-2.9-2.1-4.1
+	c-0.2-0.2-0.4-0.2-0.7-0.2c-1-0.2-1-0.2-0.9-1.2c0.1-0.8,0.3-1.6,0.7-2.4c0.4-0.6,0.4-1.4,1.2-1.6C5,40.4,4.9,40,4.9,39.7
+	c-0.1-0.3-0.3-0.3-0.6-0.3c-0.2,0-0.5,0.1-0.7-0.1c-0.2-0.2-0.1-0.4,0-0.5c0.3-0.8,0.1-1.5-0.4-2C3,36.1,3,35.6,3.3,35.4
+	c0.6-0.4,0.6-1.1,0.9-1.6c0.3-0.5,0.6-1,1.2-1.1c0.5-0.2,0.7-0.6,0.8-1c0.2-0.7,0.5-1.3,1.2-1.5c-0.2-1-0.9-0.9-1.5-1
+	c0-0.4,0.4-0.4,0.6-0.6c0.2-0.3,0.4-0.5,0-0.9c-0.5-0.7-0.4-0.9,0.3-1c0.4-0.1,0.9,0,1.3-0.2c0.1-0.7-0.3-1-0.8-1.4
+	c-0.9-0.6-0.9-2.2,0-2.9c0.6-0.5,1.3-0.8,2.1-0.7c0.4,0,0.7,0,0.7-0.6c0-0.5,0.4-0.7,0.9-0.5c0.3,0.2,0.6,0.4,0.9,0.6
+	c0.6,0.3,1,0,1-0.7c0-1.5-0.1-2.9,0.4-4.3c0.2-0.5-0.2-0.6-0.5-0.8c-0.2-0.1-0.4-0.2-0.3-0.5c0.1-0.1,0.2-0.2,0.4-0.3
+	s0.5-0.1,0.7-0.2c0.4-0.1,0.6-0.2,0.6-0.6c-0.1-0.6,0.3-0.8,0.7-1c0.8-0.5,1-1,0.7-1.9c-0.2-0.6-0.3-1.2,0.2-1.7
+	c0.5-0.4,0.4-0.7,0.1-1.1c-0.3-0.4-0.5-0.9-0.3-1.5c0.1-0.5,0.3-0.6,0.8-0.6c0.6,0,1,0.3,1.4,0.6C18.1,7,18.5,7,18.9,6.8
+	c0.9-0.4,1.9-0.6,2.8-1.1c0.5-0.3,0.8-0.6,0.7-1.3c-0.3-1.3,0.9-1.9,1.5-2.8c0.2-0.4,0.7-0.3,1.1-0.1c0.3,0.1,0.3,1.1,0.1,1.5
+	c-0.1,0.2-0.3,0.3-0.4,0.4c-0.3,0.2-0.5,0.4-0.1,0.8c0.4,0.3,0.1,0.7,0,1c-0.3,0.9-0.3,1.2,0.5,1.6c0.5,0.2,0.7,0.5,0.4,1.1
+	c-0.2,0.3-0.1,0.5-0.1,0.8c0.1,1.7-0.1,1.7,1.6,1.8c0.3,0,0.6,0.1,1,0.2c0.6,0.1,1.1,0.3,1.3,0.9c0.2,0.7,0.6,0.8,1.2,0.8
+	c0.1,0,0.2,0,0.4,0c1.5,0.1,1.6,0.2,1.9,1.6c0.1,0.4,0.2,0.8,0.7,0.8c0.8,0.1,1.2,0.6,1.3,1.3c0,0.2,0.1,0.4,0.1,0.6
+	c0.1,0.5,0.5,0.6,0.8,0.4c0.5-0.4,1-0.5,1.6-0.5c0.3,0,0.5-0.2,0.8-0.3c1.2-0.9,2.2-0.9,3.2,0.3c0.4,0.5,0.9,0.9,1.6,0.8
+	c0.3-0.1,0.6,0.2,0.9,0.3c0.7,0.4,1.5,0.2,2.1-0.4c0.1-0.1,0.3-0.3,0.5-0.4c0.7-0.6,1.4-0.6,2,0c0.5,0.5,1,0.7,1.6,0.5
+	c1.2-0.3,2,0.4,2.9,0.9c0.6,0.3,0.6,0.9,0.6,1.5c0,0.7,0,1.3,0.9,1.5c0.2,0,0.3,0.2,0.3,0.3c-0.2,1,0.9,1.4,1.1,2.1
+	c0.2,0.5,0.5,0.8,1.1,0.7c0.5-0.1,1.1-0.1,1.1-0.8c0-0.6,0.6-0.8,1-0.7c0.7,0.2,1.5,0.2,1.9,1c0.5,0.9,1.3,1.2,2.3,1.1
+	c0.3,0,0.6,0,1,0c0.6,0,1.2-0.1,1.6-0.6s0.9-0.6,1.5-0.6s1,0,1.3,0.6c0.2,0.4,0.7,0.5,1,0.8c0.3,0.2,0.7,0.4,1,0.7
+	c0.3,0.6,0.7,0.7,1.3,0.4c0.3-0.1,0.7-0.2,1.1-0.3c0.3-0.1,0.7-0.1,0.8,0.1c0.6,0.7,1.1,0.7,1.7,0.1c0.3-0.2,0.6-0.1,0.8,0
+	c0.9,0.6,1.9,0.8,3,0.9C79.5,27.2,79.8,27.3,80.1,27.7z"/>
+</svg>
--- a/public/regions/guadeloupe.svg
+++ b/public/regions/guadeloupe.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 25.4 23.9" style="enable-background:new 0 0 25.4 23.9;" xml:space="preserve">
+<style type="text/css">
+	.st0{opacity:0.1;fill:#FFFFFF;}
+</style>
+<path class="st0" d="M22.1,10.4c-0.9,0.5-1.6,0.5-2.4,0.5c-0.7,0-1.2,0.2-1.8,0.6c-1.3,0.8-2.8,1.2-4.3,0.5
+	c-0.6-0.3-1.2-0.3-1.8-0.7s-1.5,0.1-1.7,0.9c-0.1,0.6-0.1,1.1,0.1,1.7c0.5,1.2,0.3,2.4,0.4,3.6c0,0.3-0.1,0.5-0.3,0.8
+	C9.9,19,9.2,19.5,8.6,20c-0.3,0.2-0.6,0.3-0.9,0.2c-0.2,0-0.4-0.1-0.6,0c-0.9,0.5-0.9,0.4-1.4-0.3c-0.7-0.9-1.1-2-1.4-3.2
+	c-0.5-2.2-0.8-4.4-1-6.6c0-0.4,0-0.8,0.2-1.2C4,8,5.2,7.6,6.3,8.1C7.2,8.5,7.9,9,8.7,9.4C8.8,9.5,9,9.6,9.1,9.7
+	c0.3,1.2,1.3,0.8,2,0.8c0.6,0,1-0.7,1.2-1.4c0.1-0.5,0.2-0.9,0.6-1.2c0.5-0.4,0.4-1.6-0.1-1.9c-0.5-0.4-0.7-1.3-0.4-1.8
+	c0.3-0.6,1.2-1,1.9-0.9c1.1,0.2,1.7,1,1.7,2.2c0,0.9,0.3,1.6,0.7,2.4c0.2,0.4,0.5,0.6,1,0.6c0.4,0,0.8,0,1.2,0
+	c1.3-0.1,2.3,0.3,2.8,1.6C21.7,10.2,21.9,10.2,22.1,10.4z"/>
+</svg>
--- a/public/regions/guyane.svg
+++ b/public/regions/guyane.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 67.4 85.9" style="enable-background:new 0 0 67.4 85.9;" xml:space="preserve">
+<style type="text/css">
+	.st0{opacity:0.1;fill:#FFFFFF;}
+</style>
+<path class="st0" d="M2,78.3c1.1-1,2.2-2,3.3-3c0.2-0.2,0.5-0.4,0.7-0.7c0.9-1.7,1.8-3.4,2.6-5.1c0.2-0.4,0.1-0.8,0.1-1.2
+	c-0.1-2.3-0.1-4.7-0.2-7c0-0.7,0.1-1.4,0.3-2c0.3-0.9,0.7-1.8,0.9-2.8c0.4-1.7,1.1-3.2,2.3-4.5c0.4-0.5,0.4-0.9,0.1-1.4
+	c-1.6-3.1-3-6.2-4.6-9.2c-0.8-1.5-1.9-2.9-2.8-4.4c-0.4-0.5-0.5-1.1-0.5-1.7c0.1-3.6,0.4-7.3,0.2-10.9c-0.1-2.6-0.3-5.3-0.4-7.9
+	c0-0.7,0.1-1.2,0.6-1.7C8,11.3,11,7.4,13.7,3.4C14.3,2.5,15,2.3,16,2.5c2,0.4,4.1,0.8,5.9,1.8c2.1,1,4.2,1.6,6.5,1.8
+	c1.2,0.1,2.3,0.6,3.5,0.9c2.6,0.9,4.9,2.2,7,4c1.3,1.1,2.7,2.1,4,3.1c0.8,0.7,1.7,1.2,2.7,1.5s1.8,0.8,2.7,1.4
+	c1.9,1.3,3.7,2.8,5.3,4.4c2.1,2.1,4.4,4,7.3,4.9c0.8,0.2,1.1,0.7,1.2,1.4c0.3,1.4,0.7,2.7,1,4.1c0.4,1.7,1.3,3.2,2,4.8
+	c0.3,0.7,0.2,1.1,0,1.8c-1.5,3.4-3.8,6.4-5.9,9.5c-2.9,4.2-5.6,8.4-7.5,13.1c-2.4,5.8-5.5,11.3-8.4,16.8c-0.2,0.4-0.5,0.8-0.9,1.1
+	c-1.3,1.1-2.6,2.3-3.9,3.4c-0.4,0.4-0.8,0.5-1.4,0.4c-1.9-0.5-3.8-0.8-5.7-0.9c-0.5,0-0.9-0.2-1.2-0.5c-0.8-0.6-1.6-1.2-2.3-1.8
+	C27.5,79.1,27,79,26.5,79c-2.5,0.1-5.1,0.1-7.6,0.2c-0.8,0-1.5,0.2-2.1,0.7c-0.4,0.3-0.9,0.6-1.3,0.9c-1.7,1.4-3.7,2-5.7,2.6
+	c-0.5,0.2-0.9,0.1-1.4-0.2c-1.7-1.1-3.3-2.2-5-3.2C2.8,79.6,2.4,79,2,78.3z"/>
+</svg>
--- a/public/regions/hauts-de-france.svg
+++ b/public/regions/hauts-de-france.svg
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 49 58" style="enable-background:new 0 0 49 58;" xml:space="preserve">
+<style type="text/css">
+	.st0{opacity:0.1;fill:#FFFFFF;}
+</style>
+<path class="st0" d="M8,46.6c0.4,0,0.6,0.1,0.9,0c0.4,0,0.5-0.2,0.3-0.6c-0.4-0.5-0.3-1.2-0.5-1.7c0-0.2,0-0.6-0.2-0.7
+	c-0.9-0.7-0.4-1.3,0-2C8.8,41.3,9,41,9.1,40.4c-0.4-0.1-1-0.1-0.8-0.8c0-0.2,0-0.5-0.1-0.6c-0.6-0.8-0.2-1.6-0.1-2.4
+	c0.1-0.4,0.6-0.8-0.1-1.3c-0.2-0.1,0.1-0.5,0.2-0.6c0.7-0.6,0.6-1.2,0.1-1.9c-0.2-0.3-0.4-0.6-0.4-0.9c0-1-0.7-1.7-1.3-2.3
+	c-1-1-2.2-1.9-3-3.2c-0.3-0.5-0.9-0.1-1.4-0.4c0-0.6,0.6-1,0.9-1.4c0.4-0.5,0.7-1.3,1.4-1.5c0.6-0.1,1.1,0.6,1.7,0.8
+	c0.2,0.1,0.3,0.2,0.6,0.2C7,23.5,7,22.9,6.3,22.5c-1.2-0.7-1.3-1.7-1.2-3C5.7,15.9,5.5,12,5.5,8.2c0-0.9,0.2-1.4,0.9-1.9
+	c2.7-2.1,2.7-2.1,6.2-2.7c1.5-0.3,3-0.5,4.5-0.8c1.1-0.2,2-0.6,2.9-1.1c0.5-0.3,0.8-0.2,1,0.4c0.2,0.5,0.5,1,0.7,1.5s0.3,1-0.1,1.6
+	c-0.4,0.7-0.3,1.5,0,2.3c0.2,0.4,0.4,0.7,0.9,0.6c0.8-0.1,1.1,0.5,1.4,1.1c0.2,0.4,0.3,0.8,0.6,1.2c0.6,0.6,1.4,0.7,1.8,0
+	c0.6-0.9,1.4-1.1,2.3-1.4c0.6,0,1-0.1,1.3,0c0.4,0.1,0.3,0.5,0.5,0.8c0.1,0.2,0.3,0.3,0.5,0.4c0.8,0.5,0.9,1.2,0.9,2
+	s-0.1,1.7,0.2,2.5c0.1,0.3,0.2,0.6,0.5,0.6c0.5,0,1,0.2,1.4,0.6c0.2,0.2,0.5,0,0.7-0.1c0.6-0.2,1.1-0.7,1.7,0c0.1,0.1,0.2,0,0.3,0.1
+	c1.1,0.1,1.9,1,1.9,2.1c0,0.6-0.1,1.1-0.1,1.7c0,0.2,0,0.5,0.3,0.6s0.6,0.1,0.8-0.2c0.3-0.8,0.9-0.6,1.5-0.7c0.4,0,0.8,0,1.2-0.1
+	c2.1-0.7,3.3,0.7,4.7,1.8c0.3,0.2,0.4,0.6,0,0.8c-0.7,0.4-0.9,0.9-0.9,1.7c0,0.2-0.2,0.5-0.4,0.8c0.3,0.1,0.6,0.3,0.9,0.3
+	c0.5,0.1,0.8,0.3,0.8,0.9c0.1,0.5-0.1,0.8-0.5,1.1c-1,0.6-1,0.6-1,1.7c0.1,0,0.2,0.1,0.3,0.1c0.4,0,0.8-0.1,1.1,0.1
+	c0.3,0.3,0.1,0.7,0,1c0,0.6,0.6,1,0.5,1.5s-0.6,0.9-0.6,1.4c0,0.4-0.1,0.7,0.1,1.1c0.4,0.6,0.1,1-0.5,1.3c-0.5,0.2-1,0.4-0.9,1.1
+	c0,0.4-0.4,0.5-0.7,0.5c-0.4,0.1-0.8,0.2-0.9,0.6c-0.2,0.5-0.3,0.9,0.3,1.2c0.2,0.1,0.6,0.2,0.4,0.6c-0.5,1.3-0.3,2.6-0.4,3.9
+	c-0.4,0.1-0.6-0.1-0.8-0.3C42.9,42,42,42.2,41.5,43c-0.2,0.3-0.3,0.3-0.5,0.3c-1.1-0.1-1.7,0.8-2.5,1.3c-0.2,0.1-0.2,0.3-0.2,0.5
+	s0,0.5,0,0.7c0,0.9-0.1,1.9,1,2.3c-0.2,0.3-0.4,0.2-0.6,0.3c-1,0.2-1.2,0.7-0.8,1.7c0.1,0.2,0.1,0.2,0,0.4c-0.8,0.8-0.7,1.4,0.5,1.7
+	c-0.2,0.5-0.4,0.9-0.5,1.4c-0.1,0.4-0.3,0.6-0.7,0.8c-0.5,0.2-0.9,0.5-1.1,1c-0.2,0.5-1,0.6-1.1,0.2c-0.3-0.9-1.3-1.1-1.8-1.7
+	c-0.2-0.3-0.5-0.5-0.8-0.8c-0.6-0.5-1-1.1-1.1-1.9c0-0.3,0-0.6-0.3-0.9c-0.6-0.6-1-0.7-1.8-0.2c-0.3,0.2-0.6,0.5-1.1,0.3
+	c-0.3-0.1-0.6,0-0.8,0.1c-0.6,0.3-1.1,0.4-1.7-0.1c-0.3-0.2-0.6-0.2-0.8,0.1c-0.4,0.5-0.8,0.4-1.3,0.1c-0.5-0.4-1.1-0.8-1.7-0.2
+	c-0.2,0.2-0.4,0-0.6-0.2c-1-0.7-2.1-1.3-3.1-1.9c-0.5-0.3-0.9-0.4-1.5-0.1c-0.7,0.4-1.4,0.4-2-0.2c-0.2-0.2-0.5-0.3-0.7-0.5
+	c-0.4-0.3-0.7-0.3-1.1,0c-1.2,1-2.7,0.6-4.1,0.5C8.5,48.4,8.2,47.7,8,46.6z"/>
+</svg>
--- a/public/regions/ile-de-france.svg
+++ b/public/regions/ile-de-france.svg
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 51.4 39.4" style="enable-background:new 0 0 51.4 39.4;" xml:space="preserve">
+<style type="text/css">
+	.st0{opacity:0.1;fill:#FFF;}
+</style>
+<path class="st0" d="M26.9,38.3c0.3-0.2,0.4-0.4,0.4-0.7c0-0.6-0.1-1.2-0.1-1.8c0-0.5-0.2-0.8-0.6-0.9c-0.9-0.3-1.4-0.9-1.8-1.7
+	c-0.4-0.7-0.9-1-1.7-0.9c-0.2,0-0.5,0-0.7,0c-1,0-2-0.2-2.7-1c-0.3-0.4-0.7-0.5-1,0c-1,1.4-2.5,1.5-4,1.5c-0.4,0-0.5-0.1-0.5-0.4
+	c0-1.3-0.4-2.6-0.6-3.9c-0.1-0.6-0.3-0.9-0.9-0.9c-0.5,0-0.9-0.2-1.4-0.3c-0.9-0.2-1.4-0.8-1.5-1.7c-0.1-0.4-0.1-0.8-0.2-1.2
+	c0-0.8-0.2-1.5-1.3-1.4c-0.3,0-0.5-0.2-0.5-0.5c0-0.6-0.4-0.9-0.8-1.2c-0.4-0.3-0.9-0.5-1.2-1c-0.4-0.8-0.7-1.6,0.1-2.4
+	c0.3-0.3,0.3-0.7,0-1C5,16.1,5,15.3,5.4,14.4c0.3-0.7,0.3-1.2-0.4-1.7c-0.4-0.3-0.6-0.7-0.6-1.1c-0.1-0.6-0.3-1.1-0.8-1.4
+	C3,9.8,3.1,9.4,3.6,9C3.8,8.9,4,8.7,4,8.4C3.9,8.4,3.7,8.3,3.5,8.3c-1.1,0.1-1-0.9-1.4-1.5C1.9,6.5,2.3,6.5,2.4,6.5
+	C3,6.3,3.5,6.1,4,6c1.7-0.2,2.3-1.4,2.7-2.8C7,2.5,7,1.7,7.4,1c0.1,0.1,0.2,0.1,0.2,0.2c0.5,1.4,1.6,1.6,2.9,1.6c1,0,2,0.1,3,0
+	c0.8-0.1,1.6-0.2,2.2-0.9c0.3-0.3,0.6-0.4,1-0.1c0.3,0.2,0.7,0.4,1,0.6c1.1,1.2,2.4,0.9,3.6,0.3c0.5-0.2,0.8-0.2,1.3,0
+	c1.8,1,3.7,1.8,5.2,3.3c0.4,0.4,0.7,0.1,0.9-0.1C29.3,5.2,30,5.4,30.7,6c0.8,0.7,1.9,0.6,2.6-0.1c0.3-0.3,0.6-0.2,0.8,0
+	c0.7,0.6,1.3,0.5,2,0.1c0.7-0.4,1.3-0.5,2.1-0.2c0.5,0.3,0.8-0.3,1.2-0.6c0.4-0.2,0.6-0.8,1.1-0.5c0.5,0.2,0.7,0.7,0.7,1.3
+	c0,1.3,0.5,2.3,1.5,3.1c1.1,0.8,1.7,2.1,3.1,2.5c0.1,0,0.2,0.1,0.2,0.2c0.3,1,0.8,1.6,1.9,1.7c0.4,0,0.3,0.4,0,0.6
+	c-1.1,0.6-0.6,1.8-0.9,2.7c-0.1,0.2,0.3,0.3,0.5,0.5c0.9,0.6,1.1,1.4,0.6,2.4c-0.4,0.9,0.2,2,1.2,2.1c-0.9,0.2-1,0.8-1,1.6
+	c0,0.2,0,0.5-0.1,0.6c-1.2,1.4-1.1,3.1-1.4,4.7c-0.1,0.8-0.6,1.2-1.4,1.2c-0.9,0-1.8-0.1-2.7-0.1c-0.9-0.1-1.6,0-2.5,0.4
+	c-1.4,0.5-2,1.6-2.6,2.9c-0.2,0.5,0,0.7,0.3,1c0.4,0.3,0.3,0.6,0,0.9c-1,1.2-1.9,2.4-3.4,3c-0.3,0.1-0.4,0.3-0.7-0.1
+	c-0.3-0.4-1-0.2-1.5-0.3c-0.6-0.1-0.9,0.1-1.1,0.7c-0.2,0.5-0.7,0.5-1.1,0.5c-1.1,0-2.2-0.1-3.3-0.1C26.8,38.4,26.8,38.4,26.9,38.3
+	C26.8,38.3,26.9,38.3,26.9,38.3z"/>
+</svg>
--- a/public/regions/martinique.svg
+++ b/public/regions/martinique.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 25.4 23.9" style="enable-background:new 0 0 25.4 23.9;" xml:space="preserve">
+<style type="text/css">
+	.st0{opacity:0.1;fill:#FFFFFF;}
+</style>
+<path class="st0" d="M13.4,13.3c-1.3,0-2.5,0-3.6,0c-0.3,0-0.7,0.1-0.9-0.2c-1.1-1.1-2.5-2-3.4-3.3C5,9.3,4.8,8.7,5.2,8
+	c0.2-0.4,0.2-0.6-0.1-0.9C4.5,6.6,4,6.1,3.5,5.5c-0.9-0.9-0.8-2,0.2-2.8c1.8-1.4,3.6-1.6,5.7-0.6C10.7,2.8,12,3.4,13,4.6
+	c0.4,0.5,0.8,1,1.2,1.5c0.5,0.8,1,1,1.9,0.5c0.3-0.1,0.6-0.2,0.9-0.2c0.4,0,0.7-0.1,1.1-0.2c0.3-0.1,0.5-0.4,0.8-0.1
+	s-0.1,0.5-0.1,0.8c0,0.7-0.4,0.6-0.8,0.4c-0.3-0.1-0.5-0.5-0.8-0.4c-0.4,0.1-0.9,0.1-1,0.6s0,0.9,0.5,1.1c0.3,0.2,0.7,0.2,0.9,0.6
+	c0,0.1,0,0.2-0.1,0.2c-0.8,0.1-1,0.3-0.9,0.9c0.1,0.6,0.7,1.1,1.3,1.1c0.3,0,0.6-0.3,1.1-0.1c-0.5,0.4-0.4,0.8-0.4,1.3
+	c0,0.6,0.5,0.7,0.8,1c0.9,0.9,1.8,1.9,2.1,3.2c0.3,0.9,0.5,1.9,1,2.7c0.1,0.2,0.3,0.4,0.1,0.6c-0.6,0.6-0.7,1.3-1.2,1.9
+	c-0.3,0.4-0.8,0.6-1.3,0.5c-0.6-0.1-0.9-0.7-0.6-1.3c0.1-0.2,0.3-0.4,0.4-0.6c0.1-0.3,0.4-0.7-0.1-1c-0.4-0.2-0.8-0.4-1.1,0
+	c-0.5,0.7-0.9,0.6-1.5,0.2c-0.3-0.2-0.8-0.1-1.2-0.2c-0.5-0.1-0.9-0.2-1.4-0.4c-0.7-0.5-2-0.2-2.7,0.3c-0.6,0.5-1.2,0.6-1.8,0.3
+	c-0.7-0.5-1.1-1.4-0.9-2.1c0.3-1,1.3-1.6,2.4-1.4c0.6,0.1,1.1,0.3,1.6,0.4c0.4,0.1,0.9,0.2,1.1-0.4c0.2-0.8,0.1-1.4-0.4-1.5
+	C13.2,14.4,13,14.1,13.4,13.3z"/>
+</svg>
--- a/public/regions/mayotte.svg
+++ b/public/regions/mayotte.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 15.4 23.9" style="enable-background:new 0 0 15.4 23.9;" xml:space="preserve">
+<style type="text/css">
+	.st0{opacity:0.1;fill:#FFFFFF;}
+</style>
+<path class="st0" d="M5.2,19.2c0.3-0.3,0.2-0.9,0.5-1.2c0.5-0.1,0.9,0.2,1.3,0.4c0.5,0.2,1,0.1,1.3-0.3s0.5-0.8,0.2-1.3
+	C8,15.9,7.6,15,6.7,14.5c-0.6-0.3-0.6-1.2-1.4-1.3c0-0.3,0.1-0.4,0.3-0.4c0.3-0.1,0.7-0.1,0.8-0.5c0-0.3-0.4-0.4-0.5-0.6
+	c-0.2-0.6-0.4-1.2-0.2-1.9c0-0.1,0.3-0.4,0.2-0.4C5.1,9,5.6,8.3,5.5,7.8c0-0.1-0.2-0.3-0.3-0.3c-1.1,0.1-1.9-0.6-2.8-1
+	c-0.1,0-0.2-0.1-0.3-0.1C2.3,6,2.4,5.8,2.6,5.6c0.2-0.3,0.3-0.5,0-0.8C2,4.3,2.3,4.1,2.8,3.8c0.6-0.3,0.8-1,1.3-1.4
+	C4.4,2.1,4.6,2,4.9,2.3c0.6,0.6,1.2,1.1,1.6,1.9c0.2,0.5,0.3,1.2,1.1,1.3c0.6,0.1,1.1,0.2,1.7,0.1C10,5.4,11,5.5,11.7,6
+	c0.4,0.2,0.8,0.6,1.2,0.8c0.3,0.2,0.4,0.5,0.4,1c-0.1,1-0.9,1.4-1.3,2c-0.3,0.4-0.6,0.7-0.9,1.1c-0.6,0.9-0.7,1.7,0,2.6
+	c0.2,0.2,0.3,0.3,0.5,0.5c0.5,0.7,0.5,0.8-0.2,1.4c0,0-0.1,0-0.1,0.1c-0.5,1.3-1.6,2.2-2.1,3.4c-0.2,0.6,0.4,0.9,0.4,1.3
+	c0.1,0.2,0,0.3-0.2,0.3c-1-0.2-1.1,0.6-1.2,1.3c-0.8-0.2-1.2-0.9-1.9-1.1C5.9,20.6,6,20.4,6,20.1c0-0.5-0.3-0.7-0.8-0.7
+	C5.1,19.4,5.1,19.4,5.2,19.2C5.2,19.3,5.2,19.2,5.2,19.2z"/>
+</svg>
--- a/public/regions/normandie.svg
+++ b/public/regions/normandie.svg
@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 63 48" style="enable-background:new 0 0 63 48;" xml:space="preserve">
+<style type="text/css">
+	.st0{opacity:0.1;fill:#FFFFFF;}
+</style>
+<path class="st0" d="M44.7,46.8c-0.5-0.3-0.7-0.8-0.9-1.2c-0.3-0.4-0.5-0.6-1.1-0.4c-0.8,0.3-1.7,0.3-2.1-0.7
+	c-0.2-0.5-0.7-0.6-1.1-0.7c-0.4-0.1-0.6-0.4-0.7-0.9c-0.1-0.6-0.1-1.2-0.2-1.8c-0.1-0.9-0.7-1.7-1.9-1.6c-1,0.1-1.8,0.3-2.5,1.1
+	c-0.3,0.3-0.6,0.6-1,0.9c-0.7,0.5-1.4,0.3-1.7-0.5c-0.1-0.5-0.3-0.9-0.9-1C30,39.8,30,39.2,30,38.8c-0.1-0.6-0.3-1.1-0.8-1.4
+	c-0.4-0.3-1.1-0.2-1.4,0.3c-0.4,0.8-1.1,0.9-1.8,0.9c-0.2,0-0.5,0-0.7-0.1c-0.8-0.3-1.4-0.1-2.1,0.4c-0.6,0.4-1.2,1.1-2,0.3
+	c-0.2-0.2-0.4,0.1-0.5,0.2c-1.1,0.6-1.2,0.6-1.9-0.5c-0.2-0.3-0.3-0.6-0.6-0.7c-0.6-0.2-1.1-0.6-1.8,0c-0.4,0.4-1,0.3-1.5,0
+	c-0.8-0.6-1.9-0.2-2.6-1c-0.2-0.2-0.4,0.1-0.6,0.3c-0.4,0.8-1.5,0.7-2,1.5c-0.1,0.2-0.4,0.1-0.6,0c-0.7-0.5-1.4-1-1.6-1.9
+	c-0.1-0.5-0.4-1-0.3-1.6c0.6-0.1,1.3,0,1.9-0.3c0.3-0.2,0.5-0.3,0.4-0.7c-0.1-0.3,0-0.7-0.4-0.8H9c-2-0.1-1.9-1.8-2.4-3
+	c-0.2-0.4,0.1-0.8,0.3-1.1c0.9-1.7,0.9-3.3,0-4.9c-0.3-0.6-0.5-1.2-0.4-1.9c0.3-1.6-0.6-3-0.9-4.5C5.5,18,5.3,17.8,5,17.5
+	c-0.4-0.4-0.8-0.8-1.1-1.3c-0.5-0.7-0.9-1.4-0.8-2.3c0.1-0.4,0.2-0.9-0.3-1.2c-0.2-0.2-0.1-0.4,0-0.5c0.6-0.6,0.3-1.4,0.3-2.1
+	c0-0.6-0.6-0.7-0.9-1.1c-0.3-0.3-1-0.4-0.7-1c0.3-0.5,0.8,0,1.2,0.1C4,8.3,5.1,8.9,6.1,9.7c0.5,0.4,0.9,0.4,1.4,0
+	C7.7,9.5,8,9.3,8.3,9.1C9,8.8,9.4,8.7,9.8,8.7c0.4,0,0.7,0.1,1.1,0.1c1.7,0.1,1.7,0.1,2.2,1.9c-1.1,0.2-1,1.2-1.3,1.9
+	c0,0.1,0.1,0.3,0.2,0.4c0.1,0.1,0.2,0.2,0.3,0.4c0.5,0.6,1,1.2,1.5,1.8c0.5,0.7,0.1,1.5,0.4,2.3c0.9,0.1,1.8-0.4,2.7-0.6
+	c0.4-0.1,0.7-0.2,1,0c1,0.7,2.2,0.8,3.3,1c1.3,0.2,2.6,0.4,4,0.6c0.8,0.1,1.4,0.4,2,0.8c1.1,0.9,2.2,0.9,3.6,0.3
+	c1.3-0.6,2.6-1.1,3.8-1.9c0.8-0.5,1.5-0.9,2.4-1c0.2,0,0.5-0.1,0.5-0.4c0-0.4-0.3-0.5-0.6-0.5c-0.9-0.1-1.6-0.5-2.3-1.1
+	c-0.3-0.3-0.4-0.5-0.3-0.9c0.1-1.9,1.2-3.3,2.4-4.5c1-1,2.4-1.5,3.8-2.1c2.9-1.2,5.8-1.9,8.8-2.6C50.2,4.3,51,4,51.8,3.3
+	s1.6-1.2,2.4-1.9C54.7,1,55.9,1,56.3,1.5c0.9,1.2,2.1,2.1,3.1,3.2c0.4,0.4,0.8,0.8,0.8,1.4c0,0.1,0.1,0.2,0.1,0.4
+	c0.4,1.6,0.4,1.6-0.2,3.2c-0.1,0.3-0.4,0.6,0.1,0.9c0.3,0.1,0,0.5,0,0.8c-0.1,0.7-0.3,1.4,0.2,2.1c0.2,0.3,0.2,0.8,0.1,1.2
+	c-0.1,0.5,0.6,0.7,0.3,1.2c-0.2,0.4-0.3,0.7-0.5,1.1s-0.1,0.7,0.2,1c0.4,0.3,0.6,0.7,0.5,1.2c0,0.3,0.6,1.1-0.5,0.8
+	c-0.2,0-0.3,0.4-0.3,0.6c0,1.2-0.7,2.2-1,3.4c-0.2,0.8-0.7,1.2-1.5,1.4c-0.4,0.1-0.9,0.2-1.3,0.4c-0.4,0.2-0.7,0.5-0.4,1
+	c0.2,0.2,0.1,0.6,0.2,0.8c0.2,0.4,0.5,0.8-0.1,1.1C56,28.7,56,29,56,29.2c0.1,0.7-0.3,1.1-0.9,1.3c-0.7,0.2-1,0.6-0.9,1.4
+	c0.1,0.6-0.3,0.8-0.8,0.8c-0.6,0-1.2,0.1-1.8-0.2c-0.5-0.3-0.8-0.1-1.3,0.1c-0.6,0.3-1.2,0.6-1.8,1c-0.3,0.2-0.6,0.4-1,0.3
+	c-1.2-0.1-1.6,0.9-2.4,1.5c-0.1,0-0.1,0.2-0.1,0.2c0.7,0.6,0.1,1.9,1.1,2.4c1.5,0.7,1.3,2.2,1.2,3.5c0,0.6-0.4,1-1,1.1
+	c-0.5,0.1-1,0.3-1.5,0.6c-1,0.6-1.1,0.8-0.5,1.8C44.7,45.6,44.7,46.2,44.7,46.8C44.9,46.6,44.8,46.7,44.7,46.8z"/>
+</svg>
--- a/public/regions/nouvelle-aquitaine.svg
+++ b/public/regions/nouvelle-aquitaine.svg
@@ -0,0 +1,55 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 83.4 111.9" style="enable-background:new 0 0 83.4 111.9;" xml:space="preserve">
+<style type="text/css">
+	.st0{opacity:0.1;fill:#FFFFFF;}
+</style>
+<path class="st0" d="M12,25.1c0.8,0.1,1.7,0,2.3,0.7c0.4,0.5,1.5,0.1,1.7-0.6c0.1-0.4,0.4-0.6,0.7-0.8c0.3-0.3,1.1-0.5,0.5-1.2
+	c-0.1-0.1,0.1-0.3,0.3-0.3c0.5-0.3,1-0.7,1.6-0.9c0.9-0.5,1.2-0.4,1.6,0.6c0.1,0.1,0.2,0.3,0.2,0.4c0.2,0,0.3,0,0.4-0.1
+	c0.8-0.4,1.6-0.6,2.3,0.2c0.1,0.1,0.3,0.3,0.5,0.2c0.7-0.3,1.5-0.5,2.1-0.9c0.5-0.4,1.1-0.7,1.6-1.2c-0.4-0.4-0.7-1.1-1.6-0.9
+	c0.4-0.7,0.8-1.3,0.2-2c-0.1-0.1-0.1-0.2,0-0.3c0.5-1.4,0.2-2.7-0.5-3.9c-0.1-0.2-0.2-0.4,0-0.5c0.6-0.5,0.1-0.8-0.2-1.2
+	c-0.4-0.5-1-0.9-0.5-1.7c0.2-0.2,0-0.5-0.2-0.6c-0.3-0.3-0.7-0.6-1-0.9c-0.4-0.3-0.8-0.6-0.7-1.3c0.1-0.5-0.5-0.8-0.5-1.3
+	c0.8-0.6,1.6-0.7,2.5-0.4C26,6.4,26.8,6.7,27.6,6c0.3-0.3,0.6-0.5,0.6-1c0-0.4,0.1-0.5,0.5-0.5C30,4.2,31.5,4,33,3.8
+	c0.7-0.1,1.3-0.1,1.7,0.7c0.1,0.2,0.3,0.2,0.5,0.4C35.7,4,36.3,3.3,37,2.6C37.8,2,38,2,38.2,2.8c0.2,0.6,0.6,0.7,1,0.8
+	c0.3,0.1,0.7,0,0.7,0.5c-0.1,0.7,0.5,0.8,0.9,0.9C42.2,5.4,42,5.3,42,6.7c0,0.4,0,0.8-0.1,1.3c1.5,0.2,2.9,0.1,4.3-0.3
+	c0.6-0.2,0.9-0.3,0.7-1c0-0.1,0.1-0.2,0.1-0.4c0.7,0.6,1.5,1,1.6,2.1c0,0.4,0.1,0.8,0.4,1.1c0.7,0.7,1.4,1.4,1.5,2.4
+	c0,0.3,0.4,0.5,0.6,0.7c0.9,0.6,1.1,1.6,0.8,2.5s0,1.3,0.7,1.8c0.4,0.3,0.8,0.7,1.2,1c0.2,0.2,0.5,0.5,0.8,0.5
+	c0.9-0.1,1.1,0.5,1.2,1.2c0.1,0.2,0.1,0.6,0.3,0.7c0.8,0.4,0.8,1,0.7,1.7c0,0.2,0.1,0.4,0.2,0.4c0.6,0,1.3,0.3,1.9-0.1
+	c0.5-0.4,0.8-0.3,1.1,0.1c0.2,0.3,0.4,0.5,0.6,0.8c0.7-0.5,1-1.1,1.5-1.6c0.2-0.2,0.3-0.4,0.6-0.2c0.9,0.4,1.9,0.2,2.8,0.4
+	c0.5,0.1,0.8-0.1,0.9-0.6c0.1-0.7,0.6-0.7,1.2-0.6c1.5,0.3,3.1,0.3,4.5,0.8c0.6,0.2,1.1-0.1,1.7-0.1c1.5-0.1,2,0.3,2.2,1.8
+	c0,0.4,0.3,0.8,0.5,1.1c0.1,0.1,0.2,0.2,0.3,0.2c0.2,0,0.5-0.6,0.7-0.2c0.3,0.8,1.4,0.8,1.7,1.6c0.4,1,0.6,2.1,0.7,3.2
+	c0,0.6,0.1,1.1,0.5,1.6c0.3,0.3,0.3,0.8,0.4,1.3c0.1,0.3,0,0.5-0.2,0.6c-0.6,0.3-0.8,0.8-0.9,1.4c0,0.3-0.3,0.4-0.6,0.6
+	c-0.5,0.3-0.9,0.5-1.4,0.8c-0.8,0.5-0.9,0.9-0.2,1.6c0.3,0.4,0.7,0.7,1,1c0.9,0.9,1,1.3,0.4,2.4c-0.4,0.8-0.4,1.5,0,2.3
+	c0.4,0.6,0.5,1.3,0.3,2.1c-0.1,0.5-0.4,1-0.1,1.5c0.2,0.3,0.1,0.6-0.2,0.7c-0.3,0.2-0.6,0.1-0.9-0.1c-0.5-0.5-0.9-1-1.6-1.1
+	c-0.2,0.6-0.2,1.2-0.2,1.8c0,0.5-0.2,0.8-0.6,1c-0.5,0.3-1,0.7-1.4,1.2c-0.4,0.6-0.7,1.2-0.6,2c0.1,1-0.1,2-1.2,2.6
+	c-0.6,0.3-0.7,0.8-0.3,1.4c0.2,0.3,0.5,0.5,0.2,0.9c-0.2,0.3-0.5,0.3-0.9,0.2c-0.6-0.2-1.3-0.4-1.8,0.3c-0.1,0.1-0.2,0.1-0.3,0
+	c-0.5-0.8-0.8-0.2-1.1,0.1c-0.2,0.2-0.3,0.4-0.5,0.5c-0.7,0.6-1,0.6-1.5-0.2c-0.2-0.3-0.5-0.6-0.6-0.9c-0.6-1.1-1.7-1.3-2.7-1.7
+	c-0.2-0.1-0.3,0-0.5,0.1c-0.6,0.3-1.2,0.5-1.8,0.8c-0.7,0.4-0.9,1.3-0.5,2c0.1,0.2,0.5,0.4,0.4,0.7c-0.1,0.4-0.3,0.8-0.7,1.1
+	c-0.3,0.3-0.6,0.5-0.7,0.9c0,0.4-0.4,0.3-0.7,0.4c-0.8,0.2-1,0.3-0.7,1c0.3,0.6,0.1,0.9-0.2,1.3c-0.3,0.5-0.8,0.6-1.3,0.7
+	c-0.9,0-0.9,0.1-1.1,1c-0.1,0.5-0.5,0.7-0.7,1.1c-0.3,0.9-0.9,1.3-1.8,1.2c-0.5,0-0.5,0.3-0.4,0.7c0.3,1.1,0.5,2.2,1.1,3.2
+	c0.1,0.1,0.1,0.3,0.1,0.4c-1,0.7-1.9,0.2-2.7-0.4c-0.5,0.5-0.5,1.2-0.7,1.8c-0.1,0.2-0.1,0.5,0.1,0.7c0.9,0.7,0.6,1.5,0.2,2.3
+	c-0.3,0.5-0.4,0.9-0.2,1.5c-0.9,0.2-1.8,0.5-2.6,0.7c-0.3,0.3-0.1,0.5,0,0.7c0.1,0.4-0.1,0.6-0.4,0.7c-0.3,0.1-0.6,0.3-0.8,0
+	c-0.9-1.2-2.1-0.6-3.2-0.6c-0.3,0-0.5,0.3-0.6,0.5c-0.2,0.6-0.7,0.8-1.4,0.8c-0.2,0-0.4,0-0.6,0.1c-0.8,0.3-1.4,0.2-1.8-0.6
+	c-0.6,0.3-0.9,0.8-1.4,1.2c-0.3-0.2-0.6-0.4-1-0.7c-0.4,0.6-0.8,1.2-0.7,2c0,0.3,0,0.5-0.3,0.6c-0.3,0-0.5-0.1-0.6-0.3
+	c-0.2-0.4-0.3-0.9-0.5-1.3c-0.4,0-0.5,0.2-0.7,0.4c-0.3,0.3-0.6,0.5-1.2,0.3c-0.9-0.2-1.5,0.2-2,1c-0.3,0.4,0,0.7,0.2,1
+	c0.3,0.5,0.7,1,0.1,1.6c-0.1,0.1-0.1,0.3,0,0.5c0.4,0.8-0.1,1.4-0.5,2c-0.3,0.5-0.5,1-0.6,1.6c-0.2,0.6,0.5,1.7,1.2,1.6
+	c1.5-0.2,2.3,0.7,2.8,1.9c0.1,0.1,0.1,0.2,0.2,0.3c-0.8,1-0.8,1-0.1,2.1c0.1,0.1,0.2,0.3,0.3,0.4c0.5,0.6,0.7,1.2,0,1.9
+	c-0.4,0.4-0.6,1.1-0.8,1.6c-0.4,1.1-1,2-2,2.7c-1.1,0.8-1,0.8-0.6,2.1c-0.5,0.4-1-0.1-1.5,0c-0.1,0.6-0.2,1.2-0.3,1.8
+	c-0.1,0.6-0.1,1.1-0.6,1.5c-0.3,0.2-0.2,0.7-0.2,1c-0.1,0.8-1.4,1.9-2.2,1.7c-0.6-0.2-1.1,0-1.6,0.2c-0.3,0.2-0.5,0.1-0.7-0.1
+	c-0.5-0.7-1.2-1.1-1.8-1.6c-0.6-0.4-0.8-0.9-0.9-1.6c0-0.8-0.1-0.8-0.9-0.9c-0.4,0-0.7,0-1.1,0c-0.9,0.1-1.8-0.1-2.5-0.7
+	c-0.5-0.4-1-0.6-1.6-0.6c-0.7-0.1-1.4-0.1-1.8-0.9c-0.2-0.3-0.5-0.2-0.8-0.3c-1.3-0.1-1.4-0.2-1.3-1.6c0-0.1,0-0.2,0-0.5
+	c-0.6,0.4-1,0.8-1.2,1.4c-0.2,0.7-0.4,0.7-1,0.4c-0.3-0.1-0.5-0.3-0.6-0.6c-0.3-0.4-0.3-0.8,0.2-1c0.7-0.3,1-0.8,0.9-1.5
+	c-0.1-0.3,0.1-0.6,0.3-0.9c0.5-0.7,0.2-1.4-0.6-1.7c-0.4-0.1-0.8-0.3-1.1-0.4c-0.5-0.2-1-0.7-1.5,0.2C5.7,97.4,5,97.2,5,96.7
+	c0-0.8-0.5-0.8-1-0.7c-0.6,0-1.1-0.3-1.4-0.8c-0.3-0.4-0.2-0.8,0.3-0.9C5,94.1,6,92.5,7,91.1c1.1-1.5,1.9-3.2,2.2-5.1
+	c0.4-2.7,1.2-5.3,1.9-7.9c0.9-3.3,1.3-6.7,2-10.1c0.1-0.3,0.1-0.6,0-1c-0.1-0.7,0.1-1.4,0.6-1.9c0.3-0.3,0.4-0.8,0.4-1.2
+	c0-0.5,0.3-0.7,0.7-0.5c0.9,0.5,1.7,0.1,2.6,0.2c-0.5-1.4-1.5-2.3-2.5-3.1c-0.4,0.5-0.8,0.9-1.4,1.6c0.2-1.8,0.4-3.4,0.7-4.9
+	c0.7-4.2,1.4-8.5,1.4-12.8c0-1.1,0.4-2,1.1-2.9c0.2-0.2,0.3-0.4,0.6-0.4c0.3,0.1,0.3,0.4,0.2,0.6c-0.2,0.9,0.3,1.4,0.9,1.9
+	c1,0.8,1.9,1.7,2.8,2.5c0.4,0.4,0.7,0.8,0.8,1.3c0.5,2,1,4,1.5,6c0.4-0.3,0.7-0.6,0.6-1.1c0-0.8,0-1.7-0.2-2.5
+	c-0.4-1.7-0.8-3.4-1.2-5.1c-0.1-0.2-0.1-0.5-0.2-0.7c-1-1-1.8-2.2-3.1-2.9C19.3,41,19,41,19,40.9c-0.5-1.4-2.1-1.6-3-2.7l-0.1-0.1
+	c-1.3,0.1-1.1-0.8-1.2-1.6c-0.1-1.1-0.4-2.1-0.5-3.2c0-0.6-0.4-0.7-0.8-1c-1.4-1-1.4-1-1-3c0.5,0.6,1,1.1,1.8,1
+	c0.4,0,0.4,0.4,0.4,0.6c0,0.6,0,1.3,0.6,1.8c0.2,0.1,0.2,0.4,0,0.5c-0.1,0.2-0.2,0.3-0.3,0.5c-0.4,0.7-0.1,1.1,0.7,1.2
+	c0.2,0,0.5,0.1,0.7-0.1c0.2-0.3-0.1-0.5-0.1-0.8s-0.1-0.7,0.5-0.6c0.5,0,0.5-0.3,0.6-0.6c0.3-0.9,0.4-1.8-0.3-2.5
+	c0.4-0.5,0.8,0,1.2-0.3c0.2-0.6,0.3-1.2-0.5-1.5c-0.1-0.1-0.3-0.3-0.3-0.5c-0.1-0.6-0.6-0.6-1-0.9c-0.8-0.6-1.6-0.8-2.6-0.9
+	C13.2,26.3,12.5,25.6,12,25.1L12,25.1z"/>
+</svg>
--- a/public/regions/occitanie.svg
+++ b/public/regions/occitanie.svg
@@ -0,0 +1,45 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 97.4 73.9" style="enable-background:new 0 0 97.4 73.9;" xml:space="preserve">
+<style type="text/css">
+	.st0{opacity:0.1;fill:#FFFFFF;}
+</style>
+<path class="st0" d="M57,6.5c0.2,0.1,0.2,0.3,0.2,0.5c0.2,0.9,0.2,0.9,1.1,0.8c0.5-0.1,0.7,0.1,0.8,0.6c0,0.4,0.1,0.7,0.2,1.1
+	c0,0.2,0,0.5,0.3,0.5c0.8,0.1,0.7,0.6,0.7,1.2c0,1.1,0.6,1.8,1.4,2.5c1.2-2.1,1.8-4.2,2.5-6.4c0.6,0.1,0.9,0.5,1.5,0.7
+	c0.3-0.2,0.4-0.7,0.5-1c0.1-0.2,0.2-0.6,0.4-0.7c0.5-0.2,1-0.5,1.5-0.5s0.5,0.7,0.6,1.1c0.3,0.6,0.5,1.3,0.8,1.9
+	c0.2,0.5,0.4,0.9,1,0.5C71,9.1,71.5,9,72,8.9s0.8-0.3,1-0.9c0.2,0.9,0.7,1.1,1.4,0.8c0.5-0.2,0.9,0,1.2,0.4c1,1.1,1.7,2.3,1.8,3.9
+	c0,0.7,0.3,1.4,0.9,1.9c0.5,0.4,0.7,0.9,0.5,1.6c-0.2,0.6-0.1,1.2,0.7,1.5c0.8,0.3,1.2,0.9,1,1.8c-0.1,0.5,0,1,0,1.4
+	c0.1,0.1,0.2,0.1,0.2,0.1c0.9-0.6,1.6-0.4,2.4,0.3c0.6,0.5,1.3,0.8,2.1,0.9c0.3-0.6,0.1-1.3,0.6-1.8c0.6,0.3,0.3,1.5,1.4,1.2
+	c0.6-0.2,1.4-0.1,1.3-1.1c0.9,0.5,1.8,0.8,2.5,1.4c0.8,0.7,1.5,1.6,1.4,2.7c-0.1,0.9,0.2,1.6,0.9,2.1c0.4,0.3,0.8,0.7,1.1,1.1
+	c0.8,0.8,0.7,1.3-0.2,1.8c-0.6,0.4-1.3,0.7-1.9,1.1c-0.6,0.3-0.8,0.7-0.8,1.3c-0.1,0.9-0.2,1.8-0.3,2.8c-0.1,0.6-0.4,0.8-1,0.7
+	c-1.7-0.3-1.9-0.1-2.3,1.5c0,0.2-0.1,0.4,0,0.6c0.5,0.5,0.1,0.8-0.3,1c-0.3,0.2-0.6,0.4-0.9,0.6c-0.7,0.3-1.2,0.8-1.4,1.6
+	c-0.2,0.6-0.5,0.8-1.1,0.7c-0.2,0-0.5,0-0.7,0c-1.1,0-1.1,0-1.2-1c0-0.4-0.2-0.6-0.6-0.6c-1.2-0.1-2.3-0.1-3.4,0.7
+	c-2,1.5-4,3-5.9,4.7c-0.9,0.8-1.7,1.3-2.8,1.1c-0.2,0-0.5,0-0.6,0.2c-0.3,0.8-1,0.8-1.7,1c-0.4,0.1-0.8,0.3-1.2,0.4
+	c-0.4,0.1-0.6,0.3-0.6,0.7c0,1.2-1,1.6-1.8,2.3c-0.2,0.2-0.4,0.1-0.6-0.1c-0.4-0.3-0.7-0.7-1.1-0.9c-0.2,0.1-0.3,0.4-0.5,0.6
+	c-0.5,0.8-0.1,1.9,0.9,2.1c0.5,0.1,0.6,0.2,0.6,0.7c-0.2,3.6,0.2,7.2,0.1,10.8c0,0.7,0.1,1.2,0.9,1.5c0.6,0.2,1,0.7,1,1.4
+	c0,0.6-0.2,0.8-0.8,0.6c-0.3-0.1-0.6-0.3-0.8-0.6c-0.4-0.5-0.9-0.6-1.5-0.6c-1.2,0-2.3,0.1-3,1.2c-0.3,0.5-0.8,0.5-1.3,0.6
+	c-0.9,0.2-1.9,0.3-1.7,1.7c-0.8-0.3-1.5-0.6-2,0.2c-0.1,0.1-0.3,0-0.4-0.1c-0.2-0.2-0.4-0.3-0.6-0.5c-1-1.2-2.4-1.6-3.8-2
+	c-1.1-0.3-2.2-0.1-2.9,0.9c-0.1,0.1-0.2,0.2-0.3,0.4c-0.3,0.5-0.8,1-1.4,0.7c-0.6-0.3-1.3-0.7-1.2-1.5c0.1-0.9-0.4-1.2-1.2-1.4
+	c-0.5-0.1-1-0.2-1.4-0.4c-0.8-0.4-1.5-1-1.5-2c0-0.3-0.1-0.6-0.2-1c-0.1-0.5-0.3-0.7-0.8-0.7c-0.9-0.1-1.8-0.2-2.8-0.4
+	c-0.4-0.1-0.8,0.1-1.2,0.2c-0.4,0.2-0.6,0.1-0.8-0.3c0,0,0-0.1-0.1-0.1c-0.5-1.6-1.8-1.9-3.3-1.6c-1.1,0.3-1.8-0.2-2.4-1.1
+	c-0.3-0.5-0.6-0.6-1.2-0.7c-1.6-0.1-3.1-0.3-4.5-1.3c-0.2-0.1-0.3-0.2-0.5-0.3c-1.3-0.6-1.7-0.4-1.7,1c0,0.6-0.1,1.3-0.1,1.9
+	c-0.1,0.9-0.1,1-1,0.8c-1.5-0.2-3,0.1-4.4-0.5c-0.2-0.1-0.4,0.1-0.5,0.2c-0.2,0.2-0.2,0.7-0.7,0.6c-0.4-0.1-0.9-0.1-1.2-0.4
+	l-0.1-0.1c-0.7-1.4-1.7-1.1-2.8-0.5c-0.3,0.2-0.7,0.3-1,0.4c-0.9,0.3-2.2-0.3-2.4-1.3c-0.1-0.6-0.4-0.9-0.9-1.2
+	c-0.6-0.4-1.1-0.8-1.7-1.2S2,55.9,2.5,55.4c0.6-0.6,0.6-1.3,0.7-2c0.1-0.6,0-1,0.9-0.9c0.8,0.1,1.2-0.5,0.8-1.3
+	c-0.2-0.4-0.1-0.7,0.2-0.9c1.4-0.9,2.1-2.3,2.7-3.8C8,46,8.2,45.6,8.5,45.2c0.7-0.9,0.6-0.8,0-1.7C8.3,43.3,8.2,43,8,42.8
+	c-0.4-0.5-0.8-1,0-1.5c0.2-0.1,0.2-0.4,0.1-0.6c-0.2-0.4-0.5-0.7-0.7-1.1c-0.4-1-1.1-1.5-2.3-1.5c-1.1,0-1.4-0.5-1-1.5
+	c0.1-0.3,0.2-0.6,0.4-0.9c0.5-0.6,1-1.2,0.6-2.1c-0.1-0.2,0-0.4,0.1-0.6c0.7-0.5,0.3-0.9,0.1-1.4C5.5,31.3,5,31,5.4,30.5
+	s0.8-0.5,1.3-0.3c0.6,0.3,0.9-0.1,1.2-0.3c0.4,0.1,0.4,0.4,0.6,0.6c0.5,0.7,1.1,0.8,1.8,0.4c0.3-0.2,0.2-0.4,0.2-0.6
+	c0-0.3,0-0.6,0-1c0-0.1,0.1-0.2,0.2-0.3c0.9,0.5,0.9,0.5,1.7-0.3c0.3-0.2,0.4-0.2,0.8-0.1c1.2,0.3,2.4-0.1,3.6-0.4
+	c0.1,0,0.1-0.1,0.1-0.2c0.4-1.2,1.5-0.9,2.4-1c0.5-0.1,0.7,0.5,1,0.8c0.4,0.4,0.7,0.7,1.1,0.1c0.2-0.2,0.4-0.3,0.6-0.3
+	c0.5-0.1,0.6-0.4,0.5-0.9c-0.2-0.4,0.1-0.6,0.5-0.7c0.6-0.1,1.2-0.3,1.8-0.4c0.3-0.1,0.5-0.2,0.4-0.5c-0.3-0.6-0.1-1.1,0.2-1.7
+	c0.1-0.3,0.2-0.6,0.3-0.9c0.2-0.5,0.1-0.9-0.3-1.2c-0.6-0.5-0.4-1-0.1-1.5c1.2,0.7,2.2,0.2,3.4-0.1c-0.3-0.7-0.6-1.4-0.9-2.1
+	s-0.4-1.4-0.6-2.1c0.3-0.2,0.6-0.2,0.8-0.1c0.4,0,0.6-0.2,0.7-0.5c0.2-0.5,0.4-1,0.8-1.3c0.2-0.2,0.3-0.4,0.3-0.6
+	c0-0.6,0.3-0.8,0.8-0.8c1.5,0,1.7-1.4,2.4-2.3c0.2-0.3-0.5-0.2-0.4-0.7c0.7,0.1,1-0.3,1.3-1.1c0.2-0.5,0.7-1,1.1-1.6
+	c0.2-0.4,0.3-0.7-0.1-1.1c-0.7-0.9-0.6-1.1,0.4-1.6c1.4-0.7,2.6-0.4,3.5,0.8c0.3,0.4,0.5,0.7,0.8,1.1c0.7,0.9,1.4,1,2.3,0.3
+	c0.2-0.1,0.3-0.3,0.4-0.4c0.1-0.1,0.3-0.3,0.4-0.1c0.5,0.8,0.8,0.1,1.2-0.2c0.6-0.6,1.1-0.4,1.3,0.4c0.1,0.4,0.2,0.7,0.2,1.1
+	c0,0.9,0.2,1.6,1.1,2c0.3,0.2,0.4,0.4,0.2,0.8c-0.3,0.5-0.4,1-0.7,1.6c-0.1,0.3-0.2,0.6,0.2,0.7c0.7,0.2,0.6,0.6,0.5,1.2
+	c-0.2,0.7-0.2,0.7,0.5,0.8c0.6,0.1,1.2,0.1,1.5-0.7c0.2-0.4,0.5-0.6,1-0.3c1,0.6,2.1,0.1,3.1,0.2c0.1,0,0.2,0,0.2-0.1
+	c0.3-0.7,1.1-1.2,1.3-1.9c0.2-0.5,0-1.1,0.7-1.4c0.2-0.1,0.2-0.4,0.1-0.6C55.1,7.9,55.9,7.1,57,6.5z"/>
+</svg>
--- a/public/regions/pays-de-la-loire.svg
+++ b/public/regions/pays-de-la-loire.svg
@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 61.4 58.9" style="enable-background:new 0 0 61.4 58.9;" xml:space="preserve">
+<style type="text/css">
+	.st0{opacity:0.1;fill:#FFFFFF;}
+</style>
+<path class="st0" d="M50.5,25.3c-0.5-0.3-1-0.7-1.5-1c-0.5,0.6-0.7,1.3-1,1.9c-0.1,0.1-0.1,0.3-0.1,0.3c0.6,0.8,0,1.3-0.4,1.9
+	c-0.2,0.3-0.1,0.8-0.1,1.2c0,0.4,0.1,0.7-0.2,1c-1.1,1-1.4,2.3-1.7,3.7c-0.1,0.5-0.4,0.7-0.8,1c-0.8,0.6-1.4,1.3-2.1,2.2
+	c-0.3-0.7-0.9-0.7-1.6-0.7c-2,0-3.8,0.7-5.8,0.6c-0.4,0-0.5,0.3-0.6,0.6c-0.1,1.2-0.5,1.5-1.7,1.1c-1.5-0.5-2.7,0-4,0.7
+	c0.4,0.8,1.1,1.5,1.1,2.5c0,0.5,0.7,0.7,1.1,1.1c0.4,0.4,0.8,0.7,0.4,1.3c-0.3,0.4,0.1,0.7,0.3,0.9c0.4,0.4,1,0.8,0.4,1.5
+	c-0.2,0.2,0.1,0.5,0.2,0.6c0.8,1.1,1.1,2.3,0.4,3.6l-0.1,0.1c0.8,1-0.2,2.1,0.1,3.1c0.1,0.3,0.1,0.5,0.5,0.5l0,0
+	c-0.4,0.8-1.3,0.7-2,1.1c-0.3,0.2-0.6-0.2-0.8-0.4c-0.5-0.4-0.9-0.5-1.4-0.2c-0.4,0.3-0.8,0.2-0.9-0.3c-0.1-0.6-0.5-0.7-1-0.6
+	c-0.4,0.1-0.7,0.1-1.1,0.2c-0.9,0.4-1.6,1.3-2.8,1.3c-0.3,0-0.1,0.6-0.4,0.8c-0.8-0.3-1.5-0.6-1.9-1.4c-0.2-0.5-0.7-0.6-1.2-0.6
+	C19,55,18.6,54.7,18.4,54c-0.2-0.7-0.6-0.9-1.3-0.8c-0.8,0.1-1.4-0.2-1.9-0.8s-1.1-1.1-1.8-1.3c-0.5-0.2-0.8-0.5-0.9-1.1
+	c-0.1-0.4-0.3-0.8-0.4-1.1c-0.5-2.2-1.7-3.9-3.3-5.3c-0.7-0.6-0.9-1.3-0.9-2.2c0-0.4,0.2-0.8,0.5-1.1c0.8-1,1.5-1.9,2.3-2.9
+	c-0.7-0.6-1.4-1.2-2-1.8c-0.4-0.4-0.9-0.2-1.4-0.2c-0.3,0-0.7,0.3-0.8-0.2c-0.1-0.5,0.3-0.4,0.6-0.5C8,34.4,8.3,33.8,8,32.9
+	c-0.1-0.5,0-0.9,0.5-1.1C9,31.7,9,31.5,9,31.3c-0.1-0.2-0.3-0.2-0.5-0.3c-0.5-0.1-0.7,0.3-1,0.6c-0.9,1-1.6,0.9-2.5-0.1
+	c-0.3-0.4-0.5-0.5-0.9,0c-0.3,0.3-1.1,0-1.9-0.5c0.3-0.6,1-1.2,0.3-1.9c-0.2-0.2,0.1-0.4,0.3-0.6c0.5-0.4,1-0.8,1.2-1.5
+	c0-0.2,0.3-0.3,0.6-0.1c0.7,0.4,1.4,0.4,2.1,0c1-0.5,2-1,3-1.3c0.5-0.2,0.8-0.5,0.8-1.1v-0.1c0.1-0.5-0.2-1.2,0.3-1.6
+	c0.7-0.5,1.4-1,2.3-1c1.3-0.1,2.5-0.2,3.8-0.2c0.6,0,1.1-0.1,1.4-0.8c0.2-0.7,0.8-1.1,1.6-1.1c0.5,0,1.1,0,1.3-0.8
+	c0.1-0.4,0.8-0.3,1.2,0.2c0.4,0.6,1,0.8,1.6,0.9c0.9,0.2,0.9,0.2,1.2-0.7c0.3-1.1,0.7-2.2,1.2-3.3c0.4-1,0.4-1,1.5-1
+	c0.9,0,0.9,0,0.9-0.9c0-0.8,0.2-1.6-0.5-2.1c-0.1-1.4-0.2-2.9-0.3-4.3c0-0.2,0.1-0.4,0.3-0.5c0.8-0.8,0.7-1.7,0.3-2.5
+	c-0.1-0.3-0.2-0.6-0.2-0.9c0-0.8,0-0.8,0.8-0.8c0.4,0,0.7,0,1-0.3c0.5-0.4,1-0.2,1.4,0.3c0.3,0.3,0.5,0.7,0.9,1
+	C33,4.5,33,4.5,33.9,4c0.2-0.1,0.5-0.4,0.8-0.1c0.5,0.5,1,0.2,1.4-0.1c1-0.7,1.9-1,3.2-0.7c0.9,0.2,1.8-0.1,2.4-1
+	c0.2-0.4,0.6-0.3,0.8,0s0.3,0.8,0.3,1.2c0,0.5,0.2,1,0.8,1.1c0.5,0.1,0.6,0.5,0.7,0.9c0.1,0.4,0.1,0.9,0.6,1c0.7,0.1,1.4,0.3,2-0.2
+	c0.5-0.5,1-0.9,1.5-1.4c0.7-0.7,1.5-0.5,2.3-0.4c0.4,0.1,0.5,0.6,0.6,1c0.1,0.7,0.2,1.4,0.3,2c0,0.5,0.2,0.8,0.7,0.9
+	c0.7,0.1,1.1,0.6,1.5,1.2c0.2,0.4,0.5,0.6,1,0.5c0.8-0.2,1.3,0.5,2,0.5c0.4,0,0.5,0.9,1.1,1c0.5,0.1,1,0.2,1.5,0.6
+	c-0.4,0.6-0.8,1.3-1.2,1.9c-0.2,0.4-0.2,0.6,0.1,0.9c0.5,0.5,0.6,1.9,0.3,2.5c-0.1,0.1-0.2,0.2-0.2,0.2c-0.9,0-0.9,0.6-0.8,1.3
+	c0,1.1-0.6,1.8-1.5,2.2c-0.6,0.3-1.4,0.7-1.4,1.2c0.1,1.2-0.7,1.1-1.4,1.3h-0.1c-0.8,0.7-1.6,0.6-2.4-0.2c-0.3,0.5,0.1,0.9,0.1,1.2
+	C50.9,25.1,50.9,25.3,50.5,25.3z"/>
+</svg>
--- a/public/regions/provence-alpes-côte-d'azur.svg
+++ b/public/regions/provence-alpes-côte-d'azur.svg
@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 65.4 57.9" style="enable-background:new 0 0 65.4 57.9;" xml:space="preserve">
+<style type="text/css">
+	.st0{opacity:0.1;fill:#FFFFFF;}
+</style>
+<path class="st0" d="M28.9,12.9c0.6,0,1.1,0,1.5,0c0.7-0.1,1.2-0.7,1.1-1.5c0-0.6,0.2-0.8,0.7-0.6c0.3,0.1,0.6,0.1,0.9-0.2
+	c0.5-0.6,1.2-0.6,1.9-0.4c0.5,0.1,0.9,0.1,1.3-0.3c0.4-0.5,0.9-0.3,1.4-0.2c0.6,0,0.8-0.1,0.8-0.7c0-0.4,0-0.7,0-1.1s0-0.8-0.5-1
+	c-0.1-0.1-0.3-0.2-0.3-0.3c-0.1-1.1-0.9-1.2-1.8-1.2c-0.1,0-0.2-0.1-0.3-0.1c-0.2-0.3,0-0.7,0.1-0.9c0.1-0.7,0.9-1.1,1.6-0.9
+	c0.4,0.1,0.3,0.5,0.4,0.8c0.2,0.9,0.2,0.9,1.2,0.7c0.2,0,0.4-0.1,0.6-0.1c0.6,0,0.8-0.3,0.8-0.8s0.2-0.9,0.7-0.8
+	c0.6,0.1,1.3-0.2,1.6,0.6c0.3,0.7,0.6,1.4,1.5,1.6c0.4,0.1,0.4,0.5,0.4,0.8c0.3,2,0.3,2,2.1,2.8c0.4,0.2,0.8,0.2,1.3,0.1
+	c0.9-0.1,1.1,0.1,1.2,1c0.2,1.5,0.2,1.5,1.4,2.4c-0.5,0.2-1.1,0.3-1.4,0.8c-0.3,0.4-0.6,0.7-0.4,1.3c0.1,0.4-0.1,0.8-0.4,1.1
+	c-0.2,0.2-0.3,0.4-0.5,0.5c-1.2,1.3-1.1,2.2,0.5,3c-0.1,0.4-0.7,0.1-0.6,0.7c0.1,0.4,0,0.8,0,1.2c0,0.5,0.4,0.6,0.7,0.8
+	c0.8,0.4,1.2,0.9,1.1,1.8c-0.1,0.4,0.2,0.6,0.6,0.6c0.5,0,1,0,1.4,0.1c1.1,0.2,2.1,0.7,2.8,1.5c0.8,0.8,1.8,0.9,2.8,0.5
+	c1-0.3,1.9-0.7,2.9-1c0.4-0.1,0.8-0.2,1.2-0.3c0.2,0,0.4,0,0.5,0.2c0.4,1.1,1.2,2.1,0.8,3.5c-0.2,0.7-0.5,1.1-1.2,1.3
+	c-0.9,0.2-0.9,0.3-0.8,1.2c0.1,0.5-0.2,0.7-0.5,0.9c-0.8,0.7-0.8,0.7-0.4,1.6c0.4,1,0.4,1-0.4,1.5c-0.5,0.3-0.5,0.9-0.9,1.2
+	s-1-0.1-1.4,0.2c-0.2,0.1-0.4,0.3-0.5,0.5c-0.6,0.7-1.3,1-2.2,1c-0.6,0-0.9,0.2-0.9,0.9c0,0.1,0,0.2,0,0.2c0.4,1.2-0.7,1.5-1.3,2
+	c-0.2,0.2-0.5,0-0.8,0C50,41,50,41,50,42.1c0,0.7-0.2,1.2-0.7,1.7c-0.5,0.7-1.2,0.9-2,0.9c-1.1,0.1-1.1,0.1-1.4,1.2
+	c-0.2,0.7-0.5,1.2-1.1,1.5c-0.4,0.2-0.7,0.5-1.1,0.7c0.2,0.2,0.5,0.1,0.6,0.2c0.4,0,0.9-0.2,1.1,0.2c0.2,0.4,0.1,1,0.1,1.4
+	s-0.9,0.8-1.4,0.6c-0.6-0.2-1.1-0.2-1.5,0.4c-0.2,0.3-0.6,0.2-0.9,0.2c-1.2,0-1.4,0.2-1.8,1.4c-0.1,0.4-0.2,0.7-0.7,0.3
+	c-0.2-0.2-0.5-0.2-0.8-0.3C37.5,52,36.7,52.2,36,53c-0.3,0.3-0.5,0.4-0.8,0.3c-0.2,0-0.3,0-0.5-0.1c-1.2-0.2-2.2,0-3.2,0.7
+	c-0.2,0.2-0.5,0.3-0.7,0.5c-0.5,0.3-0.9,0.1-1-0.4c-0.1-1-0.7-1.5-1.5-1.8c-0.6-0.2-1-0.8-1.6-1c-1.3-0.5-2.5-0.4-3.8-0.4
+	c-0.3,0-0.6,0.1-1-0.1c0.1-0.4,0.2-0.7,0.4-1.1c-0.4-0.4-0.9-0.1-1.2-0.3c0-0.4,0.3-0.5,0.5-0.7c0.3-0.4,0.1-0.7,0-1
+	c-0.2-0.4-0.5-0.1-0.7,0c-0.6,0.3-1.2,0.3-1.8,0.3c-0.7,0-1.5-0.1-2.2,0c-1,0.1-1.7-0.1-2-1.2c-0.3-0.8-1.1-0.9-1.8-1.1
+	c-0.6-0.1-0.9,0.6-1.4,0.9c0.4,0.5,0.8,0.8,1.2,1.2c-1.5,0.7-2.8,0.7-5.4-0.2c0.1-1.1,0.9-1.1,1.8-1.1c-0.3-0.7-0.8-1-1.5-1.1
+	c-0.8,0-1.6-0.1-2.4-0.2c-0.8,0-1.6-0.1-2.5-0.1C3,44.3,3.3,43.7,4,43.4c0.6-0.3,1.2-0.7,1.8-1.1c0.4-0.2,0.6-0.5,0.2-0.9
+	c-0.3-0.3-0.3-0.6-0.2-1c0.3-0.8,0.3-0.8,1.1-0.7c0.6,0.1,1.2,0.4,1.6,0.1c0.5-0.3,0.2-1.1,0.4-1.6c0.2-1,0-2.1,0.5-2.9
+	c0.5-0.8,1.7-1.1,2.5-1.6c0.9-0.6,1.1-1.5,0.4-2.3c-0.2-0.3-0.5-0.5-0.8-0.8c-0.9-0.8-1.6-1.6-1.4-2.9c0.1-0.7-0.5-1.3-0.9-1.8
+	c-1-1.6-0.5-1.4,0.9-1.6c0.4-0.1,0.6,0.1,0.6,0.5c0,0.2,0,0.3-0.1,0.5c-0.3,0.7,0,1.2,0.6,1.7c0.4-0.1,0.7-0.5,1-0.8
+	s0.6-0.6,1.1-0.6c0.2,0,0.5,0,0.6-0.1c0.3-0.8,0.9-0.4,1.4-0.4c0.6,0,1.2,0,1.2,0.9c0,0.5,0.4,0.5,0.8,0.5c0.9,0.1,1.8,0.2,2.7,0.2
+	c0.5,0,0.8,0.1,1,0.6c0.3,0.8,1,1.1,1.7,1.4c0.8,0.3,1.5,0.1,2.1-0.6c0.2-0.2,0.3-0.5,0.5-0.7c0.6,0.2,0.7,0.8,1.3,1.1
+	c0.1-1.3,0.3-2.6,0.4-3.9c0-0.2,0-0.4-0.1-0.4c-1.2-0.4-1.7-1.9-3.2-1.8c-0.4,0-0.9-0.1-1-0.7c-0.2-0.6,0.4-0.7,0.7-1
+	c0.1-0.1,0.2-0.2,0.4-0.4c-0.3-0.3-0.6-0.5-0.9-0.8c0.6-0.2,1,0,1.4,0.3c0.6,0.4,1,0.2,1.3-0.3c0.1-0.1,0.2-0.3,0.3-0.4
+	c0.5-0.4,0.6-0.8,0-1.2c-0.7-0.5-0.3-1.1-0.2-1.8c0.1-0.7,0.6-0.7,1.1-0.7c0.6,0,1.2-0.3,1.7-0.5C29.7,14.5,29.8,13.9,28.9,12.9z"/>
+</svg>
--- a/public/regions/réunion.svg
+++ b/public/regions/réunion.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 27.4 23.9" style="enable-background:new 0 0 27.4 23.9;" xml:space="preserve">
+<style type="text/css">
+	.st0{opacity:0.1;fill:#FFFFFF;}
+</style>
+<path class="st0" d="M16.4,21.2c-0.7-0.3-1.4-0.6-2.2-0.7c-1.5-0.2-3-0.7-4.3-1.6c-0.9-0.6-1.8-1.1-2.7-1.7c-0.7-0.4-1.2-1-1.7-1.5
+	c-0.6-0.6-1-1.4-0.8-2.3c0.1-0.7-0.1-1.3-0.7-1.8c-0.5-0.5-1-1-1.3-1.7C2.2,8.8,2.5,8.1,3.5,7.6c0.7-0.4,1.1-0.9,1.2-1.7
+	C4.8,5.2,5.2,4.8,6,4.5c1-0.4,2.2-0.7,3.2-1.4C10,2.5,11,2.6,11.9,2.9c0.7,0.3,1.4,0.4,2.1,0.3c2.1-0.1,3.8,0.8,5.4,2.1
+	C19.8,5.7,20,6.2,20,6.7c0,1.4,0.6,2.7,1.6,3.7c0.1,0.1,0.3,0.3,0.4,0.5c0.4,0.7,1.1,1.1,1.8,1.4c1.2,0.4,1.3,1,0.9,2.2
+	c-0.2,0.5-0.4,0.9-0.8,1.2c-0.7,0.8-0.8,1.7-0.8,2.7c0.1,1-0.2,1.5-1.2,1.9C21,20.7,20,20.9,19.1,21c-0.3,0-0.7,0-0.9,0.2
+	C17.6,21.2,17,21.2,16.4,21.2z"/>
+</svg>
--- a/public/safari-pinned-tab.svg
+++ b/public/safari-pinned-tab.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="98.000000pt" height="98.000000pt" viewBox="0 0 98.000000 98.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.14, written by Peter Selinger 2001-2017
+</metadata>
+<g transform="translate(0.000000,98.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M34 804 l-34 -35 0 -284 0 -284 34 -35 33 -36 132 0 131 0 0 355 0
+355 -131 0 -132 0 -33 -36z"/>
+<path d="M650 485 l0 -355 125 0 c207 0 205 -4 205 355 0 359 2 355 -205 355
+l-125 0 0 -355z"/>
+</g>
+</svg>
--- a/public/site.webmanifest
+++ b/public/site.webmanifest
@@ -0,0 +1,13 @@
+{
+    "name": "Mon d\u00e9put\u00e9",
+    "short_name": "Mon d\u00e9put\u00e9",
+    "icons": [
+        {
+            "src": "/public/android-chrome-96x96.png",
+            "sizes": "96x96",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#020617",
+    "background_color": "#020617"
+}
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,11 +1,6 @@
-<script setup lang="ts">
-import Navbar from "./components/navbar/Navbar.vue";
-</script>
-
 <template>
  <div id="wrapper">
-    <Navbar />
-    <div id="content">
+    <div class="flex justify-center items-center">
      <RouterView />
    </div>
  </div>
@@ -17,6 +12,6 @@ import Navbar from "./components/navbar/Navbar.vue";
  min-height: 100vh;

  display: grid;
-  grid-template-rows: auto 1fr;
+  grid-template-rows: 1fr;
 }
 </style>
--- a/src/assets/main.css
+++ b/src/assets/main.css
@@ -5,5 +5,23 @@
@tailwind utilities;

 body {
-  @apply text-slate-300 bg-slate-950
+  @apply text-slate-100 bg-slate-950
 }
+
+@layer components {
+  .btn-red {
+    @apply bg-red-600 outline-red-700 hover:bg-red-700
+  }
+  .btn-twitter {
+    @apply bg-twitter-500 outline-twitter-600 hover:bg-twitter-600
+  }
+  .btn-facebook {
+    @apply bg-facebook-500 outline-facebook-600 hover:bg-facebook-600
+  }
+  .btn-instagram {
+    @apply bg-instagram-500 outline-instagram-600 hover:bg-instagram-600
+  }
+  .btn-linkedin {
+    @apply bg-linkedin-500 outline-linkedin-600 hover:bg-linkedin-600
+  }
+}
--- a/src/components/GeolocRequest.vue
+++ b/src/components/GeolocRequest.vue
@@ -0,0 +1,52 @@
+<script lang="ts" setup>
+import { useRepStore } from "@/stores/repStore";
+import { useGeolocation } from "@vueuse/core";
+import RepButton from "./RepButton.vue";
+import { computed, ref } from "vue";
+
+const { coords } = useGeolocation();
+const { getRep, setRep } = useRepStore();
+
+const isFetching = ref<boolean>(false);
+const lastError = ref<string>("");
+
+const buttonIcon = computed(() =>
+  isFetching.value ? "spinner" : "location-dot"
+);
+
+async function handleGeolocClick() {
+  isFetching.value = true;
+
+  try {
+    const rep = await getRep(coords.value.longitude, coords.value.latitude);
+
+    setRep(rep);
+  } catch (err) {
+    const error = (await err) as Error;
+    lastError.value = error.message;
+  } finally {
+    isFetching.value = false;
+  }
+}
+</script>
+
+<template>
+  <section class="text-center">
+    <header class="mb-4">
+      <h1 class="mt-4 text-center font-bold text-3xl">
+        Qui me représente à l'Assemblée Nationale ?
+      </h1>
+    </header>
+    <RepButton @click="handleGeolocClick" :style="'btn-red'">
+      <font-awesome-icon
+        :icon="['fass', buttonIcon]"
+        size="lg"
+        :class="{ 'fa-spin': isFetching }"
+      />
+      <span>Géolocalisation</span>
+    </RepButton>
+    <div v-if="lastError" class="mt-4 max-w-lg mx-auto text-sm text-red-400">
+      {{ lastError }}
+    </div>
+  </section>
+</template>
--- a/src/components/RepButton.vue
+++ b/src/components/RepButton.vue
@@ -0,0 +1,28 @@
+<script lang="ts" setup>
+import { computed } from "vue";
+
+const props = defineProps<{
+  href?: string;
+  target?: string;
+  rel?: string;
+  style?:
+    | "btn-red"
+    | "btn-twitter"
+    | "btn-facebook"
+    | "btn-instagram"
+    | "btn-linkedin";
+}>();
+
+const elementTag = computed(() => (props.href ? "a" : "button"));
+</script>
+
+<template>
+  <component
+    :is="elementTag"
+    v-bind="props"
+    class="w-full md:w-max py-[10px] px-4 flex md:inline-flex text-white justify-center items-center gap-2 rounded-md font-semibold tracking-wide outline-2 outline-offset-4 focus-visible:outline transition-colors"
+    :class="props.style"
+  >
+    <slot />
+  </component>
+</template>
--- a/src/components/RepInfo.vue
+++ b/src/components/RepInfo.vue
@@ -0,0 +1,164 @@
+<script lang="ts" setup>
+import RepButton from "./RepButton.vue";
+
+import type { Depute } from "@/models/rep";
+import { computed } from "vue";
+
+const props = defineProps<{
+  rep: Depute;
+}>();
+
+const repImage = computed(() => {
+  const imageRef = props.rep.acteur.uid["#text"].replace("PA", "");
+  return `https://www2.assemblee-nationale.fr/static/tribun/16/photos/carre/${imageRef}.jpg`;
+});
+
+const repFullName = computed(
+  () =>
+    `${props.rep.acteur.etatCivil.ident.prenom} ${props.rep.acteur.etatCivil.ident.nom}`
+);
+
+const repMandate = computed(() => {
+  const parliamentMandate = props.rep.acteur.mandats.mandat.find(
+    (mandate) => mandate["@xsi:type"] === "MandatParlementaire_type"
+  );
+  return parliamentMandate;
+});
+
+const repTwitter = computed(() =>
+  props.rep.acteur.adresses.adresse.find(
+    (adr) => adr["typeLibelle"] === "Twitter"
+  )
+);
+const repFacebook = computed(() => {
+  const data = props.rep.acteur.adresses.adresse.find(
+    (adr) => adr["typeLibelle"] === "Facebook"
+  );
+  if (data) {
+    data.valElec = String(data.valElec).replace(/^(.*[\\/])/, "");
+  }
+  return data;
+});
+const repInstagram = computed(() => {
+  const data = props.rep.acteur.adresses.adresse.find(
+    (adr) => adr["typeLibelle"] === "Instagram"
+  );
+  return data;
+});
+const repLinkedin = computed(() => {
+  const data = props.rep.acteur.adresses.adresse.find(
+    (adr) => adr["typeLibelle"] === "Linkedin"
+  );
+  if (data) {
+    data.valElec = String(data.valElec).replace(/^(.*[\\/])/, "");
+  }
+  return data;
+});
+
+const regionBgFile = computed(
+  () =>
+    `regions/${String(repMandate.value?.election?.lieu.region)
+      .toLocaleLowerCase()
+      .replace(/\s/g, "-")}.svg`
+);
+</script>
+
+<template>
+  <section class="py-8 md:py-0 w-96 max-w-full">
+    <header class="relative">
+      <div class="text-center">
+        <small class="text-base font-bold"> Votre député·e est... </small>
+      </div>
+      <figure class="mt-4 mx-auto w-44 h-44 rounded-full overflow-hidden">
+        <img
+          :src="repImage"
+          :alt="repFullName"
+          class="w-full h-full object-contain"
+        />
+      </figure>
+
+      <h1 class="mt-4 text-center font-bold text-3xl">
+        {{ repFullName }}
+      </h1>
+      <h2 class="text-center font-bold text-xl">
+        {{ repMandate?.election?.lieu.departement }} -
+        {{ repMandate?.election?.lieu.numCirco }}e circonscription
+      </h2>
+
+      <img
+        :src="regionBgFile"
+        class="absolute top-0 left-0 w-full h-full object-contain select-none -z-20 pointer-events-none"
+      />
+    </header>
+
+    <h3 class="mt-2 text-center font-medium text-lg">
+      {{ rep.acteur.profession.libelleCourant }}
+    </h3>
+
+    <footer class="mt-8">
+      <div class="mt-4 text-center">
+        <RepButton
+          :href="`https://www.assemblee-nationale.fr/dyn/deputes/${rep.acteur.uid['#text']}`"
+          target="_blank"
+          rel="noopener"
+          :style="'btn-red'"
+        >
+          <font-awesome-icon :icon="['fass', 'landmark']" size="lg" />
+          <span>Fiche Assemblée</span>
+        </RepButton>
+      </div>
+
+      <menu
+        class="mt-4 flex flex-col gap-y-4 md:justify-center md:flex-row md:gap-x-3 md:gap-y-0"
+      >
+        <li v-if="repTwitter">
+          <RepButton
+            :href="`https://twitter.com/${repTwitter.valElec}`"
+            target="_blank"
+            rel="noopener"
+            :style="'btn-twitter'"
+          >
+            <font-awesome-icon :icon="['fab', 'twitter']" size="lg" />
+            <span>Twitter</span>
+          </RepButton>
+        </li>
+
+        <li v-if="repFacebook">
+          <RepButton
+            :href="`https://www.facebook.com/${repFacebook.valElec}`"
+            target="_blank"
+            rel="noopener"
+            :style="'btn-facebook'"
+          >
+            <font-awesome-icon :icon="['fab', 'facebook']" size="lg" />
+            <span>Facebook</span>
+          </RepButton>
+        </li>
+
+        <li v-if="repLinkedin">
+          <RepButton
+            :href="`https://www.linkedin.com/${repLinkedin.valElec}`"
+            target="_blank"
+            rel="noopener"
+            :style="'btn-linkedin'"
+          >
+            <font-awesome-icon :icon="['fab', 'linkedin']" size="lg" />
+            <span>Linkedin</span>
+          </RepButton>
+        </li>
+
+        <li v-if="repInstagram">
+          <RepButton
+            :href="`https://www.instagram.com/${repInstagram.valElec}`"
+            target="_blank"
+            rel="noopener"
+            :style="'btn-instagram'"
+          >
+            <font-awesome-icon :icon="['fab', 'instagram']" size="lg" />
+            <span>Instagram</span>
+          </RepButton>
+        </li>
+      </menu>
+    </footer>
+  </section>
+</template>
--- a/src/components/navbar/Navbar.vue
+++ b/src/components/navbar/Navbar.vue
@@ -1,5 +1,5 @@
 <template>
  <nav class="bg-slate-900">
-    <div class="container py-4">Menu</div>
+    <div class="container py-4">Mon Député</div>
  </nav>
 </template>
--- a/src/main.ts
+++ b/src/main.ts
@@ -6,9 +6,36 @@ import router from "./router";

 import "./assets/main.css";

+import { library } from "@fortawesome/fontawesome-svg-core";
+
+import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
+import {
+  faTwitter,
+  faFacebook,
+  faLinkedin,
+  faInstagram,
+} from "@fortawesome/free-brands-svg-icons";
+import {
+  faLandmark,
+  faLocationDot,
+  faSpinner,
+} from "@fortawesome/free-solid-svg-icons";
+
+library.add(
+  faTwitter,
+  faFacebook,
+  faLinkedin,
+  faInstagram,
+  faLandmark,
+  faLocationDot,
+  faSpinner
+);
+
 const app = createApp(App);

 app.use(createPinia());
 app.use(router);

+app.component("font-awesome-icon", FontAwesomeIcon);
+
 app.mount("#app");
--- a/src/models/rep.ts
+++ b/src/models/rep.ts
@@ -0,0 +1,146 @@
+export interface Depute {
+  acteur: Acteur;
+}
+
+export interface Acteur {
+  "@xmlns:xsi": string;
+  uid: Uid;
+  etatCivil: EtatCivil;
+  profession: Profession;
+  uri_hatvp: string;
+  adresses: Adresses;
+  mandats: Mandats;
+}
+
+export interface Adresses {
+  adresse: { [key: string]: null | string }[];
+}
+
+export interface EtatCivil {
+  ident: Ident;
+  infoNaissance: InfoNaissance;
+  dateDeces: null;
+}
+
+export interface Ident {
+  civ: string;
+  prenom: string;
+  nom: string;
+  alpha: string;
+  trigramme: string;
+}
+
+export interface InfoNaissance {
+  dateNais: Date;
+  villeNais: string;
+  depNais: string;
+  paysNais: string;
+}
+
+export interface Mandats {
+  mandat: Mandat[];
+}
+
+export interface Mandat {
+  "@xsi:type": XsiType;
+  uid: string;
+  acteurRef: Text;
+  legislature: null | string;
+  typeOrgane: string;
+  dateDebut: Date;
+  datePublication: Date | null;
+  dateFin: Date | null;
+  preseance: string;
+  nominPrincipale: string;
+  infosQualite: InfosQualite;
+  organes: Organes;
+  suppleants?: Suppleants | null;
+  libelle?: null;
+  missionSuivanteRef?: null;
+  missionPrecedenteRef?: null;
+  chambre?: null;
+  election?: Election;
+  mandature?: Mandature;
+  collaborateurs?: Collaborateurs;
+}
+
+export enum XsiType {
+  MandatAvecSuppleantType = "MandatAvecSuppleant_Type",
+  MandatMissionType = "MandatMission_Type",
+  MandatParlementaireType = "MandatParlementaire_type",
+  MandatSimpleType = "MandatSimple_Type",
+}
+
+export enum Text {
+  Pa794094 = "PA794094",
+}
+
+export interface Collaborateurs {
+  collaborateur: Collaborateur[];
+}
+
+export interface Collaborateur {
+  qualite: string;
+  prenom: string;
+  nom: string;
+  dateDebut: null;
+  dateFin: null;
+}
+
+export interface Election {
+  lieu: Lieu;
+  causeMandat: string;
+  refCirconscription: string;
+}
+
+export interface Lieu {
+  region: string;
+  regionType: string;
+  departement: string;
+  numDepartement: string;
+  numCirco: string;
+}
+
+export interface InfosQualite {
+  codeQualite: string;
+  libQualite: string;
+  libQualiteSex: string;
+}
+
+export interface Mandature {
+  datePriseFonction: Date;
+  causeFin: null;
+  premiereElection: string;
+  placeHemicycle: string;
+  matriculeVote: string;
+  mandatRemplaceRef: null;
+}
+
+export interface Organes {
+  organeRef: string;
+}
+
+export interface Suppleants {
+  suppleant: Suppleant;
+}
+
+export interface Suppleant {
+  dateDebut: Date;
+  dateFin: null;
+  suppleantRef: string;
+}
+
+export interface Profession {
+  libelleCourant: string;
+  socProcINSEE: SocProcINSEE;
+}
+
+export interface SocProcINSEE {
+  catSocPro: string;
+  famSocPro: string;
+}
+
+export interface Uid {
+  "@xsi:type": string;
+  "#text": Text;
+}
--- a/src/stores/repStore.ts
+++ b/src/stores/repStore.ts
@@ -1,11 +1,25 @@
+import type { Depute } from "@/models/rep";
 import { defineStore } from "pinia";
+import { ref } from "vue";

-export const useCirStore = defineStore("repStore", () => {
-  async function getRep(lon: number, lat: number): Promise<any> {
-    return fetch(`http://localhost:3000/rep?lat=${lat}&lon=${lon}`).then((t) =>
-      t.json()
-    );
+const apiUrl = import.meta.env.VITE_API_URL;
+
+export const useRepStore = defineStore("repStore", () => {
+  const currentRep = ref<Depute | null>(null);
+
+  async function getRep(lon: number, lat: number): Promise<Depute> {
+    return fetch(`${apiUrl}/rep?lat=${lat}&lon=${lon}`).then(async (res) => {
+      if (res.ok) {
+        return res.json();
+      } else {
+        throw res.json().then((res) => new Error(res.message));
+      }
+    });
  }

-  return { getRep };
+  function setRep(rep: Depute) {
+    currentRep.value = rep;
+  }
+
+  return { getRep, setRep, currentRep };
 });
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -1,33 +1,42 @@
 <script lang="ts" setup>
-import { useCirStore } from "@/stores/repStore";
-import { useGeolocation } from "@vueuse/core";
-import { ref } from "vue";
+import GeolocRequest from "@/components/GeolocRequest.vue";
+import RepInfo from "@/components/RepInfo.vue";
+import { useRepStore } from "@/stores/repStore";
+import { storeToRefs } from "pinia";

-const { coords } = useGeolocation();
-const { getRep } = useCirStore();
-
-const currentRepValue = ref<any>();
-
-async function handleGeolocClick() {
-  currentRepValue.value = await getRep(
-    coords.value.longitude,
-    coords.value.latitude
-  );
-}
+const { currentRep } = storeToRefs(useRepStore());
 </script>

 <template>
  <div>
    <main class="container py-4">
-      <button
-        class="py-2 px-4 rounded-sm bg-white text-sm text-slate-950"
-        @click="handleGeolocClick"
-      >
-        Trouver mon député
-      </button>
-      <pre>
-        {{ currentRepValue }}
-      </pre>
+      <Transition name="fade" mode="out-in">
+        <GeolocRequest v-if="!currentRep" />
+        <Suspense v-else>
+          <RepInfo :rep="currentRep" />
+        </Suspense>
+      </Transition>
    </main>
  </div>
 </template>
+
+<style scoped>
+.fade-enter-from {
+  opacity: 0;
+}
+.fade-enter-to {
+  opacity: 1;
+}
+.fade-enter-active {
+  transition: all 0.3s ease;
+}
+.fade-leave-from {
+  opacity: 1;
+}
+.fade-leave-to {
+  opacity: 0;
+}
+.fade-leave-active {
+  transition: all 0.3s ease;
+}
+</style>
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -9,6 +9,66 @@ module.exports = {
      padding: "2rem",
      center: true,
    },
+    extend: {
+      colors: {
+        twitter: {
+          DEFAULT: "#1DA1F2",
+          50: "#CBE9FC",
+          100: "#B7E1FB",
+          200: "#91D1F9",
+          300: "#6AC1F6",
+          400: "#44B1F4",
+          500: "#1DA1F2",
+          600: "#0C82CB",
+          700: "#096096",
+          800: "#063E61",
+          900: "#031C2C",
+          950: "#010B12",
+        },
+        facebook: {
+          DEFAULT: "#4267B2",
+          50: "#C3CFE9",
+          100: "#B4C4E3",
+          200: "#96ACD8",
+          300: "#7894CD",
+          400: "#5B7DC2",
+          500: "#4267B2",
+          600: "#334F89",
+          700: "#243860",
+          800: "#142037",
+          900: "#05080E",
+          950: "#000000",
+        },
+        instagram: {
+          DEFAULT: "#C13584",
+          50: "#EEC0DA",
+          100: "#E9B0D0",
+          200: "#E090BD",
+          300: "#D870AA",
+          400: "#CF5098",
+          500: "#C13584",
+          600: "#952966",
+          700: "#691D48",
+          800: "#3D112A",
+          900: "#11050C",
+          950: "#000000",
+        },
+        linkedin: {
+          DEFAULT: "#0072B1",
+          50: "#6ACAFF",
+          100: "#55C3FF",
+          200: "#2CB4FF",
+          300: "#04A6FF",
+          400: "#008CDA",
+          500: "#0072B1",
+          600: "#004E79",
+          700: "#002A41",
+          800: "#000609",
+          900: "#000000",
+          950: "#000000",
+        },
+      },
+    },
  },
  plugins: [],
 };
Author	SHA1	Message	Date
Alexis	4cfa8b3382	Merge branch 'dev' into main	2023-04-30 23:56:13 +02:00
Alexis	6700f00da7	Added favicon and meta tags	2023-04-30 23:56:04 +02:00
Alexis	e97eb670fa	Fixed some issues with the background image	2023-04-30 23:08:29 +02:00
Alexis	723f9770bb	Added background image for regions	2023-04-30 22:03:56 +02:00
Alexis	218a50307a	Added error handling to geoloc	2023-04-30 16:27:23 +02:00
Alexis	807004a67b	Changed question hook	2023-04-30 13:50:50 +02:00
Alexis	72b8004847	Changed home page layout for next options	2023-04-30 13:46:00 +02:00
Alexis	1ab7e26146	Added social links to rep	2023-04-30 13:43:38 +02:00
Alexis	8573fe0549	Added API .env and removed "Menu" from navbar	2023-04-28 17:27:16 +02:00
				`@@ -0,0 +1 @@`
				`VITE_API_URL = "https://api-deputes.alexcreates.fr"`