diff --git a/index.css b/index.css
index c65ea37..21d56f6 100644
--- a/index.css
+++ b/index.css
@@ -1,6 +1,7 @@
 body
 {
-    padding:0px;
+    padding:0px;    
+    overflow:hidden;
 }
 
 #title
@@ -143,11 +144,12 @@ input[type="checkbox"]:checked + label span {
 	height:100%;
 	margin:0;
 	margin-left:-10px;
+	background-color:#f1f1f1;
 }
 
 #footer
 {
-	position:absolute;
+	position:fixed;
 	background-color:#f1f1f1;
 	bottom:0px;
 	height:54px;
@@ -161,14 +163,111 @@ input[type="checkbox"]:checked + label span {
 {
   float: right;
   margin-right:25px;
+  margin-top:-30px;
+}
+
+#exMois
+{
+	margin-top:-10px;
+	height:30px;
+	width:30%;
+	margin-left:auto;
+	margin-right:auto;
 }
 
 #Mois
 {
 	text-align:center;
-	margin-top:10px;
 	font-size: 30px;
-	margin-bottom:-30px;
+	margin-top:-45px;
+}
+
+#exLess
+{
+  width:40px;
+  height:40px;
+  float:right;
+  margin-top:-40px;
+}
+
+#exMore
+{
+  width:40px;
+  height:40px;
+  padding-top:20px;
+}
+
+
+/*Calendar*/
+table
+{
+  width:100%;
+  margin:0;
+  padding:0;
+  border-style:none;
+  table-layout: fixed;
+}
+
+tr
+{
+  height:250px;  
+  border-style:none;
+  margin:0;
+  width:100%;
+  padding:0;
+}
+
+td
+{
+  border-style:none;
+  height:100%;
+  margin:0;
+  padding:0;
+}
+
+td:hover
+{
+    background-color: #40c1e6;
 }
 
+tr #date
+{
+  font-size:30px;
+  margin:20px;
+  color:#2b2b2b;
+}
+
+#calendar #event
+{
+  margin:0;
+  border:1px solid #2b2b2b;
+  height:100%;
+  width:100%;
+}
+
+#link
+{
+  margin-left:10px;
+  font-size:12px;
+}
+
+
+
+
 
+
+
+@media only screen and (max-width: 1000px) and (max-height: 500px){
+
+#title
+{
+    height: 50px;
+}
+
+#title img
+{
+	padding-top:10px;
+	height: 30px;
+}
+
+}
diff --git a/index.html b/index.html
index 98fc314..781ed0e 100644
--- a/index.html
+++ b/index.html
@@ -6,13 +6,6 @@
         <link rel="stylesheet" href="./index.css" />
         <link rel="icon" type="image/png" href="favicon.png" />
         <!--[if IE]><link rel="shortcut icon" type="image/x-icon" href="favicon.ico" /><![endif]-->
-        
-        <!--Using jQuery and jQuery UI for display effects-->
-				<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
-				<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
-		 
-				<!--Using the hamburger menu display code-->
-				<script src="js/hamburger.js"></script>
     </head>
     <body>
         <header id="title">
@@ -70,14 +63,106 @@
 									</div>
 									</form>
             </div>
-            <div class="Button" id="AddEvent">
+            <a id="ancherEvent" href="#addEvent" onclick="alert('Ajoute un evenement');"><div class="Button" id="AddEvent">
                 + Ajouter un Évènement
-            </div>
+            </div></a>
         </nav>
+
+
+
+
         <div id="calendar">
+        <table border="1">
+					<tr>
+						<td><div id="event"><div id="date">6</div>
+						<div id="link">Conférence - Sécurité</div></td>
+						<td><div id="event"><div id="date">7</div>
+						</td>
+						<td><div id="event"><div id="date">8</div>
+						</td>
+						<td><div id="event"><div id="date">9</div>
+						<div id="link">Club tricot</div></td>
+						<td><div id="event"><div id="date">10</div>
+						<div id="link">Grosse soirée</div></td>
+						<td><div id="event"><div id="date">11</div>
+						</td>
+						<td><div id="event"><div id="date">12</div>
+						<div id="link">Invasion de kakapos</div></td>
+					</tr>
+					<tr>
+						<td><div id="event"><div id="date">6</div>
+						<div id="link">Conférence - Sécurité</div></td>
+						<td><div id="event"><div id="date">7</div>
+						</td>
+						<td><div id="event"><div id="date">8</div>
+						</td>
+						<td><div id="event"><div id="date">9</div>
+						<div id="link">Club tricot</div></td>
+						<td><div id="event"><div id="date">10</div>
+						<div id="link">Grosse soirée</div></td>
+						<td><div id="event"><div id="date">11</div>
+						</td>
+						<td><div id="event"><div id="date">12</div>
+						<div id="link">Invasion de kakapos</div></td>
+					</tr>
+					<tr>
+						<td><div id="event"><div id="date">6</div>
+						<div id="link">Conférence - Sécurité</div></td>
+						<td><div id="event"><div id="date">7</div>
+						</td>
+						<td><div id="event"><div id="date">8</div>
+						</td>
+						<td><div id="event"><div id="date">9</div>
+						<div id="link">Club tricot</div></td>
+						<td><div id="event"><div id="date">10</div>
+						<div id="link">Grosse soirée</div></td>
+						<td><div id="event"><div id="date">11</div>
+						</td>
+						<td><div id="event"><div id="date">12</div>
+						<div id="link">Invasion de kakapos</div></td>
+					</tr>
+					<tr>
+						<td><div id="event"><div id="date">6</div>
+						<div id="link">Conférence - Sécurité</div></td>
+						<td><div id="event"><div id="date">7</div>
+						</td>
+						<td><div id="event"><div id="date">8</div>
+						</td>
+						<td><div id="event"><div id="date">9</div>
+						<div id="link">Club tricot</div></td>
+						<td><div id="event"><div id="date">10</div>
+						<div id="link">Grosse soirée</div></td>
+						<td><div id="event"><div id="date">11</div>
+						</td>
+						<td><div id="event"><div id="date">12</div>
+						<div id="link">Invasion de kakapos</div></td>
+					</tr>
+					<tr>
+						<td><div id="event"><div id="date">6</div>
+						<div id="link">Conférence - Sécurité</div></td>
+						<td><div id="event"><div id="date">7</div>
+						</td>
+						<td><div id="event"><div id="date">8</div>
+						</td>
+						<td><div id="event"><div id="date">9</div>
+						<div id="link">Club tricot</div></td>
+						<td><div id="event"><div id="date">10</div>
+						<div id="link">Grosse soirée</div></td>
+						<td><div id="event"><div id="date">11</div>
+						</td>
+						<td><div id="event"><div id="date">12</div>
+						<div id="link">Invasion de kakapos</div></td>
+					</tr>
+				</table>
+        
+        
 		      <div id="footer">
 							<div id="TextFooter">
-						  <div id="Mois">Mars 2015</div>
+							<div id="exMois">
+								<a id="ancherMore" href="#More" onclick="alert('Click on More');"><img id="exMore" alt="expand less" src="images/expand_less.png" /></a>
+								<div id="Mois">Mars 2015</div>
+								<a id="ancherLess" href="#Less" onclick="alert('Click on Less');"><img id="exLess" alt="expand more" src="images/expand_more.png" /></a>
+							</div>
 						  <div id="Export">Exporter en <a href="#RSS">RSS</a>, <a href="#iCal">iCal</a>, <a href="#webCal">WebCal</a></div>
 						  </div>
 		      <div>
