diff --git a/projet/front/index.html b/projet/front/index.html
index fdc23a8bbf06791cff4738c4ebb186db3ca5f409..e5eefe7f8312206e98b216ff105a2ccb10220ae1 100644
--- a/projet/front/index.html
+++ b/projet/front/index.html
@@ -16,7 +16,18 @@
         </div>
         <div id="drive">
             <h3>Drive</h3>
-            <button><img src="/images/folder_img.png" height="50px"></button>
+            <div class="folder">
+                <p>
+                    <button><img src="/images/folder_img.png" height="50px"></button>
+                    <p>folder 1</p>
+                </p>
+            </div>
+            <div class="file">
+                <p>
+                    <button><img src="/images/file_img.png" height="50px"></button>
+                    <p>file 1</p>
+                </p>
+            </div>
         </div>
         <div id="info">
             <h3>Infos</h3>
diff --git a/projet/front/styles/element-style.js b/projet/front/styles/element-style.js
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git a/projet/front/styles/style.css b/projet/front/styles/style.css
index fa8ef2f9a92c289033fbcb43b23cf2da1fcf2ddf..50a5700814e49c973afcc55d5d6ccee5090923f7 100644
--- a/projet/front/styles/style.css
+++ b/projet/front/styles/style.css
@@ -1,6 +1,7 @@
 * {
     margin: 2.5px;
     padding: 2px;
+    box-sizing: border-box;
 }
 
 button {
@@ -13,15 +14,36 @@ button:hover {
 
 #menu {
     border: solid grey 2px;
-    width: 33%;
+    width: 30%;
+    float: left;
 }
 
 #drive {
     border: solid grey 2px;
-    width: 33%;
+    width: 30%;
+    float: left;
 }
 
 #info {
     border: solid grey 2px;
-    width: 33%;
+    width: 30%;
+    float: left;
+}
+
+.folder {
+    float: left;
+}
+
+.folder p{
+    font-size: 10pt;
+    text-align: center;
+}
+
+.file {
+    float: left;
+}
+
+.file p{
+    font-size: 10pt;
+    text-align: center;
 }
\ No newline at end of file