From 96903cab0213d44a09d62c74d5e6e95643f5f8d6 Mon Sep 17 00:00:00 2001
From: Bachir Soussi Chiadmi <bachir@g-u-i.me>
Date: Fri, 17 Jul 2015 18:18:01 +0200
Subject: [PATCH] fixed some header display

---
 .../gui/materiobasetheme/css/styles.css       | 519 +++++++-----------
 .../gui/materiobasetheme/scss/layout.scss     |  14 +-
 2 files changed, 192 insertions(+), 341 deletions(-)

diff --git a/sites/all/themes/gui/materiobasetheme/css/styles.css b/sites/all/themes/gui/materiobasetheme/css/styles.css
index affa2e5e..1bfcd2ad 100644
--- a/sites/all/themes/gui/materiobasetheme/css/styles.css
+++ b/sites/all/themes/gui/materiobasetheme/css/styles.css
@@ -215,6 +215,7 @@ figure {
  */
 /* line 211, ../bower_components/foundation/scss/normalize.scss */
 hr {
+  -moz-box-sizing: content-box;
   box-sizing: content-box;
   height: 0;
 }
@@ -367,6 +368,8 @@ input[type="number"]::-webkit-outer-spin-button {
 input[type="search"] {
   -webkit-appearance: textfield;
   /* 1 */
+  -moz-box-sizing: content-box;
+  -webkit-box-sizing: content-box;
   /* 2 */
   box-sizing: content-box;
 }
@@ -511,6 +514,8 @@ html, body {
 *,
 *:before,
 *:after {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
   box-sizing: border-box;
 }
 
@@ -1495,8 +1500,7 @@ button, .button {
   background-color: #008CBA;
   border-color: #007095;
   color: #FFFFFF;
-  -webkit-transition: background-color 300ms ease-out;
-          transition: background-color 300ms ease-out;
+  transition: background-color 300ms ease-out;
 }
 /* line 162, ../bower_components/foundation/scss/foundation/components/_buttons.scss */
 button:hover, button:focus, .button:hover, .button:focus {
@@ -4046,63 +4050,58 @@ a {
 #container {
   margin: 0 auto;
   position: relative;
-  -webkit-transition: padding-top 0.5s ease-out, 1s, ease-out;
-          transition: padding-top 0.5s ease-out, 1s, ease-out;
+  transition: padding-top 0.5s ease-out, 1s, ease-out;
 }
 
 /** NIVEAU 2 */
 /* line 142, ../scss/layout.scss */
 #header {
+  background-color: #fff;
   z-index: 1000;
   width: 96%;
   padding-left: 2%;
   padding-right: 2%;
 }
-@media only screen and (min-width: 40.063em) {
-  /* line 142, ../scss/layout.scss */
-  #header {
-    position: fixed;
-    top: 0;
-    margin: 0 auto;
-    background-color: #fff;
-    min-width: 310.4px;
-  }
+/* line 145, ../scss/layout.scss */
+html.no-touch #header {
+  position: fixed;
+  top: 0;
+  margin: 0 auto;
+  min-width: 310.4px;
 }
-/* line 148, ../scss/layout.scss */
+/* line 151, ../scss/layout.scss */
 .admin-menu #header {
   margin-top: 35px;
 }
 
-/* line 151, ../scss/layout.scss */
+/* line 154, ../scss/layout.scss */
 #utilities {
   z-index: 999;
   width: 96%;
   padding-left: 2%;
   padding-right: 2%;
 }
-@media only screen and (min-width: 40.063em) {
-  /* line 153, ../scss/layout.scss */
-  html.no-touch #utilities {
-    position: fixed;
-    top: 0;
-    margin: 0 auto;
-    min-width: 310.4px;
-    margin-top: 60px;
-  }
-  /* line 157, ../scss/layout.scss */
-  html.no-touch .admin-menu #utilities {
-    margin-top: 85px;
-  }
+/* line 156, ../scss/layout.scss */
+html.no-touch #utilities {
+  position: fixed;
+  top: 0;
+  margin: 0 auto;
+  min-width: 310.4px;
+  margin-top: 60px;
+}
+/* line 160, ../scss/layout.scss */
+html.no-touch .admin-menu #utilities {
+  margin-top: 85px;
 }
 @media only screen and (max-width: 40em) {
-  /* line 160, ../scss/layout.scss */
+  /* line 163, ../scss/layout.scss */
   #utilities > .region {
     padding-top: 5px;
     padding-bottom: 5px;
   }
 }
 
-/* line 167, ../scss/layout.scss */
+/* line 169, ../scss/layout.scss */
 #main {
   width: 96%;
   padding-left: 2%;
@@ -4110,7 +4109,7 @@ a {
   overflow-x: hidden;
 }
 
-/* line 172, ../scss/layout.scss */
+/* line 174, ../scss/layout.scss */
 #footer {
   width: 96%;
   padding-left: 2%;
@@ -4121,17 +4120,17 @@ a {
 /** NIVEAU 3 */
 /** NIVEAU 4 */
 /** Z-INDEX */
-/* line 194, ../scss/layout.scss */
+/* line 196, ../scss/layout.scss */
 #block-feedback-form {
   z-index: 1001;
 }
 
-/* line 195, ../scss/layout.scss */
+/* line 197, ../scss/layout.scss */
 #admin-menu {
   z-index: 1002;
 }
 
-/* line 196, ../scss/layout.scss */
+/* line 198, ../scss/layout.scss */
 #admin-toolbar {
   z-index: 1003;
 }
@@ -4144,7 +4143,7 @@ a {
 /_/ /_/\____/_/ /_/ /_/\___/    |___/____/
 
 */
-/* line 216, ../scss/layout.scss */
+/* line 218, ../scss/layout.scss */
 body.front:not(.page-actuality) #header > .inner, body.front:not(.page-actuality) #utilities > .inner, body.front:not(.page-actuality) #center, body.front:not(.page-actuality) #footer,
 body.page-whoweare #header > .inner,
 body.page-whoweare #utilities > .inner,
@@ -4314,8 +4313,7 @@ body.node-type-publication #footer:after {
 /* line 87, ../scss/styles.scss */
 .csstransitions .op-visible {
   opacity: 1;
-  -webkit-transition: opacity 0.3s ease-out;
-          transition: opacity 0.3s ease-out;
+  transition: opacity 0.3s ease-out;
 }
 
 /* line 92, ../scss/styles.scss */
@@ -4329,13 +4327,11 @@ body.node-type-publication #footer:after {
 /* line 97, ../scss/styles.scss */
 .csstransition .op-hidden {
   opacity: 0;
-  -webkit-transition: visibility 0s 0.3s;
-          transition: visibility 0s 0.3s;
+  transition: visibility 0s 0.3s;
 }
 /* line 100, ../scss/styles.scss */
 .csstransition .op-hidden > * {
-  -webkit-transition: margin-top 0s 0.3s;
-          transition: margin-top 0s 0.3s;
+  transition: margin-top 0s 0.3s;
 }
 
 /** colomnized() */
@@ -4494,8 +4490,7 @@ body.node-type-publication #footer:after {
   right: 0;
   margin: 0;
   height: 0;
-  -webkit-transition: height 0.3s ease-out;
-          transition: height 0.3s ease-out;
+  transition: height 0.3s ease-out;
 }
 /* line 278, ../scss/styles.scss */
 #header #header-blocks #block-user-login form#user-login-form > div {
@@ -4541,8 +4536,7 @@ body.node-type-publication #footer:after {
   color: #fff;
   cursor: pointer;
   text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
-  -webkit-transition: text-shadow 0.2s ease-out;
-          transition: text-shadow 0.2s ease-out;
+  transition: text-shadow 0.2s ease-out;
 }
 /* line 64, ../scss/styles.scss */
 #header #header-blocks #block-user-login form#user-login-form .form-actions input.form-submit:hover, #header #header-blocks #block-user-login form#user-login-form .form-actions input.form-submit:focus {
@@ -4550,8 +4544,7 @@ body.node-type-publication #footer:after {
 }
 /* line 67, ../scss/styles.scss */
 #header #header-blocks #block-user-login form#user-login-form .form-actions input.form-submit:active {
-  -webkit-transition: text-shadow 0s ease-out;
-          transition: text-shadow 0s ease-out;
+  transition: text-shadow 0s ease-out;
   text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
 }
 /* line 303, ../scss/styles.scss */
@@ -4665,8 +4658,7 @@ html.no-touch #header #header-blocks #block-user-login:hover form#user-login-for
   width: 200px;
   height: 0;
   overflow: hidden;
-  -webkit-transition: height 0.3s ease-out;
-          transition: height 0.3s ease-out;
+  transition: height 0.3s ease-out;
 }
 /* line 376, ../scss/styles.scss */
 #header #header-blocks #block-materio-flag-materio-flag-mylists-nav section.mylists li a, #header #header-blocks #block-materio-flag-materio-flag-mylists-nav section.mylists li span.preview {
@@ -4697,13 +4689,11 @@ html.no-touch #header #header-blocks #block-user-login:hover form#user-login-for
 /* line 119, ../scss/styles.scss */
 .csstransition .no-touch #header #header-blocks #block-materio-flag-materio-flag-mylists-nav section.mylists li:not(:hover) span.preview, .csstransition .no-touch #header #header-blocks #block-materio-flag-materio-flag-mylists-nav section.mylists li:not(:hover) a.edit-list {
   opacity: 0;
-  -webkit-transition: visibility 0s 0.3s;
-          transition: visibility 0s 0.3s;
+  transition: visibility 0s 0.3s;
 }
 /* line 122, ../scss/styles.scss */
 .csstransition .no-touch #header #header-blocks #block-materio-flag-materio-flag-mylists-nav section.mylists li:not(:hover) span.preview > *, .csstransition .no-touch #header #header-blocks #block-materio-flag-materio-flag-mylists-nav section.mylists li:not(:hover) a.edit-list > * {
-  -webkit-transition: margin-top 0s 0.3s;
-          transition: margin-top 0s 0.3s;
+  transition: margin-top 0s 0.3s;
 }
 /* line 391, ../scss/styles.scss */
 #header #header-blocks #block-materio-flag-materio-flag-mylists-nav:hover section.mylists {
@@ -4766,8 +4756,7 @@ html.no-touch #header #header-blocks #block-user-login:hover form#user-login-for
   border-radius: 3px;
   background-clip: padding-box;
   background-color: #808080;
-  -webkit-transition: background-color 0.3s ease-out;
-          transition: background-color 0.3s ease-out;
+  transition: background-color 0.3s ease-out;
 }
 /* line 426, ../scss/styles.scss */
 #header #header-blocks #block-locale-language li, #header #header-blocks #block-locale-language li > * {
@@ -4847,8 +4836,7 @@ html.no-touch #header #header-blocks #block-user-login:hover form#user-login-for
   #header #header-blocks #block-menu-menu-top-menu .menu-wrapper ul.menu li {
     height: 0;
     overflow: hidden;
-    -webkit-transition: height 0.3s ease-out;
-            transition: height 0.3s ease-out;
+    transition: height 0.3s ease-out;
   }
   /* line 490, ../scss/styles.scss */
   #header #header-blocks #block-menu-menu-top-menu .menu-wrapper ul.menu li a {
@@ -5283,8 +5271,7 @@ html.js #highlighted .block-materio-didactique .tabs > *:hover, html.js #highlig
   font-size: 10px;
   background-color: #fff;
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
-  -webkit-transition: bottom 0.1s ease-out;
-          transition: bottom 0.1s ease-out;
+  transition: bottom 0.1s ease-out;
 }
 /* line 745, ../scss/styles.scss */
 #block-materio-user-user-register #edit-mail-check.error, #block-materio-user-user-createaccount #edit-mail-check.error {
@@ -5334,8 +5321,7 @@ html.js #highlighted .block-materio-didactique .tabs > *:hover, html.js #highlig
   color: #fff;
   cursor: pointer;
   text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
-  -webkit-transition: text-shadow 0.2s ease-out;
-          transition: text-shadow 0.2s ease-out;
+  transition: text-shadow 0.2s ease-out;
 }
 /* line 64, ../scss/styles.scss */
 #block-materio-user-user-register #user-register-form .form-submit:hover, #block-materio-user-user-register #user-register-form .form-submit:focus, #block-materio-user-user-createaccount #user-register-form .form-submit:hover, #block-materio-user-user-createaccount #user-register-form .form-submit:focus {
@@ -5343,8 +5329,7 @@ html.js #highlighted .block-materio-didactique .tabs > *:hover, html.js #highlig
 }
 /* line 67, ../scss/styles.scss */
 #block-materio-user-user-register #user-register-form .form-submit:active, #block-materio-user-user-createaccount #user-register-form .form-submit:active {
-  -webkit-transition: text-shadow 0s ease-out;
-          transition: text-shadow 0s ease-out;
+  transition: text-shadow 0s ease-out;
   text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
 }
 /* line 771, ../scss/styles.scss */
@@ -5359,8 +5344,7 @@ html.js #highlighted .block-materio-didactique .tabs > *:hover, html.js #highlig
   color: #fff;
   cursor: pointer;
   text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
-  -webkit-transition: text-shadow 0.2s ease-out;
-          transition: text-shadow 0.2s ease-out;
+  transition: text-shadow 0.2s ease-out;
 }
 /* line 64, ../scss/styles.scss */
 #block-materio-user-user-register #user-login .form-submit:hover, #block-materio-user-user-register #user-login .form-submit:focus, #block-materio-user-user-createaccount #user-login .form-submit:hover, #block-materio-user-user-createaccount #user-login .form-submit:focus {
@@ -5368,8 +5352,7 @@ html.js #highlighted .block-materio-didactique .tabs > *:hover, html.js #highlig
 }
 /* line 67, ../scss/styles.scss */
 #block-materio-user-user-register #user-login .form-submit:active, #block-materio-user-user-createaccount #user-login .form-submit:active {
-  -webkit-transition: text-shadow 0s ease-out;
-          transition: text-shadow 0s ease-out;
+  transition: text-shadow 0s ease-out;
   text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
 }
 /* line 784, ../scss/styles.scss */
@@ -5402,8 +5385,7 @@ html.js #highlighted .block-materio-didactique .tabs > *:hover, html.js #highlig
   color: #fff;
   cursor: pointer;
   text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
-  -webkit-transition: text-shadow 0.2s ease-out;
-          transition: text-shadow 0.2s ease-out;
+  transition: text-shadow 0.2s ease-out;
   text-align: center;
   text-decoration: none;
 }
@@ -5413,8 +5395,7 @@ html.js #highlighted .block-materio-didactique .tabs > *:hover, html.js #highlig
 }
 /* line 67, ../scss/styles.scss */
 #block-materio-user-user-register a.join:active, #block-materio-user-user-createaccount a.join:active {
-  -webkit-transition: text-shadow 0s ease-out;
-          transition: text-shadow 0s ease-out;
+  transition: text-shadow 0s ease-out;
   text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
 }
 @media only screen and (max-width: 40em) {
@@ -5500,8 +5481,7 @@ html.js #highlighted .block-materio-didactique .tabs > *:hover, html.js #highlig
   cursor: pointer;
   color: #000;
   opacity: 0;
-  -webkit-transition: opacity 0.1s ease-out;
-          transition: opacity 0.1s ease-out;
+  transition: opacity 0.1s ease-out;
 }
 /* line 874, ../scss/styles.scss */
 #content-top #block-materio-flag-materio-flag-mybookmarks:hover a.open-list, #content-top #block-materio-flag-materio-flag-mybookmarks:hover i.fi-x, #content-top #block-materio-flag-materio-flag-mylists:hover a.open-list, #content-top #block-materio-flag-materio-flag-mylists:hover i.fi-x {
@@ -5575,8 +5555,7 @@ html.js #highlighted .block-materio-didactique .tabs > *:hover, html.js #highlig
   background-color: #fff;
   margin: 4px;
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
-  -webkit-transition: box-shadow 0.3s ease-out;
-          transition: box-shadow 0.3s ease-out;
+  transition: box-shadow 0.3s ease-out;
 }
 /* line 38, ../scss/styles.scss */
 #tool-bar .btn-group:hover, #tool-bar .btn-group:focus {
@@ -5584,8 +5563,7 @@ html.js #highlighted .block-materio-didactique .tabs > *:hover, html.js #highlig
 }
 /* line 41, ../scss/styles.scss */
 #tool-bar .btn-group:active {
-  -webkit-transition: box-shadow 0s ease-out;
-          transition: box-shadow 0s ease-out;
+  transition: box-shadow 0s ease-out;
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
 }
 /* line 942, ../scss/styles.scss */
@@ -5615,13 +5593,11 @@ html.js #highlighted .block-materio-didactique .tabs > *:hover, html.js #highlig
 /* line 119, ../scss/styles.scss */
 .csstransition #tool-bar #block-materio-page-title-materio-page-title a.edit-list {
   opacity: 0;
-  -webkit-transition: visibility 0s 0.3s;
-          transition: visibility 0s 0.3s;
+  transition: visibility 0s 0.3s;
 }
 /* line 122, ../scss/styles.scss */
 .csstransition #tool-bar #block-materio-page-title-materio-page-title a.edit-list > * {
-  -webkit-transition: margin-top 0s 0.3s;
-          transition: margin-top 0s 0.3s;
+  transition: margin-top 0s 0.3s;
 }
 /* line 953, ../scss/styles.scss */
 #tool-bar #block-materio-page-title-materio-page-title a.edit-list i {
@@ -5634,8 +5610,7 @@ html.js #highlighted .block-materio-didactique .tabs > *:hover, html.js #highlig
 /* line 108, ../scss/styles.scss */
 .csstransitions #tool-bar #block-materio-page-title-materio-page-title:hover a.edit-list {
   opacity: 1;
-  -webkit-transition: opacity 0.3s ease-out;
-          transition: opacity 0.3s ease-out;
+  transition: opacity 0.3s ease-out;
 }
 @media only screen and (min-width: 40.063em) and (max-width: 64em) {
   /* line 942, ../scss/styles.scss */
@@ -5700,8 +5675,7 @@ html.js #highlighted .block-materio-didactique .tabs > *:hover, html.js #highlig
   border-radius: 3px;
   background-clip: padding-box;
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
-  -webkit-transition: box-shadow 0.3s ease-out;
-          transition: box-shadow 0.3s ease-out;
+  transition: box-shadow 0.3s ease-out;
   text-align: right;
 }
 /* line 38, ../scss/styles.scss */
@@ -5710,8 +5684,7 @@ html.js #highlighted .block-materio-didactique .tabs > *:hover, html.js #highlig
 }
 /* line 41, ../scss/styles.scss */
 #tool-bar #block-materio-search-api-materio-search-api-search > .inner:active {
-  -webkit-transition: box-shadow 0s ease-out;
-          transition: box-shadow 0s ease-out;
+  transition: box-shadow 0s ease-out;
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
 }
 /* line 993, ../scss/styles.scss */
@@ -5809,14 +5782,12 @@ html.js #highlighted .block-materio-didactique .tabs > *:hover, html.js #highlig
 /* line 1043, ../scss/styles.scss */
 #content {
   padding: 1em;
-  -webkit-transition: height 0.3s ease-out;
-          transition: height 0.3s ease-out;
+  transition: height 0.3s ease-out;
 }
 /* line 1046, ../scss/styles.scss */
 #content.faded {
   opacity: 0.5;
-  -webkit-transition: opacity 0.3s ease-out;
-          transition: opacity 0.3s ease-out;
+  transition: opacity 0.3s ease-out;
 }
 /* line 1051, ../scss/styles.scss */
 #content .materiobase-results, #content .materiobase-actuality, #content .materio-flags-list {
@@ -5937,8 +5908,7 @@ article.search-performance a.button {
   color: #fff;
   cursor: pointer;
   text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
-  -webkit-transition: text-shadow 0.2s ease-out;
-          transition: text-shadow 0.2s ease-out;
+  transition: text-shadow 0.2s ease-out;
   text-align: center;
   text-decoration: none;
 }
@@ -5948,8 +5918,7 @@ article.search-performance a.button:hover, article.search-performance a.button:f
 }
 /* line 67, ../scss/styles.scss */
 article.search-performance a.button:active {
-  -webkit-transition: text-shadow 0s ease-out;
-          transition: text-shadow 0s ease-out;
+  transition: text-shadow 0s ease-out;
   text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
 }
 /* line 1304, ../scss/styles.scss */
@@ -5967,8 +5936,7 @@ article.search-performance.view-mode-cardsmall {
   background-clip: padding-box;
   background-color: #FFF;
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
-  -webkit-transition: box-shadow 0.3s ease-out;
-          transition: box-shadow 0.3s ease-out;
+  transition: box-shadow 0.3s ease-out;
 }
 /* line 1307, ../scss/styles.scss */
 article.search-performance.view-mode-cardmedium {
@@ -5985,8 +5953,7 @@ article.search-performance.view-mode-cardmedium {
   background-clip: padding-box;
   background-color: #FFF;
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
-  -webkit-transition: box-shadow 0.3s ease-out;
-          transition: box-shadow 0.3s ease-out;
+  transition: box-shadow 0.3s ease-out;
 }
 /* line 1309, ../scss/styles.scss */
 article.search-performance.view-mode-cardmedium .inner {
@@ -6007,8 +5974,7 @@ article.search-performance.view-mode-cardbig {
   background-clip: padding-box;
   background-color: #FFF;
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
-  -webkit-transition: box-shadow 0.3s ease-out;
-          transition: box-shadow 0.3s ease-out;
+  transition: box-shadow 0.3s ease-out;
   display: block;
   margin: 0 auto;
 }
@@ -6027,8 +5993,7 @@ article.search-performance.view-mode-cardfull {
   background-clip: padding-box;
   background-color: #FFF;
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
-  -webkit-transition: box-shadow 0.3s ease-out;
-          transition: box-shadow 0.3s ease-out;
+  transition: box-shadow 0.3s ease-out;
   display: block;
   margin: 0 auto;
 }
@@ -6060,8 +6025,7 @@ article.node-materiau.vm-bookmark, article.node-breve.vm-bookmark {
   background-clip: padding-box;
   background-color: #FFF;
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
-  -webkit-transition: box-shadow 0.3s ease-out;
-          transition: box-shadow 0.3s ease-out;
+  transition: box-shadow 0.3s ease-out;
   margin: 3px;
 }
 /* line 1135, ../scss/styles.scss */
@@ -6080,8 +6044,7 @@ article.node-materiau.vm-bookmark.just-added, article.node-breve.vm-bookmark.jus
 }
 /* line 1144, ../scss/styles.scss */
 article.node-materiau.vm-bookmark.associated, article.node-breve.vm-bookmark.associated {
-  -webkit-transition: margin 0.3s ease-out;
-          transition: margin 0.3s ease-out;
+  transition: margin 0.3s ease-out;
 }
 /* line 1146, ../scss/styles.scss */
 article.node-materiau.vm-bookmark.associated.just-added, article.node-breve.vm-bookmark.associated.just-added {
@@ -6097,8 +6060,7 @@ article.node-materiau.vm-bookmark.associated.just-added, article.node-breve.vm-b
 }
 /* line 1156, ../scss/styles.scss */
 article.node-materiau.vm-bookmark.removed, article.node-breve.vm-bookmark.removed {
-  -webkit-transition: width 0.3s ease-out;
-          transition: width 0.3s ease-out;
+  transition: width 0.3s ease-out;
   width: 0;
   padding-left: 0;
   padding-right: 0;
@@ -6170,8 +6132,7 @@ article.node-materiau.vm-bookmark nav.nav ul li, article.node-breve.vm-bookmark
   display: block;
   height: 0;
   overflow: hidden;
-  -webkit-transition: height 0.2s ease-out;
-          transition: height 0.2s ease-out;
+  transition: height 0.2s ease-out;
 }
 /* line 1198, ../scss/styles.scss */
 article.node-materiau.vm-bookmark nav.nav ul li a, article.node-breve.vm-bookmark nav.nav ul li a {
@@ -6204,8 +6165,7 @@ article.node-materiau.vm-bookmark nav.nav ul.flag-lists-entity-links li, article
 /* line 1215, ../scss/styles.scss */
 article.node-materiau.vm-bookmark nav.nav ul.flag-lists-entity-links li a, article.node-breve.vm-bookmark nav.nav ul.flag-lists-entity-links li a {
   color: #a6a6a6;
-  -webkit-transition: color 0.2s ease-out;
-          transition: color 0.2s ease-out;
+  transition: color 0.2s ease-out;
 }
 /* line 1217, ../scss/styles.scss */
 article.node-materiau.vm-bookmark nav.nav ul.flag-lists-entity-links li a:hover, article.node-materiau.vm-bookmark nav.nav ul.flag-lists-entity-links li a.unflag-action, article.node-breve.vm-bookmark nav.nav ul.flag-lists-entity-links li a:hover, article.node-breve.vm-bookmark nav.nav ul.flag-lists-entity-links li a.unflag-action {
@@ -6275,7 +6235,6 @@ article.node-materiau.vm-bookmark .field-name-field-description .upgrade, articl
   font-size: 12px;
   padding-top: 4em;
   margin-top: -4.5em;
-  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 4em);
   background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 4em);
   position: relative;
 }
@@ -6298,8 +6257,7 @@ article.node-materiau.vm-bookmark .side.oops p a, article.node-materiau.vm-bookm
   color: #fff;
   cursor: pointer;
   text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
-  -webkit-transition: text-shadow 0.2s ease-out;
-          transition: text-shadow 0.2s ease-out;
+  transition: text-shadow 0.2s ease-out;
   text-align: center;
   text-decoration: none;
 }
@@ -6309,8 +6267,7 @@ article.node-materiau.vm-bookmark .side.oops p a:hover, article.node-materiau.vm
 }
 /* line 67, ../scss/styles.scss */
 article.node-materiau.vm-bookmark .side.oops p a:active, article.node-materiau.vm-bookmark .side .upgrade p a:active, article.node-breve.vm-bookmark .side.oops p a:active, article.node-breve.vm-bookmark .side .upgrade p a:active {
-  -webkit-transition: text-shadow 0s ease-out;
-          transition: text-shadow 0s ease-out;
+  transition: text-shadow 0s ease-out;
   text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
 }
 /* line 1337, ../scss/styles.scss */
@@ -6362,8 +6319,7 @@ article.node-materiau.vm-cardsmall, article.node-breve.vm-cardsmall {
   background-clip: padding-box;
   background-color: #FFF;
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
-  -webkit-transition: box-shadow 0.3s ease-out;
-          transition: box-shadow 0.3s ease-out;
+  transition: box-shadow 0.3s ease-out;
 }
 /* line 1135, ../scss/styles.scss */
 article.node-materiau.vm-cardsmall > div.side, article.node-breve.vm-cardsmall > div.side {
@@ -6381,8 +6337,7 @@ article.node-materiau.vm-cardsmall.just-added, article.node-breve.vm-cardsmall.j
 }
 /* line 1144, ../scss/styles.scss */
 article.node-materiau.vm-cardsmall.associated, article.node-breve.vm-cardsmall.associated {
-  -webkit-transition: margin 0.3s ease-out;
-          transition: margin 0.3s ease-out;
+  transition: margin 0.3s ease-out;
 }
 /* line 1146, ../scss/styles.scss */
 article.node-materiau.vm-cardsmall.associated.just-added, article.node-breve.vm-cardsmall.associated.just-added {
@@ -6398,8 +6353,7 @@ article.node-materiau.vm-cardsmall.associated.just-added, article.node-breve.vm-
 }
 /* line 1156, ../scss/styles.scss */
 article.node-materiau.vm-cardsmall.removed, article.node-breve.vm-cardsmall.removed {
-  -webkit-transition: width 0.3s ease-out;
-          transition: width 0.3s ease-out;
+  transition: width 0.3s ease-out;
   width: 0;
   padding-left: 0;
   padding-right: 0;
@@ -6471,8 +6425,7 @@ article.node-materiau.vm-cardsmall nav.nav ul li, article.node-breve.vm-cardsmal
   display: block;
   height: 0;
   overflow: hidden;
-  -webkit-transition: height 0.2s ease-out;
-          transition: height 0.2s ease-out;
+  transition: height 0.2s ease-out;
 }
 /* line 1198, ../scss/styles.scss */
 article.node-materiau.vm-cardsmall nav.nav ul li a, article.node-breve.vm-cardsmall nav.nav ul li a {
@@ -6505,8 +6458,7 @@ article.node-materiau.vm-cardsmall nav.nav ul.flag-lists-entity-links li, articl
 /* line 1215, ../scss/styles.scss */
 article.node-materiau.vm-cardsmall nav.nav ul.flag-lists-entity-links li a, article.node-breve.vm-cardsmall nav.nav ul.flag-lists-entity-links li a {
   color: #a6a6a6;
-  -webkit-transition: color 0.2s ease-out;
-          transition: color 0.2s ease-out;
+  transition: color 0.2s ease-out;
 }
 /* line 1217, ../scss/styles.scss */
 article.node-materiau.vm-cardsmall nav.nav ul.flag-lists-entity-links li a:hover, article.node-materiau.vm-cardsmall nav.nav ul.flag-lists-entity-links li a.unflag-action, article.node-breve.vm-cardsmall nav.nav ul.flag-lists-entity-links li a:hover, article.node-breve.vm-cardsmall nav.nav ul.flag-lists-entity-links li a.unflag-action {
@@ -6576,7 +6528,6 @@ article.node-materiau.vm-cardsmall .field-name-field-description .upgrade, artic
   font-size: 12px;
   padding-top: 4em;
   margin-top: -4.5em;
-  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 4em);
   background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 4em);
   position: relative;
 }
@@ -6599,8 +6550,7 @@ article.node-materiau.vm-cardsmall .side.oops p a, article.node-materiau.vm-card
   color: #fff;
   cursor: pointer;
   text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
-  -webkit-transition: text-shadow 0.2s ease-out;
-          transition: text-shadow 0.2s ease-out;
+  transition: text-shadow 0.2s ease-out;
   text-align: center;
   text-decoration: none;
 }
@@ -6610,8 +6560,7 @@ article.node-materiau.vm-cardsmall .side.oops p a:hover, article.node-materiau.v
 }
 /* line 67, ../scss/styles.scss */
 article.node-materiau.vm-cardsmall .side.oops p a:active, article.node-materiau.vm-cardsmall .side .upgrade p a:active, article.node-breve.vm-cardsmall .side.oops p a:active, article.node-breve.vm-cardsmall .side .upgrade p a:active {
-  -webkit-transition: text-shadow 0s ease-out;
-          transition: text-shadow 0s ease-out;
+  transition: text-shadow 0s ease-out;
   text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
 }
 /* line 1356, ../scss/styles.scss */
@@ -6682,13 +6631,11 @@ article.node-materiau.vm-cardsmall nav.nav ul.flag-lists-entity-links li, articl
 /* line 119, ../scss/styles.scss */
 .csstransition .no-touch article.node-materiau.vm-cardsmall:not(.focused) nav.nav, .csstransition .no-touch article.node-breve.vm-cardsmall:not(.focused) nav.nav {
   opacity: 0;
-  -webkit-transition: visibility 0s 0.3s;
-          transition: visibility 0s 0.3s;
+  transition: visibility 0s 0.3s;
 }
 /* line 122, ../scss/styles.scss */
 .csstransition .no-touch article.node-materiau.vm-cardsmall:not(.focused) nav.nav > *, .csstransition .no-touch article.node-breve.vm-cardsmall:not(.focused) nav.nav > * {
-  -webkit-transition: margin-top 0s 0.3s;
-          transition: margin-top 0s 0.3s;
+  transition: margin-top 0s 0.3s;
 }
 /* line 1374, ../scss/styles.scss */
 .no-touch article.node-materiau.vm-cardsmall:not(.focused) div.workflow, .no-touch article.node-breve.vm-cardsmall:not(.focused) div.workflow {
@@ -6701,13 +6648,11 @@ article.node-materiau.vm-cardsmall nav.nav ul.flag-lists-entity-links li, articl
 /* line 119, ../scss/styles.scss */
 .csstransition .no-touch article.node-materiau.vm-cardsmall:not(.focused) div.workflow, .csstransition .no-touch article.node-breve.vm-cardsmall:not(.focused) div.workflow {
   opacity: 0;
-  -webkit-transition: visibility 0s 0.3s;
-          transition: visibility 0s 0.3s;
+  transition: visibility 0s 0.3s;
 }
 /* line 122, ../scss/styles.scss */
 .csstransition .no-touch article.node-materiau.vm-cardsmall:not(.focused) div.workflow > *, .csstransition .no-touch article.node-breve.vm-cardsmall:not(.focused) div.workflow > * {
-  -webkit-transition: margin-top 0s 0.3s;
-          transition: margin-top 0s 0.3s;
+  transition: margin-top 0s 0.3s;
 }
 
 /*
@@ -6764,8 +6709,7 @@ article.node-materiau.vm-cardmedium, article.node-breve.vm-cardmedium {
   background-clip: padding-box;
   background-color: #FFF;
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
-  -webkit-transition: box-shadow 0.3s ease-out;
-          transition: box-shadow 0.3s ease-out;
+  transition: box-shadow 0.3s ease-out;
 }
 /* line 1135, ../scss/styles.scss */
 article.node-materiau.vm-cardmedium > div.side, article.node-breve.vm-cardmedium > div.side {
@@ -6783,8 +6727,7 @@ article.node-materiau.vm-cardmedium.just-added, article.node-breve.vm-cardmedium
 }
 /* line 1144, ../scss/styles.scss */
 article.node-materiau.vm-cardmedium.associated, article.node-breve.vm-cardmedium.associated {
-  -webkit-transition: margin 0.3s ease-out;
-          transition: margin 0.3s ease-out;
+  transition: margin 0.3s ease-out;
 }
 /* line 1146, ../scss/styles.scss */
 article.node-materiau.vm-cardmedium.associated.just-added, article.node-breve.vm-cardmedium.associated.just-added {
@@ -6800,8 +6743,7 @@ article.node-materiau.vm-cardmedium.associated.just-added, article.node-breve.vm
 }
 /* line 1156, ../scss/styles.scss */
 article.node-materiau.vm-cardmedium.removed, article.node-breve.vm-cardmedium.removed {
-  -webkit-transition: width 0.3s ease-out;
-          transition: width 0.3s ease-out;
+  transition: width 0.3s ease-out;
   width: 0;
   padding-left: 0;
   padding-right: 0;
@@ -6873,8 +6815,7 @@ article.node-materiau.vm-cardmedium nav.nav ul li, article.node-breve.vm-cardmed
   display: block;
   height: 0;
   overflow: hidden;
-  -webkit-transition: height 0.2s ease-out;
-          transition: height 0.2s ease-out;
+  transition: height 0.2s ease-out;
 }
 /* line 1198, ../scss/styles.scss */
 article.node-materiau.vm-cardmedium nav.nav ul li a, article.node-breve.vm-cardmedium nav.nav ul li a {
@@ -6907,8 +6848,7 @@ article.node-materiau.vm-cardmedium nav.nav ul.flag-lists-entity-links li, artic
 /* line 1215, ../scss/styles.scss */
 article.node-materiau.vm-cardmedium nav.nav ul.flag-lists-entity-links li a, article.node-breve.vm-cardmedium nav.nav ul.flag-lists-entity-links li a {
   color: #a6a6a6;
-  -webkit-transition: color 0.2s ease-out;
-          transition: color 0.2s ease-out;
+  transition: color 0.2s ease-out;
 }
 /* line 1217, ../scss/styles.scss */
 article.node-materiau.vm-cardmedium nav.nav ul.flag-lists-entity-links li a:hover, article.node-materiau.vm-cardmedium nav.nav ul.flag-lists-entity-links li a.unflag-action, article.node-breve.vm-cardmedium nav.nav ul.flag-lists-entity-links li a:hover, article.node-breve.vm-cardmedium nav.nav ul.flag-lists-entity-links li a.unflag-action {
@@ -6978,7 +6918,6 @@ article.node-materiau.vm-cardmedium .field-name-field-description .upgrade, arti
   font-size: 12px;
   padding-top: 4em;
   margin-top: -4.5em;
-  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 4em);
   background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 4em);
   position: relative;
 }
@@ -7001,8 +6940,7 @@ article.node-materiau.vm-cardmedium .side.oops p a, article.node-materiau.vm-car
   color: #fff;
   cursor: pointer;
   text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
-  -webkit-transition: text-shadow 0.2s ease-out;
-          transition: text-shadow 0.2s ease-out;
+  transition: text-shadow 0.2s ease-out;
   text-align: center;
   text-decoration: none;
 }
@@ -7012,8 +6950,7 @@ article.node-materiau.vm-cardmedium .side.oops p a:hover, article.node-materiau.
 }
 /* line 67, ../scss/styles.scss */
 article.node-materiau.vm-cardmedium .side.oops p a:active, article.node-materiau.vm-cardmedium .side .upgrade p a:active, article.node-breve.vm-cardmedium .side.oops p a:active, article.node-breve.vm-cardmedium .side .upgrade p a:active {
-  -webkit-transition: text-shadow 0s ease-out;
-          transition: text-shadow 0s ease-out;
+  transition: text-shadow 0s ease-out;
   text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
 }
 /* line 1405, ../scss/styles.scss */
@@ -7043,8 +6980,7 @@ article.node-materiau.vm-cardmedium .group-header, article.node-breve.vm-cardmed
   line-height: 1;
   background-color: rgba(255, 255, 255, 0.8);
   text-shadow: 0 0 4px rgba(255, 255, 255, 0.4);
-  -webkit-transition: background-color 0.2s ease-out;
-          transition: background-color 0.2s ease-out;
+  transition: background-color 0.2s ease-out;
   border-radius: 0 0 4px 4px;
   background-clip: padding-box;
   overflow: hidden;
@@ -7084,8 +7020,7 @@ article.node-materiau.vm-cardmedium.node-breve .group-header, article.node-breve
   color: #fff;
   background-color: rgba(0, 0, 0, 0.7);
   text-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
-  -webkit-transition: background-color 0.2s ease-out;
-          transition: background-color 0.2s ease-out;
+  transition: background-color 0.2s ease-out;
 }
 /* line 1429, ../scss/styles.scss */
 article.node-materiau.vm-cardmedium.node-breve .group-header .field-name-field-authored-on, article.node-breve.vm-cardmedium.node-breve .group-header .field-name-field-authored-on {
@@ -7126,8 +7061,7 @@ article.node-materiau.vm-cardmedium .field-name-field-description, article.node-
 /* line 152, ../scss/styles.scss */
 article.node-materiau.vm-cardmedium .field-name-field-description.columnized, article.node-materiau.vm-cardmedium .field-name-body.columnized, article.node-breve.vm-cardmedium .field-name-field-description.columnized, article.node-breve.vm-cardmedium .field-name-body.columnized {
   padding: 0;
-  -webkit-transition: margin-left 0.3s ease-out;
-          transition: margin-left 0.3s ease-out;
+  transition: margin-left 0.3s ease-out;
 }
 /* line 154, ../scss/styles.scss */
 article.node-materiau.vm-cardmedium .field-name-field-description.columnized .column > *, article.node-materiau.vm-cardmedium .field-name-body.columnized .column > *, article.node-breve.vm-cardmedium .field-name-field-description.columnized .column > *, article.node-breve.vm-cardmedium .field-name-body.columnized .column > * {
@@ -7166,8 +7100,7 @@ article.node-materiau.vm-cardmedium .column-wrapper, article.node-breve.vm-cardm
 /* line 152, ../scss/styles.scss */
 article.node-materiau.vm-cardmedium .column-wrapper.columnized, article.node-breve.vm-cardmedium .column-wrapper.columnized {
   padding: 0;
-  -webkit-transition: margin-left 0.3s ease-out;
-          transition: margin-left 0.3s ease-out;
+  transition: margin-left 0.3s ease-out;
 }
 /* line 154, ../scss/styles.scss */
 article.node-materiau.vm-cardmedium .column-wrapper.columnized .column > *, article.node-breve.vm-cardmedium .column-wrapper.columnized .column > * {
@@ -7237,13 +7170,11 @@ article.node-materiau.vm-cardmedium .field-label, article.node-breve.vm-cardmedi
 /* line 119, ../scss/styles.scss */
 .csstransition .no-touch article.node-materiau.vm-cardmedium:not(.focused) nav.nav, .csstransition .no-touch article.node-breve.vm-cardmedium:not(.focused) nav.nav {
   opacity: 0;
-  -webkit-transition: visibility 0s 0.3s;
-          transition: visibility 0s 0.3s;
+  transition: visibility 0s 0.3s;
 }
 /* line 122, ../scss/styles.scss */
 .csstransition .no-touch article.node-materiau.vm-cardmedium:not(.focused) nav.nav > *, .csstransition .no-touch article.node-breve.vm-cardmedium:not(.focused) nav.nav > * {
-  -webkit-transition: margin-top 0s 0.3s;
-          transition: margin-top 0s 0.3s;
+  transition: margin-top 0s 0.3s;
 }
 /* line 1464, ../scss/styles.scss */
 .no-touch article.node-materiau.vm-cardmedium:not(.focused) div.workflow, .no-touch article.node-breve.vm-cardmedium:not(.focused) div.workflow {
@@ -7256,13 +7187,11 @@ article.node-materiau.vm-cardmedium .field-label, article.node-breve.vm-cardmedi
 /* line 119, ../scss/styles.scss */
 .csstransition .no-touch article.node-materiau.vm-cardmedium:not(.focused) div.workflow, .csstransition .no-touch article.node-breve.vm-cardmedium:not(.focused) div.workflow {
   opacity: 0;
-  -webkit-transition: visibility 0s 0.3s;
-          transition: visibility 0s 0.3s;
+  transition: visibility 0s 0.3s;
 }
 /* line 122, ../scss/styles.scss */
 .csstransition .no-touch article.node-materiau.vm-cardmedium:not(.focused) div.workflow > *, .csstransition .no-touch article.node-breve.vm-cardmedium:not(.focused) div.workflow > * {
-  -webkit-transition: margin-top 0s 0.3s;
-          transition: margin-top 0s 0.3s;
+  transition: margin-top 0s 0.3s;
 }
 /* line 1466, ../scss/styles.scss */
 .ie8 article.node-materiau.vm-cardmedium nav.nav, .ie8 article.node-breve.vm-cardmedium nav.nav {
@@ -7291,8 +7220,7 @@ article.node-materiau.vm-cardbig, article.node-breve.vm-cardbig {
   background-clip: padding-box;
   background-color: #FFF;
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
-  -webkit-transition: box-shadow 0.3s ease-out;
-          transition: box-shadow 0.3s ease-out;
+  transition: box-shadow 0.3s ease-out;
 }
 /* line 1135, ../scss/styles.scss */
 article.node-materiau.vm-cardbig > div.side, article.node-breve.vm-cardbig > div.side {
@@ -7310,8 +7238,7 @@ article.node-materiau.vm-cardbig.just-added, article.node-breve.vm-cardbig.just-
 }
 /* line 1144, ../scss/styles.scss */
 article.node-materiau.vm-cardbig.associated, article.node-breve.vm-cardbig.associated {
-  -webkit-transition: margin 0.3s ease-out;
-          transition: margin 0.3s ease-out;
+  transition: margin 0.3s ease-out;
 }
 /* line 1146, ../scss/styles.scss */
 article.node-materiau.vm-cardbig.associated.just-added, article.node-breve.vm-cardbig.associated.just-added {
@@ -7327,8 +7254,7 @@ article.node-materiau.vm-cardbig.associated.just-added, article.node-breve.vm-ca
 }
 /* line 1156, ../scss/styles.scss */
 article.node-materiau.vm-cardbig.removed, article.node-breve.vm-cardbig.removed {
-  -webkit-transition: width 0.3s ease-out;
-          transition: width 0.3s ease-out;
+  transition: width 0.3s ease-out;
   width: 0;
   padding-left: 0;
   padding-right: 0;
@@ -7400,8 +7326,7 @@ article.node-materiau.vm-cardbig nav.nav ul li, article.node-breve.vm-cardbig na
   display: block;
   height: 0;
   overflow: hidden;
-  -webkit-transition: height 0.2s ease-out;
-          transition: height 0.2s ease-out;
+  transition: height 0.2s ease-out;
 }
 /* line 1198, ../scss/styles.scss */
 article.node-materiau.vm-cardbig nav.nav ul li a, article.node-breve.vm-cardbig nav.nav ul li a {
@@ -7434,8 +7359,7 @@ article.node-materiau.vm-cardbig nav.nav ul.flag-lists-entity-links li, article.
 /* line 1215, ../scss/styles.scss */
 article.node-materiau.vm-cardbig nav.nav ul.flag-lists-entity-links li a, article.node-breve.vm-cardbig nav.nav ul.flag-lists-entity-links li a {
   color: #a6a6a6;
-  -webkit-transition: color 0.2s ease-out;
-          transition: color 0.2s ease-out;
+  transition: color 0.2s ease-out;
 }
 /* line 1217, ../scss/styles.scss */
 article.node-materiau.vm-cardbig nav.nav ul.flag-lists-entity-links li a:hover, article.node-materiau.vm-cardbig nav.nav ul.flag-lists-entity-links li a.unflag-action, article.node-breve.vm-cardbig nav.nav ul.flag-lists-entity-links li a:hover, article.node-breve.vm-cardbig nav.nav ul.flag-lists-entity-links li a.unflag-action {
@@ -7505,7 +7429,6 @@ article.node-materiau.vm-cardbig .field-name-field-description .upgrade, article
   font-size: 12px;
   padding-top: 4em;
   margin-top: -4.5em;
-  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 4em);
   background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 4em);
   position: relative;
 }
@@ -7528,8 +7451,7 @@ article.node-materiau.vm-cardbig .side.oops p a, article.node-materiau.vm-cardbi
   color: #fff;
   cursor: pointer;
   text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
-  -webkit-transition: text-shadow 0.2s ease-out;
-          transition: text-shadow 0.2s ease-out;
+  transition: text-shadow 0.2s ease-out;
   text-align: center;
   text-decoration: none;
 }
@@ -7539,8 +7461,7 @@ article.node-materiau.vm-cardbig .side.oops p a:hover, article.node-materiau.vm-
 }
 /* line 67, ../scss/styles.scss */
 article.node-materiau.vm-cardbig .side.oops p a:active, article.node-materiau.vm-cardbig .side .upgrade p a:active, article.node-breve.vm-cardbig .side.oops p a:active, article.node-breve.vm-cardbig .side .upgrade p a:active {
-  -webkit-transition: text-shadow 0s ease-out;
-          transition: text-shadow 0s ease-out;
+  transition: text-shadow 0s ease-out;
   text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
 }
 /* line 1479, ../scss/styles.scss */
@@ -7578,8 +7499,7 @@ article.node-materiau.vm-cardbig .group-header, article.node-breve.vm-cardbig .g
   line-height: 1.1;
   background-color: rgba(255, 255, 255, 0.8);
   text-shadow: 0 0 4px rgba(255, 255, 255, 0.4);
-  -webkit-transition: background-color 0.2s ease-out;
-          transition: background-color 0.2s ease-out;
+  transition: background-color 0.2s ease-out;
 }
 /* line 1490, ../scss/styles.scss */
 article.node-materiau.vm-cardbig .group-header .field-name-title-field, article.node-breve.vm-cardbig .group-header .field-name-title-field {
@@ -7617,8 +7537,7 @@ article.node-materiau.vm-cardbig.node-breve .group-header, article.node-breve.vm
   color: #fff;
   background-color: rgba(0, 0, 0, 0.7);
   text-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
-  -webkit-transition: background-color 0.2s ease-out;
-          transition: background-color 0.2s ease-out;
+  transition: background-color 0.2s ease-out;
 }
 /* line 1501, ../scss/styles.scss */
 article.node-materiau.vm-cardbig.node-breve .group-header .field-name-field-authored-on, article.node-breve.vm-cardbig.node-breve .group-header .field-name-field-authored-on {
@@ -7659,8 +7578,7 @@ article.node-materiau.vm-cardbig .field-name-field-description, article.node-mat
 /* line 152, ../scss/styles.scss */
 article.node-materiau.vm-cardbig .field-name-field-description.columnized, article.node-materiau.vm-cardbig .field-name-body.columnized, article.node-breve.vm-cardbig .field-name-field-description.columnized, article.node-breve.vm-cardbig .field-name-body.columnized {
   padding: 0;
-  -webkit-transition: margin-left 0.3s ease-out;
-          transition: margin-left 0.3s ease-out;
+  transition: margin-left 0.3s ease-out;
 }
 /* line 154, ../scss/styles.scss */
 article.node-materiau.vm-cardbig .field-name-field-description.columnized .column > *, article.node-materiau.vm-cardbig .field-name-body.columnized .column > *, article.node-breve.vm-cardbig .field-name-field-description.columnized .column > *, article.node-breve.vm-cardbig .field-name-body.columnized .column > * {
@@ -7695,8 +7613,7 @@ article.node-materiau.vm-cardbig .column-wrapper, article.node-breve.vm-cardbig
 /* line 152, ../scss/styles.scss */
 article.node-materiau.vm-cardbig .column-wrapper.columnized, article.node-breve.vm-cardbig .column-wrapper.columnized {
   padding: 0;
-  -webkit-transition: margin-left 0.3s ease-out;
-          transition: margin-left 0.3s ease-out;
+  transition: margin-left 0.3s ease-out;
 }
 /* line 154, ../scss/styles.scss */
 article.node-materiau.vm-cardbig .column-wrapper.columnized .column > *, article.node-breve.vm-cardbig .column-wrapper.columnized .column > * {
@@ -7768,10 +7685,8 @@ article.node-materiau.vm-cardbig .side.oops p a, article.node-materiau.vm-cardbi
   border: 2px solid #eee;
   background-color: #eee;
   color: #fff;
-  -webkit-transition: border 0.3s ease-out;
-          transition: border 0.3s ease-out;
-  -webkit-transition: background-color 0.3s ease-out;
-          transition: background-color 0.3s ease-out;
+  transition: border 0.3s ease-out;
+  transition: background-color 0.3s ease-out;
 }
 /* line 1542, ../scss/styles.scss */
 article.node-materiau.vm-cardbig:hover .side.oops p a, article.node-materiau.vm-cardbig:hover .side .upgrade p a, article.node-breve.vm-cardbig:hover .side.oops p a, article.node-breve.vm-cardbig:hover .side .upgrade p a {
@@ -7801,8 +7716,7 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull {
   background-clip: padding-box;
   background-color: #FFF;
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
-  -webkit-transition: box-shadow 0.3s ease-out;
-          transition: box-shadow 0.3s ease-out;
+  transition: box-shadow 0.3s ease-out;
   font-size: 0px;
 }
 /* line 1135, ../scss/styles.scss */
@@ -7821,8 +7735,7 @@ article.node-materiau.vm-cardfull.just-added, article.node-breve.vm-cardfull.jus
 }
 /* line 1144, ../scss/styles.scss */
 article.node-materiau.vm-cardfull.associated, article.node-breve.vm-cardfull.associated {
-  -webkit-transition: margin 0.3s ease-out;
-          transition: margin 0.3s ease-out;
+  transition: margin 0.3s ease-out;
 }
 /* line 1146, ../scss/styles.scss */
 article.node-materiau.vm-cardfull.associated.just-added, article.node-breve.vm-cardfull.associated.just-added {
@@ -7838,8 +7751,7 @@ article.node-materiau.vm-cardfull.associated.just-added, article.node-breve.vm-c
 }
 /* line 1156, ../scss/styles.scss */
 article.node-materiau.vm-cardfull.removed, article.node-breve.vm-cardfull.removed {
-  -webkit-transition: width 0.3s ease-out;
-          transition: width 0.3s ease-out;
+  transition: width 0.3s ease-out;
   width: 0;
   padding-left: 0;
   padding-right: 0;
@@ -7911,8 +7823,7 @@ article.node-materiau.vm-cardfull nav.nav ul li, article.node-breve.vm-cardfull
   display: block;
   height: 0;
   overflow: hidden;
-  -webkit-transition: height 0.2s ease-out;
-          transition: height 0.2s ease-out;
+  transition: height 0.2s ease-out;
 }
 /* line 1198, ../scss/styles.scss */
 article.node-materiau.vm-cardfull nav.nav ul li a, article.node-breve.vm-cardfull nav.nav ul li a {
@@ -7945,8 +7856,7 @@ article.node-materiau.vm-cardfull nav.nav ul.flag-lists-entity-links li, article
 /* line 1215, ../scss/styles.scss */
 article.node-materiau.vm-cardfull nav.nav ul.flag-lists-entity-links li a, article.node-breve.vm-cardfull nav.nav ul.flag-lists-entity-links li a {
   color: #a6a6a6;
-  -webkit-transition: color 0.2s ease-out;
-          transition: color 0.2s ease-out;
+  transition: color 0.2s ease-out;
 }
 /* line 1217, ../scss/styles.scss */
 article.node-materiau.vm-cardfull nav.nav ul.flag-lists-entity-links li a:hover, article.node-materiau.vm-cardfull nav.nav ul.flag-lists-entity-links li a.unflag-action, article.node-breve.vm-cardfull nav.nav ul.flag-lists-entity-links li a:hover, article.node-breve.vm-cardfull nav.nav ul.flag-lists-entity-links li a.unflag-action {
@@ -8016,7 +7926,6 @@ article.node-materiau.vm-cardfull .field-name-field-description .upgrade, articl
   font-size: 12px;
   padding-top: 4em;
   margin-top: -4.5em;
-  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 4em);
   background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 4em);
   position: relative;
 }
@@ -8039,8 +7948,7 @@ article.node-materiau.vm-cardfull .side.oops p a, article.node-materiau.vm-cardf
   color: #fff;
   cursor: pointer;
   text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
-  -webkit-transition: text-shadow 0.2s ease-out;
-          transition: text-shadow 0.2s ease-out;
+  transition: text-shadow 0.2s ease-out;
   text-align: center;
   text-decoration: none;
 }
@@ -8050,8 +7958,7 @@ article.node-materiau.vm-cardfull .side.oops p a:hover, article.node-materiau.vm
 }
 /* line 67, ../scss/styles.scss */
 article.node-materiau.vm-cardfull .side.oops p a:active, article.node-materiau.vm-cardfull .side .upgrade p a:active, article.node-breve.vm-cardfull .side.oops p a:active, article.node-breve.vm-cardfull .side .upgrade p a:active {
-  -webkit-transition: text-shadow 0s ease-out;
-          transition: text-shadow 0s ease-out;
+  transition: text-shadow 0s ease-out;
   text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
 }
 /* line 1557, ../scss/styles.scss */
@@ -8123,8 +8030,7 @@ article.node-materiau.vm-cardfull.node-breve .group-header, article.node-breve.v
   color: #fff;
   background-color: rgba(0, 0, 0, 0.7);
   text-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
-  -webkit-transition: background-color 0.2s ease-out;
-          transition: background-color 0.2s ease-out;
+  transition: background-color 0.2s ease-out;
 }
 /* line 1584, ../scss/styles.scss */
 article.node-materiau.vm-cardfull.node-breve .group-header .field-name-field-authored-on, article.node-breve.vm-cardfull.node-breve .group-header .field-name-field-authored-on {
@@ -8199,10 +8105,8 @@ article.node-materiau.vm-cardfull .side.oops p a, article.node-materiau.vm-cardf
   border: 2px solid #eee;
   background-color: #eee;
   color: #fff;
-  -webkit-transition: border 0.3s ease-out;
-          transition: border 0.3s ease-out;
-  -webkit-transition: background-color 0.3s ease-out;
-          transition: background-color 0.3s ease-out;
+  transition: border 0.3s ease-out;
+  transition: background-color 0.3s ease-out;
 }
 /* line 1626, ../scss/styles.scss */
 article.node-materiau.vm-cardfull:hover .side.oops p a, article.node-materiau.vm-cardfull:hover .side .upgrade p a, article.node-breve.vm-cardfull:hover .side.oops p a, article.node-breve.vm-cardfull:hover .side .upgrade p a {
@@ -8237,8 +8141,7 @@ body.print-node-materiau {
   background-clip: padding-box;
   background-color: #FFF;
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
-  -webkit-transition: box-shadow 0.3s ease-out;
-          transition: box-shadow 0.3s ease-out;
+  transition: box-shadow 0.3s ease-out;
   padding: 1em;
   margin: 0;
 }
@@ -8258,8 +8161,7 @@ body.print-node-materiau {
 }
 /* line 1144, ../scss/styles.scss */
 .print-content .node-materiau.associated {
-  -webkit-transition: margin 0.3s ease-out;
-          transition: margin 0.3s ease-out;
+  transition: margin 0.3s ease-out;
 }
 /* line 1146, ../scss/styles.scss */
 .print-content .node-materiau.associated.just-added {
@@ -8275,8 +8177,7 @@ body.print-node-materiau {
 }
 /* line 1156, ../scss/styles.scss */
 .print-content .node-materiau.removed {
-  -webkit-transition: width 0.3s ease-out;
-          transition: width 0.3s ease-out;
+  transition: width 0.3s ease-out;
   width: 0;
   padding-left: 0;
   padding-right: 0;
@@ -8348,8 +8249,7 @@ body.print-node-materiau {
   display: block;
   height: 0;
   overflow: hidden;
-  -webkit-transition: height 0.2s ease-out;
-          transition: height 0.2s ease-out;
+  transition: height 0.2s ease-out;
 }
 /* line 1198, ../scss/styles.scss */
 .print-content .node-materiau nav.nav ul li a {
@@ -8382,8 +8282,7 @@ body.print-node-materiau {
 /* line 1215, ../scss/styles.scss */
 .print-content .node-materiau nav.nav ul.flag-lists-entity-links li a {
   color: #a6a6a6;
-  -webkit-transition: color 0.2s ease-out;
-          transition: color 0.2s ease-out;
+  transition: color 0.2s ease-out;
 }
 /* line 1217, ../scss/styles.scss */
 .print-content .node-materiau nav.nav ul.flag-lists-entity-links li a:hover, .print-content .node-materiau nav.nav ul.flag-lists-entity-links li a.unflag-action {
@@ -8453,7 +8352,6 @@ body.print-node-materiau {
   font-size: 12px;
   padding-top: 4em;
   margin-top: -4.5em;
-  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 4em);
   background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 4em);
   position: relative;
 }
@@ -8476,8 +8374,7 @@ body.print-node-materiau {
   color: #fff;
   cursor: pointer;
   text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
-  -webkit-transition: text-shadow 0.2s ease-out;
-          transition: text-shadow 0.2s ease-out;
+  transition: text-shadow 0.2s ease-out;
   text-align: center;
   text-decoration: none;
 }
@@ -8487,8 +8384,7 @@ body.print-node-materiau {
 }
 /* line 67, ../scss/styles.scss */
 .print-content .node-materiau .side.oops p a:active, .print-content .node-materiau .side .upgrade p a:active {
-  -webkit-transition: text-shadow 0s ease-out;
-          transition: text-shadow 0s ease-out;
+  transition: text-shadow 0s ease-out;
   text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
 }
 /* line 1647, ../scss/styles.scss */
@@ -8697,8 +8593,7 @@ body.print-node-materiau {
   background-color: #008CBA;
   border-color: #007095;
   color: #FFFFFF;
-  -webkit-transition: background-color 300ms ease-out;
-          transition: background-color 300ms ease-out;
+  transition: background-color 300ms ease-out;
 }
 /* line 162, ../bower_components/foundation/scss/foundation/components/_buttons.scss */
 #modal form input.form-submit:hover, #modal form input.form-submit:focus {
@@ -8732,8 +8627,7 @@ body.print-node-materiau {
   background-color: #43AC6A;
   border-color: #368a55;
   color: #FFFFFF;
-  -webkit-transition: background-color 300ms ease-out;
-          transition: background-color 300ms ease-out;
+  transition: background-color 300ms ease-out;
 }
 /* line 162, ../bower_components/foundation/scss/foundation/components/_buttons.scss */
 #modal form input.form-submit[name="create"]:hover, #modal form input.form-submit[name="create"]:focus {
@@ -8767,8 +8661,7 @@ body.print-node-materiau {
   background-color: #43AC6A;
   border-color: #368a55;
   color: #FFFFFF;
-  -webkit-transition: background-color 300ms ease-out;
-          transition: background-color 300ms ease-out;
+  transition: background-color 300ms ease-out;
 }
 /* line 162, ../bower_components/foundation/scss/foundation/components/_buttons.scss */
 #modal form input.form-submit[name="save"]:hover, #modal form input.form-submit[name="save"]:focus {
@@ -8802,8 +8695,7 @@ body.print-node-materiau {
   background-color: #f04124;
   border-color: #cf2a0e;
   color: #FFFFFF;
-  -webkit-transition: background-color 300ms ease-out;
-          transition: background-color 300ms ease-out;
+  transition: background-color 300ms ease-out;
 }
 /* line 162, ../bower_components/foundation/scss/foundation/components/_buttons.scss */
 #modal form input.form-submit[name="delete"]:hover, #modal form input.form-submit[name="delete"]:focus {
@@ -8837,8 +8729,7 @@ body.print-node-materiau {
   background-color: #e7e7e7;
   border-color: #b9b9b9;
   color: #333333;
-  -webkit-transition: background-color 300ms ease-out;
-          transition: background-color 300ms ease-out;
+  transition: background-color 300ms ease-out;
 }
 /* line 162, ../bower_components/foundation/scss/foundation/components/_buttons.scss */
 #modal form input.form-submit[name="cancel"]:hover, #modal form input.form-submit[name="cancel"]:focus {
@@ -8955,8 +8846,7 @@ body.print-node-materiau {
 }
 /* line 1882, ../scss/styles.scss */
 #tooltip.op-visible {
-  -webkit-transition: opacity 0.1s ease-out;
-          transition: opacity 0.1s ease-out;
+  transition: opacity 0.1s ease-out;
 }
 
 /*
@@ -9055,8 +8945,7 @@ body.print-node-materiau {
   background-color: #008CBA;
   border-color: #007095;
   color: #FFFFFF;
-  -webkit-transition: background-color 300ms ease-out;
-          transition: background-color 300ms ease-out;
+  transition: background-color 300ms ease-out;
 }
 /* line 162, ../bower_components/foundation/scss/foundation/components/_buttons.scss */
 #block-feedback-form .content form input.form-submit:hover, #block-feedback-form .content form input.form-submit:focus {
@@ -9090,8 +8979,7 @@ body.print-node-materiau {
   background-color: #43AC6A;
   border-color: #368a55;
   color: #FFFFFF;
-  -webkit-transition: background-color 300ms ease-out;
-          transition: background-color 300ms ease-out;
+  transition: background-color 300ms ease-out;
 }
 /* line 162, ../bower_components/foundation/scss/foundation/components/_buttons.scss */
 #block-feedback-form .content form input.form-submit[name="create"]:hover, #block-feedback-form .content form input.form-submit[name="create"]:focus {
@@ -9125,8 +9013,7 @@ body.print-node-materiau {
   background-color: #43AC6A;
   border-color: #368a55;
   color: #FFFFFF;
-  -webkit-transition: background-color 300ms ease-out;
-          transition: background-color 300ms ease-out;
+  transition: background-color 300ms ease-out;
 }
 /* line 162, ../bower_components/foundation/scss/foundation/components/_buttons.scss */
 #block-feedback-form .content form input.form-submit[name="save"]:hover, #block-feedback-form .content form input.form-submit[name="save"]:focus {
@@ -9160,8 +9047,7 @@ body.print-node-materiau {
   background-color: #f04124;
   border-color: #cf2a0e;
   color: #FFFFFF;
-  -webkit-transition: background-color 300ms ease-out;
-          transition: background-color 300ms ease-out;
+  transition: background-color 300ms ease-out;
 }
 /* line 162, ../bower_components/foundation/scss/foundation/components/_buttons.scss */
 #block-feedback-form .content form input.form-submit[name="delete"]:hover, #block-feedback-form .content form input.form-submit[name="delete"]:focus {
@@ -9195,8 +9081,7 @@ body.print-node-materiau {
   background-color: #e7e7e7;
   border-color: #b9b9b9;
   color: #333333;
-  -webkit-transition: background-color 300ms ease-out;
-          transition: background-color 300ms ease-out;
+  transition: background-color 300ms ease-out;
 }
 /* line 162, ../bower_components/foundation/scss/foundation/components/_buttons.scss */
 #block-feedback-form .content form input.form-submit[name="cancel"]:hover, #block-feedback-form .content form input.form-submit[name="cancel"]:focus {
@@ -9756,8 +9641,7 @@ body.page-node-11187 .node-11187 .field-name-body div.column .get-link {
   font-weight: 900;
   cursor: pointer;
   text-shadow: 0 0 2px rgba(255, 255, 255, 0.2);
-  -webkit-transition: text-shadow 0.3s ease-out;
-          transition: text-shadow 0.3s ease-out;
+  transition: text-shadow 0.3s ease-out;
 }
 /* line 2244, ../scss/styles.scss */
 body.page-node-11187 .node-11187 .field-name-body div.column .get-link span {
@@ -9769,8 +9653,7 @@ body.page-node-11187 .node-11187 .field-name-body div.column .get-link:hover, bo
 }
 /* line 54, ../scss/styles.scss */
 body.page-node-11187 .node-11187 .field-name-body div.column .get-link:active {
-  -webkit-transition: text-shadow 0s ease-out;
-          transition: text-shadow 0s ease-out;
+  transition: text-shadow 0s ease-out;
   text-shadow: 0 0 2px rgba(255, 255, 255, 0.2);
 }
 /* line 2249, ../scss/styles.scss */
@@ -10096,8 +9979,7 @@ body.page-node-11187 .node-11187 .field-name-body div.column-demi .get-link {
   margin-bottom: 9px;
   cursor: pointer;
   text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
-  -webkit-transition: text-shadow 0.2s ease-out;
-          transition: text-shadow 0.2s ease-out;
+  transition: text-shadow 0.2s ease-out;
 }
 /* line 64, ../scss/styles.scss */
 #webform-client-form-11186 .form-actions .form-submit:hover, #webform-client-form-11186 .form-actions .form-submit:focus {
@@ -10105,8 +9987,7 @@ body.page-node-11187 .node-11187 .field-name-body div.column-demi .get-link {
 }
 /* line 67, ../scss/styles.scss */
 #webform-client-form-11186 .form-actions .form-submit:active {
-  -webkit-transition: text-shadow 0s ease-out;
-          transition: text-shadow 0s ease-out;
+  transition: text-shadow 0s ease-out;
   text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
 }
 /* line 2379, ../scss/styles.scss */
@@ -10217,8 +10098,7 @@ body.page-node-11187 .node-11187 .field-name-body div.column-demi .get-link {
   color: #4D4D4D;
   cursor: pointer;
   text-shadow: 0 0 2px rgba(255, 255, 255, 0.2);
-  -webkit-transition: text-shadow 0.3s ease-out;
-          transition: text-shadow 0.3s ease-out;
+  transition: text-shadow 0.3s ease-out;
   text-align: center;
   text-decoration: none;
   margin-left: 1em;
@@ -10229,8 +10109,7 @@ body.page-node-11187 .node-11187 .field-name-body div.column-demi .get-link {
 }
 /* line 54, ../scss/styles.scss */
 #uc-cart-view-form .form-actions .form-submit:active {
-  -webkit-transition: text-shadow 0s ease-out;
-          transition: text-shadow 0s ease-out;
+  transition: text-shadow 0s ease-out;
   text-shadow: 0 0 2px rgba(255, 255, 255, 0.2);
 }
 /* line 2444, ../scss/styles.scss */
@@ -10245,14 +10124,12 @@ body.page-node-11187 .node-11187 .field-name-body div.column-demi .get-link {
   color: #4D4D4D;
   cursor: pointer;
   text-shadow: 0 0 2px rgba(255, 255, 255, 0.2);
-  -webkit-transition: text-shadow 0.3s ease-out;
-          transition: text-shadow 0.3s ease-out;
+  transition: text-shadow 0.3s ease-out;
   text-align: center;
   text-decoration: none;
   cursor: pointer;
   text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
-  -webkit-transition: text-shadow 0.2s ease-out;
-          transition: text-shadow 0.2s ease-out;
+  transition: text-shadow 0.2s ease-out;
   border-color: #69CDCF;
   background-color: #69CDCF;
   color: #fff;
@@ -10263,8 +10140,7 @@ body.page-node-11187 .node-11187 .field-name-body div.column-demi .get-link {
 }
 /* line 54, ../scss/styles.scss */
 #uc-cart-view-form .form-actions .form-submit#edit-checkout--2:active {
-  -webkit-transition: text-shadow 0s ease-out;
-          transition: text-shadow 0s ease-out;
+  transition: text-shadow 0s ease-out;
   text-shadow: 0 0 2px rgba(255, 255, 255, 0.2);
 }
 /* line 64, ../scss/styles.scss */
@@ -10273,8 +10149,7 @@ body.page-node-11187 .node-11187 .field-name-body div.column-demi .get-link {
 }
 /* line 67, ../scss/styles.scss */
 #uc-cart-view-form .form-actions .form-submit#edit-checkout--2:active {
-  -webkit-transition: text-shadow 0s ease-out;
-          transition: text-shadow 0s ease-out;
+  transition: text-shadow 0s ease-out;
   text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
 }
 
@@ -10522,8 +10397,7 @@ body.page-node-11187 .node-11187 .field-name-body div.column-demi .get-link {
   color: #4D4D4D;
   cursor: pointer;
   text-shadow: 0 0 2px rgba(255, 255, 255, 0.2);
-  -webkit-transition: text-shadow 0.3s ease-out;
-          transition: text-shadow 0.3s ease-out;
+  transition: text-shadow 0.3s ease-out;
   text-align: center;
   text-decoration: none;
   margin-left: 1em;
@@ -10534,8 +10408,7 @@ body.page-node-11187 .node-11187 .field-name-body div.column-demi .get-link {
 }
 /* line 54, ../scss/styles.scss */
 #uc-cart-checkout-form #edit-actions .form-submit:active {
-  -webkit-transition: text-shadow 0s ease-out;
-          transition: text-shadow 0s ease-out;
+  transition: text-shadow 0s ease-out;
   text-shadow: 0 0 2px rgba(255, 255, 255, 0.2);
 }
 /* line 2593, ../scss/styles.scss */
@@ -10550,14 +10423,12 @@ body.page-node-11187 .node-11187 .field-name-body div.column-demi .get-link {
   color: #4D4D4D;
   cursor: pointer;
   text-shadow: 0 0 2px rgba(255, 255, 255, 0.2);
-  -webkit-transition: text-shadow 0.3s ease-out;
-          transition: text-shadow 0.3s ease-out;
+  transition: text-shadow 0.3s ease-out;
   text-align: center;
   text-decoration: none;
   cursor: pointer;
   text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
-  -webkit-transition: text-shadow 0.2s ease-out;
-          transition: text-shadow 0.2s ease-out;
+  transition: text-shadow 0.2s ease-out;
   border-color: #69CDCF;
   background-color: #69CDCF;
   color: #fff;
@@ -10568,8 +10439,7 @@ body.page-node-11187 .node-11187 .field-name-body div.column-demi .get-link {
 }
 /* line 54, ../scss/styles.scss */
 #uc-cart-checkout-form #edit-actions .form-submit#edit-continue:active {
-  -webkit-transition: text-shadow 0s ease-out;
-          transition: text-shadow 0s ease-out;
+  transition: text-shadow 0s ease-out;
   text-shadow: 0 0 2px rgba(255, 255, 255, 0.2);
 }
 /* line 64, ../scss/styles.scss */
@@ -10578,8 +10448,7 @@ body.page-node-11187 .node-11187 .field-name-body div.column-demi .get-link {
 }
 /* line 67, ../scss/styles.scss */
 #uc-cart-checkout-form #edit-actions .form-submit#edit-continue:active {
-  -webkit-transition: text-shadow 0s ease-out;
-          transition: text-shadow 0s ease-out;
+  transition: text-shadow 0s ease-out;
   text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
 }
 
@@ -10683,8 +10552,7 @@ body.page-node-11187 .node-11187 .field-name-body div.column-demi .get-link {
   color: #4D4D4D;
   cursor: pointer;
   text-shadow: 0 0 2px rgba(255, 255, 255, 0.2);
-  -webkit-transition: text-shadow 0.3s ease-out;
-          transition: text-shadow 0.3s ease-out;
+  transition: text-shadow 0.3s ease-out;
   text-align: center;
   text-decoration: none;
   margin-left: 1em;
@@ -10695,8 +10563,7 @@ body.page-node-11187 .node-11187 .field-name-body div.column-demi .get-link {
 }
 /* line 54, ../scss/styles.scss */
 .page-cart-checkout-review input.form-submit:active {
-  -webkit-transition: text-shadow 0s ease-out;
-          transition: text-shadow 0s ease-out;
+  transition: text-shadow 0s ease-out;
   text-shadow: 0 0 2px rgba(255, 255, 255, 0.2);
 }
 /* line 2686, ../scss/styles.scss */
@@ -10711,14 +10578,12 @@ body.page-node-11187 .node-11187 .field-name-body div.column-demi .get-link {
   color: #4D4D4D;
   cursor: pointer;
   text-shadow: 0 0 2px rgba(255, 255, 255, 0.2);
-  -webkit-transition: text-shadow 0.3s ease-out;
-          transition: text-shadow 0.3s ease-out;
+  transition: text-shadow 0.3s ease-out;
   text-align: center;
   text-decoration: none;
   cursor: pointer;
   text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
-  -webkit-transition: text-shadow 0.2s ease-out;
-          transition: text-shadow 0.2s ease-out;
+  transition: text-shadow 0.2s ease-out;
   border-color: #69CDCF;
   background-color: #69CDCF;
   color: #fff;
@@ -10729,8 +10594,7 @@ body.page-node-11187 .node-11187 .field-name-body div.column-demi .get-link {
 }
 /* line 54, ../scss/styles.scss */
 .page-cart-checkout-review input.form-submit#edit-submit:active {
-  -webkit-transition: text-shadow 0s ease-out;
-          transition: text-shadow 0s ease-out;
+  transition: text-shadow 0s ease-out;
   text-shadow: 0 0 2px rgba(255, 255, 255, 0.2);
 }
 /* line 64, ../scss/styles.scss */
@@ -10739,8 +10603,7 @@ body.page-node-11187 .node-11187 .field-name-body div.column-demi .get-link {
 }
 /* line 67, ../scss/styles.scss */
 .page-cart-checkout-review input.form-submit#edit-submit:active {
-  -webkit-transition: text-shadow 0s ease-out;
-          transition: text-shadow 0s ease-out;
+  transition: text-shadow 0s ease-out;
   text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
 }
 
@@ -11111,8 +10974,7 @@ body.not-logged-in #home-v2 .field-name-field-liens a.member {
   color: #f7f4ed;
   font-size: 18px;
   font-weight: 500;
-  -webkit-transition: opacity,background-color 0.2s ease-out;
-          transition: opacity,background-color 0.2s ease-out;
+  transition: opacity,background-color 0.2s ease-out;
 }
 /* line 2947, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-home-v2 li:nth-child(1):hover a {
@@ -11251,8 +11113,7 @@ body.not-logged-in #home-v2 .field-name-field-liens a.member {
   font-size: 10px;
   background-color: #fff;
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
-  -webkit-transition: bottom 0.1s ease-out;
-          transition: bottom 0.1s ease-out;
+  transition: bottom 0.1s ease-out;
 }
 /* line 3011, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register #edit-mail-check.error {
@@ -11302,8 +11163,7 @@ body.not-logged-in #home-v2 .field-name-field-liens a.member {
   color: #fff;
   cursor: pointer;
   text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
-  -webkit-transition: text-shadow 0.2s ease-out;
-          transition: text-shadow 0.2s ease-out;
+  transition: text-shadow 0.2s ease-out;
 }
 /* line 64, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register #user-register-form .form-submit:hover, #home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register #user-register-form .form-submit:focus {
@@ -11311,8 +11171,7 @@ body.not-logged-in #home-v2 .field-name-field-liens a.member {
 }
 /* line 67, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register #user-register-form .form-submit:active {
-  -webkit-transition: text-shadow 0s ease-out;
-          transition: text-shadow 0s ease-out;
+  transition: text-shadow 0s ease-out;
   text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
 }
 /* line 3037, ../scss/styles.scss */
@@ -11327,8 +11186,7 @@ body.not-logged-in #home-v2 .field-name-field-liens a.member {
   color: #fff;
   cursor: pointer;
   text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
-  -webkit-transition: text-shadow 0.2s ease-out;
-          transition: text-shadow 0.2s ease-out;
+  transition: text-shadow 0.2s ease-out;
 }
 /* line 64, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register #user-login .form-submit:hover, #home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register #user-login .form-submit:focus {
@@ -11336,8 +11194,7 @@ body.not-logged-in #home-v2 .field-name-field-liens a.member {
 }
 /* line 67, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register #user-login .form-submit:active {
-  -webkit-transition: text-shadow 0s ease-out;
-          transition: text-shadow 0s ease-out;
+  transition: text-shadow 0s ease-out;
   text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
 }
 /* line 3050, ../scss/styles.scss */
@@ -11363,8 +11220,7 @@ body.not-logged-in #home-v2 .field-name-field-liens a.member {
   color: #fff;
   cursor: pointer;
   text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
-  -webkit-transition: text-shadow 0.2s ease-out;
-          transition: text-shadow 0.2s ease-out;
+  transition: text-shadow 0.2s ease-out;
   text-align: center;
   text-decoration: none;
 }
@@ -11374,8 +11230,7 @@ body.not-logged-in #home-v2 .field-name-field-liens a.member {
 }
 /* line 67, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register a.join:active {
-  -webkit-transition: text-shadow 0s ease-out;
-          transition: text-shadow 0s ease-out;
+  transition: text-shadow 0s ease-out;
   text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
 }
 @media only screen and (max-width: 40em) {
@@ -11398,8 +11253,7 @@ body.not-logged-in #home-v2 .field-name-field-liens a.member {
 /* line 3076, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.showroom {
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
-  -webkit-transition: box-shadow 0.3s ease-out;
-          transition: box-shadow 0.3s ease-out;
+  transition: box-shadow 0.3s ease-out;
   height: 450px;
   margin-top: 15px;
   background-color: #fff;
@@ -11459,9 +11313,7 @@ body.not-logged-in #home-v2 .field-name-field-liens a.member {
 /* line 3110, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.showroom:after {
   content: url("../img/bulle.png");
-  -webkit-transform: scale(0.8);
-      -ms-transform: scale(0.8);
-          transform: scale(0.8);
+  transform: scale(0.8);
   position: absolute;
   bottom: -120px;
   right: -20px;
@@ -11504,8 +11356,7 @@ body.not-logged-in #home-v2 .field-name-field-liens a.member {
 /* line 3141, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.bdd {
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
-  -webkit-transition: box-shadow 0.3s ease-out;
-          transition: box-shadow 0.3s ease-out;
+  transition: box-shadow 0.3s ease-out;
   height: 450px;
   margin-top: 30px;
   background-color: #FFF;
@@ -11562,9 +11413,7 @@ body.not-logged-in #home-v2 .field-name-field-liens a.member {
 /* line 3168, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.bdd:after {
   content: url("../img/boule.png");
-  -webkit-transform: scale(0.8);
-      -ms-transform: scale(0.8);
-          transform: scale(0.8);
+  transform: scale(0.8);
   position: absolute;
   bottom: -50px;
   left: -50px;
@@ -11596,8 +11445,7 @@ body.not-logged-in #home-v2 .field-name-field-liens a.member {
 /* line 3186, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.formations {
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
-  -webkit-transition: box-shadow 0.3s ease-out;
-          transition: box-shadow 0.3s ease-out;
+  transition: box-shadow 0.3s ease-out;
   position: relative;
   height: 300px;
   margin-top: 30px;
@@ -11652,8 +11500,7 @@ body.not-logged-in #home-v2 .field-name-field-liens a.member {
 /* line 3224, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.services {
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
-  -webkit-transition: box-shadow 0.3s ease-out;
-          transition: box-shadow 0.3s ease-out;
+  transition: box-shadow 0.3s ease-out;
   background-color: #FFF;
   height: 300px;
   margin-top: 30px;
@@ -11706,8 +11553,7 @@ body.not-logged-in #home-v2 .field-name-field-liens a.member {
 /* line 3262, ../scss/styles.scss */
 #home-v2 > .panel-panel > div > .panel-pane.publication {
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
-  -webkit-transition: box-shadow 0.3s ease-out;
-          transition: box-shadow 0.3s ease-out;
+  transition: box-shadow 0.3s ease-out;
   position: relative;
   margin-top: 30px;
   padding: 1em;
@@ -11885,8 +11731,7 @@ body.not-logged-in #home-v2 .field-name-field-liens a.member {
   background-clip: padding-box;
   background-color: #FFF;
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
-  -webkit-transition: box-shadow 0.3s ease-out;
-          transition: box-shadow 0.3s ease-out;
+  transition: box-shadow 0.3s ease-out;
   overflow: hidden;
   position: relative;
   margin: 7px;
@@ -12013,6 +11858,8 @@ div.messages {
   color: #3a87ad;
   background: #d9edf7;
   border: 1px solid #bce8f1;
+  -moz-border-radius: 5px;
+  -webkit-border-radius: 5px;
   border-radius: 5px;
   font-size: 12px;
 }
@@ -12056,6 +11903,8 @@ div.messages.status {
   color: #3a87ad;
   background: #d9edf7;
   border: 1px solid #bce8f1;
+  -moz-border-radius: 5px;
+  -webkit-border-radius: 5px;
   border-radius: 5px;
   font-size: 12px;
   margin: 0 0 10px 0;
diff --git a/sites/all/themes/gui/materiobasetheme/scss/layout.scss b/sites/all/themes/gui/materiobasetheme/scss/layout.scss
index aaf4d619..66bff566 100644
--- a/sites/all/themes/gui/materiobasetheme/scss/layout.scss
+++ b/sites/all/themes/gui/materiobasetheme/scss/layout.scss
@@ -140,28 +140,30 @@ $rootminwidth : 320px;
 
 $header-z-index:1000;
 #header{
-  @media #{$medium-up}{
-    position:fixed; top:0; margin:0 auto; background-color: #fff; min-width:$rootminwidth*0.97;
-  } //change this
+  background-color: #fff;
+  // @media #{$medium-up}{
+  html.no-touch &{
+    position:fixed; top:0; margin:0 auto; min-width:$rootminwidth*0.97;
+  }
+  // }
   z-index:$header-z-index;
   @include padded;
   .admin-menu &{ margin-top:35px; }
 }
 
 #utilities{
-  @media #{$medium-up}{
+  // @media #{$medium-up}{
     html.no-touch &{
       position:fixed; top:0; margin:0 auto; min-width:$rootminwidth*0.97;
       margin-top:60px;
     }
     html.no-touch .admin-menu &{ margin-top:85px; }
-  }
+  // }
   @media #{$small-only}{
     >.region{padding-top:5px; padding-bottom:5px;}
   } //change this
   z-index:999;
   @include padded;
-
 }
 
 #main{