diff --git a/index.html b/index.html
index 3247528..927edbd 100644
--- a/index.html
+++ b/index.html
@@ -15,11 +15,11 @@
           <p>L<strong>⚧</strong>L</p>
         </div>
         <div class="right">
-          <a href="#" name="git" class="textBtnStyle">Git</a>
-          <a href="#" name="wiki" class="textBtnStyle">Wiki</a>
-          <a href="#" name="matrix" class="textBtnStyle">Matrix</a>
-          <a href="#" name="fedi" class="textBtnStyle">Fediverse</a>
-          <a href="#" name="diff" class="textBtnStyle">Diffusion</a>
+          <a href="https://git.labolyon.fr/explore/repos" name="git" class="textBtnStyle" target="_blank">Git</a>
+          <a href="https://wiki.labolyon.fr/" name="wiki" class="textBtnStyle" target="_blank">Wiki</a>
+          <a href="https://matrix.to/#/#general:chat.labolyon.fr" name="matrix" class="textBtnStyle" target="_blank">Matrix</a>
+          <a href="https://nerdculture.de/@labolyon" name="fedi" class="textBtnStyle" target="_blank">Fediverse</a>
+          <a href="https://listes.infini.fr/listes.labolyon.fr/subscribe/discussions" name="diff" class="textBtnStyle" target="_blank">Diffusion</a>
         </div>
         <button type="button" name="menu" class="iconBtnStyle" id="menuBtn">
           <svg class="icon" viewBox="0 0 53.73 53.59">
@@ -49,7 +49,9 @@
             <br>
             4° 50' 14.052" E
           </p>
-          <img src="./src/assets/logo_hackerspaces_monde.png" id="hackerLogo">
+          <a href="https://www.hackerspaces.org/" id="hackerLogo" target="_blank">
+            <img src="./src/assets/logo_hackerspaces_monde.png">
+          </a>
         </div>
         <div class="uiStyle" id="openingHours">
           <p>
diff --git a/src/style.css b/src/style.css
index 0bfacc1..96785ef 100644
--- a/src/style.css
+++ b/src/style.css
@@ -317,9 +317,7 @@ html, body{
   height: auto;
   align-items: stretch;
 
-  @media(min-width: 700px){
-    height: 90vh;
-  }
+
 
         .uiStyle{
           width:100%;
@@ -342,6 +340,7 @@ html, body{
                 #plan{
                   position: relative;
                   width: 90%;
+
                   margin-bottom: 13.12px;
                 }
                 #fleche{
@@ -385,11 +384,19 @@ html, body{
 
           #hackerLogo{
             width: 77px;
-            height: auto;
-            align-self: end;
+            height: 50px;
+            display:inline-block;
             position: absolute;
             right: 13.12px;
             top: 117px;
+            z-index: 33;
+
+            img{
+              width: 77px;
+              height: auto;
+              pointer-events: none;
+              cursor: inherit;
+            }
           }
 
         }
@@ -432,10 +439,10 @@ html, body{
                 }
         }
 
-        @media(min-width: 700px){
-          grid-template-columns: 1fr 2fr;
-          grid-template-rows: 161px 222px 77px;
-          height: auto;
+  @media(min-width: 700px){
+    grid-template-columns: 1fr 2fr;
+    grid-template-rows: 161px 222px 77px;
+    height: auto;
 
           .uiStyle{
             font-size: 16.1px;
@@ -447,18 +454,20 @@ html, body{
             grid-row: 2;
             grid-column: 2;
             margin-left: 0;
-            margin-top: -88px;
+            margin-top: -100px;
 
                   #plan{
                     width:90%;
                     height: auto;
                     margin-bottom: 0;
+                    max-height: 333px;
 
                   }
                   #fleche{
                     width:60%;
                     height: auto;
                     box-sizing: border-box;
+                    max-height: 333px;
                   }
           }
 
@@ -541,10 +550,11 @@ html, body{
 
                   #fleche{
                     width: 60%;
+                    max-height: 666px;
                   }
 
                   #plan{
-
+                    max-height: 666px;
                   }
           }
         }