style

index.html

@@ -63,7 +63,7 @@
 
       <section id="Form">
         <aside id="info">
-
+          <img src="left_triangle2.gif" id="arrow" alt=""/>
           <h3>Quelques détails</h3>
 
           <p>
@@ -73,8 +73,6 @@
             Indiquez la matière sur laquelle porte la question lui permettre
             d'aller plus vite.<br/>
 
-            Si la question a été trouvée sur un ancien partiel ou sur le cours,
-            vous pouvez insérer ici l'url du document en question.
           </p>
         </aside>
 

style.css

@@ -1,7 +1,7 @@
 body
 {
     text-align: center;
-    width: 80%;
+    width: 60%;
     margin: auto;
 }
 
@@ -19,6 +19,14 @@ form
     border: solid;
     border-radius: 5px;
     margin-bottom: 20px;
+    text-align: left;
+    padding: 10px;
+}
+
+#list
+{
+    padding-top: 100px;
+    padding-bottom: 100px;
 }
 
 #q
@@ -30,8 +38,16 @@ aside
 {
     float: right;
     width: 30%;
-    border-left: solid;
-    padding: 10px;
+    box-shadow: 0px 5px 10px black;
+    padding-left: 10px;
+    padding-right: 10px;
+}
+
+#arrow
+{
+    position: absolute;
+    margin-left: -40px;
+    margin-top: 100px;
 }
 
 footer