diff --git a/public/css/general.css b/public/css/general.css
index 23ea8f6..a2be4e5 100644
--- a/public/css/general.css
+++ b/public/css/general.css
@@ -1,4 +1,38 @@
+body{
+ margin: 0;
+}
+.wrapper {
+ max-width: 375px;
+ width: calc(100% - var(5px));
+ margin: 0 auto;
+}
+
+@media screen and (min-width: 768px) {
+ .wrapper{
+ max-width: 768px;
+ width: calc(100% - var(15px));
+
+ }
+}
+
+@media screen and (min-width: 1140px) {
+ .wrapper{
+max-width: 1140px;
+width: calc(100% - var(30px));
+}
+}
+
+/*Utilisation du css Layout Grid pour faire le wrapper*/
+.grid-wrapper {
+ display: grid;
+ grid-template-columns: auto minmax(375px, 1440px) auto;
+ grid-column-gap: 30px;
+}
+
+.grid-center {
+ grid-column: 2/3;
+}
.heading1 {
font-family: "Poppins";
diff --git a/public/css/header.css b/public/css/header.css
index 809e914..f5d6de1 100644
--- a/public/css/header.css
+++ b/public/css/header.css
@@ -2,6 +2,14 @@
width: 100%;
}
+ .headerWrapper{
+ display: flex;
+ flex-flow: row;
+ align-items: center;
+ justify-content: space-between;
+ padding: 5px;
+ }
+
a{
color: #000;
text-decoration: none;
@@ -19,6 +27,7 @@ text-decoration: none;
list-style: none;
font-style: none;
display: none;
+ width: 100%;
}
.headerMenuElement{
@@ -47,7 +56,7 @@ text-decoration: none;
}
- @media screen and (min-width: 576px) {
+ @media screen and (min-width: 778px) {
.headerMenu{
display: none;
}
@@ -57,7 +66,7 @@ text-decoration: none;
}
/* Les éléments du header s'affichent pour le breakpoint ordinateur */
- @media screen and (min-width: 1024px) {
+ @media screen and (min-width: 1140px) {
.headerMenu{
display: flex;
flex-flow: row;
diff --git a/public/icones/agecem-logo.svg b/public/icones/agecem-logo.svg
new file mode 100644
index 0000000..f6bc9ee
--- /dev/null
+++ b/public/icones/agecem-logo.svg
@@ -0,0 +1,9 @@
+
diff --git a/public/icones/hamburger-menu.svg b/public/icones/hamburger-menu.svg
index 795a610..2fc43ca 100644
--- a/public/icones/hamburger-menu.svg
+++ b/public/icones/hamburger-menu.svg
@@ -1 +1,10 @@
-
\ No newline at end of file
+
diff --git a/templates/html/header.gohtml b/templates/html/header.gohtml
index 9079cc2..995884c 100644
--- a/templates/html/header.gohtml
+++ b/templates/html/header.gohtml
@@ -1,13 +1,16 @@
{{ define "header-html" }}
+
