diff --git a/index.php b/index.php
index e75cff0..b4e46e7 100644
--- a/index.php
+++ b/index.php
@@ -17,7 +17,7 @@
         <h2>SUR LE SITE <a href="https://www.sabradou.com/" target="_blank">SABRADOU.COM</a></h2>
         <form if="form" action="index.php" method="GET">
             <label for="calendrier">Brocantes du :</label>
-            <select name="calendrier"onchange="this.form.submit()" id="calendrier-list">
+            <select name="calendrier"onchange="this.form.submit();" id="calendrier-list">
                 <?php $calendrier = getCalendrier(); ?>
                 <?php foreach ($calendrier as $item): ?>
                 <?php $selected = isset($_GET['calendrier']) && $_GET['calendrier'] === $item['url'] ? 'selected' : ''; ?>
@@ -35,7 +35,8 @@
                 <?php if (isset($citiesList)): ?>
                     <?php foreach ($citiesList as $city): ?>
                         <li>
-                            <?php echo $city['name']; ?>
+                            <?php
+                             echo '<a href="' . $city['href'] . '" target="_blank">' . $city['name'] . '</a>' ; ?>
                         </li>
                     <?php endforeach; ?>
                 <?php endif; ?>
diff --git a/style.css b/style.css
index 18bff78..367f8c1 100644
--- a/style.css
+++ b/style.css
@@ -1,7 +1,7 @@
 #map {
-    height: 800px;
-    width: 1200px;
-    margin: auto;
+    height: 600px;
+    width: 100%;
+    margin: 0 ;
 }
 
 .container {
@@ -12,18 +12,17 @@
 
 .left-column {
     display: flex;
-    width: 20%;
-    max-height: 80%;
+    width: 10%;
     padding: 10px;
 }
 
 .right-column {
     display: flex;
-    width: 80%;
+    width: 90%;
     padding: 10px;
 }
 
-.cities {
+.cities > li {
     list-style: none;
 }