--- a/player/index.html	Thu May 16 18:44:32 2013 +0200
+++ b/player/index.html	Fri May 17 14:17:30 2013 +0200
@@ -19,7 +19,39 @@
         </div>
         <div class="main-video" style="background:#101010;">
             <img src="../creation/Links/bc30-1000pxl.jpg" style="margin: 80px 0" />
+            <ul class="pictolist">
+                <li class="picto video">
+                    <a href="#"></a>
+                </li>
+                <li class="picto audio">
+                    <a href="#"></a>
+                </li>
+                <li class="picto slideshow">
+                    <a href="#"></a>
+                </li>
+                <li class="picto text">
+                    <a href="#"></a>
+                </li>
+                <li class="picto quote">
+                    <a href="#"></a>
+                </li>
+                <li class="picto link">
+                    <a href="#"></a>
+                </li>
+            </ul>
         </div>
-        <div class="bottom-bar"></div>
+        <div class="bottom-bar">
+            <div class="play-button">
+                <a href="#"></a>
+            </div>
+            <div class="chapters-bar">
+                <ul class="chapters-list">
+                    <li class="chapter" style="left: 0; width: 100px;">
+                        <div class="chapter-block"></div>
+                        <div class="chapter-title">Histoire et contexte</div>
+                    </li>
+                </ul>
+            </div>
+        </div>
     </body>
 </html>