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 9e020b5..afc0e9d 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
@@ -2801,6 +2801,12 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
 .node-type-site .layout--threecol-25-50-25 .layout__region--first .block-region-first {
   width: 100%;
 }
+.node-type-site .layout--threecol-25-50-25 .layout__region--first .block-region-first .views-element-container {
+  margin-bottom: 3rem;
+}
+.node-type-site .layout--threecol-25-50-25 .layout__region--first div {
+  margin-bottom: 0.5rem;
+}
 @media (max-width: 500px) {
   .node-type-site .layout--threecol-25-50-25 .layout__region--first div:has(.field_field_documents) {
     margin-top: 1rem;
@@ -2810,36 +2816,56 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
   display: none;
 }
 .node-type-site .layout--threecol-25-50-25 .layout__region--first div:has(.field_field_documents) .file--mime-application-pdf {
-  background-color: black;
-  color: white;
-  font-size: 0.4rem;
-  text-transform: uppercase;
+  width: fit-content;
+  padding-left: 0.5rem;
+  background: black;
 }
-@media (max-width: 500px) {
+@media (max-width: 810px) {
   .node-type-site .layout--threecol-25-50-25 .layout__region--first div:has(.field_field_documents) .file--mime-application-pdf {
-    font-size: 0.8rem;
+    margin-left: 0;
   }
 }
 .node-type-site .layout--threecol-25-50-25 .layout__region--first div:has(.field_field_documents) .file--mime-application-pdf a {
+  display: inline-flex;
+  align-items: center;
   color: white;
-  padding: 0.5rem 0.3rem;
+  text-transform: uppercase;
+  font-size: 0.6rem;
+}
+.node-type-site .layout--threecol-25-50-25 .layout__region--first div:has(.field_field_documents) .file--mime-application-pdf a svg {
+  display: none;
+}
+.node-type-site .layout--threecol-25-50-25 .layout__region--first div:has(.field_field_documents) .file--mime-application-pdf a::after {
+  display: inline-flex;
+  content: url("../img/noun-arrow-to-right.svg");
+  padding-right: 0.2rem;
+  padding-left: 0.2rem;
 }
 .node-type-site .layout--threecol-25-50-25 .layout__region--first .field_field_liens_site div div {
-  background-color: black;
-  color: white;
-  font-size: 0.4rem;
-  text-transform: uppercase;
   width: fit-content;
+  padding-left: 0.5rem;
+  background: black;
 }
-@media (max-width: 500px) {
+@media (max-width: 810px) {
   .node-type-site .layout--threecol-25-50-25 .layout__region--first .field_field_liens_site div div {
-    margin-top: 0.5rem;
-    font-size: 0.8rem;
+    margin-left: 0;
   }
 }
 .node-type-site .layout--threecol-25-50-25 .layout__region--first .field_field_liens_site div div a {
+  display: inline-flex;
+  align-items: center;
   color: white;
-  padding: 0.5rem 0.3rem;
+  text-transform: uppercase;
+  font-size: 0.6rem;
+}
+.node-type-site .layout--threecol-25-50-25 .layout__region--first .field_field_liens_site div div a svg {
+  display: none;
+}
+.node-type-site .layout--threecol-25-50-25 .layout__region--first .field_field_liens_site div div a::after {
+  display: inline-flex;
+  content: url("../img/noun-arrow-to-right.svg");
+  padding-right: 0.2rem;
+  padding-left: 0.2rem;
 }
 .node-type-site .layout--threecol-25-50-25 .layout__region--second {
   flex: 0 1 80%;
diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-site.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-site.scss
index df415c5..cf93687 100644
--- a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-site.scss
+++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-site.scss
@@ -20,9 +20,13 @@
             align-items: center;
             .block-region-first{
                 width: 100%;
+                .views-element-container{
+                    margin-bottom: 3rem;
+                }
             }
             div{
                 // width: fit-content;
+                margin-bottom: 0.5rem;
             }
             div:has(.field_field_documents){
                 @media(max-width: 500px){
@@ -33,34 +37,58 @@
                     display: none;
                 }
                 .file--mime-application-pdf{
-                    background-color: black;
-                    color: white;
-                    font-size: 0.4rem;
-                    text-transform: uppercase;
-                    @media(max-width: 500px){
-                        font-size: 0.8rem;
+                    width: fit-content;
+                    padding-left: 0.5rem;
+                    background: black;
+                    @media (max-width:810px) {  
+                        margin-left: 0;
                     }
+
                     a{
+                        display: inline-flex;
+                        align-items: center;
                         color: white;
-                        padding: 0.5rem 0.3rem;
-                    }    
+                        text-transform: uppercase;
+                        font-size: 0.6rem;
+                        svg{
+                            display: none;
+                        }
+                        &::after{
+                            display: inline-flex;
+                            content: url("../img/noun-arrow-to-right.svg");
+                            padding-right: 0.2rem;
+                            padding-left: 0.2rem;
+                            
+                        }
+                    }   
                 }
               
             }
             .field_field_liens_site div div{
-                background-color: black;
-                color: white;
-                font-size: 0.4rem;
-                text-transform: uppercase;
                 width: fit-content;
-                @media(max-width: 500px){
-                    margin-top: 0.5rem;
-                    font-size: 0.8rem;
+                padding-left: 0.5rem;
+                background: black;
+                @media (max-width:810px) {  
+                    margin-left: 0;
                 }
+
                 a{
+                    display: inline-flex;
+                    align-items: center;
                     color: white;
-                    padding: 0.5rem 0.3rem;
-                }  
+                    text-transform: uppercase;
+                    font-size: 0.6rem;
+                    svg{
+                        display: none;
+                    }
+                    &::after{
+                        display: inline-flex;
+                        content: url("../img/noun-arrow-to-right.svg");
+                        padding-right: 0.2rem;
+                        padding-left: 0.2rem;
+                        
+                    }
+                } 
             }
         }
         .layout__region--second{