finished for desktop version

user/themes/labonneadresse/scss/styles.scss

@@ -63,10 +63,11 @@ ul,li{padding:0; margin:0; list-style: none;}
 */
 $headerborderH: 0.3em;
 $headerpaddingtopH:0.9em;
-$titlearea_mt:0.3em;
-$titlearea_mb:0.5em;
-$titleareaH: 9.3em;
-$titleareaHReduced: 5em;
+$logoH: 9.3em;
+$logo_mt:0.3em;
+$logo_mb:0.5em;
+$titleareaH: $logoH+$logo_mb+$logo_mt;
+$titleReducedFactor:0.7555;
 $centerpaddingtop: $headerborderH+$headerpaddingtopH+$titleareaH+1em;
 $footerheight: 5em;
 $centerpaddingbottom:$footerheight+1em;
@@ -95,18 +96,18 @@ header#top-bar{
   #title-area{
     // overflow: hidden;
     position:relative;
-    height:$titleareaH + $titlearea_mt + $titlearea_mb;
+    height:$titleareaH;
     transition: height 0.4s ease-in-out;
     h1{
       font-size: 1em; margin: 0;
       height:100%;
-      min-height:($titleareaH + $titlearea_mt + $titlearea_mb)*0.8;
+      min-height:$titleareaH*0.8;
       overflow: hidden;
       position: relative;
       a{display: block;
         // height:100%;
-        height:$titleareaH;
-        margin:$titlearea_mt 0 $titlearea_mb;
+        height:$logoH;
+        margin:$logo_mt 0 $logo_mb;
         // height:$titleareaH;
         background: transparent url("../images/logo.png") no-repeat center center;
         background-size: contain;}
@@ -118,7 +119,7 @@ header#top-bar{
 
   &.reduced{
     #title-area{
-      height:($titleareaH + $titlearea_mt + $titlearea_mb)*0.7555;
+      height:$titleareaH*$titleReducedFactor;
     }
   }
 
@@ -202,8 +203,9 @@ div#center{
   }
 
   p{
-    // line-height:0.6;
-    display:inline-block; position:relative;
+    line-height:1.5;
+    // display:inline-block;
+    position:relative;
     @include fontnormal;
     span.stab{
       display:inline-block; position:relative;
@@ -215,7 +217,9 @@ div#center{
         // transition:border-color 0.3s ease-in;}
       }
     }
-
+    a{
+      text-decoration: underline;
+    }
   }
 
   /*
@@ -275,20 +279,20 @@ div#center{
     .row{margin:0;}
     h1{
       @include fontbold;
-      margin:0; padding:0 0.7em;
-      // $green overline
+      margin:0; padding:0 0.7em; line-height: 1;
+      display: inline-block;
       &:after{
         content: "";
-        display: block; margin-top:-.5em; margin-bottom:.5em;
+        display: block; margin-top:-.7em; margin-bottom:.7em;
         border-top:0.5em solid $green;
         transition:border-color 0.3s ease-in;}
     }
-    h2{@include fontnormal; margin:0; padding:0 0.7em;}
+    h2{@include fontnormal;  margin:-0.2em 0 0.7em; line-height: 1; padding:0 0.7em;}
     // .block{
     //   display: inline-block;
     // }
 
-    p{padding:0.7em; margin:0;}
+    p{padding:0 0.7em 0.7em; margin:0;}
 
     #images{
       // .row{margin:0;}
@@ -301,6 +305,10 @@ div#center{
 
   }
 
+  .default{
+    >*{padding-left:0.7em;padding-right:0.7em;}
+  }
+
   body.projet{
     nav.categories{
       ul.tags li a:hover span{
@@ -319,7 +327,10 @@ div#center{
       li{
         list-style: none; display:inline-block;
         margin:0 1em;
-        a{display:block;}
+        a{
+          display:block;
+          // &:hover{text-decoration: underline;}
+        }
         span{@include fontnormal;}
         &.active span{
           display:inline-block;
@@ -352,6 +363,7 @@ div#center{
       img{height:100%;}
     }
   }
+
   .client-block{
     margin:0 0 1em;
     h3{
@@ -369,6 +381,7 @@ div#center{
     h4{
       margin:0;
       @include fontnormal;
+      a:hover{text-decoration: underline;}
     }
 
   }
@@ -391,11 +404,11 @@ div#center{
     }
 
     #title-area{
-      height:$titleareaH -2.1em + $headerpaddingtopH;
+      height:$titleareaH -2.1em;
       // padding-top: $headerpaddingtopH;
       h1{
         a{display: block;
-          height:$titleareaH - 3em;
+          height:$logoH - 3em;
           // height:100%;
         }
       }
@@ -403,7 +416,7 @@ div#center{
 
     &.reduced{
       #title-area{
-        height:($titleareaH - 2.1em  + $headerpaddingtopH)*0.75;
+        height:($titleareaH - 2.1em)*$titleReducedFactor;
         overflow: hidden;
       }
     }