diff --git a/roulette.py b/roulette.py
index fd903fa..9974744 100644
--- a/roulette.py
+++ b/roulette.py
@@ -395,9 +395,9 @@ def home():
 def play():
     ip = get_ip()
     player = get_player_from_ip(ip)
-    if STATE == "down":
+    if "down" in STATE:
         return render_template('down.html', user=player)
-    elif STATE == "launched":
+    elif "up" in STATE:
         # Traitement de la requête de bannissement
         if request.method == 'POST':
             target_id = request.form['target_id']
diff --git a/static/javascript.js b/static/javascript.js
index 756d4e4..b35dd39 100644
--- a/static/javascript.js
+++ b/static/javascript.js
@@ -14,3 +14,46 @@ function startTimer(duration, display) {
         }
     }, 1000);
 }
+
+$(function () {
+    Highcharts.chart('container', {
+        chart: {
+            plotBackgroundColor: null,
+            plotBorderWidth: 0,
+            plotShadow: false
+        },
+        title: {
+            text: 'Etat du Rezo',
+            align: 'center',
+            verticalAlign: 'middle',
+            y: 40
+        },
+        tooltip: {
+            pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
+        },
+        plotOptions: {
+            pie: {
+                dataLabels: {
+                    enabled: true,
+                    distance: -50,
+                    style: {
+                        fontWeight: 'bold',
+                        color: 'white'
+                    }
+                },
+                startAngle: -90,
+                endAngle: 90,
+                center: ['50%', '75%']
+            },
+        },
+        series: [{
+            type: 'pie',
+            name: 'Etat du Rezo',
+            innerSize: '50%',
+            data: [
+                ['Tranchés',   {{ stats[0] }}],
+                ['Vivants',    {{ stats[1] }}]
+            ]
+        }]
+    });
+});
diff --git a/templates/home.html b/templates/home.html
index e4cbac1..dd93226 100644
--- a/templates/home.html
+++ b/templates/home.html
@@ -20,50 +20,4 @@
   </p>
 
   {% endif %}
-  <div id="container" style="min-width: 310px; max-width: 600px; margin: 0 auto"></div>
-
-<script type='text/javascript'>
-$(function () {
-    Highcharts.chart('container', {
-        chart: {
-            plotBackgroundColor: null,
-            plotBorderWidth: 0,
-            plotShadow: false
-        },
-        title: {
-            text: 'Browser<br>shares<br>2015',
-            align: 'center',
-            verticalAlign: 'middle',
-            y: 40
-        },
-        tooltip: {
-            pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
-        },
-        plotOptions: {
-            pie: {
-                dataLabels: {
-                    enabled: true,
-                    distance: -50,
-                    style: {
-                        fontWeight: 'bold',
-                        color: 'white'
-                    }
-                },
-                startAngle: -90,
-                endAngle: 90,
-                center: ['50%', '75%']
-            },
-        },
-        series: [{
-            type: 'pie',
-            name: 'Etat du Rezo',
-            innerSize: '50%',
-            data: [
-                ['Tranchés',   {{ stats[0] }}],
-                ['Vivants',    {{ stats[1] }}]
-            ]
-        }]
-    });
-});
-</script>
 {% endblock %}
diff --git a/templates/layout.html b/templates/layout.html
index 58b02cb..eb3acc9 100644
--- a/templates/layout.html
+++ b/templates/layout.html
@@ -40,6 +40,7 @@
     <div id="content_bottomright" class="corner">
     </div>
     <div id="footer">contact technique : <a href="mailto:roulette@metzquetaires.fr">roulette@metzquetaires.fr</a></div>
+		<div id="container" style="min-width: 310px; max-width: 600px; margin: 0 auto"></div>
     </div>
   </div>
 </body>
diff --git a/templates/layout_banned.html b/templates/layout_banned.html
index 5482a5e..15bb958 100644
--- a/templates/layout_banned.html
+++ b/templates/layout_banned.html
@@ -39,6 +39,7 @@
     <div id="content_bottomright" class="corner">
     </div>
     <div id="footer">contact technique : <a href="mailto:roulette@metzquetaires.fr">roulette@metzquetaires.fr</a></div>
+		<div id="container" style="min-width: 310px; max-width: 600px; margin: 0 auto"></div>
     </div>
   </div>
 </body>
diff --git a/templates/layout_precampagne.html b/templates/layout_precampagne.html
index 57a0ba3..8133223 100644
--- a/templates/layout_precampagne.html
+++ b/templates/layout_precampagne.html
@@ -37,6 +37,7 @@
     </div>
     <div id="content_bottomright" class="corner">
     </div>
+		<div id="container" style="min-width: 310px; max-width: 600px; margin: 0 auto"></div>
     </div>
   </div>
 </body>