saint-denis: correct nav elements (#38681)

static/saint-denis/_custom.scss

@@ -1,41 +1,59 @@
 @import '../includes/font-notosans';
 
-div#header-wrapper {
-    div#header {
-		padding-left: 0;
-		h1 {
-			padding-top: 30px;
-			a {
-				display: block;
-				height: 103px;
-				background: url(img/logo-saint-denis.png) top left no-repeat;
-				width: 250px;
+div#header {
+	padding-left: 0;
+}
+
+#header #top #logo a {
+	@media screen and (min-width: $mobile-limit+1px) {
+		background-size: unset;
+		height: 103px;
+		margin: 24px 0 6px;
+		text-indent: 300px;
+		line-height: 100px;
+		font-size: 1.5em;
+		line-height: 2,5;
+		font-weight: 700;
+		color: $font-color;
+	}
+	@media screen and (max-width: $mobile-limit) {
+		background-size: contain;
+		text-indent: -10000px;
+	}
+}
+
+nav {
+	background-color: $tertiary-color;
+	margin-top: 25px;
+}
+
+div.gru-nav {
+	font-size: 20px;
+	letter-spacing: -0.03em;
+	> ul {
+		margin: 0;
+		li {
+			> a {
+				padding-top: 26px;
+				padding-bottom: 13.5px;
 			}
 		}
 	}
 }
 
-div.gru-nav-wrapper {
-	background: $secondary-color;
-}
-
-div.gru-nav {
-	font-size: 22px;
-	ul {
-		padding-top: 10px;
-		margin-bottom: 5px;
-		li ul li {
-			position: relative;
-			top: -0.5rem;
-		}
-	}
-}
-
 body.has-picture nav::after {
-	background-color: $tertiary-color;
 	background-image: var(--page-picture);
-	background-size: $width;
-	background-position: top;
+	background-size: cover;
+	background-position: center;
+	position: static;
+	width: $width;
+	margin-bottom: 50px;
+	margin-left: auto;
+	margin-right: auto;
+	@media screen and (max-width: $mobile-limit) {
+		height: 113px;
+		width: unset;
+	}
 }
 
 .gru-content {

static/saint-denis/_vars.scss

@@ -1,7 +1,8 @@
-$primary-color: #eb612d;
-$secondary-color: #f7b38c;
+$primary-color: #ff6633;
+$secondary-color: #ff9966;
 $tertiary-color: #ecebe7;
 $link-color: #e32c0d;
+$blue: #2e247a;
 
 $font-family: "Noto Sans Semi Condensed", sans-serif;
 $font-color: #49494b;
@@ -9,12 +10,13 @@ $font-size: 15px;
 
 $width: 1200px;
 
-$nav-background: $primary-color;
-$nav-color: #2e247a;
+$nav-background: $secondary-color;
+$nav-full-width-background: true;
+$nav-color: $font-color;
 $nav-active-color: $primary-color;
 $nav-font-size: 25px;
 $nav-after-image: true;
-$nav-after-image-height: 483px;
+$nav-after-image-height: 430px;
 $nav-submenu-color: $font-color;
 
 $footer-background: #494949;

static/saint-denis/config.json

@@ -2,5 +2,12 @@
   "label": "Saint-Denis",
   "variables": {
     "theme_color": "#eb612d"
+  },
+  "settings": {
+    "combo": {
+      "COMBO_ASSET_SLOTS.update": {
+        "header:logo": { "label": "Têtière : logo" }
+      }
+    }
   }
 }