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 8ca562f..3295b2d 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
@@ -4185,48 +4185,42 @@ main {
   font-size: 0.5rem;
   margin-bottom: 1rem;
 }
-#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row h2,
-#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .field_field_sous_titre {
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .views-field-title-1,
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .views-field-field-sous-titre-1 {
   font-family: "gilroy-medium";
   color: rgb(7, 50, 194);
   font-size: 0.6rem;
   margin-bottom: 0;
 }
-#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .field_body {
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .views-field-body-1 {
   font-family: "gilroy-light";
 }
 #ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row p {
   font-size: 0.5rem;
 }
-#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .field_field_mots_clefs {
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .views-field-field-mots-clefs {
   margin-top: 0.5rem;
-}
-#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .field_field_mots_clefs div {
   display: flex;
   flex-direction: row !important;
 }
-#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .field_field_mots_clefs div div {
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .views-field-field-mots-clefs a {
   border: solid 1px rgb(7, 50, 194);
   margin-right: 0.2rem;
-  padding: 1.3%;
-  padding-bottom: 0.2%;
-  padding-top: 0.2%;
+  padding: 0.1rem 0.2rem;
   font-size: 0.4rem;
   font-family: "gilroy-semibold";
-}
-#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .field_field_mots_clefs div div a {
   color: rgb(7, 50, 194);
 }
-#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .field_field_site {
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .views-field-field-site {
   margin-top: 0.5rem;
 }
-#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .field_field_site div a {
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .views-field-field-site div a {
   position: relative;
   padding-left: 20px;
   color: rgb(247, 0, 43);
   font-family: "gilroy-semibold";
 }
-#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .field_field_site div a:before {
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .views-field-field-site div a:before {
   content: "";
   position: absolute;
   left: 0;
@@ -4238,10 +4232,10 @@ main {
   background-size: contain;
   background-repeat: no-repeat;
 }
-#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .field_field_liens {
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .views-field-field-liens {
   margin-top: 0.5rem;
 }
-#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .field_field_documents {
+#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .views-field-field-documents {
   margin-top: 0.5rem;
 }
 #ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .type-documentation .field_body,
diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/ressources.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/ressources.scss
index 39b4ae0..2791f61 100644
--- a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/ressources.scss
+++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/ressources.scss
@@ -110,41 +110,38 @@
                         // width: 30%;
                         font-size: 0.5rem;
                         margin-bottom: 1rem;
-                        h2,
-                        .field_field_sous_titre{
+                        .views-field-title-1,
+                        .views-field-field-sous-titre-1{
                             font-family: "gilroy-medium";
                             color: $blue_QDD;
                             font-size: 00.6rem;
                             margin-bottom: 0;
                         } 
-                        .field_body{
+                        .views-field-body-1{
                             font-family: "gilroy-light";
                         }
 
                         p{
                             font-size: 0.5rem;
                         }  
-                        .field_field_mots_clefs{
+                        .views-field-field-mots-clefs{
                             margin-top: 0.5rem;
-                            div{
-                                display: flex;
-                                flex-direction: row !important;
-                                div{
-                                    border: solid 1px $blue_QDD;
-                                    margin-right: 0.2rem;
-                                    padding: 1.3%;
-                                    padding-bottom: 0.2%;
-                                    padding-top: 0.2%;
-                                    font-size: 0.4rem;
-                                    font-family: "gilroy-semibold";
-                                    a{
-                                        color: $blue_QDD;
-                                    }
-                                }
+                            display: flex;
+                            flex-direction: row !important;
+                            a{
+                                border: solid 1px $blue_QDD;
+                                margin-right: 0.2rem;
+                                padding: 0.1rem 0.2rem;
+                                font-size: 0.4rem;
+                                font-family: "gilroy-semibold";
+                             
+                                    color: $blue_QDD;
+                                
+                            
                             }
 
                         }  
-                        .field_field_site{
+                        .views-field-field-site{
                             margin-top: 0.5rem;
                             div {
                                 a {
@@ -167,13 +164,16 @@
                                 }
                             }
                         }  
-                        .field_field_liens{
+                        .views-field-field-liens{
                             margin-top: 0.5rem;
 
                         }
-                        .field_field_documents{
+                        .views-field-field-documents{
                             margin-top: 0.5rem;
 
+                        }
+                        .views-field-field-date-ressource{
+
                         }
                         
                         .type-documentation{