--- a/src/hdalab/templates/a_propos.html	Mon Apr 04 17:04:14 2016 +0200
+++ b/src/hdalab/templates/a_propos.html	Thu Mar 31 14:13:00 2016 +0200
@@ -8,12 +8,21 @@
 
 {% 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/css/footer_pages.css' %}" />
         {% if add_kanji_font %}
         <link rel="stylesheet" type="text/css" href="{% static 'hdalab/css/common_extra.css' %}" />
         {% endif %}
 {% endblock %}
 
+
+{% 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>
+{% endblock %}
+
 {% block main_content %}
     <div class="all-title">
         <h1><strong>A Propos</strong></h1>
@@ -69,6 +78,25 @@
         <p>En savoir + : <a href="http://cblog.culture.fr/web-semantique-iri-opendat/" target="_blank">Qu’est-ce que le Web Sémantique ?</a>
         <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>
+        <br>
+        <div id="footer-renkan-video-container">
+            <video id="renkan-video" class="video-js vjs-default-skin"
+            controls preload="auto" width="800" height="600"
+            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>
+            </video>
+        </div>
     </div>
 {% endblock %}