diff --git a/docs/changelog.rst b/docs/changelog.rst
index 78babe3..c541fd0 100644
--- a/docs/changelog.rst
+++ b/docs/changelog.rst
@@ -5,7 +5,7 @@ Changelog
* Add audio HTML5 player https://prosopopee.readthedocs.org/en/latest/sections.html#audio by beudbeud
* Update Material theme by beudbeud
- * Add youtube section https://prosopopee.readthedocs.org/en/latest/sections.html#youtube by beudbeud
+ * Add iframe section https://prosopopee.readthedocs.org/en/latest/sections.html#iframe by beudbeud
* Add quotes section https://prosopopee.readthedocs.org/en/latest/sections.html#quote by beudbeud
* Add deploy and preview option https://prosopopee.readthedocs.io/en/latest/build.html#preview by beudbeud
* Load only css and jss if the section is used by beudbeud
diff --git a/docs/sections.rst b/docs/sections.rst
index 3e1c754..62670f4 100644
--- a/docs/sections.rst
+++ b/docs/sections.rst
@@ -155,15 +155,13 @@ This section is for describe the author of the story::
facebook: beudbeud (Optional)
website: plop.fr (Optional)
-Youtube
-_______
+Iframe
+______
-This section make your embeds youtube video responsive::
+This section make your embeds iframe responsive::
- - type: youtube
- video_id: nshFXWEKxs4
-
-You can get the id from the url of the video https://www.youtube.com/watch?v=nshFXWEKxs4
+ - type: iframe
+ name:
Quote
_____
diff --git a/prosopopee/themes/exposure/static/css/style-page.css b/prosopopee/themes/exposure/static/css/style-page.css
index 8997b42..fd79b81 100644
--- a/prosopopee/themes/exposure/static/css/style-page.css
+++ b/prosopopee/themes/exposure/static/css/style-page.css
@@ -484,6 +484,7 @@ video.responsive-video {
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
+ margin-bottom: -15%;
}
diff --git a/prosopopee/themes/exposure/templates/sections/iframe.html b/prosopopee/themes/exposure/templates/sections/iframe.html
new file mode 100644
index 0000000..540f448
--- /dev/null
+++ b/prosopopee/themes/exposure/templates/sections/iframe.html
@@ -0,0 +1,5 @@
+