diff --git a/static/rouen/_custom.scss b/static/rouen/_custom.scss
index f443a73..cc287f9 100644
--- a/static/rouen/_custom.scss
+++ b/static/rouen/_custom.scss
@@ -322,12 +322,16 @@ div.a2-block form button, div.a2-block form input[type="submit"] {
 
 div#content div.buttons.submit {
 	@include flexbox();
-	& div.submit-button {
-		order: 1;
+	& div.submit-button { order: 1;	}
+
+	@media screen and (max-width: $mobile-limit) {
+		flex-direction: column;
 	}
 }
 
 div#content div.SubmitWidget {
+	margin-bottom: 0;
+
 	button[name=submit][value=Suivant],
 	button[name=submit][value=Valider],
 	button[name=previous] {
@@ -338,15 +342,11 @@ div#content div.SubmitWidget {
 		border: none;
 		cursor: pointer;
 		padding-right: 3.5em;
-		&[name=submit][value=Suivant] {
-			background-image: url(img/avant.svg);
-		}
-		&[name=submit][value=Valider] {
-			background-image: url(img/valider.svg);
-		}
-		&[name=previous] {
-			background-image: url(img/retour.svg);
-		}
+		margin-bottom: 1em;
+
+		&[name=submit][value=Suivant] { background-image: url(img/avant.svg); }
+		&[name=submit][value=Valider] {	background-image: url(img/valider.svg);}
+		&[name=previous] { background-image: url(img/retour.svg); }
 	}
 }
 
@@ -428,6 +428,7 @@ body.page-index #sidebar {
 
 	@media screen and (min-width: $mobile-limit) {
 		display: grid;
+		grid-gap: 1rem;
 		column-gap: 1rem;
 		row-gap: 1rem;
 		grid-template-columns: 1fr 1fr 1fr 1fr;
@@ -540,6 +541,7 @@ body.page-index #sidebar {
 body.page-index #columns {
 	@media screen and (min-width: $mobile-limit) {
 		display: grid;
+		grid-gap: 1rem 1rem;
 		column-gap: 1rem;
 		grid-template-columns: 1fr 1fr;
 	}
@@ -643,9 +645,105 @@ body.page-codesuivi {
 	position: relative;
 	left: -6em;
 	z-index: 1;
+
+	button { width: 14em; }
 }
 
 div.list-of-forms span.form-number {
 	opacity: inherit;
 	color: #575757;
-}
\ No newline at end of file
+}
+
+body.page-porte-doc {
+	td.thumbnail img {
+		max-width: 100%;
+		height: auto;
+	}
+
+	#columns h2 {
+		color: $red;
+		font-size: 150%;
+	}
+
+	ul.pagination {
+		padding: 0 0 2rem 0;
+		li.previous { float: left; }
+		li.next { float: right; }
+	}
+
+	#user-files {
+		tr.odd { background: #d8f0ea; }
+		tr.even { background: transparent; }
+
+		@media screen and (min-width: $mobile-limit) {
+			a.icon-remove::before {	color: #c64a59; }
+			a.icon-remove { border-bottom: none; }
+
+			tr::before, a.icon-remove::before { font-size: 200%; }
+			th.size, th.created, td.size, td.created { text-align: center; }
+			th.title { padding: 0.5ex 1em; }
+		}
+
+		@media screen and (max-width: $mobile-limit) {
+			table, thead, tbody, th, td, tr { display: block; }
+
+			thead tr {
+				position: absolute;
+				top: -9999px;
+				left: -9999px;
+			}
+
+			tr {
+				margin: 0 0 1rem 0;
+				padding: 0.5em;
+				overflow: hidden;
+				position: relative;
+				&.even { background: #d8f0ea; }
+			}
+
+			tr::before {
+				width: inherit;
+				display: block;
+				position: absolute;
+				left: 1em;
+				top: 0.8em;				
+			}
+
+			td {
+				border: none;
+				position: relative;
+				padding-left: 8em;
+				text-align: left;
+			}
+
+			td::before {
+				position: absolute;
+				top: 0.2em;
+				left: 0.5em;
+				width: 8em;
+				overflow: hidden;
+				white-space: nowrap;
+			}
+
+			td:nth-of-type(1) {
+				border-bottom: 0.3em solid white;
+				padding-left: 2em;
+				margin-bottom: 0.3em;
+				padding-bottom: 0.4em;
+			}
+
+			td:nth-of-type(2)::before { content: "Taille"; }
+			td:nth-of-type(3)::before { content: "Création"; }
+
+			a.icon-remove::before {
+				content: "Supprimer";
+				font-family: inherit;
+				color: #c64a59;
+			}
+		}
+	}
+}
+
+div.fileinfo a.remove::before {
+	font-size: 150%;
+}
diff --git a/static/rouen/_side_block.scss b/static/rouen/_side_block.scss
index 56b8fa8..bd03b5d 100644
--- a/static/rouen/_side_block.scss
+++ b/static/rouen/_side_block.scss
@@ -32,7 +32,7 @@ div.tracking-code-part {
 	position: relative;
 	left: -43%;
 	background-color: #82cebb;
-	padding: 1em 2em;
+	padding: 1em 1em;
 
 	&::before {
 		content: ' ';