Nouveau look pour le site, via nouveau template

templates/frontOffice/default2020/assets/src/css/thelia.css

@@ -8758,6 +8758,10 @@ header .header .language-container .currency-switch .select {
   padding: 0;
   width: 19%;
 }
+#product #product-gallery #product-thumbnails ul > li .thumbnail.disabled {
+  opacity: 0.3;
+  filter: alpha(opacity=30);
+}
 #product #product-details .name {
   margin-top: 0;
 }
@@ -11009,3 +11013,104 @@ td.product .name > a:focus,
 .rev_slider_wrapper {
   margin-bottom: 15px !important;
 }
+/*  Nouveau menu supérieur  */
+#barre-superieure {
+  display: none;
+}
+header .header {
+  margin-top: 30px;
+}
+header .header-custom {
+  height: 1%;
+  min-width: 100%;
+  display: grid;
+  grid-gap: 0.5rem;
+  grid-template-areas: "logo content" "footer footer";
+  -ms-flex-align: center;
+      align-items: center;
+  justify-items: left;
+}
+@media screen and (max-width: 992px) {
+  header .header-custom {
+    margin-bottom: 20px;
+  }
+}
+@media screen and (min-width: 992px) {
+  header .header-custom {
+    margin-bottom: 0px;
+  }
+}
+header .logo-custom {
+  grid-area: logo;
+  height: 50px;
+  width: 250px;
+  padding-left: 15px;
+}
+header .secondary-custom {
+  grid-area: content;
+  height: 45px;
+  -ms-flex-line-pack: left;
+      align-content: left;
+}
+header .primary-custom {
+  grid-area: footer;
+  height: 25px;
+  width: 100%;
+}
+header .row {
+  background-color: #F29D39;
+}
+header nav.navbar {
+  min-height: 0px;
+  margin-bottom: 0px;
+  border: none;
+}
+header nav.navbar .container-fluid {
+  background-color: #F29D39;
+}
+header nav.navbar .container-fluid .navbar-collapse {
+  padding-left: 0;
+}
+header nav.navbar li {
+  margin-right: 10px;
+}
+header nav.navbar li.dropdown,
+header nav.navbar li.top-tab {
+  background-color: #303C6E;
+  border-top-left-radius: 12px;
+  border-top-right-radius: 12px;
+}
+header nav.navbar li.dropdown > a,
+header nav.navbar li.top-tab > a {
+  padding: 5px 10px;
+  color: white;
+}
+header a {
+  color: #303C6E;
+}
+/* navbar-secondary */
+.navbar li > a.login:before,
+.navbar li.cart-not-empty > a.cart:before {
+  color: #303C6E;
+}
+.dropdown > a:after {
+  color: #303C6E;
+}
+.navbar li.cart-not-empty > a.cart > .badge {
+  background-color: #303C6E;
+}
+.badge {
+  background-color: #303C6E;
+}
+.navbar li.cart-not-empty > a.cart {
+  color: #303C6E;
+}
+.footer-container .footer-info {
+  background-color: #F29D39;
+  color: #303C6E;
+  font-weight: bold;
+}
+.footer-container .footer-info a {
+  color: #303C6E;
+  font-weight: bold;
+}