added trames logo background

sites/all/themes/figureslibres/clameurs/css/dist/styles.css

@@ -45,16 +45,20 @@ input {
   width: 100%;
   max-height: 400px;
   z-index: 20;
-  background-color: rgba(255, 255, 255, 0.9); }
+  background-color: rgba(255, 255, 255, 0.95);
+  background-image: url(../../images/fond-trame-logo-lite.png);
+  background-repeat: no-repeat;
+  background-position: center top;
+  background-size: contain; }
   #header hgroup.logo {
     width: 1024px;
     margin: 0 auto;
-    padding: 1em 0; }
+    padding: 1em 0 0; }
   #header h1 {
     margin: 0; }
   #header h1 a {
     display: block;
-    height: 335px;
+    height: 300px;
     background-image: url(../../images/logo.png);
     background-size: contain;
     background-position: center;

sites/all/themes/figureslibres/clameurs/css/styles.scss

@@ -46,7 +46,6 @@ $coul5	: #8800aa;
 #header, #main, #footer{ padding:0; }
 
 body{
-
 }
 
 @mixin main_centred(){
@@ -63,15 +62,22 @@ $header_height:400px;
 	position: fixed;
 	width:100%; max-height: $header_height;
 	z-index: 20;
-	background-color: transparentize(#fff, 0.1);
+	background-color: transparentize(#fff, 0.05);
+	background-image: url(../../images/fond-trame-logo-lite.png);
+	background-repeat: no-repeat;
+	background-position: center top;
+	background-size: contain;
+
+	// box-shadow: 0 3px 3px transparentize(#fff, 0.05);
+
 	hgroup.logo{
 		@include main_centred();
-		padding: 1em 0;
+		padding: 1em 0 0;
 	}
 	h1{margin:0;}
 	h1 a{
 		display:block;
-		height:335px;
+		height:300px;
 		// transition: height 0.1s ease-in-out;
 		background-image: url(../../images/logo.png);
 		background-size: contain;