--- a/src/hdalab/static/hdalab/css/footer_pages.css	Tue Apr 05 19:52:17 2016 +0200
+++ b/src/hdalab/static/hdalab/css/footer_pages.css	Wed Apr 06 12:13:05 2016 +0200
@@ -77,4 +77,6 @@
 
 #renkan-video {
     border: 1px solid #cccccc;
+    width: 802px;
+    height: 452px;
 }

--- a/src/hdalab/templates/a_propos.html	Tue Apr 05 19:52:17 2016 +0200
+++ b/src/hdalab/templates/a_propos.html	Wed Apr 06 12:13:05 2016 +0200
@@ -39,12 +39,12 @@
         </ul>
         </p>
         <br>
-        <h2>I. HISTOIRE DU PROJET</h2>
+        <h2><a id="histoire" name="histoire">I. HISTOIRE DU PROJET</a></h2>
         <br>
         <p>Histoire des arts’ Lab est né d’une collaboration entre l’Institut de Recherche et d’Innovation (IRI) et le Ministère de la Culture et de la Communication. Ce projet de recherche et développement a permis la réalisation d’une interface de recherche et de navigation destinée à montrer le potentiel du tagging sémantique.</p>
         <p>Histoire des arts’ Lab s’appuie sur une sémantisation (production de tags sémantiques) du corpus du <a href="http://histoiredesarts.culture.fr/" target="_blank">Portail Histoire des Arts</a>. Ce portail compte plus de 5 000 notices descriptives de ressources en ligne produites par plus de 350 institutions culturelles dans toute la France.</p>
         <br>
-        <h2>II. L'EXPERIMENTATION SEMANTIQUE</h2>
+        <h2><a id="experimentation" name="experimentation">II. L'EXPERIMENTATION SEMANTIQUE</a></h2>
         <ul>
             <li><b>Le tagging :</b>
                 <p>Les tags ou mots-clés sont la plupart du temps de simples chaînes de caractères utilisés comme des étiquettes pour décrire une ressource. Le tag est simple d’utilisation mais soulève parfois des ambiguïtés notamment en français où l’homonymie est courante. (exemple : Roman/Art Roman)</p>
@@ -79,10 +79,10 @@
         <br>
         <p>Les codes des applications informatiques développées sur « Histoire des arts’Lab » sont disponibles sous la licence libre CeCILL-C qui autorise leur réutilisation, duplication ou modification.</p>
         <br>
-        <h2>III. TUTORIEL RENKAN</h2>
+        <h2><a id="tutoriel" name="tutoriel">III. TUTORIEL RENKAN</a></h2>
         <br>
         <div id="about-renkan-video-container">
-            <video id="renkan-video" class="video-js vjs-default-skin"
+            <video id="renkan-video" class="video-js vjs-default-skin vjs-big-play-centered"
             controls preload="auto" width="800" height="450"
             poster="{% static 'hdalab/img/renkan_tutorial_video_poster.png' %}"
             data-setup=''>

--- a/src/hdalab/templates/renkan_edit.html	Tue Apr 05 19:52:17 2016 +0200
+++ b/src/hdalab/templates/renkan_edit.html	Wed Apr 06 12:13:05 2016 +0200
@@ -263,8 +263,8 @@
             </li>
         </ul>
         {% endif %}
-        <a id="toggle-video" href="#"></a>
-        <a id="toggle-help" href="#"></a>
+        <a id="toggle-video" href="#" title="{% trans 'Tutoriel vidéo : Renkan' %}"></a>
+        <a id="toggle-help" href="#" title="{% trans 'Aide : Bienvenue !' %}"></a>
     </div>
 </div>
 <div id="dialog-form" title="Identification">

--- a/src/hdalab/templates/video_popup.html	Tue Apr 05 19:52:17 2016 +0200
+++ b/src/hdalab/templates/video_popup.html	Wed Apr 06 12:13:05 2016 +0200
@@ -3,7 +3,7 @@
 {%  trans 'Fermer ce didacticiel'  as close_msg %}
 <a class="video-close" href="#">{{ close_msg | linebreaksbr }}</a>
 <div class="slideShowTitle">{% trans 'Tutoriel vidéo : Renkan' %}</div>
-<video id="renkan_video" class="video-js vjs-default-skin renkan_video_popup"
+<video id="renkan_video" class="video-js vjs-default-skin renkan_video_popup vjs-big-play-centered"
         controls preload="auto" width="800" height="450"
         poster="{% static 'hdalab/img/renkan_tutorial_video_poster.png' %}"
         data-setup=''>