les espaces sont a peu pres bien structures

styles/global.css

@@ -9,7 +9,7 @@
 
 /*DEBUG*/
 /* borders on mains elements of pages for debugging*/
-body > *, body > .horizontal > * {
+body > *, body > .container_main > * {
 	border: 1px solid red;
 }
 
@@ -44,31 +44,64 @@ body > *, body > .horizontal > * {
 	path to pages	->	.page_path
 	container		->	.container_main
 		summary		->	aside.page_content
-		content		->	main
+		main		->	main
 		asides		->	aside.relative_content
 	footer			->
 */
-html {
+
-	scroll-behavior: smooth;
+/*ALL*/
-	/*default font-size for rem*/
-	font-size: var(--base-font-size);
-}
-/*the page is design for a maximum screen*/
-body {
-	max-width: var(--max-screen);
-}
 /* by default all elements are verticals*/
 body, body * {
 	display: flex;
 	flex-direction: column;
 }
-body > *, body aside, body main {
+body > *:not(.container_main), aside, main {
-	padding: 0px var(--gap-unit);
+	padding: calc(var(--gap-unit) / 2);
 }
+
+/*HTML*/
+html {
+	scroll-behavior: smooth;
+	/*default font-size for rem*/
+	font-size: var(--base-font-size);
+}
+
+/*BODY*/
+/* the page is designed for a maximum screen*/
+body {
+	max-width: var(--max-screen);
+	margin: auto;
+}
+
+/*NAVBAR*/
 body nav {
+	flex-direction: row;
+	height: 30px;
 }
+body nav > * {
+	margin: auto;
+	padding: 0px 10px;
+}
+
+/*TITLE*/
+body .page_title {
+}
+
+/*PATH-TO-PAGES*/
+body .page_path {
+}
+
+/*CONTAINER*/
+body .container_main {
+	flex-direction: row;
+}
+
+/*MAIN*/
 body main {
 }
+body main > * {
+	margin: var(--gap-unit) 0px;
+}
 
 /*ASIDES*/
 body aside {
@@ -84,6 +117,11 @@ body aside.page_content {
 body aside.relative_content {
 }
 
+/*FOOTER*/
+body footer {
+}
+
+
 /*---------------------------------------------*/
 /*DESIGN KEYWORDS*/
 /* contains elements oriented vertically (default) or horizontally*/