improve markup, hide useless decortion for a and h1 in header

src/app/app.component.html

@@ -1,9 +1,5 @@
-<div style="text-align:center">
+<header style="text-align:center">
-	<a
+	<a [routerLink]="'home'" class="home_link" aria-roledescription="home">
-		  [routerLink]="'home'"
-		  class="home_link"
-		  aria-roledescription="home"
-	>
 		<h1>
 			<span class="logo_first">Frama</span>
 			<span class="logo_second">date</span>
@@ -13,7 +9,9 @@
 		</i>
 	</a>
 
-</div>
+</header>
 <framadate-navigation></framadate-navigation>
-<router-outlet></router-outlet>
+<main>
+	<router-outlet></router-outlet>
+</main>
 <framadate-debugger></framadate-debugger>

src/app/app.component.scss

@@ -0,0 +1,11 @@
+@charset "UTF-8";
+
+header {
+  h1,
+  a {
+    &::before,
+    &::after {
+      display: none;
+    }
+  }
+}

src/app/ui/navigation/navigation.component.html

@@ -1,56 +1,29 @@
 <nav class="choices">
-	<a
+	<a [routerLink]="'/step/creation'">
-
-		  [routerLink]="'/step/creation'"
-	>
 		Création
 	</a>
-	<a
+	<a [routerLink]="'/step/date'">
-
-		  [routerLink]="'/step/date'"
-	>
 		Les Dates
 	</a>
-	<a
+	<a [routerLink]="'/step/answers'">
-
-		  [routerLink]="'/step/answers'"
-	>
 		Réponses
 	</a>
-	<a
+	<a [routerLink]="'/step/visibility'">
-
-		  [routerLink]="'/step/visibility'"
-	>
 		Visibilité
 	</a>
-	<a
+	<a [routerLink]="'/step/base'">
-
-		  [routerLink]="'/step/base'"
-	>
 		Base
 	</a>
-	<a
+	<a [routerLink]="'/step/pictures'">
-
-		  [routerLink]="'/step/pictures'"
-	>
 		Images
 	</a>
-	<a
+	<a [routerLink]="'/step/resume'">
-
-		  [routerLink]="'/step/resume'"
-	>
 		Résumé
 	</a>
-	<a
+	<a [routerLink]="'/step/kind'">
-
-		  [routerLink]="'/step/kind'"
-	>
 		Page démo
 	</a>
-	<a
+	<a [routerLink]="'/home'">
-
-		  [routerLink]="'/home'"
-	>
 		Accueil
 	</a>
 </nav>

src/app/ui/navigation/navigation.component.scss

@@ -0,0 +1,10 @@
+@charset "UTF-8";
+
+nav {
+  a {
+    &::before,
+    &::after {
+      display: none;
+    }
+  }
+}