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 95005c4..4320220 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
@@ -3894,7 +3894,7 @@ main {
 }
 #ressources .layout-content .content_container .views-element-container .view .views-row .field_field_mots_clefs div {
   display: flex;
-  flex-direction: row;
+  flex-direction: row !important;
 }
 #ressources .layout-content .content_container .views-element-container .view .views-row .field_field_mots_clefs div div {
   border: solid 1px rgb(7, 50, 194);
@@ -3925,4 +3925,43 @@ main {
   background-image: url("../img/map_pointer.svg");
   background-size: contain;
   background-repeat: no-repeat;
+}
+#ressources .layout-content .content_container .views-element-container .view .views-row .type-documentation .field_body,
+#ressources .layout-content .content_container .views-element-container .view .views-row .type-documentation .field_field_images {
+  display: none;
+}
+#ressources .layout-content .content_container .views-element-container .view .views-row .type-podcast div {
+  display: flex;
+  align-items: flex-start;
+  flex-wrap: wrap;
+}
+#ressources .layout-content .content_container .views-element-container .view .views-row .type-podcast div .field_field_images {
+  width: 150px;
+  height: auto;
+  flex-shrink: 0;
+}
+#ressources .layout-content .content_container .views-element-container .view .views-row .type-podcast div .field_field_images img {
+  width: 100%;
+  height: auto;
+  border-radius: 9px;
+}
+#ressources .layout-content .content_container .views-element-container .view .views-row .type-podcast div .field_title,
+#ressources .layout-content .content_container .views-element-container .view .views-row .type-podcast div .field_field_sous_titre,
+#ressources .layout-content .content_container .views-element-container .view .views-row .type-podcast div .field_field_author,
+#ressources .layout-content .content_container .views-element-container .view .views-row .type-podcast div .field_field_date_ressource,
+#ressources .layout-content .content_container .views-element-container .view .views-row .type-podcast div .field_body,
+#ressources .layout-content .content_container .views-element-container .view .views-row .type-podcast div .field_field_mots_clefs,
+#ressources .layout-content .content_container .views-element-container .view .views-row .type-podcast div .field_field_site,
+#ressources .layout-content .content_container .views-element-container .view .views-row .type-podcast div .field_field_documents,
+#ressources .layout-content .content_container .views-element-container .view .views-row .type-podcast div .field_field_liens {
+  flex: 1 1 50%;
+}
+#ressources .layout-content .content_container .views-element-container .view .views-row:has(.type-podcast) {
+  width: 50%;
+}
+#ressources .layout-content .content_container .views-element-container .view .views-row:has(.type-documentation) {
+  width: 25%;
+}
+#ressources .layout-content .content_container .views-element-container .view .views-row:has(.type-vidéo) {
+  width: 50%;
 }
\ No newline at end of file
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 095bf42..e0bbaa3 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
@@ -88,7 +88,7 @@
                         .field_field_mots_clefs{
                             div{
                                 display: flex;
-                                flex-direction: row;
+                                flex-direction: row !important;
                                 div{
                                     border: solid 1px $blue_QDD;
                                     margin-right: 0.2rem;
@@ -129,7 +129,57 @@
                                 }
                             }
 
-                        }               
+                        }  
+                        
+                        .type-documentation{
+                            .field_body,
+                            .field_field_images{
+                                display: none;
+                            }
+                        }
+
+
+                        .type-podcast{
+                            div{
+                                display: flex;
+                                align-items: flex-start;
+                                flex-wrap: wrap;
+
+                                .field_field_images{
+                                    width: 150px;
+                                    height: auto;
+                                    flex-shrink: 0;
+                                    img{
+                                        width: 100%;
+                                        height: auto;
+                                        border-radius: 9px;
+                                    }
+                                }
+                                .field_title,
+                                .field_field_sous_titre,
+                                .field_field_author,
+                                .field_field_date_ressource,
+                                .field_body,
+                                .field_field_mots_clefs,
+                                .field_field_site,
+                                .field_field_documents,
+                                .field_field_liens{
+                                    flex: 1 1 50%;
+                                }
+
+                            }
+                           
+                        }
+                    }
+
+                    .views-row:has(.type-podcast){
+                        width: 50%;
+                    }
+                    .views-row:has(.type-documentation){
+                        width: 25%;
+                    }
+                    .views-row:has(.type-vidéo){
+                        width: 50%;
                     }
                 }