From 87e8bf2cc0c1e41773285bf2ad093fc0b3197e58 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?N=C3=A9munaire?= <nemunaire@pomail.fr>
Date: Wed, 23 May 2012 13:01:39 +0200
Subject: [PATCH] Fix placement on small screen

---
 style.css | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/style.css b/style.css
index 76267de..b7c0d17 100644
--- a/style.css
+++ b/style.css
@@ -30,14 +30,13 @@ header
 
 #introduction article
 {
-    display: inline-block;
-    width: 40%;
+    display: block;
+    width: 42%;
     background-color: white;
     border: solid;
     border-radius: 3px;
     border-radius: 0px;
     padding: 10px;
-    height: 350px;
 }
 
 article h2, form h2
@@ -50,19 +49,24 @@ article h2, form h2
 
 #bonjour
 {
+    float: left;
+    margin-left: 2%;
     vertical-align: top;
-    margin-right: 10%;
 }
 
 #fonctionnement
 {
-    margin-left: 5px;
+    float: right;
+    margin-right: 2%;
+    margin-bottom: 10px;
 }
 
 form
 {
     border: solid;
     border-radius: 5px;
+    clear: both;
+    margin-top: 10px;
     margin-bottom: 20px;
     text-align: left;
     padding: 10px;