diff --git a/html/index.css b/html/index.css
index ad7960418..c8d6c5cc9 100644
--- a/html/index.css
+++ b/html/index.css
@@ -62,6 +62,20 @@ background-repeat: repeat-x repeat-y;
 #logo_id {
     width:19%;
 }
+
+
+#recover_box {
+
+    display: block;
+    position: absolute;
+    top: 40%;
+    z-index: 1;
+    border: 2px solid blue;
+    width: 30%;
+    margin-left: 25%;
+    background-color: whitesmoke;
+
+}
 @media only screen and (max-width : 360px) {
     #alternate_browser {
         display : none;
@@ -87,6 +101,18 @@ background-repeat: repeat-x repeat-y;
     margin-bottom:30px;
     width: 100%;
     }
+    #recover_box {
+
+    display: block;
+    position: absolute;
+    top: 15%;
+    z-index: 1;
+    border: 2px solid blue;
+    width: 96%;
+    margin-left: 1%;
+    background-color: whitesmoke;
+
+}
  
 }
 @media only screen and (max-width : 900px) {
@@ -104,7 +130,18 @@ background-repeat: repeat-x repeat-y;
     .input_text {
         width:8em;
     }
- 
+     #recover_box {
+
+    display: block;
+    position: absolute;
+    top: 15%;
+    z-index: 1;
+    border: 2px solid blue;
+    width: 96%;
+    margin-left: 1%;
+    background-color: whitesmoke;
+
+}
 }
 @media only screen and (min-width : 901px) {
     #alternate_browser {
@@ -134,6 +171,18 @@ background-repeat: repeat-x repeat-y;
     margin-top:397px;
     left:539px;
     background-color: white;
+}
+    #recover_box {
+
+    display: block;
+    position: absolute;
+    top: 15%;
+    z-index: 1;
+    border: 2px solid blue;
+    width: 96%;
+    margin-left: 1%;
+    background-color: whitesmoke;
+
 }
 }
 @media only screen and (min-width : 1100px) {
@@ -165,4 +214,17 @@ background-repeat: repeat-x repeat-y;
     left:539px;
     background-color: white;
 }
+#recover_box {
+
+    display: block;
+    position: absolute;
+    top: 40%;
+    z-index: 1;
+    border: 2px solid blue;
+    width: 30%;
+    margin-left: 25%;
+    background-color: whitesmoke;
+
+}
+
 }
diff --git a/html/index.php b/html/index.php
index 716ffdb61..4d112d387 100644
--- a/html/index.php
+++ b/html/index.php
@@ -233,12 +233,12 @@ echo '
 
 ?>
 </table>
-
+</center>
 </form>
 <?php if (defined("RECOVER")) : ?>
     <a id="recover_link" href="#">Mot de passe oublié ? </a>
     
-<div id="recover_box" style="display:none;position:absolute;top:40%;z-index:1;border:solid blue 2px;width:30%;margin-left: 25%;background-color: whitesmoke">
+<div id="recover_box">
     <span style="display:block;font-size:120%;padding:10px">Indiquez votre login ou votre email <span style="cursor: pointer;background-color: white;color:block;top:-5px;float: right;position:relative;right:-5px" id="close"><a ref="#" id="close_link"><?php echo SMALLX?></a></span></span>
             <form method="POST">
                 <input type="hidden" value="send_email" name="id">