diff --git a/html/index.php b/html/index.php
index 6683c23..1318584 100644
--- a/html/index.php
+++ b/html/index.php
@@ -54,6 +54,14 @@ if (isset($_POST['xd_check'])){
 	}
 
 }
+//title
+if($currentArena == ""){
+  $siteTitle = $lang['SITE_NAME'];
+		
+}else{
+  $siteTitle=$currentArenaArr['title'];
+}
+
 ?>
 <!DOCTYPE html>
 <html lang="fr">
@@ -62,15 +70,18 @@ if (isset($_POST['xd_check'])){
 
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
-	<meta name="ROBOTS" content="INDEX, FOLLOW" />
-	<meta http-equiv="X-UA-Compatible" content="IE=edge">
-	<meta name="author" content="Gnieark" />
-	
-	<title></title>
+    <meta name="ROBOTS" content="INDEX, FOLLOW" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="author" content="Gnieark" />
+    <title><?php echo $siteTitle; ?></title>
+      <style type="text/css">
+	@import url(/style.css);
+      </style>
 </head>
 <body>
     
   <header>
+	<h1><?php echo $siteTitle; ?></h1>
   	<nav id="languages"><a href="-fr">fr</a>&nbsp;<a href="-en">en</a></nav>
   	<nav id="menus"><a href="/"><?php echo $lang['HOME']; ?></a>
   	<?php
@@ -83,13 +94,7 @@ if (isset($_POST['xd_check'])){
                 echo '<a href="'.$arena['url'].'" class="'.$class.'">'.$arena['title'].'</a>';
             }
   	?>
-    <h1><?php 
-    		if($currentArena == ""){
-		  echo $lang['SITE_NAME'];
-    				
-    		}else{
-		  echo $currentArenaArr['title'];
-    		} ?></h1>
+   
   </header>
   <section>
     <?php
diff --git a/html/style.css b/html/style.css
new file mode 100644
index 0000000..72df76e
--- /dev/null
+++ b/html/style.css
@@ -0,0 +1,10 @@
+body{width:100%;font-size:100%; top: 0px;line-height:140%;word-wrap:break-word;text-rendering:optimizelegibility;margin:0 auto;font-family : "lucida grande", "gill sans", arial, sans-serif;}
+header{background-color:#A60800; width: 100%; overflow: hidden;height: auto;}
+header h1{display: block; font-size:300%; color:#FFF;float: left; width: 45%;font-family: 'Special Elite', cursive;margin-left: 5%;}
+header nav{display: block; width: 45%;color:#FFF; float: left;}
+
+nav{padding-top: 10px;padding-bottom:10px;background-color:#015C65;height: auto; overflow: hidden;width: 90%; border:1px solid rgb(204, 204, 204); margin: 0 auto;text-align: center;}
+nav ul li a{color:#fff;}
+nav ul li a:hover{background-color:#FFD273;}
+nav ul li{display : inline;padding : 0 0.5em;}
+nav ul{list-style-type : none; margin: 0 auto; }
\ No newline at end of file
