diff -r d68e7b3a2e4f -r 111906d4c8b0 src/hdalab/templates/a_propos.html
--- a/src/hdalab/templates/a_propos.html	Thu Mar 31 14:13:00 2016 +0200
+++ b/src/hdalab/templates/a_propos.html	Tue Apr 05 18:34:37 2016 +0200
@@ -8,7 +8,7 @@
 
 {% block css_import %}
 {{block.super}}
-        <link rel="stylesheet" type="text/css" href="{% static 'hdalab/lib/video-js-5.8.6/video-js.css' %}" />
+        <link rel="stylesheet" type="text/css" href="{% static 'hdalab/lib/video-js/video-js.css' %}" />
         <link rel="stylesheet" type="text/css" href="{% static 'hdalab/css/footer_pages.css' %}" />
         {% if add_kanji_font %}
         <link rel="stylesheet" type="text/css" href="{% static 'hdalab/css/common_extra.css' %}" />
@@ -19,8 +19,8 @@
 {% block js_import %}
 {{block.super}}
         <!-- video-js IE8 support -->
-        <script src="{% static 'hdalab/lib/video-js-5.8.6/ie8/videojs-ie8.min.js' %}"></script>
-        <script src="{% static 'hdalab/lib/video-js-5.8.6/video.min.js' %}"></script>
+        <script src="{% static 'hdalab/lib/video-js/ie8/videojs-ie8.min.js' %}"></script>
+        <script src="{% static 'hdalab/lib/video-js/video.min.js' %}"></script>
 {% endblock %}
 
 {% block main_content %}
@@ -39,7 +39,7 @@
         </ul>
         </p>
         <br>
-        <h2>I. HISTOIRE DU PROJET</h2> 
+        <h2>I. HISTOIRE DU PROJET</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>
@@ -57,10 +57,10 @@
             </li>
 
             <li><b>Le processus de sémantisation :</b>
-                <p>Le Département des programmes numériques du ministère de la Culture a conçu avec l’Institut de recherche et d’innovation un module de tagging sémantique avec une fonctionnalité de liaison avec Wikipédia.</p> 
+                <p>Le Département des programmes numériques du ministère de la Culture a conçu avec l’Institut de recherche et d’innovation un module de tagging sémantique avec une fonctionnalité de liaison avec Wikipédia.</p>
                 <p>Les simples mots-clés ont pu être liés aux entrées (les titres des articles de l’encyclopédie) de Wikipédia et enrichis grâce à un ensemble de métadonnées, dont les <a href="http://fr.wikipedia.org/wiki/Uniform_Resource_Identifier" target="_blank">URIs</a> de <a href="http://fr.dbpedia.org/wiki/Accueil" target="_blank">DBpedia.org</a>.</p>
             </li>
-            
+
             <li><b>Apport de la sémantisation :</b>
                 <p>La précision des entrées de Wikipédia permet de lever l’ambiguïté sur le sens d’un mot. L’utilisateur n’est plus dans l’incertitude : il connaît d’avance la signification du tag et les résultats de sa recherche ne sont donc plus pollués par des documents hors sujets.</p>
                 <p>Par exemple, pour le simple mot-clé « Restauration », il existe plusieurs tags sémantiques :</p>
@@ -81,21 +81,15 @@
         <br>
         <h2>III. TUTORIEL RENKAN</h2>
         <br>
-        <div id="footer-renkan-video-container">
+        <div id="about-renkan-video-container">
             <video id="renkan-video" class="video-js vjs-default-skin"
-            controls preload="auto" width="800" height="600"
+            controls preload="auto" width="800" height="450"
             poster="{% static 'hdalab/img/renkan_tutorial_video_poster.png' %}"
             data-setup=''>
-                    {% if video_mp4 %}
-                    <source src="{{video_mp4}}" type="video/mp4" />
-                    {% endif %}
-                    {% if video_webm %}
-                    <source src="{{video_webm}}" type="video/webm" />
-                    {% endif %}
-                    {% if video_ogg %}
-                    <source src="{{video_ogg}}" type="video/ogg" />
-                    {% endif %}
-                <p class="vjs-no-js">Pour pouvoir visionner cette vidéo, veuiller activer Javascript et éventuellement utiliser un navigateur web à jour votre navigateur afin d'un navigateur qui <a href="http://videojs.com/html5-video-support/" target="_blank">supporte les vidéo HTML5</a></p>
+                {% for tuto_video in tutorial_video_urls %}
+                <source src="{{tuto_video.url}}" type="{{tuto_video.format}}" />
+                {% endfor %}
+                <p class="vjs-no-js">{% blocktrans %}Pour pouvoir visionner cette vidéo{% endblocktrans %}</p>
             </video>
         </div>
     </div>