diff --git a/static/villeneuve-dascq/_custom.scss b/static/villeneuve-dascq/_custom.scss
index b63aacd6..75a64731 100644
--- a/static/villeneuve-dascq/_custom.scss
+++ b/static/villeneuve-dascq/_custom.scss
@@ -200,7 +200,7 @@ div.cell {
 		}
 	}
 	div.carrousel-nav {
-		top: $theme-gutter-mobile*2;
+		top: $theme-gutter-mobile*3;
 		left: $theme-gutter-mobile*2;
 		width: auto;
 		@media ($min-desktop-viewport) {
@@ -226,7 +226,7 @@ div.cell {
 		background-size: 1.5rem;
 		@include arrowIcon($property: background-image);
 
-		top: $theme-gutter;
+		top: $theme-gutter-mobile*2;
 		right: $theme-page-padding;
 		&::after {
 			content: none;
@@ -664,11 +664,16 @@ div.gru-nav {
 			margin-right: $theme-gutter-mobile;
 			margin-left: $theme-gutter-mobile;
 		}
+		@media ($min-desktop-viewport) {
+			display: flex;
+			align-items: center;
+		}
 	}
 	.carrousel	{
 		// stretch all flex space
 		@media ($min-desktop-viewport) {
 			position: relative;
+			padding-top: 38%;
 			> div {
 				position: absolute;
 				top: 0;
@@ -684,9 +689,6 @@ div.gru-nav {
 	// Desktop layout
 	@media ($min-desktop-viewport) {
 		display: flex;
-		& > .cell:first-child {
-			flex: 1 0 auto;
-		}
 		& > .cell:last-child {
 			flex: 0 0 calc( (100% - #{$theme-gutter}) / 3 );
 			@media (min-width: $width + 1) {
@@ -694,6 +696,9 @@ div.gru-nav {
 
 			}
 		}
+		& > .cell:first-child {
+			flex: 1 0 auto;
+		}
 	}
 }