diff --git a/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css b/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css
index 51cb86f..3eda24d 100644
--- a/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css
+++ b/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css
@@ -4594,7 +4594,7 @@ body {
 .node-type-ressource .layout--threecol-25-50-25 .layout__region--first .block-region-first #sites-map-container {
   width: 100% !important;
   padding-left: 1rem;
-  margin-top: 4rem;
+  margin-top: 3rem;
 }
 .node-type-ressource .layout--threecol-25-50-25 .layout__region--first .block-region-first #sites-map-container h2 {
   font-family: "gilroy-light";
@@ -4604,10 +4604,34 @@ body {
 .node-type-ressource .layout--threecol-25-50-25 .layout__region--first .block-region-first #sites-map-container h2::after {
   content: " :";
 }
+.node-type-ressource .layout--threecol-25-50-25 .layout__region--first .block-region-first .field_field_link div {
+  display: flex;
+  justify-content: center;
+}
+.node-type-ressource .layout--threecol-25-50-25 .layout__region--first .block-region-first .field_field_link a {
+  display: inline-flex;
+  justify-content: space-between;
+  align-items: center;
+  color: white;
+  text-transform: uppercase;
+  font-size: 0.5rem;
+  padding-right: 0.5rem;
+  background-color: black;
+  padding-bottom: 0.1rem;
+  padding-top: 0.1rem;
+  padding-left: 0.2rem;
+}
+.node-type-ressource .layout--threecol-25-50-25 .layout__region--first .block-region-first .field_field_link a::before {
+  display: inline-flex;
+  content: url("../img/noun-arrow-to-left.svg");
+  padding-right: 0.2rem;
+  padding-left: 0.2rem;
+  height: 12px;
+}
 .node-type-ressource .layout--threecol-25-50-25 .layout__region--second {
   margin: auto;
   flex: 0 1 70% !important;
-  margin-top: 4rem;
+  margin-top: 3rem;
   margin-right: 2rem;
 }
 .node-type-ressource .layout--threecol-25-50-25 .layout__region--second .block-region-second {
diff --git a/web/themes/custom/quartiers_de_demain/dist/assets/img/noun-arrow-to-left.svg b/web/themes/custom/quartiers_de_demain/dist/assets/img/noun-arrow-to-left.svg
new file mode 100644
index 0000000..b8be0a4
--- /dev/null
+++ b/web/themes/custom/quartiers_de_demain/dist/assets/img/noun-arrow-to-left.svg
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="18.174984"
+   height="14.947381"
+   viewBox="0 0 5.4690765 4.497851"
+   version="1.1"
+   id="svg1"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1" />
+  <g
+     id="layer1"
+     transform="translate(-102.27891,-146.15662)">
+    <path
+       d="m 104.58292,146.39759 -1.82265,1.86476 h 4.84236 a 0.14436835,0.14436835 0 1 1 0,0.28873 h -4.84236 l 1.82265,1.86476 a 0.14436835,0.14436835 0 0 1 0,0.19851 0.1503837,0.1503837 0 0 1 -0.20452,0 l -2.06326,-2.10537 a 0.1624144,0.1624144 0 0 1 0,-0.20452 l 2.06326,-2.10538 a 0.14436835,0.14436835 0 0 1 0.20452,0 0.14436835,0.14436835 0 0 1 0,0.19851 z"
+       id="path2-2"
+       style="fill:#ffffff;stroke-width:0.0601533" />
+  </g>
+</svg>
diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-ressource.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-ressource.scss
index a90a52a..ec8c172 100644
--- a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-ressource.scss
+++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-ressource.scss
@@ -19,7 +19,7 @@
                 #sites-map-container{
                     width: 100% !important;
                     padding-left: 1rem;
-                    margin-top: 4rem;
+                    margin-top: 3rem;
                     h2{
                         font-family: "gilroy-light";
                         text-transform: uppercase;
@@ -29,13 +29,44 @@
                         }
                     }
                 }
+                .field_field_link{
+                    div{
+                        display: flex;
+                        justify-content: center;
+                    }
+                    a{
+                        display: inline-flex;
+                        justify-content: space-between;
+                        align-items: center;
+                        color: white;
+                        text-transform: uppercase;
+                        font-size: 0.5rem;
+                        padding-right: 0.5rem;
+                        background-color: black;
+                        padding-bottom: 0.1rem;
+                        padding-top: 0.1rem;
+                        padding-left: 0.2rem;
+
+                        // svg{
+                        //     display: none;
+                        // }
+                        &::before{
+                            display: inline-flex;
+                            content: url("../img/noun-arrow-to-left.svg");
+                            padding-right: 0.2rem;
+                            padding-left: 0.2rem;
+                            // padding-bottom: 0.2rem;
+                            height: 12px;
+                        }
+                    } 
+                }
             }
         }
 
         .layout__region--second{
             margin: auto;
             flex: 0 1 70% !important;
-            margin-top: 4rem;
+            margin-top: 3rem;
             margin-right: 2rem;
             // width: 60%;
             .block-region-second{