diff -r 0c699d2767f8 -r 4857ac3892e3 integration/hashcut.html
--- a/integration/hashcut.html	Fri Nov 30 15:36:06 2012 +0100
+++ b/integration/hashcut.html	Fri Nov 30 16:48:37 2012 +0100
@@ -96,24 +96,24 @@
                     <span>Le Mashup<br />Cliquable</span>
                 </a></h1>
                 <div class="title-video-wrap">
-                    <div class="Ldt-Social">
-                        <div class="Ldt-Social-Url-Container">
-                            <a href="#" target="_blank" class="Ldt-Social-Square Ldt-Social-Url" title="Partager le lien"></a>
-                            <span class="Ldt-Social-UrlPop">
-                                <input class="Ldt-Social-Input"/>
-                                <div class="Ldt-Social-CopyBtn">Copier</div>
-                            </span>
-                        </div>
-                        <a href="#" target="_blank" class="Ldt-Social-Fb Ldt-Social-Ext" title="Partager sur Facebook"></a>
-                        <a href="#" target="_blank" class="Ldt-Social-Twitter Ldt-Social-Ext" title="Partager sur Twitter"></a>
-                        <a href="#" target="_blank" class="Ldt-Social-Gplus Ldt-Social-Ext" title="Partager sur Google+"></a>
-                        <a href="#" target="_blank" class="Ldt-Social-Mail" title="Partager par mail"></a>
+                    <p class="title-video" href="#"><span class="category">Hashcut</span> <span class="separator">&raquo;</span> Hashcut sans titre</p>
+                </div>
+                <div class="Ldt-Social">
+                    <div class="Ldt-Social-Url-Container">
+                        <a href="#" target="_blank" class="Ldt-Social-Square Ldt-Social-Url" title="Partager le lien"></a>
+                        <span class="Ldt-Social-UrlPop">
+                            <input class="Ldt-Social-Input"/>
+                            <div class="Ldt-Social-CopyBtn">Copier</div>
+                        </span>
                     </div>
-                    <p class="title-video" href="#">Hashcut sans titre</p>
+                    <a href="#" target="_blank" class="Ldt-Social-Fb Ldt-Social-Ext" title="Partager sur Facebook"></a>
+                    <a href="#" target="_blank" class="Ldt-Social-Twitter Ldt-Social-Ext" title="Partager sur Twitter"></a>
+                    <a href="#" target="_blank" class="Ldt-Social-Gplus Ldt-Social-Ext" title="Partager sur Google+"></a>
+                    <a href="#" target="_blank" class="Ldt-Social-Mail" title="Partager par mail"></a>
                 </div>
                 <div class="profil-wrap">
                     <ul>
-                        <li><a href="#" class="all-hashcut">Tous les Hashcuts</a></li>
+                        <li><a href="#" class="all-hashcut">Accueil</a></li>
                         <li><a href="edition.html" class="new-hashcut">Créer un Hashcut</a></li>
                         <li><a href="#user" class="my-profil open-popin">Mon profil</a></li>
                     </ul>
@@ -210,7 +210,7 @@
                                 <tbody>
                                     <tr class="info-title">
                                         <th>Titre :</th>
-                                        <td><a href="#">Titre du Hashcut</a></td>
+                                        <td>Titre du Hashcut</td>
                                     </tr>
                                     <tr class="info-duration">
                                         <th>Durée :</th>
@@ -218,19 +218,14 @@
                                     </tr>
                                     <tr class="info-author">
                                         <th>Auteur : </th>
-                                        <td><a href="#"></a></td>
+                                        <td><a href="profil.html">{{author}}</a></td>
                                     </tr>
                                     <tr class="info-description">
                                         <th>Description : </th>
                                         <td></td>
                                     </tr>
-    <!--                                <tr class="info-tags">
-                                        <th>Tags : </th>
-                                        <td>Mashup, Création, Art</td>
-                                    </tr> -->
                                 </tbody>
                             </table>
-    <!--                        <a href="#" class="button cloner">Cloner le Hashcut</a> -->
                         </div>
                         <h2>Médias utilisés dans le Hashcut</h2>
                         <ul class="list-video">
@@ -281,7 +276,7 @@
         IriSP.mashupplayer({
             id: projid
         });
-        IriSP.social();
+        social();
     });
         </script>
     </body>