diff --git a/css/main.css b/css/main.css
index c19234a..8c9ef97 100644
--- a/css/main.css
+++ b/css/main.css
@@ -244,4 +244,31 @@ hr::after {
 	left: 0;
 	overflow: hidden;
 	background-size: 100% 150%;
-}
\ No newline at end of file
+}
+
+
+/* contact section */
+section#contact {
+  width:98%;
+}
+section.split {
+  width: 45%;
+  display:inline-block;
+}
+
+section#contact section.alt h3{
+  margin-bottom:0;
+}
+section#contact section.alt p,
+section#contact section.alt ul{
+  margin-top:0;
+}
+
+/* End of contact section */
+
+
+/* Footer style */
+footer p{
+  margin: 0;
+}
+/* end Footer style */
diff --git a/index.html b/index.html
index 6babfab..47a3ca0 100644
--- a/index.html
+++ b/index.html
@@ -30,8 +30,8 @@
           <!-- Todo – drop down list in css -->
 						<nav id="nav">
 							<ul>
-								<li><a href="index.html">Home</a></li>
-								<li>
+								<li><a href="index.html">Accueil</a></li>
+								<!--<li>
 									<a href="#">Dropdown</a>
 									<ul class="dropdown">
 										<li><a href="#">Lorem ipsum dolor</a></li>
@@ -49,9 +49,9 @@
 										<li><a href="#">Veroeros feugiat</a></li>
 									</ul>
 								</li>
-								<li><a href="left-sidebar.html">Left Sidebar</a></li>
-								<li><a href="right-sidebar.html">Right Sidebar</a></li>
-								<li><a href="no-sidebar.html">No Sidebar</a></li>
+                -->
+								<li><a href="#services">Nos services</a></li>
+								<li><a href="#contact">Nous contacter</a></li>
 							</ul>
 						</nav>
 
@@ -121,8 +121,8 @@
       </section>
 
         <!-- Contact -->
-			<footer id="contact">
-				<section>
+			<section id="contact">
+        <section class="split contact">
           <h2>Nous contacter</h2>
 					<form method="post" action="#">
 						<div class="fields">
@@ -149,18 +149,17 @@
 						<h3>Hébergement des services</h3>
 						<p>Grenoble, Lyon et alentours</p>
 					</section>
-					<section>
+					<section class="alt">
 						<h3>Email</h3>
 						<p><a href="#contact">Via le formulaire ci-contre</a></p>
 					</section>
-					<section>
+					<section class="alt">
 						<h3>Réseaux sociaux</h3>
 						<ul class="icons alt">
 							<li><a href="#" class="icon brands alt fa-github"><span class="label">GitHub</span></a></li>
 						</ul>
 					</section>
 				</section>
-			</footer>
      </section>
       
     </main>