diff --git a/css/ecomonde.css b/css/ecomonde.css
index a764844..bc3b758 100755
--- a/css/ecomonde.css
+++ b/css/ecomonde.css
@@ -52,11 +52,11 @@
     font-weight: bold;
     text-align: center;
     color: black;
-    text-shadow: 
-    #FFF 1px 1px, 
-    #FFF -1px 1px, 
-    #FFF -1px -1px, 
-    #FFF 1px -1px; 
+    text-shadow:
+    #FFF 1px 1px,
+    #FFF -1px 1px,
+    #FFF -1px -1px,
+    #FFF 1px -1px;
 }
 
 .progress-bar-eco span {
@@ -73,7 +73,7 @@
   -moz-transition: width .4s ease-in-out;
   -ms-transition: width .4s ease-in-out;
   -o-transition: width .4s ease-in-out;
-  transition: width .4s ease-in-out;    
+  transition: width .4s ease-in-out;
 }
 
 .verte span {
@@ -83,7 +83,7 @@
     background-image: -moz-linear-gradient(top, #28b62c, #2BD630);
     background-image: -ms-linear-gradient(top, #28b62c, #2BD630);
     background-image: -o-linear-gradient(top, #28b62c, #2BD630);
-    background-image: linear-gradient(top, #28b62c, #2BD630);  
+    background-image: linear-gradient(top, #28b62c, #2BD630);
 }
 
 .bleue span {
@@ -93,7 +93,7 @@
     background-image: -moz-linear-gradient(top, #416BE8, #419AE8);
     background-image: -ms-linear-gradient(top, #416BE8, #419AE8);
     background-image: -o-linear-gradient(top, #416BE8, #419AE8);
-    background-image: linear-gradient(top, #416BE8, #419AE8);  
+    background-image: linear-gradient(top, #416BE8, #419AE8);
 }
 
 .jaune span {
@@ -103,7 +103,7 @@
     background-image: -moz-linear-gradient(top, #FFD700, #FAF27F);
     background-image: -ms-linear-gradient(top, #FFD700, #FAF27F);
     background-image: -o-linear-gradient(top, #FFD700, #FAF27F);
-    background-image: linear-gradient(top, #FFD700, #FAF27F);  
+    background-image: linear-gradient(top, #FFD700, #FAF27F);
 }
 
 .rouge span {
@@ -113,7 +113,7 @@
     background-image: -moz-linear-gradient(top, #E31B1B, #FF6B6B);
     background-image: -ms-linear-gradient(top, #E31B1B, #FF6B6B);
     background-image: -o-linear-gradient(top, #E31B1B, #FF6B6B);
-    background-image: linear-gradient(top, #E31B1B, #FF6B6B);  
+    background-image: linear-gradient(top, #E31B1B, #FF6B6B);
 }
 
 .blanche span {
@@ -123,7 +123,7 @@
     background-image: -moz-linear-gradient(top, #ADDFFF, #CCFFFC);
     background-image: -ms-linear-gradient(top, #ADDFFF, #CCFFFC);
     background-image: -o-linear-gradient(top, #ADDFFF, #CCFFFC);
-    background-image: linear-gradient(top, #ADDFFF, #CCFFFC);  
+    background-image: linear-gradient(top, #ADDFFF, #CCFFFC);
 }
 
 .noire span {
@@ -133,7 +133,7 @@
     background-image: -moz-linear-gradient(top, #8128B5, #792DA6);
     background-image: -ms-linear-gradient(top, #8128B5, #792DA6);
     background-image: -o-linear-gradient(top, #8128B5, #792DA6);
-    background-image: linear-gradient(top, #8128B5, #792DA6);  
+    background-image: linear-gradient(top, #8128B5, #792DA6);
 }
 
 .shine span {
@@ -151,13 +151,13 @@
   background: #fff;
     -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
-  border-radius: 3px;     
-  
+  border-radius: 3px;
+
     -webkit-animation: animate-shine 2s ease-out infinite;
-    -moz-animation: animate-shine 2s ease-out infinite;       
+    -moz-animation: animate-shine 2s ease-out infinite;
 }
 
-@-webkit-keyframes animate-shine { 
+@-webkit-keyframes animate-shine {
   0% {opacity: 0; width: 0;}
   50% {opacity: .5;}
   100% {opacity: 0; width: 95%;}
@@ -174,20 +174,20 @@
         -moz-box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;
   -webkit-box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;
   box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;
-  
+
         -webkit-animation: animate-glow 1s ease-out infinite;
-        -moz-animation: animate-glow 1s ease-out infinite;      
+        -moz-animation: animate-glow 1s ease-out infinite;
 }
 
 @-webkit-keyframes animate-glow {
- 0% { -webkit-box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;} 
- 50% { -webkit-box-shadow: 0 5px 5px rgba(255, 255, 255, .3) inset, 0 -5px 5px rgba(255, 255, 255, .3) inset;} 
+ 0% { -webkit-box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;}
+ 50% { -webkit-box-shadow: 0 5px 5px rgba(255, 255, 255, .3) inset, 0 -5px 5px rgba(255, 255, 255, .3) inset;}
  100% { -webkit-box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;}
  }
 
 @-moz-keyframes animate-glow {
- 0% { -moz-box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;} 
- 50% { -moz-box-shadow: 0 5px 5px rgba(255, 255, 255, .3) inset, 0 -5px 5px rgba(255, 255, 255, .3) inset;} 
+ 0% { -moz-box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;}
+ 50% { -moz-box-shadow: 0 5px 5px rgba(255, 255, 255, .3) inset, 0 -5px 5px rgba(255, 255, 255, .3) inset;}
  100% { -moz-box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;}
  }
 
@@ -242,6 +242,16 @@
   text-transform: uppercase;
 }
 
+.enemy_name {
+  font-weight: bold;
+  font-size: 26px;
+  color: black;
+  margin-top: -8px;
+  margin-bottom: -20px;
+  margin-left: 10px;
+  text-transform: uppercase;
+}
+
 .p_light {
   text-align: center;
   padding: 5px;
@@ -256,4 +266,4 @@
   font-size: 30px;
   color: #8128B5;
   font-weight: bold;
-}
\ No newline at end of file
+}
diff --git a/index.php b/index.php
index 1da58fd..8ec714e 100755
--- a/index.php
+++ b/index.php
@@ -186,7 +186,7 @@ $message[10]='
 					        while ($fichier = readdir($dossier))
 					        {
 
-								if ($fichier != "." && $fichier != ".." && $fichier != "map.jpg" && $fichier != "soft.mp3" && $fichier != "tonic.mp3" && $fichier != "hard.mp3" && $fichier != "light.mp3" && $fichier != "dark.mp3")
+								if ($fichier != "." && $fichier != ".." && $fichier != "map.jpg" && $fichier != "soft.mp3" && $fichier != "tonic.mp3" && $fichier != "hard.mp3" && $fichier != "light.mp3" && $fichier != "dark.mp3" && $fichier != "enemy")
 								{
 									$gamers = explode(".xml", $fichier);
 
diff --git a/medias/c0f08ae603e364cb554fe71c9fc94ffd/enemy/Loup Garrou.xml b/medias/c0f08ae603e364cb554fe71c9fc94ffd/enemy/Loup Garrou.xml
new file mode 100755
index 0000000..f9a63f4
--- /dev/null
+++ b/medias/c0f08ae603e364cb554fe71c9fc94ffd/enemy/Loup Garrou.xml	
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<response>
+	<entry>
+		<nom>Loup Garrou</nom>
+		<level>0</level>
+		<hp>10</hp>
+		<xp>0</xp>
+		<money>0</money>
+		<ecos>
+			<verte>0</verte>
+			<bleue>0</bleue>
+			<jaune>0</jaune>
+			<rouge>0</rouge>
+			<blanche>0</blanche>
+			<noire>0</noire>
+		</ecos>
+		<trans>default</trans>
+		<notes>...</notes>
+		<gift>0</gift>
+	</entry>
+</response>
diff --git a/play/action.php b/play/action.php
index 2edb18e..9d3ad3a 100755
--- a/play/action.php
+++ b/play/action.php
@@ -120,4 +120,4 @@ if (isset($_GET['gift_moins']) && $xml->entry->gift>0) {
 
 $xml->asXml('../medias/'.$hash.'/'.$nom_modif.'.xml');
 header("location: index.php");
-?>
\ No newline at end of file
+?>
diff --git a/play/action_enemy.php b/play/action_enemy.php
new file mode 100644
index 0000000..3e1296f
--- /dev/null
+++ b/play/action_enemy.php
@@ -0,0 +1,24 @@
+<?php include "../header.php";
+
+$nom_modif="";
+
+if (isset($_GET['entry'])) {
+  $nom_modif = $_GET['entry'];
+} else {
+  header("location: ./index.php");
+  end;
+}
+
+$xml = simplexml_load_file('../medias/'.$hash.'/enemy/'.$nom_modif.'.xml');
+
+if (isset($_GET['hp_plus']) && $xml->entry->hp<20) {
+  $xml->entry->hp++;
+}
+
+if (isset($_GET['hp_moins']) && $xml->entry->hp>0) {
+  $xml->entry->hp--;
+}
+
+$xml->asXml('../medias/'.$hash.'/enemy/'.$nom_modif.'.xml');
+header("location: index.php");
+?>
diff --git a/play/enemy.php b/play/enemy.php
new file mode 100644
index 0000000..b9d2e2a
--- /dev/null
+++ b/play/enemy.php
@@ -0,0 +1,41 @@
+<?php
+
+$xml = simplexml_load_file('../medias/'.$hash.'/enemy/'.$fichier);
+if (!isset($itemnb)) {
+  $itemnb=0;
+} else {
+  $itemnb++;
+}
+foreach($xml->entry as $entry) {
+?>
+
+<!-- enemy -->
+<div class="col-lg-4">
+  <div class="panel panel-default">
+    <div class="panel-heading">
+      <div class="row">
+        <div class="enemy_name">
+          <?php echo $entry->nom; ?>
+        </div>
+      </div>
+      <div class="row">
+        <div class="col-lg-6">
+          <br />
+          <p style="font-size:40px;"><i class="ionicons ion-heart" style="color:red;";></i>&nbsp;<i class="ionicons ion-heart" style="color:red;";></i>&nbsp;<i class="ionicons ion-heart-broken" style="color:grey;";></i></p>
+          <?php echo $entry->hp; ?>
+        </div>
+        <div class="col-lg-2">
+          <?php button_modif_hp_enemy("hp_moins", $entry->nom, "-"); ?><?php button_modif_hp_enemy("hp_plus", $entry->nom, "+"); ?>
+          <br /><br />
+          <button type="submit" class="btn btn-danger btn-sm"><i class="glyphicon glyphicon-remove-sign"></i></button>
+        </div>
+        <div class="col-lg-4">
+          <a href="http://wiki.ecomonde.land/doku.php?id=wiki:ennemies:loups_garrous" target="_blank" /><img class="img-responsive" src="http://wiki.ecomonde.land/lib/exe/fetch.php?w=600&tok=44210c&media=wiki:loup_garrou.jpg" alt="enemy" />
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+<!-- /enemy -->
+
+<?php } ?>
diff --git a/play/index.php b/play/index.php
index 10ab0ee..45e4de5 100755
--- a/play/index.php
+++ b/play/index.php
@@ -15,9 +15,11 @@
   </head>
 
   <body>
+    <!-- top -->
     <div class="container-fluid">
       <div class="col-lg-4">
         <a href="index.php"><img class="img-responsive" src="../img/logo_<?php echo rand(1, 6); ?>.png" alt="logo" /></a>
+        <br />
         <div class="container-fluid">
           <div class="col-lg-2">
             <button class="btn btn-default btn-sm" data-toggle="collapse" data-parent="#accordion" href="#collapseOne"><i class="ionicons ion-map"></i></button>
@@ -38,11 +40,21 @@
             <a onclick="window.open('music.php?sample=dark.mp3','ecomonde','menubar=no, scrollbars=no, top=100, left=50, width=320, height=100');"><button class="btn btn-default btn-sm"><i class="ionicons ion-music-note" style="color:#8128B5;"></i></button></a>
           </div>
         </div>
+        <br />
+        <div class="container-fluid">
+          <div class="col-lg-5">
+            <button class="btn btn-warning btn-sm"><i class="ionicons ion-plus"></i>&nbsp;&nbsp;Ajouter ennemi</button></a>
+          </div>
+          <div class="col-lg-2"></div>
+          <div class="col-lg-5">
+            <button class="btn btn-danger btn-sm"><i class="ionicons ion-plus"></i>&nbsp;&nbsp;Ajouter BOSS</button></a>
+          </div>
+        </div>
       </div>
       <div class="col-lg-4">
         <div class="well sponsor">
           <h2>Ecos</h2>
-          <h4>10 <i class="ionicons ion-flash" style="color:#FFD700;"></i> = 1 <i class="ionicons ion-fireball" style="color:#AAA;"></i>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 1 <i class="ionicons ion-fireball" style="color:#28b62c;"></i> = 2 <i class="ionicons ion-heart" style="color:red;"></i></h4>
+          <h4>10 <i class="ionicons ion-flash" style="color:#FFD700;"></i> = 1 <i class="ionicons ion-fireball" style="color:#AAA;"></i>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 1 <i class="ionicons ion-fireball" style="color:#28b62c;"></i> = (2+LVL) <i class="ionicons ion-heart" style="color:red;"></i></h4>
           <h4><i class="ionicons ion-fireball" style="color:#28b62c;"></i> + <i class="ionicons ion-fireball" style="color:#158cba;"></i> + <i class="ionicons ion-fireball" style="color:#ffd000;"></i> + <i class="ionicons ion-fireball" style="color:#ff4136;"></i> = <i class="ionicons ion-fireball" style="color:#ADDFFF;"></i> ou <i class="ionicons ion-fireball" style="color:#8128B5;"></i></h4>
         </div>
       </div>
@@ -63,6 +75,41 @@
         </div>
       </div>
     </div>
+    <!-- /top -->
+
+    <!-- enemy -->
+<div class="container-fluid">
+  <?php
+  // nombre enemy
+  $f = 0;
+  foreach(glob('*.xml') as $f) {$f+=1;}
+  $nb_membres = count(glob('../medias/'.$hash.'/enemy/*.xml'));
+  ?>
+
+  <?php
+
+    function button_modif_hp_enemy($nom_parametre, $nom_enemy, $texte_bouton)
+    {
+      echo '<form action="action_enemy.php?'.$nom_parametre.'&amp;entry='.$nom_enemy.'" method="post"><button type="submit" class="btn btn-default btn-xs" style="float:left;">'.$texte_bouton.'</button></form>';
+    }
+
+  // liste enemy
+    $folder = "../medias/".$hash."/enemy/";
+    $dossier = opendir($folder);
+    while ($fichier = readdir($dossier))
+    {
+      if ($fichier != "." && $fichier != "..")
+      {
+        $gamers = explode(".xml", $fichier);
+        include ("enemy.php");
+      }
+    }
+    closedir($dossier);
+  ?>
+</div>
+    <!-- /enemy -->
+    <hr />
+    <!-- gamers -->
     <div class="container-fluid">
       <?php
       // nombre de gamers
@@ -106,7 +153,7 @@
         $dossier = opendir($folder);
         while ($fichier = readdir($dossier))
         {
-          if ($fichier != "." && $fichier != ".." && $fichier != "map.jpg" && $fichier != "soft.mp3" && $fichier != "tonic.mp3" && $fichier != "hard.mp3" && $fichier != "light.mp3" && $fichier != "dark.mp3")
+          if ($fichier != "." && $fichier != ".." && $fichier != "map.jpg" && $fichier != "soft.mp3" && $fichier != "tonic.mp3" && $fichier != "hard.mp3" && $fichier != "light.mp3" && $fichier != "dark.mp3" && $fichier != "enemy")
           {
             $gamers = explode(".xml", $fichier);
             include ("gamers.php");
@@ -115,6 +162,7 @@
         closedir($dossier);
       ?>
     </div>
+    <!-- /gamers -->
 
     <!-- infos -->
     <div class="modal fade" id="infos" tabindex="-1" role="dialog" aria-labelledby="infos" aria-hidden="true">
@@ -156,6 +204,8 @@
         </div>
       </div>
     </div>
+    <!-- /infos -->
+
     <script src="../js/jquery-1.10.2.min.js"></script>
     <script src="../js/bootstrap.min.js"></script>
     <script src="../js/bootswatch.js"></script>