final commit

user/themes/labonneadresse/scss/styles.scss

@@ -68,6 +68,7 @@ $logo_mt:0.3em;
 $logo_mb:0.5em;
 $titleareaH: $logoH+$logo_mb+$logo_mt;
 $titleReducedFactor:0.7555;
+$titleReducedFactorSmall:0.5;
 $centerpaddingtop: $headerborderH+$headerpaddingtopH+$titleareaH+1em;
 $footerheight: 5em;
 $centerpaddingbottom:$footerheight+1em;
@@ -120,6 +121,10 @@ header#top-bar{
   &.reduced{
     #title-area{
       height:$titleareaH*$titleReducedFactor;
+      // @media #{$medium-up}{
+      //   height:$titleareaH*$titleReducedFactorSmall;
+      // }
+
     }
   }
 
@@ -143,6 +148,7 @@ header#top-bar{
 
   #left-nav{
     // margin-left: -0.1rem;
+    line-height:0.5;
     a{@include fontbold;}
     a:hover{@include fontbold; text-decoration: underline;}
   }
@@ -151,7 +157,7 @@ header#top-bar{
     text-align: right;
 
     h4{
-      @include fontbold; margin:0; line-height: 1.6;
+      @include fontbold; margin:0; line-height: 1.9;
       a:hover{text-decoration: underline;}
     }
     ul{background-color: transparent;}
@@ -320,6 +326,7 @@ div#center{
   /*
   * Catégories
   */
+
   nav.categories{
     margin: 1em 0;
     ul.tags{
@@ -366,6 +373,7 @@ div#center{
 
   .client-block{
     margin:0 0 1em;
+    padding:0.7em;
     h3{
       @include fontbold;
       line-height:0.6; display:inline-block; position:relative;
@@ -404,9 +412,11 @@ div#center{
     }
 
     #title-area{
-      height:$titleareaH -2.1em;
+      height:$titleareaH -3.1em;
       // padding-top: $headerpaddingtopH;
       h1{
+        height:100%;
+        min-height:($titleareaH - 3.1em)*0.8;
         a{display: block;
           height:$logoH - 3em;
           // height:100%;
@@ -416,8 +426,8 @@ div#center{
 
     &.reduced{
       #title-area{
-        height:($titleareaH - 2.1em)*$titleReducedFactor;
-        overflow: hidden;
+        height:($titleareaH - 3.1em)*$titleReducedFactor;
+        // overflow: hidden;
       }
     }
 
@@ -434,6 +444,12 @@ div#center{
     padding-top:$centerpaddingtop - 1.1em;
     padding-bottom: $centerpaddingbottom;
   }
+
+  body.categories{
+    a.projet-img{
+      display:none;
+    }
+  }
 }
 
 /*