diff --git a/html/index.php b/html/index.php
index 6683c23..d1ed15e 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
@@ -82,14 +93,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>
+  	?></nav>
   </header>
   <section>
     <?php
diff --git a/html/style.css b/html/style.css
new file mode 100644
index 0000000..a917449
--- /dev/null
+++ b/html/style.css
@@ -0,0 +1,50 @@
+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%;
+  margin-left: 5%;}
+
+ header nav{
+   display: block; 
+   width: 45%;
+   color:#FFF; 
+   float: right;
+  
+}
+#menus{
+ margin-left: 50px;
+ width:100%;
+ display: table;
+}
+#menus a{
+	color: #fff;
+	display: table-cell;
+	text-decoration: none;
+	text-align: center;
+	border-radius: 15px 15px 0px 0px;
+}
+#menus a.selected{
+	color:#202020; 
+	background-color:#fff;
+}
+#languages{
+	float: right;
+	text-align: right;
+}
diff --git a/lang/en.php b/lang/en.php
index cdc02e1..a5a1cf5 100644
--- a/lang/en.php
+++ b/lang/en.php
@@ -1,6 +1,6 @@
 <?php
 $lang=array(
-    'SITE_NAME' => 'Artificials Intelligences\' arena',
+    'SITE_NAME' => 'bots\'arena',
     'SITE_DESCRIPTION'  => 'blah blah blah but english',
     'HOME'  => 'Home page'
 );
\ No newline at end of file
diff --git a/lang/fr.php b/lang/fr.php
index 26a686a..dc15bb5 100644
--- a/lang/fr.php
+++ b/lang/fr.php
@@ -1,6 +1,6 @@
 <?php
 $lang=array(
-    'SITE_NAME' => 'Arène pour intelligences (ou persque) artificielles',
+    'SITE_NAME' => 'Arène à bots',
     'SITE_DESCRIPTION'  => 'blah blah blah mais en francais',
     'HOME'  => 'accueil'
 );
\ No newline at end of file
