grandlyon-sau: finish last touches (#19318)

static/grandlyon-sau/_custom.scss

@@ -1,3 +1,5 @@
+@import '../includes/font-roboto';
+
 body {
 	background: $body-background;
 	border-top: 25px solid $primary-color;
@@ -12,6 +14,10 @@ div.cell hr {
 	clear: both;
 }
 
+#toplinks {
+	display: none;
+}
+
 div#header-wrapper {
 	background: white;
 	#top #logo {
@@ -21,18 +27,16 @@ div#header-wrapper {
 	}
 	#top #logo a {
 		display: block;
-		font-family: Myriad, sans-serif;
 		padding-top: 30px;
-		padding-bottom: 30px;
+		padding-bottom: 10px;
+		text-indent: -10000px;
+		padding-bottom: 0px;
 		color: #4D4D4D;
 		font-size: 30px;
 		font-weight: normal;
-		&:after {
-			font-size: 22px;
-			padding-left: 0.3ex;
-			content: " Usager";
-			color: #686868;
-		}
+		background: url(img/logo-sau.png) center center no-repeat;
+		width: 256px;
+		height: 124px;
 	}
 }
 
@@ -70,9 +74,18 @@ div.cell > div {
 
 div.textcell {
 	h2 {
-		font-family: Myriad, sans-serif;
 		font-size: 30px;
 		font-weight: normal;
 		letter-spacing: 2px;
 	}
 }
+
+#footer a.metro {
+	color: inherit;
+	display: inline-block;
+	padding-top: 2px;
+	padding-left: 34px;
+	background: url(img/footer-metropole-plus.png) no-repeat center left;
+	min-height: 22px;
+	float: right;
+}

static/grandlyon-sau/_vars.scss

@@ -2,7 +2,7 @@ $width: 1200px;
 $mobile-limit: 800px;
 $body-background: #f2f2f2;
 $font-size: 13px;
-$font-family: SegoeUI, sans-serif;
+$font-family: Roboto, sans-serif;
 $border-radius: 0;
 $primary-color: #e42320;
 $link-color: #666666;