diff --git a/koha-tmpl/opac-tmpl/prog/en/css/babeltheque.css b/koha-tmpl/opac-tmpl/prog/en/css/babeltheque.css
index 95406ec357..9ada7073af 100644
--- a/koha-tmpl/opac-tmpl/prog/en/css/babeltheque.css
+++ b/koha-tmpl/opac-tmpl/prog/en/css/babeltheque.css
@@ -83,12 +83,27 @@ So: it should not be removed from Koha !
   content : '> ';
 }
 
-#BW_videos {
-  clear : both;
+#BW_podcasts {
   border: 1px solid #E8E8E8;
-  padding-bottom: 140px;
   margin-top: 10px;
-  max-width: 100%;
+  min-width: 100%;
+  float: left;
+  /*width: 49%;*/
+  visibility: hidden;
+  visibility: visible\9;
+}
+
+#BW_podcasts > iframe {
+  margin: -20px 0 10px 20px;
+}
+
+#BW_videos {
+  clear :left;
+  border: 1px solid #E8E8E8;
+  margin-top: 10px;
+  min-width: 100%;
+  /*width: 49%;*/
+  float: left;
   visibility: hidden;
   visibility: visible\9;
 }
@@ -97,7 +112,11 @@ So: it should not be removed from Koha !
   visibility: visible;
 }
 
-#BW_videos h2 {
+#BW_podcasts:not(:empty) {
+  visibility: visible;
+}
+
+#BW_videos h2, #BW_podcasts h2 {
   background-color: #E8E8E8;
   margin: 5px 10px;
   padding: 0 5px;
diff --git a/koha-tmpl/opac-tmpl/prog/en/modules/opac-detail.tt b/koha-tmpl/opac-tmpl/prog/en/modules/opac-detail.tt
index 6321efd3e9..c77d806208 100644
--- a/koha-tmpl/opac-tmpl/prog/en/modules/opac-detail.tt
+++ b/koha-tmpl/opac-tmpl/prog/en/modules/opac-detail.tt
@@ -1359,7 +1359,13 @@ YAHOO.util.Event.onContentReady("furtherm", function () {
         <div id="BW_suggestions"></div>
     </div>
     <div class="clearfix"></div>
-    <div id="BW_videos"></div>
+    <div>
+    <div id="BW_podcasts"></div>
+    </div>
+    <div class="clearfix"></div>
+    <div>
+        <div id="BW_videos"></div>
+    </div>
 [% END %]