diff -r c9dc489913af -r 1fbf7d835dc2 integration/edition.html
--- a/integration/edition.html	Fri Oct 26 18:54:20 2012 +0200
+++ b/integration/edition.html	Mon Oct 29 17:22:55 2012 +0100
@@ -111,7 +111,7 @@
                     <span>Le Mashup<br />Cliquable</span>
                 </a></h1>
                 <div class="title-video-wrap">
-                    <a class="open-popin" href="#update-title">Hashcut sans titre</a>
+                    <a title="modifier" class="open-popin" href="#update-title">Hashcut sans titre</a>
                     <p class="time-length">Durée: <span>02:24</span></p>
                 </div>
                 <div class="profil-wrap">
@@ -242,7 +242,7 @@
                                 <div class="segment">
                                     <div class="section" style="left:80%;width:10%;"></div>
                                 </div>
-                            </div>
+                            </div><!-- segments -->
                         </div>
                     </div><!-- bloc-segmentation -->
 
@@ -250,17 +250,19 @@
 
                         <div class="frise clearfix">
 
-                            <span class="indication" style="left:24%;">00:30</span>
-                            <span class="indication" style="left:44%;">00:30</span>
-                            <span class="indication" style="left:64%;">00:30</span>
-                            <span class="indication" style="left:84%;">00:30</span>
+                            <div class="indications">
+                                <span class="indication" style="left:24%;">00:30</span>
+                                <span class="indication" style="left:44%;">00:30</span>
+                                <span class="indication" style="left:64%;">00:30</span>
+                                <span class="indication" style="left:84%;">00:30</span>
+                            </div>
 
                             <div class="segments">
-                                <div class="segment" style="background-color:red;width:20%;"></div>
-                                <div class="segment" style="background-color:green;width:20%;"></div>
-                                <div class="segment" style="background-color:red;width:20%;"></div>
-                                <div class="segment" style="background-color:green;width:20%;"></div>
-                                <div class="segment" style="background-color:red;width:20%;"></div>
+                                <div class="segment" style="background-color:red;left:0;width:20%;"></div>
+                                <div class="segment" style="background-color:green;left:20%;width:20%;"></div>
+                                <div class="segment" style="background-color:red;left:40%;width:20%;"></div>
+                                <div class="segment" style="background-color:green;left:60%;width:20%;"></div>
+                                <div class="segment" style="background-color:red;left:80%;width:20%;"></div>
                             </div>
                             
                         </div>
@@ -269,10 +271,10 @@
                                 <img class="pointer" src="img/popin-triangle.png" alt="" />
                                 <div class="popin-content">
                                     <ul class="tools">
-                                        <li><a class="edit" href="#"></a></li>
-                                        <li><a class="bottom" href="#"></a></li>
-                                        <li><a class="top" href="#"></a></li>
-                                        <li><a class="delete" href="#"></a></li>
+                                        <li><a title="éditer" class="edit" href="#"></a></li>
+                                        <li><a title="descendre" class="bottom" href="#"></a></li>
+                                        <li><a title="remonter" class="top" href="#"></a></li>
+                                        <li><a title="supprimer" class="delete" href="#"></a></li>
                                     </ul>
 
                                     <h2>Chargement de la capsule lunaire</h2>
@@ -302,15 +304,17 @@
                     <div class="liste-segment">
                         <h2>Liste des segments</h2>
                         <div class="frise clearfix">
-
-                            <span class="indication" style="left:64%;">00:30</span>
-                            <span class="indication" style="left:84%;">00:30</span>
+                            <p class="aucun-segment">Aucun segment</p>
+                            <div class="indications">
+                                <span class="indication" style="left:64%;">00:30</span>
+                                <span class="indication" style="left:84%;">00:30</span>
+                            </div>
                             <div class="segments">
-                                 <div class="segment" style="background-color:red;width:20%;"></div>
-                                 <div class="segment" style="background-color:yellow;width:20%;"></div>
-                                 <div class="segment" style="background-color:blue;width:20%;"></div>
-                                 <div class="segment" style="background-color:green;width:20%;"></div>
-                                 <div class="segment" style="background-color:brown;width:20%;"></div>
+                                <div class="segment" style="background-color:red;left:0;width:20%;"></div>
+                                <div class="segment" style="background-color:yellow;left:20%;width:20%;"></div>
+                                <div class="segment" style="background-color:blue;left:40%;width:20%;"></div>
+                                <div class="segment" style="background-color:green;left:60%;width:20%;"></div>
+                                <div class="segment" style="background-color:brown;left:80%;width:20%;"></div>
                             </div>
                         </div>
                     </div>
@@ -337,10 +341,10 @@
                                 <span class="subtitle">Chargement de la Capsule</span>
                                 <span class="duration">01:17 - 02:01 (00:44)</span>
                                 <ul class="tools">
-                                    <li><a class="edit" href="#"></a></li>
-                                    <li><a class="bottom" href="#"></a></li>
-                                    <li><a class="top" href="#"></a></li>
-                                    <li><a class="delete" href="#"></a></li>
+                                    <li><a title="éditer" class="edit" href="#"></a></li>
+                                    <li><a title="descendre" class="bottom" href="#"></a></li>
+                                    <li><a title="remonter" class="top" href="#"></a></li>
+                                    <li><a title="supprimer" class="delete" href="#"></a></li>
                                 </ul>
                             </span>
                         </li><!-- item-video -->
@@ -351,10 +355,10 @@
                                 <span class="subtitle">Chargement de la Capsule</span>
                                 <span class="duration">01:17 - 02:01 (00:44)</span>
                                 <ul class="tools">
-                                    <li><a class="edit" href="#"></a></li>
-                                    <li><a class="bottom" href="#"></a></li>
-                                    <li><a class="top" href="#"></a></li>
-                                    <li><a class="delete" href="#"></a></li>
+                                    <li><a title="éditer" class="edit" href="#"></a></li>
+                                    <li><a title="descendre" class="bottom" href="#"></a></li>
+                                    <li><a title="remonter" class="top" href="#"></a></li>
+                                    <li><a title="supprimer" class="delete" href="#"></a></li>
                                 </ul>
                             </span>
                         </li><!-- item-video -->