diff --git a/html/index.php b/html/index.php
index 718733c..8b7b23a 100644
--- a/html/index.php
+++ b/html/index.php
@@ -74,11 +74,11 @@ if(isset($_GET['arena'])){
         
         $asideSectionContent.='<li>'.$img.'&nbsp;<a href="/p/aboutBot/'.urlencode(htmlentities(($sc['name']))).'">'.htmlentities($sc['name']).'</a> ELO rank: '.$sc['ELO'].'</li>'; 
     }
-    $asideSectionContent.='</ul><h2>Détail des matchs</h2>';
+    $asideSectionContent.='</ul><h2><a href="#" onclick="document.getElementById(\'detailMatches\').class=\'\';">Détail des matchs</a></h2>';
     
     foreach($hist as $sc){
         $asideSectionContent.='<h3><a href="/p/aboutBot/'.urlencode(htmlentities($sc['bot1'])).'">'.$sc['bot1'].'</a> VS <a href="/p/aboutBot/'.urlencode(htmlentities($sc['bot2'])).'">'.$sc['bot2'].'</a></h3>
-            <ul>
+            <ul id="detailMatches" class="hidden">
             <li>'.$sc['bot1']." ".$lang['VICTORIES'].":".$sc['player1Wins'].'</li>
             <li>'.$sc['bot2']." ".$lang['VICTORIES'].":".$sc['player2Wins'].'</li>
             <li>'.$lang['DRAW'].":".$sc['draws'].'</li>
diff --git a/html/style.css b/html/style.css
index 73703e7..96ed45c 100644
--- a/html/style.css
+++ b/html/style.css
@@ -107,6 +107,7 @@ pre{
 .podium{list-style-type:none;padding: 5px 20px 5px 0;}
 .podium li{padding: 5px 20px 5px 0;}
 .podium li img {height: 50px; vertical-align:middle;}
+.hide{display:none;}
 @media screen and (max-width: 800px){
 	aside, article{display: block; width: 100%; border-right:none;}