change logo header

user/themes/epau-antimatter/css-compiled/template.css

@@ -43,7 +43,7 @@ b, strong, label, th {
 
 #body {
   background: #fff;
-  padding-top: 5rem;
+  padding-top: 7rem;
   padding-bottom: 0; }
 
 .left {
@@ -74,23 +74,26 @@ b, strong, label, th {
   padding-bottom: 3rem; }
 
 #header {
+  padding-left: 1.5rem !important;
   position: fixed;
   z-index: 10;
   width: 100%;
-  height: 5rem;
+  height: 7rem;
   background-color: white;
-  box-shadow: 0 0.05rem 1rem rgba(0, 0, 0, 0.15); }
+  box-shadow: 0 0.05rem 1rem rgba(0, 0, 0, 0.15);
+  padding-left: 1rem; }
   #header #logo img {
     display: flex;
     flex-direction: row;
-    flex-flow: row; }
+    flex-flow: row;
+    padding: 0;
+    margin: 0;
+    height: 7rem; }
+  #header #epau {
+    padding-left: 1rem !important; }
   #header.scrolled {
-    height: 3rem;
-    background-color: rgba(255, 255, 255, 0.9) !important;
+    background-color: white !important;
     box-shadow: 0 0.05rem 1rem rgba(0, 0, 0, 0.15) !important; }
-    #header.scrolled #logo h3 {
-      color: #000 !important;
-      font-size: 1.6rem !important; }
     #header.scrolled #logo a, #header.scrolled #navbar span {
       color: #000 !important; }
     #header.scrolled #navbar a {
@@ -99,8 +102,6 @@ b, strong, label, th {
         color: black !important; }
     #header.scrolled #navbar a:before, #header.scrolled #navbar a:after {
       background-color: #000 !important; }
-    #header.scrolled .navigation {
-      margin-top: 0.5rem !important; }
   #header > .grid, #header #logo, #header #navbar {
     height: 100%; }
   #header #logo {
@@ -233,8 +234,8 @@ b, strong, label, th {
   margin-bottom: 2rem; }
 
 .header-image #body .flush-top {
-  margin-top: -9.5rem;
-  padding-top: 9rem; }
+  margin-top: -11.5rem;
+  padding-top: 11rem; }
 
 .header-image #breadcrumbs {
   margin-top: 1rem; }

user/themes/epau-antimatter/scss/configuration/template/_variables.scss

@@ -1,5 +1,5 @@
 // Sizes
-$header-height: 5rem;
+$header-height: 7rem;
 $footer-height: 6rem;
 $border-radius: 3px;
 

user/themes/epau-antimatter/scss/template/_header.scss

@@ -4,31 +4,37 @@ $dropdown-color: #f6f6f6;
 #header {
 	@extend .default-animation;
 	@extend .padding-horiz;
+	padding-left: 1.5rem !important;
 	position: fixed;
 	z-index: 10;
 	width: 100%;
 	height: $header-height;
 	background-color: white;
 	box-shadow: 0 0.05rem 1rem rgba(0,0,0, 0.15);
+	padding-left: 1rem;
 
 	#logo img {
 		display: flex;
 		flex-direction: row;
 		flex-flow: row;
-		// max-height: $header-height;
+		padding: 0;
+		margin: 0;
+		height: $header-height;
+	}
+	#epau{
+		padding-left: 1rem !important;
 	}
-
 	// scroll based changes
 	&.scrolled {
-		height: $header-height - 2rem;
-		background-color: rgba(255,255,255,0.90) !important;
+		// height: $header-height - 0.5rem;
+		background-color: rgb(255,255,255) !important;
 		box-shadow: 0 0.05rem 1rem rgba(0,0,0, 0.15) !important;
 
 
-		#logo h3 {
-			color: $core-text !important;
-			font-size: 1.6rem !important;
-		}
+		// #logo h3 {
+		// 	color: $core-text !important;
+		// 	font-size: 1.6rem !important;
+		// }
 
 
 
@@ -46,10 +52,10 @@ $dropdown-color: #f6f6f6;
 			background-color: $core-accent !important;
 		}
 
-		.navigation {
-			margin-top: 0.5rem !important;
+		// .navigation {
+		// 	margin-top: 0.5rem !important;
 
-		}
+		// }
 	}
 
 

user/themes/epau-antimatter/templates/modular/text.html.twig

@@ -18,7 +18,8 @@
               </svg>
               <h6>CONTACT :</h6>
 
-              <p>vancianne.iguiniz@developpement-durable.gouv.fr</br>
+              <p>Vancianne Iguiniz</br>
+                vancianne.iguiniz@developpement-durable.gouv.fr</br>
                 +33 (0)1 40 81 61 81</br>
                 +33 (0)6 07 53 23 75</p>
 

user/themes/epau-antimatter/templates/partials/base.html.twig

@@ -59,8 +59,8 @@
         <header id="header">
             <a href="http://www.epau.archi.fr">
                 <div id="logo">
-                <img id="gouv" src="Republique-francaise-logo-sans-text.svg" alt="logo République Française">
-                <img id="epau" src="EPAU_logo_EPAU_vecto-seul.svg" alt="logo EPAU">
+                    <img id="gouv" src="{{ url('theme://images/logo_REP_header_0.png')}}" alt="logo République Française">
+                    <img id="epau" src="{{ url('theme://images/logo_EPAU_header_1.png')}}"  alt="logo EPAU">
                 </div>
             </a>
             <div id="navbar">