materiau print page css

sites/all/themes/gui/materiobasetheme/scss/styles.scss

@@ -134,7 +134,6 @@
   border: 2px solid #ccc; background-color:#ccc; color:#4D4D4D; // blanc/bleu
   @include shadowTextBtnWhite();
   text-align: center; text-decoration: none;
-
 }
 
 @mixin bouton-bleu(){
@@ -166,11 +165,13 @@
     }
   }
 }
+
 @mixin bgcWhite(){
   background-color: rgba(255, 255, 255, 0.8);
   text-shadow:0 0 4px rgba(255, 255, 255, 0.4);
   @include transition-simply-prefix(background-color 0.2s ease-out); // text-shadow 0.2s ease-out); //change this
 }
+
 @mixin bgcBlack(){
   background-color: rgba(0, 0, 0, 0.7);
   text-shadow:0 0 4px rgba(0, 0, 0, 0.4);
@@ -985,14 +986,12 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
       #edit-bundles-filter{display:none;}
     }
   }
-
 }
 
 #center{
   background-color: #e6e6e6; @include rounded(10px);
   .node-type-page &{ background-color:#fff; }
   .ie8 &{height:100%; margin-top:20px;}
-
 }
 
 #content{
@@ -1582,6 +1581,109 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull{
   }
 }
 
+/*
+               _            _     _
+ ___ ___ ___ _| |   ___ ___|_|___| |_
+|  _| .'|  _| . |  | . |  _| |   |  _|
+|___|__,|_| |___|  |  _|_| |_|_|_|_|
+                   |_|
+*/
+body.print-node-materiau{
+  margin:2em;
+}
+
+.print-content .node-materiau{
+  @include card($cardfull_w, auto);
+  padding:1em; margin:0;
+
+  .field-name-title-field{@include fs500;@include fs36;}
+  // .field-name-field-reference-materio, .field-name-field-localisation, .field-name-field-authored-on{ @include inlineblock(); @include fs12; padding-right:15px;}
+
+  .field-name-field-nature-titre{
+    @include fs500;@include fs24; margin-bottom: 0.5em;
+  }
+
+  .group-head-right{
+    position:absolute;
+    top:0; right:0;
+    padding:1em;
+    text-align: right;
+  }
+
+  .side{@include inlineblock(); width:50%;
+    &.group-side-left{
+      // @include border-radius(5px, 0, 0, 5px);
+    }
+    &.group-side-right{
+      @include border-radius(5px, 5px, 5px, 5px);
+      .field-name-field-materiau-image{
+        // padding-left:1em;
+        float:right;
+      }
+      // , .field-items, .field-item{
+      //   @include inlineblock();
+
+      // }
+    }
+
+  }
+
+  .field-name-field-description,
+  .field-name-field-company-fab,
+  .field-name-field-reference-distrib
+  {
+    padding-bottom: 1em;
+  }
+
+
+}
+
+/*
+    ____  ____  _____   ________
+   / __ \/ __ \/  _/ | / /_  __/
+  / /_/ / /_/ // //  |/ / / /
+ / ____/ _, _// // /|  / / /
+/_/   /_/ |_/___/_/ |_/ /_/
+
+*/
+
+
+.print-site_name{
+  width:100%;
+  vertical-align: bottom;
+  margin-bottom:1em;
+  h1{
+    margin:0;
+    @include fs36;
+    @include inlineblock(); vertical-align: baseline; position:relative; line-height:1.25;
+    a{
+      color:inherit;
+      &:hover{text-decoration: none ;}
+    }
+  }
+  span.beta{
+    line-height:1; letter-spacing: 0.1em;
+    color:rgb(0,0,122);
+    @include fs12;
+    position:absolute; left:0; padding-left:0; margin-left:0;
+  }
+  span.slogan{
+    @include fs14;
+    margin-top:-3px;
+    margin-left:-0.5em;
+    @include fs900;
+    .ie8 &{position: absolute; margin-top:22px;}
+  }
+}
+
+.print-content{
+  margin-bottom: 1em;
+}
+
+.print-footer{
+  margin-bottom: 2em;
+}
+
 @import "misc.scss";
 
 
@@ -1604,7 +1706,6 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull{
     &.selected{background-color: rgba(0,0,0,0.8);}
     div{padding:0.1em 5px;} @include fs12;
   }
-
 }
 
 /**
@@ -1791,10 +1892,12 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull{
     @include rounded(3px);
   }
 }
+
 @mixin tabs-secondary(){
   @include fs10;
   padding: 0.5em 1em;
 }
+
 #tasks{
   ul.tabs{
     @include inlineblock();
@@ -1816,7 +1919,6 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull{
   }
 }
 
-
 /*
    ______________  _____________________
   / ___/_  __/   |/_  __/  _/ ____/ ___/