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 ca23a0f..c0c5038 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
@@ -453,6 +453,8 @@ header .header_nav_container #block-quartiers-de-demain-entete ul {
   position: relative;
   padding-left: 1rem;
   padding-right: 1rem;
+  margin: auto;
+  padding-top: 1%;
 }
 @media (max-width: 1025px) {
   header .header_nav_container #block-quartiers-de-demain-entete ul {
@@ -3540,17 +3542,20 @@ body {
 .node-type-site .layout--threecol-25-50-25 .layout__region--third .documents-liens-wrapper .field_field_documents {
   margin-bottom: 0.3rem;
 }
-.node-type-site .layout--threecol-25-50-25 .layout__region--third .field_field_liens_site {
+.node-type-site .layout--threecol-25-50-25 .layout__region--third .field_field_liens_site,
+.node-type-site .layout--threecol-25-50-25 .layout__region--third .field--type-file {
   display: flex;
   flex-direction: column !important;
 }
 @media (max-width: 810px) {
-  .node-type-site .layout--threecol-25-50-25 .layout__region--third .field_field_liens_site {
+  .node-type-site .layout--threecol-25-50-25 .layout__region--third .field_field_liens_site,
+  .node-type-site .layout--threecol-25-50-25 .layout__region--third .field--type-file {
     max-width: 50%;
     margin: auto;
   }
 }
-.node-type-site .layout--threecol-25-50-25 .layout__region--third .field_field_liens_site a {
+.node-type-site .layout--threecol-25-50-25 .layout__region--third .field_field_liens_site a,
+.node-type-site .layout--threecol-25-50-25 .layout__region--third .field--type-file a {
   display: inline-flex;
   align-items: center;
   color: white;
@@ -3560,10 +3565,12 @@ body {
   font-size: 0.6rem;
   margin-bottom: 0.3rem;
 }
-.node-type-site .layout--threecol-25-50-25 .layout__region--third .field_field_liens_site a svg {
+.node-type-site .layout--threecol-25-50-25 .layout__region--third .field_field_liens_site a svg,
+.node-type-site .layout--threecol-25-50-25 .layout__region--third .field--type-file a svg {
   display: none;
 }
-.node-type-site .layout--threecol-25-50-25 .layout__region--third .field_field_liens_site a::after {
+.node-type-site .layout--threecol-25-50-25 .layout__region--third .field_field_liens_site a::after,
+.node-type-site .layout--threecol-25-50-25 .layout__region--third .field--type-file a::after {
   display: inline-flex;
   content: url("../img/noun-arrow-to-right.svg");
   padding-right: 0.2rem;
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 84f7e9d..2e1cd8f 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
@@ -385,7 +385,8 @@
                     margin-bottom: 0.3rem;
                 }
             }
-            .field_field_liens_site{
+            .field_field_liens_site, 
+            .field--type-file{
                 display: flex;
                 flex-direction: column !important;
 
diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/header.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/header.scss
index 93efd8f..9d693b4 100644
--- a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/header.scss
+++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/header.scss
@@ -202,6 +202,8 @@ header{
                 position: relative;
                 padding-left: 1rem;
                 padding-right: 1rem;
+                margin: auto;
+                padding-top: 1%;
                 @media(max-width: 1025px){
                     top: 0;
                     align-items: center;