--- a/src/hp/templates/hp/video_player.html	Tue Nov 13 16:20:34 2012 +0100
+++ b/src/hp/templates/hp/video_player.html	Tue Nov 13 18:34:31 2012 +0100
@@ -1,11 +1,14 @@
 {% extends "hp/base.html" %}
 {% load i18n %}
 {% load thumbnail %}
-
-{% block title %}Hyperplateau : {% trans 'Display' %} "{{content.title}}"{% endblock %}
+{% load staticfiles %}
+{% load hp_tags %}
 
-{% block css_import %}
-{{block.super}}
+{% block title %}Hyperplateau : {% trans 'Watch' %} "{{content.title}}"{% endblock %}
+
+{% block css_declaration %}
+{{ block.super }}
+<link rel="stylesheet" href="{% static "hp/css/player.css" %}" type="text/css"/>
 {% endblock %}
 
 {% block js_declaration %}
@@ -14,24 +17,19 @@
 {% block body %}
 {{block.super}}
 
-<!-- Player column -->
-<div id="player_col_g">
-    <h2>{{content.title}}</h2>
-    <hr />
-    <div class="ldt_player" id="wrapper_{{player_id}}">
-    {% include "hp/partial/embed_player.html" %}
+<div class="main row">
+    <div class="column left-column">
+        <h2>{% trans 'Watch' %} "{{content.title}}"</h2>
+        <div class="ldt_player" id="wrapper_{{player_id}}">
+        {% include "hp/partial/embed_player.html" %}
+        </div>
+    </div>
+    <div class="column right-column">
+        <h2>{% trans 'Explore topics' %}</h2>
+        <div id="KcContainer"></div>
+        <h2>{% trans 'Related videos' %}</h2>
     </div>
 </div>
 
-<!-- Right column -->
-<div id="player_col_d">
-    <div id="Social_ext"></div>
-    <div id="Slideshare_ext" class="ext_widget">
-    </div>
-    <div class="li_h2">
-        <h2>{% trans 'All annotations on the media' %}</h2>
-    </div>
-    <div id="AnnotationsList_ext" class="ext_widget"></div>
-</div>
 {% endblock %}