styling for addEvent button (bottom of the page)

index.css

@@ -95,28 +95,29 @@ input[type="checkbox"]:checked + label span {
 #AddEvent
 {
     margin:0;
-    margin-top:45px;
     text-align:center;
     font-size: 20px;
-    padding-top:15px;
-    height: 40px;
+    padding-top:1em;
+    height: 3em;
     width: 100%;
     position:absolute;
+    bottom: 3em;
     color: #ffffff;
     background-color: #2b2b2b;
 }
 
-#container
-{
-    margin-top:120px;
-}
-
 #AddEvent:hover
 {
     color: #2b2b2b;
     background-color: #40c1e6;
 }
 
+#container
+{
+    margin-top:0px;
+    padding-top: 40px;
+}
+
 #calendar
 {
     height:100%;

index.php

@@ -62,9 +62,6 @@ else
                 Rennes
             </div>
          </a>
-            <a id="ancherEvent" href="#addEvent" onclick="alert('Ajoute un evenement');"><div class="Button" id="AddEvent">
-                + Ajouter un Évènement
-            </div></a>
             <div id="container">
                 <form method="post" action="./update-categories.php">
                     <?php
@@ -98,6 +95,9 @@ else
                         }
                     ?>
                 </form>
+                <a id="ancherEvent" href="#addEvent" onclick="alert('Ajoute un evenement');"><div class="Button" id="AddEvent">
+                + Ajouter un Évènement
+            </div></a>
                 <!--
                 <h2>Conférences, Évènements</h2>
                     <form name="confs" action="" method="POST">