diff --git a/public/index.html b/public/index.html
index 07e50bc..7f646e3 100644
--- a/public/index.html
+++ b/public/index.html
@@ -16,11 +16,11 @@
 		<div class="lb-container">
 			<div class="lb-header">
 				<h2>Importer des documents</h2>
-				<a href="" class="close-button"><img src="./assets/closebutton.png"></a>
+				<a href="#" class="close-button"><img src="./assets/closebutton.png"></a>
 				<div id="tabs-container">
 					<span></span>
-					<span><a href="">Intégrer un contenu externe</a></span>
-					<span><a href="">Filmer depuis la caméra</a></span>
+					<span><a href="#">Intégrer un contenu externe</a></span>
+					<span><a href="#">Filmer depuis la caméra</a></span>
 					<span class="active"><a href="">Parcourir son Espace Doc</a></span>
 					<span></span>
 				</div>
@@ -31,10 +31,9 @@
 					<button>🔍</button>
 				</div>
 				<div id="doc-file-viewmode">
-					Vue :
-					<a href="" class="active">Mosaïque</a>
-					<a href="">Grille</a>
-					<a href="">Liste</a>
+					<a href="#" class="active"></a>
+					<a href="#"></a>
+					<a href="#"></a>
 				</div>
 				<div id="doc-file-nav" class="list-nav scrollable">
 					<ul class="">
diff --git a/public/main.css b/public/main.css
index b15c8d6..d6e9e82 100644
--- a/public/main.css
+++ b/public/main.css
@@ -184,6 +184,19 @@ input {
 	font-family: Calibri, Mallanna, "Segoe UI", sans-serif;
 }
 
+#doc-file-viewmode a {
+  background-image: linear-gradient(#fff, #e9ebef);
+  border-radius: 15px;
+  height: 40px;
+  min-width: 40px;
+  display: inline-block;
+}
+
+#doc-file-viewmode a.active {
+  background-image: linear-gradient(#3889c1, #43b9e7);
+}
+
+
 button {
   /* height: 40px; */
   box-sizing: border-box;