Nouveau look pour le site, via nouveau template

templates/frontOffice/default2020/assets/src/less/custom.less

@@ -1,4 +1,132 @@
+@couleur-onglets: #303C6E;
+@couleur-fond-banniere: #F29D39;
+@largeurLogo: 250px;
+@hauteur-ligne-1: 50px;
+@hauteur-ligne-2: 45px;
+
 
 .rev_slider_wrapper {
-    margin-bottom: 15px !important;
+  margin-bottom: 15px !important;
+}
+
+
+/*  Nouveau menu supérieur  */
+
+#barre-superieure {
+  display: none;
+}
+
+header {
+
+  .header {
+    margin-top: 30px;
+  }
+
+  .header-custom {
+    height: 1%;
+    min-width: 100%;
+    display: grid;
+    grid-gap: 0.5rem;
+    grid-template-areas: "logo content" "footer footer";
+    align-items: center;
+    justify-items: left;
+
+    @media screen and (max-width: @screen-md-min) {
+      margin-bottom: 20px;
+    }
+    @media screen and (min-width: @screen-md-min) {
+      margin-bottom: 0px;
+    }
+  }
+
+  .logo-custom {
+    grid-area: logo;
+    height: @hauteur-ligne-1;
+    width: @largeurLogo;
+    padding-left: 15px;
+  }
+
+  .secondary-custom {
+    grid-area: content;
+    height: @hauteur-ligne-2;
+    align-content: left;
+  }
+
+  .primary-custom {
+    grid-area: footer;
+    height: 25px;
+    width: 100%;
+  }
+
+  .row {
+    background-color: @couleur-fond-banniere;
+  }
+
+  nav.navbar {
+    min-height: 0px;
+    margin-bottom: 0px;
+    border: none;
+
+    .container-fluid {
+      background-color: @couleur-fond-banniere;
+
+      .navbar-collapse {
+        padding-left: 0;
+      }
+    }
+
+    li {
+      margin-right: 10px;
+    }
+
+    li.dropdown, li.top-tab {
+      background-color: @couleur-onglets;
+      border-top-left-radius: 12px;
+      border-top-right-radius: 12px;
+
+      > a {
+        padding: 5px 10px;
+        color: white;
+      }
+    }
+  }
+}
+
+header a {
+  color: @couleur-onglets;
+}
+
+/* navbar-secondary */
+.navbar li > a.login:before, .navbar li.cart-not-empty > a.cart:before {
+  color: @couleur-onglets;
+}
+
+.dropdown > a:after {
+  color: @couleur-onglets;
+}
+
+.navbar li.cart-not-empty>a.cart>.badge {
+  background-color: @couleur-onglets;
+}
+
+.badge {
+  background-color: @couleur-onglets;
+}
+
+.navbar li.cart-not-empty>a.cart {
+  color: @couleur-onglets;
+}
+
+// -------------------------- Fin Header ----------------
+
+// -------------------------- Footer --------------------
+.footer-container .footer-info {
+  background-color: @couleur-fond-banniere;
+  color: @couleur-onglets;
+  font-weight: bold;
+
+  a {
+    color: @couleur-onglets;
+    font-weight: bold;
+  }
 }