diff --git a/site/crapaud-fou.css b/site/crapaud-fou.css
index 6b2175a..675d8e1 100644
--- a/site/crapaud-fou.css
+++ b/site/crapaud-fou.css
@@ -21,6 +21,9 @@
 .entete a:hover, .footer a:hover {
   color: rgb(135, 243, 178);
 }
+.entete iframe {
+  margin: 0 auto;
+}
 .footer {
   background-color: rgb(36, 33, 32);
   color: rgb(240, 233, 233);
diff --git a/site/index.html b/site/index.html
index 2ff509c..bee33fc 100644
--- a/site/index.html
+++ b/site/index.html
@@ -47,15 +47,15 @@
 
   <div class="container-fluid entete pt-2 pb-2 mb-3">
     <div class="container">
-
       <div class="row">
+
         <div class="col-12 col-md-8 col-lg-4">
           <h2 class="card-title mt-0">Les crapauds fous</h4>
           <p>Face aux dangers qui pèsent sur notre avenir, seul un grain de folie peut nous sortir de l'ornière (et de la déprime passive).</p>
           <p>En avril 2017, une trentaine de personnes se reunissent aux Treilles et donnent naissance au manifeste des Crapauds Fous.</p>
         </div>
         <div class="col-12 col-md-4 col-lg-3">
-          <h2 class="d-sm-none d-md-block">&nbsp;</h2>
+          <h2 class="d-sm-none d-xs-none d-md-block">&nbsp;</h2>
           <ul>
             <li><a href="">Le manifeste</a></li>
             <li><a href="">Compte Rendu</a></li>
@@ -65,7 +65,9 @@
           </ul>
         </div>
         <div class="col-12 col-lg-5 align-middle">
-          <iframe width="420" height="240" sandbox="allow-same-origin allow-scripts" src="https://thinkerview.video/videos/embed/5417c4b5-38ce-4e69-bbc7-19335ade44e4" frameborder="0" allowfullscreen></iframe>
+          <div class="embed-responsive embed-responsive-16by9">
+            <iframe width="420" height="240" sandbox="allow-same-origin allow-scripts" src="https://thinkerview.video/videos/embed/5417c4b5-38ce-4e69-bbc7-19335ade44e4" frameborder="0" allowfullscreen></iframe>
+          </div>
         </div>
       </div>