diff -r dc0854aec377 -r 9560f52f0979 integration/edition.html
--- a/integration/edition.html	Tue Oct 23 18:40:16 2012 +0200
+++ b/integration/edition.html	Wed Oct 24 14:49:53 2012 +0200
@@ -164,6 +164,7 @@
                 </div><!-- col-left -->
 
                 <div class="col-middle">
+
                     <div class="bloc-segmentation">
                         <div class="col-middle-header disable">
                             <a href="#" class="segmenter ">Segmenter <em>La cuisine du Popcorn</em></a>
@@ -171,7 +172,7 @@
                         </div>
                         <div class="video">
                             <a class="publier-button" title="Publier" href="#"></a>
-                            <img src="img/visuel-player.png" alt="" />
+                            <img src="img/visuel-player.jpg" alt="" />
                         </div>
                         <div class="segment">
                             <img src="img/visuel-segment.png" alt="">
@@ -241,7 +242,7 @@
                         </div>
                         <div class="video">
                             <a class="publier-button" title="Publier" href="#"></a>
-                            <img src="img/visuel-player.png" alt="" />
+                            <img src="img/visuel-player.jpg" alt="" />
                         </div>
 
                         <div class="frise clearfix">
@@ -294,6 +295,25 @@
                     </div><!-- bloc-pvw -->
 
 
+                    <div class="bloc-vide">
+                        <div class="col-middle-header disable">
+                            <a href="#" class="segmenter disable">Segmenter</a>
+                            <a href="#" class="previsualiser disable">Prévisualiser</a>
+                        </div>
+                        <div class="video">
+                            <div class="tutorial">
+                                <h2>Créer un Hashcut, c’est facile !</h2>
+                                <ol>
+                                    <li>Commencez par choisir une vidéo dans le volet de gauche</li>
+                                    <li>Créez un segment dans la vidéo et profitez-en pour annoter votre segment</li>
+                                    <li>Ajoutez votre segment à la liste, réorganisez les segments entre eux</li>
+                                    <li>Rajoutez quelques commentaires à votre Hashcut. Vous êtes prêts à publier !</li>
+                                </ol>
+                            </div>
+                            <a class="publier-button" title="Publier" href="#"></a>
+                        </div>
+                    </div><!-- bloc-vide -->
+
                 </div><!-- col-middle -->
 
                 <div class="col-right">
@@ -377,8 +397,8 @@
                     <li><a title="cinecast" href="http://cinecast.fr/"><img src="img/logo-cinecast.png" alt="cinecast" /></a></li>
                     <li>© 2012</li>
                 </ul>
-            </div>
-        </div>
+            </div><!-- footer -->
+        </div><!-- wrap -->
         <!-- JavaScript -->
         <script src="js/vendor/jquery-1.8.0.min.js"></script>
         <script src="js/vendor/jquery-ui-1.8.24.custom.min.js"></script>