diff --git a/layouts/archives/li.html b/layouts/archives/li.html
index 4d5a086..85559c7 100644
--- a/layouts/archives/li.html
+++ b/layouts/archives/li.html
@@ -1,8 +1,5 @@
 <a class="archive hidden_link" href="{{ .Params.ExternalLink | default .RelPermalink }}">
 		<img class="thumbnail" src="{{ .RelPermalink }}/thumb.jpg" />
-		<div class="description">
-			<span class="title">{{ .Title }}</span>
-			<p>{{ .Description }}</p>
-			<span class="more">&rarr; plus d'infos</span>
-		</div>
+		<span class="description">{{ .Title }}</span>
+		<span class="more">&rarr; plus d'infos</span>
 </a>
diff --git a/static/css/style.css b/static/css/style.css
index 42f86cf..a75562a 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -351,10 +351,11 @@ a.not(.anchor):focus {
 	height: 100px;
 }
 .archives-list .thumbnail {
-	display: inline-block;
+	display: block;
 	width: 15em;
 	text-align: left;
-	margin-right: 1.5em;
+	padding-right: 1.5em;
+	float: left;
 }
 @media only screen and (min-width: 768px) {
 	.archives-list .thumbnail {
@@ -362,16 +363,8 @@ a.not(.anchor):focus {
 		text-align: right;
 	}
 }
-.archives-list .title {
-	font-weight: bold;
-}
 .archives-list .description {
-	display: inline-block;
-	min-width: 10em;
-	vertical-align: top;
-}
-.archives-list .description>p {
-	min-height: 3em;
+	height: 100%;
 }
 .archive .more {
 	position: absolute;
@@ -410,30 +403,20 @@ a.not(.anchor):focus {
 }
 #letter-choice>p,
 #letter-form>label {
-	display: block;
+	display: inline-block;
+	min-width: 10em;
 }
-
 #letter-choice input:first-of-type {
 	margin-top: 0;
 }
 #letter-form input[type="text"] {
 	height: 2em;
-	width: 100%;
+	width: 20em;
 	max-width: 100%;
 }
 #letter-form #submit {
 	padding: 0.5em 0.8em;
 }
-@media only screen and (min-width: 768px) {
-	#letter-form>label {
-		display: inline-block;
-		min-width: 16em;
-	}
-	#letter-form input[type="text"] {
-		height: 2em;
-		width: 24em;
-	}
-}
 /******************* Paginator *******************/
 .pagination {
 	padding-left: 0;
@@ -789,13 +772,6 @@ blockquote:after {
 }
 
 /******************* Archive Gallery *******************/
-.thumb {
-	display: inline-block;
-	position: relative;
-}
-.thumb:hover {
-	z-index: 2;
-}
 .thumb>img {
 	max-height: 150px;
 	max-width: 150px;
@@ -816,7 +792,7 @@ blockquote:after {
 
 .lightbox img {
 	max-width: 90%;
-	max-height: 92vh;
+	max-height: 95%;
 	margin-top: 2%;
 	opacity: 0;
 }
@@ -873,7 +849,7 @@ blockquote:after {
 	color: #fafafa;
 	background-color: var(--background-color-dark);
 	border: solid 5px var(--font-color-em);
-	padding: 0.7em 0.9em 0.6em 0.9em;
+	padding: 10px 15px;
 	border-radius: 1px;
 	text-decoration: none;
 	opacity: 50%;