From b5f3769416c752c05511a5e4ec28e8dfd35d9017 Mon Sep 17 00:00:00 2001
From: Bachir Soussi Chiadmi <bachir@g-u-i.me>
Date: Tue, 2 Jan 2018 12:02:43 +0100
Subject: [PATCH 1/2] new browser prefix ??

---
 .../gui/materiobasetheme/css/styles.css       | 277 +++++++++++++++++-
 1 file changed, 271 insertions(+), 6 deletions(-)

diff --git a/sites/all/themes/gui/materiobasetheme/css/styles.css b/sites/all/themes/gui/materiobasetheme/css/styles.css
index 3aad434c..2c874894 100644
--- a/sites/all/themes/gui/materiobasetheme/css/styles.css
+++ b/sites/all/themes/gui/materiobasetheme/css/styles.css
@@ -175,6 +175,7 @@ figure {
  * Address differences between Firefox and other browsers.
  */
 hr {
+  -webkit-box-sizing: content-box;
   box-sizing: content-box;
   height: 0; }
 
@@ -281,6 +282,7 @@ input {
  */
 input[type="checkbox"],
 input[type="radio"] {
+  -webkit-box-sizing: border-box;
   box-sizing: border-box;
   /* 1 */
   padding: 0;
@@ -302,6 +304,7 @@ input[type="number"]::-webkit-outer-spin-button {
 input[type="search"] {
   -webkit-appearance: textfield;
   /* 1 */
+  -webkit-box-sizing: content-box;
   box-sizing: content-box;
   /* 2 */ }
 
@@ -406,6 +409,7 @@ html, body {
 *,
 *:before,
 *:after {
+  -webkit-box-sizing: border-box;
   box-sizing: border-box; }
 
 html,
@@ -854,6 +858,7 @@ blockquote p {
     background: transparent !important;
     color: #000000 !important;
     /* Black prints faster: h5bp.com/s */
+    -webkit-box-shadow: none !important;
     box-shadow: none !important;
     text-shadow: none !important; }
   a,
@@ -938,6 +943,7 @@ blockquote p {
     position: absolute;
     left: 50%;
     top: 50%;
+    -webkit-transform: translateY(-50%) translateX(-50%);
     transform: translateY(-50%) translateX(-50%);
     max-height: 100%;
     max-width: 100%; }
@@ -1036,6 +1042,7 @@ blockquote p {
           max-width: none; }
         .clearing-assembled .clearing-container .carousel > ul li a.th {
           border: none;
+          -webkit-box-shadow: none;
           box-shadow: none;
           display: block; }
         .clearing-assembled .clearing-container .carousel > ul li img {
@@ -1092,6 +1099,7 @@ button, .button {
   background-color: #008CBA;
   border-color: #007095;
   color: #FFFFFF;
+  -webkit-transition: background-color 300ms ease-out;
   transition: background-color 300ms ease-out; }
   button:hover, button:focus, .button:hover, .button:focus {
     background-color: #007095; }
@@ -1168,6 +1176,7 @@ button, .button {
     background-color: #008CBA;
     border-color: #007095;
     color: #FFFFFF;
+    -webkit-box-shadow: none;
     box-shadow: none;
     cursor: default;
     opacity: 0.7; }
@@ -1181,6 +1190,7 @@ button, .button {
       background-color: #e7e7e7;
       border-color: #b9b9b9;
       color: #333333;
+      -webkit-box-shadow: none;
       box-shadow: none;
       cursor: default;
       opacity: 0.7; }
@@ -1194,6 +1204,7 @@ button, .button {
       background-color: #43AC6A;
       border-color: #368a55;
       color: #FFFFFF;
+      -webkit-box-shadow: none;
       box-shadow: none;
       cursor: default;
       opacity: 0.7; }
@@ -1207,6 +1218,7 @@ button, .button {
       background-color: #f04124;
       border-color: #cf2a0e;
       color: #FFFFFF;
+      -webkit-box-shadow: none;
       box-shadow: none;
       cursor: default;
       opacity: 0.7; }
@@ -1220,6 +1232,7 @@ button, .button {
       background-color: #f08a24;
       border-color: #cf6e0e;
       color: #FFFFFF;
+      -webkit-box-shadow: none;
       box-shadow: none;
       cursor: default;
       opacity: 0.7; }
@@ -1233,6 +1246,7 @@ button, .button {
       background-color: #a0d3e8;
       border-color: #61b6d9;
       color: #333333;
+      -webkit-box-shadow: none;
       box-shadow: none;
       cursor: default;
       opacity: 0.7; }
@@ -2592,8 +2606,10 @@ $retina: (
 );
 */
 * {
+  -webkit-box-sizing: content-box;
   box-sizing: content-box; }
   *:before, *:after {
+    -webkit-box-sizing: content-box;
     box-sizing: content-box; }
 
 body {
@@ -2637,6 +2653,7 @@ 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; }
 
 /** NIVEAU 2 */
@@ -2861,6 +2878,7 @@ body.node-type-publication #footer {
   visibility: visible; }
   .csstransitions .op-visible {
     opacity: 1;
+    -webkit-transition: opacity 0.3s ease-out;
     transition: opacity 0.3s ease-out; }
 
 .op-hidden {
@@ -2869,8 +2887,10 @@ body.node-type-publication #footer {
     margin-top: -100000px; }
   .csstransition .op-hidden {
     opacity: 0;
+    -webkit-transition: visibility 0s 0.3s;
     transition: visibility 0s 0.3s; }
     .csstransition .op-hidden > * {
+      -webkit-transition: margin-top 0s 0.3s;
       transition: margin-top 0s 0.3s; }
 
 /** colomnized() */
@@ -3020,6 +3040,7 @@ body.node-type-publication #footer {
         right: 0;
         margin: 0;
         height: 0;
+        -webkit-transition: height 0.3s ease-out;
         transition: height 0.3s ease-out; }
         #header #header-blocks #block-user-login form#user-login-form > div {
           padding: 5px;
@@ -3027,6 +3048,7 @@ body.node-type-publication #footer {
           background-color: #e6e6e6;
           border-radius: 5px;
           background-clip: padding-box;
+          -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
           box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }
         #header #header-blocks #block-user-login form#user-login-form .form-item {
           margin: 0;
@@ -3054,10 +3076,12 @@ body.node-type-publication #footer {
             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; }
             #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 {
               text-shadow: 0 0 2px rgba(0, 0, 0, 0.8); }
             #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;
               text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); }
         #header #header-blocks #block-user-login form#user-login-form div.newpass {
@@ -3117,6 +3141,7 @@ body.node-type-publication #footer {
         margin: 0 0 0 -5px;
         border-radius: 3px;
         background-clip: padding-box;
+        -webkit-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2);
         box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2); }
         .ie8 #header #header-blocks #block-materio-flag-materio-flag-mylists-nav section.mylists {
           background: #FFF; }
@@ -3131,6 +3156,7 @@ body.node-type-publication #footer {
           width: 200px;
           height: 0;
           overflow: hidden;
+          -webkit-transition: height 0.3s ease-out;
           transition: height 0.3s ease-out; }
           #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 {
             white-space: nowrap;
@@ -3148,8 +3174,10 @@ body.node-type-publication #footer {
               margin-top: -100000px; }
             .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; }
               .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; }
       #header #header-blocks #block-materio-flag-materio-flag-mylists-nav:hover section.mylists {
         padding-bottom: 5px; }
@@ -3217,6 +3245,7 @@ body.node-type-publication #footer {
             #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; }
               #header #header-blocks #block-menu-menu-top-menu .menu-wrapper ul.menu li a {
                 display: block;
@@ -3261,6 +3290,7 @@ body.node-type-publication #footer {
       #header #header-blocks #block-locale-language li {
         height: 0;
         overflow: hidden;
+        -webkit-transition: height 0.3s ease-in-out;
         transition: height 0.3s ease-in-out; }
         #header #header-blocks #block-locale-language li a {
           display: inline-block;
@@ -3271,6 +3301,7 @@ body.node-type-publication #footer {
           color: #fff;
           text-transform: uppercase;
           background-color: #808080;
+          -webkit-transition: background-color 0.3s ease-out;
           transition: background-color 0.3s ease-out; }
           #header #header-blocks #block-locale-language li a:hover {
             background-color: #1A1A1A; }
@@ -3323,6 +3354,7 @@ body.home-v2 #main {
 #highlighted {
   border-radius: 5px;
   background-clip: padding-box;
+  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.6);
   box-shadow: 0 0 6px rgba(0, 0, 0, 0.6);
   padding: 0.5em;
   position: relative; }
@@ -3556,7 +3588,9 @@ body.home-v2 #main {
     margin-bottom: 10px;
     font-size: 10px;
     background-color: #fff;
+    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
     box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
+    -webkit-transition: bottom 0.1s ease-out;
     transition: bottom 0.1s ease-out; }
     #block-materio-user-user-register #edit-mail-check.error, #block-materio-user-user-createaccount #edit-mail-check.error {
       background-color: #f3968d;
@@ -3593,10 +3627,12 @@ body.home-v2 #main {
     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; }
     #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 {
       text-shadow: 0 0 2px rgba(0, 0, 0, 0.8); }
     #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;
       text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); }
     #block-materio-user-user-register #user-register-form .form-submit[disabled], #block-materio-user-user-createaccount #user-register-form .form-submit[disabled] {
@@ -3608,10 +3644,12 @@ body.home-v2 #main {
     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; }
     #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 {
       text-shadow: 0 0 2px rgba(0, 0, 0, 0.8); }
     #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;
       text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); }
   #block-materio-user-user-register #edit-simplenews, #block-materio-user-user-createaccount #edit-simplenews {
@@ -3635,12 +3673,14 @@ body.home-v2 #main {
     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;
     text-align: center;
     text-decoration: none; }
     #block-materio-user-user-register a.join:hover, #block-materio-user-user-register a.join:focus, #block-materio-user-user-createaccount a.join:hover, #block-materio-user-user-createaccount a.join:focus {
       text-shadow: 0 0 2px rgba(0, 0, 0, 0.8); }
     #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;
       text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); }
   @media only screen and (max-width: 40em) {
@@ -3660,6 +3700,7 @@ body.home-v2 #main {
     padding: 5px;
     border-radius: 5px;
     background-clip: padding-box;
+    -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.4);
     box-shadow: 0 0 7px rgba(0, 0, 0, 0.4); }
     .modal-content #block-materio-user-user-register #user-register-form div.homepage-textfield, .modal-content #block-materio-user-user-createaccount #user-register-form div.homepage-textfield {
       display: none; }
@@ -3704,6 +3745,7 @@ body.home-v2 #main {
         color: #000;
         margin-left: 0.5em;
         opacity: 0;
+        -webkit-transition: opacity 0.1s ease-out;
         transition: opacity 0.1s ease-out; }
       #content-top #block-materio-flag-materio-flag-mybookmarks h2 i:before, #content-top #block-materio-flag-materio-flag-mylists h2 i:before {
         font-size: 14px; }
@@ -3745,12 +3787,21 @@ body.home-v2 #main {
     background-clip: padding-box;
     background-color: #fff;
     margin: 4px;
+    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
     box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
-    transition: box-shadow 0.3s ease-out; }
+    -webkit-transition: -webkit-box-shadow 0.3s ease-out;
+    transition: -webkit-box-shadow 0.3s ease-out;
+    transition: box-shadow 0.3s ease-out;
+    transition: box-shadow 0.3s ease-out, -webkit-box-shadow 0.3s ease-out; }
     #tool-bar .btn-group:hover, #tool-bar .btn-group:focus {
+      -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
       box-shadow: 0 0 5px rgba(0, 0, 0, 0.7); }
     #tool-bar .btn-group:active {
+      -webkit-transition: -webkit-box-shadow 0s ease-out;
+      transition: -webkit-box-shadow 0s ease-out;
       transition: box-shadow 0s ease-out;
+      transition: box-shadow 0s ease-out, -webkit-box-shadow 0s ease-out;
+      -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
       box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); }
   #tool-bar #block-materio-page-title-materio-page-title {
     margin: 0 10px 0 0; }
@@ -3768,8 +3819,10 @@ body.home-v2 #main {
         margin-top: -100000px; }
       .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; }
         .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; }
       #tool-bar #block-materio-page-title-materio-page-title a.edit-list i {
         margin: 0 0 0 5px; }
@@ -3777,6 +3830,7 @@ body.home-v2 #main {
       visibility: visible; }
       .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; }
     @media only screen and (max-width: 40em) {
       #tool-bar #block-materio-page-title-materio-page-title {
@@ -3818,13 +3872,22 @@ body.home-v2 #main {
       background-color: #fff;
       border-radius: 3px;
       background-clip: padding-box;
+      -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
       box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
+      -webkit-transition: -webkit-box-shadow 0.3s ease-out;
+      transition: -webkit-box-shadow 0.3s ease-out;
       transition: box-shadow 0.3s ease-out;
+      transition: box-shadow 0.3s ease-out, -webkit-box-shadow 0.3s ease-out;
       text-align: right; }
       #tool-bar #block-materio-search-api-materio-search-api-search > .inner:hover, #tool-bar #block-materio-search-api-materio-search-api-search > .inner:focus {
+        -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
         box-shadow: 0 0 5px rgba(0, 0, 0, 0.7); }
       #tool-bar #block-materio-search-api-materio-search-api-search > .inner:active {
+        -webkit-transition: -webkit-box-shadow 0s ease-out;
+        transition: -webkit-box-shadow 0s ease-out;
         transition: box-shadow 0s ease-out;
+        transition: box-shadow 0s ease-out, -webkit-box-shadow 0s ease-out;
+        -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
         box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); }
       #tool-bar #block-materio-search-api-materio-search-api-search > .inner h4.form-title {
         padding: 0.2em 0 0.1em 0.2em;
@@ -3848,6 +3911,7 @@ body.home-v2 #main {
         cursor: pointer;
         border-radius: 5px 5px 0 0;
         padding: 0.1em 0.5em;
+        -webkit-transition: color 0.5s ease-in-out;
         transition: color 0.5s ease-in-out; }
         #tool-bar #block-materio-search-api-materio-search-api-search.tabed .searchform-tabs h4.active {
           border: 1px solid #ccc;
@@ -4023,9 +4087,11 @@ body.home-v2 #main {
 
 #content {
   padding: 1em;
+  -webkit-transition: height 0.3s ease-out;
   transition: height 0.3s ease-out; }
   #content.faded {
     opacity: 0.5;
+    -webkit-transition: opacity 0.3s ease-out;
     transition: opacity 0.3s ease-out; }
   #content .materiobase-results, #content .materiobase-actuality, #content .materio-flags-list {
     padding: 0 0 30px 0;
@@ -4114,12 +4180,14 @@ 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;
   text-align: center;
   text-decoration: none; }
   article.search-performance a.button:hover, article.search-performance a.button:focus {
     text-shadow: 0 0 2px rgba(0, 0, 0, 0.8); }
   article.search-performance a.button:active {
+    -webkit-transition: text-shadow 0s ease-out;
     transition: text-shadow 0s ease-out;
     text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); }
 
@@ -4136,8 +4204,12 @@ article.search-performance.view-mode-cardsmall {
   border-radius: 5px;
   background-clip: padding-box;
   background-color: #FFF;
+  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
-  transition: box-shadow 0.3s ease-out; }
+  -webkit-transition: -webkit-box-shadow 0.3s ease-out;
+  transition: -webkit-box-shadow 0.3s ease-out;
+  transition: box-shadow 0.3s ease-out;
+  transition: box-shadow 0.3s ease-out, -webkit-box-shadow 0.3s ease-out; }
 
 article.search-performance.view-mode-cardmedium {
   width: 210px;
@@ -4152,8 +4224,12 @@ article.search-performance.view-mode-cardmedium {
   border-radius: 5px;
   background-clip: padding-box;
   background-color: #FFF;
+  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
-  transition: box-shadow 0.3s ease-out; }
+  -webkit-transition: -webkit-box-shadow 0.3s ease-out;
+  transition: -webkit-box-shadow 0.3s ease-out;
+  transition: box-shadow 0.3s ease-out;
+  transition: box-shadow 0.3s ease-out, -webkit-box-shadow 0.3s ease-out; }
   article.search-performance.view-mode-cardmedium .inner {
     padding: 4em 1em 0; }
 
@@ -4170,8 +4246,12 @@ article.search-performance.view-mode-cardbig {
   border-radius: 5px;
   background-clip: padding-box;
   background-color: #FFF;
+  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
+  -webkit-transition: -webkit-box-shadow 0.3s ease-out;
+  transition: -webkit-box-shadow 0.3s ease-out;
   transition: box-shadow 0.3s ease-out;
+  transition: box-shadow 0.3s ease-out, -webkit-box-shadow 0.3s ease-out;
   display: block;
   margin: 0 auto; }
 
@@ -4188,8 +4268,12 @@ article.search-performance.view-mode-cardfull {
   border-radius: 5px;
   background-clip: padding-box;
   background-color: #FFF;
+  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
+  -webkit-transition: -webkit-box-shadow 0.3s ease-out;
+  transition: -webkit-box-shadow 0.3s ease-out;
   transition: box-shadow 0.3s ease-out;
+  transition: box-shadow 0.3s ease-out, -webkit-box-shadow 0.3s ease-out;
   display: block;
   margin: 0 auto; }
   article.search-performance.view-mode-cardfull .inner {
@@ -4215,18 +4299,24 @@ article.node-materiau.vm-bookmark, article.node-breve.vm-bookmark {
   border-radius: 5px;
   background-clip: padding-box;
   background-color: #FFF;
+  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
+  -webkit-transition: -webkit-box-shadow 0.3s ease-out;
+  transition: -webkit-box-shadow 0.3s ease-out;
   transition: box-shadow 0.3s ease-out;
+  transition: box-shadow 0.3s ease-out, -webkit-box-shadow 0.3s ease-out;
   margin: 3px; }
   article.node-materiau.vm-bookmark > div.side, article.node-breve.vm-bookmark > div.side {
     border-radius: 5px;
     background-clip: padding-box;
     overflow: hidden; }
   article.node-materiau.vm-bookmark.focused, article.node-breve.vm-bookmark.focused {
+    -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.9);
     box-shadow: 0 0 7px rgba(0, 0, 0, 0.9); }
   article.node-materiau.vm-bookmark.just-added, article.node-breve.vm-bookmark.just-added {
     opacity: 0; }
   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; }
     article.node-materiau.vm-bookmark.associated.just-added, article.node-breve.vm-bookmark.associated.just-added {
       margin-left: -50px;
@@ -4237,6 +4327,7 @@ article.node-materiau.vm-bookmark, article.node-breve.vm-bookmark {
       left: 0;
       z-index: 999; }
   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;
     width: 0;
     padding-left: 0;
@@ -4281,6 +4372,7 @@ article.node-materiau.vm-bookmark, article.node-breve.vm-bookmark {
       display: block;
       border-radius: 3px;
       background-clip: padding-box;
+      -webkit-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2);
       box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2); }
       article.node-materiau.vm-bookmark nav.nav ul li, article.node-breve.vm-bookmark nav.nav ul li {
         padding: 0;
@@ -4289,6 +4381,7 @@ article.node-materiau.vm-bookmark, article.node-breve.vm-bookmark {
         display: block;
         height: 0;
         overflow: hidden;
+        -webkit-transition: height 0.2s ease-out;
         transition: height 0.2s ease-out; }
         article.node-materiau.vm-bookmark nav.nav ul li a, article.node-breve.vm-bookmark nav.nav ul li a {
           display: block; }
@@ -4310,6 +4403,7 @@ article.node-materiau.vm-bookmark, article.node-breve.vm-bookmark {
           padding-left: 2px; }
           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; }
             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 {
               color: #000;
@@ -4356,6 +4450,7 @@ article.node-materiau.vm-bookmark, article.node-breve.vm-bookmark {
     font-size: 12px;
     padding-top: 4em;
     margin-top: -4.5em;
+    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(4em, #fff));
     background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 4em);
     position: relative; }
   article.node-materiau.vm-bookmark .side.oops p, article.node-materiau.vm-bookmark .side .upgrade p, article.node-breve.vm-bookmark .side.oops p, article.node-breve.vm-bookmark .side .upgrade p {
@@ -4374,12 +4469,14 @@ article.node-materiau.vm-bookmark, article.node-breve.vm-bookmark {
       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;
       text-align: center;
       text-decoration: none; }
       article.node-materiau.vm-bookmark .side.oops p a:hover, article.node-materiau.vm-bookmark .side.oops p a:focus, article.node-materiau.vm-bookmark .side .upgrade p a:hover, article.node-materiau.vm-bookmark .side .upgrade p a:focus, article.node-breve.vm-bookmark .side.oops p a:hover, article.node-breve.vm-bookmark .side.oops p a:focus, article.node-breve.vm-bookmark .side .upgrade p a:hover, article.node-breve.vm-bookmark .side .upgrade p a:focus {
         text-shadow: 0 0 2px rgba(0, 0, 0, 0.8); }
       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;
         text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); }
   article.node-materiau.vm-bookmark .group-header, article.node-breve.vm-bookmark .group-header {
@@ -4418,17 +4515,23 @@ article.node-materiau.vm-cardsmall, article.node-breve.vm-cardsmall {
   border-radius: 5px;
   background-clip: padding-box;
   background-color: #FFF;
+  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
-  transition: box-shadow 0.3s ease-out; }
+  -webkit-transition: -webkit-box-shadow 0.3s ease-out;
+  transition: -webkit-box-shadow 0.3s ease-out;
+  transition: box-shadow 0.3s ease-out;
+  transition: box-shadow 0.3s ease-out, -webkit-box-shadow 0.3s ease-out; }
   article.node-materiau.vm-cardsmall > div.side, article.node-breve.vm-cardsmall > div.side {
     border-radius: 5px;
     background-clip: padding-box;
     overflow: hidden; }
   article.node-materiau.vm-cardsmall.focused, article.node-breve.vm-cardsmall.focused {
+    -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.9);
     box-shadow: 0 0 7px rgba(0, 0, 0, 0.9); }
   article.node-materiau.vm-cardsmall.just-added, article.node-breve.vm-cardsmall.just-added {
     opacity: 0; }
   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; }
     article.node-materiau.vm-cardsmall.associated.just-added, article.node-breve.vm-cardsmall.associated.just-added {
       margin-left: -100px;
@@ -4439,6 +4542,7 @@ article.node-materiau.vm-cardsmall, article.node-breve.vm-cardsmall {
       left: 0;
       z-index: 999; }
   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;
     width: 0;
     padding-left: 0;
@@ -4483,6 +4587,7 @@ article.node-materiau.vm-cardsmall, article.node-breve.vm-cardsmall {
       display: block;
       border-radius: 3px;
       background-clip: padding-box;
+      -webkit-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2);
       box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2); }
       article.node-materiau.vm-cardsmall nav.nav ul li, article.node-breve.vm-cardsmall nav.nav ul li {
         padding: 0;
@@ -4491,6 +4596,7 @@ article.node-materiau.vm-cardsmall, article.node-breve.vm-cardsmall {
         display: block;
         height: 0;
         overflow: hidden;
+        -webkit-transition: height 0.2s ease-out;
         transition: height 0.2s ease-out; }
         article.node-materiau.vm-cardsmall nav.nav ul li a, article.node-breve.vm-cardsmall nav.nav ul li a {
           display: block; }
@@ -4512,6 +4618,7 @@ article.node-materiau.vm-cardsmall, article.node-breve.vm-cardsmall {
           padding-left: 2px; }
           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; }
             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 {
               color: #000;
@@ -4558,6 +4665,7 @@ article.node-materiau.vm-cardsmall, article.node-breve.vm-cardsmall {
     font-size: 12px;
     padding-top: 4em;
     margin-top: -4.5em;
+    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(4em, #fff));
     background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 4em);
     position: relative; }
   article.node-materiau.vm-cardsmall .side.oops p, article.node-materiau.vm-cardsmall .side .upgrade p, article.node-breve.vm-cardsmall .side.oops p, article.node-breve.vm-cardsmall .side .upgrade p {
@@ -4576,12 +4684,14 @@ article.node-materiau.vm-cardsmall, article.node-breve.vm-cardsmall {
       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;
       text-align: center;
       text-decoration: none; }
       article.node-materiau.vm-cardsmall .side.oops p a:hover, article.node-materiau.vm-cardsmall .side.oops p a:focus, article.node-materiau.vm-cardsmall .side .upgrade p a:hover, article.node-materiau.vm-cardsmall .side .upgrade p a:focus, article.node-breve.vm-cardsmall .side.oops p a:hover, article.node-breve.vm-cardsmall .side.oops p a:focus, article.node-breve.vm-cardsmall .side .upgrade p a:hover, article.node-breve.vm-cardsmall .side .upgrade p a:focus {
         text-shadow: 0 0 2px rgba(0, 0, 0, 0.8); }
       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;
         text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); }
   article.node-materiau.vm-cardsmall .group-header, article.node-breve.vm-cardsmall .group-header {
@@ -4627,8 +4737,10 @@ article.node-materiau.vm-cardsmall, article.node-breve.vm-cardsmall {
       margin-top: -100000px; }
     .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; }
       .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; }
   .no-touch article.node-materiau.vm-cardsmall:not(.focused) div.workflow, .no-touch article.node-breve.vm-cardsmall:not(.focused) div.workflow {
     visibility: hidden; }
@@ -4636,8 +4748,10 @@ article.node-materiau.vm-cardsmall, article.node-breve.vm-cardsmall {
       margin-top: -100000px; }
     .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; }
       .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; }
 
 /*
@@ -4682,17 +4796,23 @@ article.node-materiau.vm-cardmedium, article.node-breve.vm-cardmedium {
   border-radius: 5px;
   background-clip: padding-box;
   background-color: #FFF;
+  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
-  transition: box-shadow 0.3s ease-out; }
+  -webkit-transition: -webkit-box-shadow 0.3s ease-out;
+  transition: -webkit-box-shadow 0.3s ease-out;
+  transition: box-shadow 0.3s ease-out;
+  transition: box-shadow 0.3s ease-out, -webkit-box-shadow 0.3s ease-out; }
   article.node-materiau.vm-cardmedium > div.side, article.node-breve.vm-cardmedium > div.side {
     border-radius: 5px;
     background-clip: padding-box;
     overflow: hidden; }
   article.node-materiau.vm-cardmedium.focused, article.node-breve.vm-cardmedium.focused {
+    -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.9);
     box-shadow: 0 0 7px rgba(0, 0, 0, 0.9); }
   article.node-materiau.vm-cardmedium.just-added, article.node-breve.vm-cardmedium.just-added {
     opacity: 0; }
   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; }
     article.node-materiau.vm-cardmedium.associated.just-added, article.node-breve.vm-cardmedium.associated.just-added {
       margin-left: -210px;
@@ -4703,6 +4823,7 @@ article.node-materiau.vm-cardmedium, article.node-breve.vm-cardmedium {
       left: 0;
       z-index: 999; }
   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;
     width: 0;
     padding-left: 0;
@@ -4747,6 +4868,7 @@ article.node-materiau.vm-cardmedium, article.node-breve.vm-cardmedium {
       display: block;
       border-radius: 3px;
       background-clip: padding-box;
+      -webkit-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2);
       box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2); }
       article.node-materiau.vm-cardmedium nav.nav ul li, article.node-breve.vm-cardmedium nav.nav ul li {
         padding: 0;
@@ -4755,6 +4877,7 @@ article.node-materiau.vm-cardmedium, article.node-breve.vm-cardmedium {
         display: block;
         height: 0;
         overflow: hidden;
+        -webkit-transition: height 0.2s ease-out;
         transition: height 0.2s ease-out; }
         article.node-materiau.vm-cardmedium nav.nav ul li a, article.node-breve.vm-cardmedium nav.nav ul li a {
           display: block; }
@@ -4776,6 +4899,7 @@ article.node-materiau.vm-cardmedium, article.node-breve.vm-cardmedium {
           padding-left: 2px; }
           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; }
             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 {
               color: #000;
@@ -4822,6 +4946,7 @@ article.node-materiau.vm-cardmedium, article.node-breve.vm-cardmedium {
     font-size: 12px;
     padding-top: 4em;
     margin-top: -4.5em;
+    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(4em, #fff));
     background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 4em);
     position: relative; }
   article.node-materiau.vm-cardmedium .side.oops p, article.node-materiau.vm-cardmedium .side .upgrade p, article.node-breve.vm-cardmedium .side.oops p, article.node-breve.vm-cardmedium .side .upgrade p {
@@ -4840,12 +4965,14 @@ article.node-materiau.vm-cardmedium, article.node-breve.vm-cardmedium {
       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;
       text-align: center;
       text-decoration: none; }
       article.node-materiau.vm-cardmedium .side.oops p a:hover, article.node-materiau.vm-cardmedium .side.oops p a:focus, article.node-materiau.vm-cardmedium .side .upgrade p a:hover, article.node-materiau.vm-cardmedium .side .upgrade p a:focus, article.node-breve.vm-cardmedium .side.oops p a:hover, article.node-breve.vm-cardmedium .side.oops p a:focus, article.node-breve.vm-cardmedium .side .upgrade p a:hover, article.node-breve.vm-cardmedium .side .upgrade p a:focus {
         text-shadow: 0 0 2px rgba(0, 0, 0, 0.8); }
       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;
         text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); }
   article.node-materiau.vm-cardmedium .side, article.node-breve.vm-cardmedium .side {
@@ -4870,6 +4997,7 @@ article.node-materiau.vm-cardmedium, article.node-breve.vm-cardmedium {
     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;
     border-radius: 0 0 4px 4px;
     background-clip: padding-box;
@@ -4898,6 +5026,7 @@ article.node-materiau.vm-cardmedium, article.node-breve.vm-cardmedium {
     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; }
     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 {
       font-size: 12px;
@@ -4925,6 +5054,7 @@ article.node-materiau.vm-cardmedium, article.node-breve.vm-cardmedium {
     padding: 5px; }
     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; }
       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 > * {
         padding: 5px; }
@@ -4958,6 +5088,7 @@ article.node-materiau.vm-cardmedium, article.node-breve.vm-cardmedium {
     padding: 5px; }
     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; }
       article.node-materiau.vm-cardmedium .column-wrapper.columnized .column > *, article.node-breve.vm-cardmedium .column-wrapper.columnized .column > * {
         padding: 5px; }
@@ -5002,8 +5133,10 @@ article.node-materiau.vm-cardmedium, article.node-breve.vm-cardmedium {
       margin-top: -100000px; }
     .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; }
       .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; }
   .no-touch article.node-materiau.vm-cardmedium:not(.focused) div.workflow, .no-touch article.node-breve.vm-cardmedium:not(.focused) div.workflow {
     visibility: hidden; }
@@ -5011,8 +5144,10 @@ article.node-materiau.vm-cardmedium, article.node-breve.vm-cardmedium {
       margin-top: -100000px; }
     .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; }
       .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; }
   .ie8 article.node-materiau.vm-cardmedium nav.nav, .ie8 article.node-breve.vm-cardmedium nav.nav {
     background: #FFF; }
@@ -5038,17 +5173,23 @@ article.node-materiau.vm-cardbig, article.node-breve.vm-cardbig {
   border-radius: 5px;
   background-clip: padding-box;
   background-color: #FFF;
+  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
-  transition: box-shadow 0.3s ease-out; }
+  -webkit-transition: -webkit-box-shadow 0.3s ease-out;
+  transition: -webkit-box-shadow 0.3s ease-out;
+  transition: box-shadow 0.3s ease-out;
+  transition: box-shadow 0.3s ease-out, -webkit-box-shadow 0.3s ease-out; }
   article.node-materiau.vm-cardbig > div.side, article.node-breve.vm-cardbig > div.side {
     border-radius: 5px;
     background-clip: padding-box;
     overflow: hidden; }
   article.node-materiau.vm-cardbig.focused, article.node-breve.vm-cardbig.focused {
+    -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.9);
     box-shadow: 0 0 7px rgba(0, 0, 0, 0.9); }
   article.node-materiau.vm-cardbig.just-added, article.node-breve.vm-cardbig.just-added {
     opacity: 0; }
   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; }
     article.node-materiau.vm-cardbig.associated.just-added, article.node-breve.vm-cardbig.associated.just-added {
       margin-left: -425px;
@@ -5059,6 +5200,7 @@ article.node-materiau.vm-cardbig, article.node-breve.vm-cardbig {
       left: 0;
       z-index: 999; }
   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;
     width: 0;
     padding-left: 0;
@@ -5103,6 +5245,7 @@ article.node-materiau.vm-cardbig, article.node-breve.vm-cardbig {
       display: block;
       border-radius: 3px;
       background-clip: padding-box;
+      -webkit-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2);
       box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2); }
       article.node-materiau.vm-cardbig nav.nav ul li, article.node-breve.vm-cardbig nav.nav ul li {
         padding: 0;
@@ -5111,6 +5254,7 @@ article.node-materiau.vm-cardbig, article.node-breve.vm-cardbig {
         display: block;
         height: 0;
         overflow: hidden;
+        -webkit-transition: height 0.2s ease-out;
         transition: height 0.2s ease-out; }
         article.node-materiau.vm-cardbig nav.nav ul li a, article.node-breve.vm-cardbig nav.nav ul li a {
           display: block; }
@@ -5132,6 +5276,7 @@ article.node-materiau.vm-cardbig, article.node-breve.vm-cardbig {
           padding-left: 2px; }
           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; }
             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 {
               color: #000;
@@ -5178,6 +5323,7 @@ article.node-materiau.vm-cardbig, article.node-breve.vm-cardbig {
     font-size: 12px;
     padding-top: 4em;
     margin-top: -4.5em;
+    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(4em, #fff));
     background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 4em);
     position: relative; }
   article.node-materiau.vm-cardbig .side.oops p, article.node-materiau.vm-cardbig .side .upgrade p, article.node-breve.vm-cardbig .side.oops p, article.node-breve.vm-cardbig .side .upgrade p {
@@ -5196,12 +5342,14 @@ article.node-materiau.vm-cardbig, article.node-breve.vm-cardbig {
       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;
       text-align: center;
       text-decoration: none; }
       article.node-materiau.vm-cardbig .side.oops p a:hover, article.node-materiau.vm-cardbig .side.oops p a:focus, article.node-materiau.vm-cardbig .side .upgrade p a:hover, article.node-materiau.vm-cardbig .side .upgrade p a:focus, article.node-breve.vm-cardbig .side.oops p a:hover, article.node-breve.vm-cardbig .side.oops p a:focus, article.node-breve.vm-cardbig .side .upgrade p a:hover, article.node-breve.vm-cardbig .side .upgrade p a:focus {
         text-shadow: 0 0 2px rgba(0, 0, 0, 0.8); }
       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;
         text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); }
   article.node-materiau.vm-cardbig .side, article.node-breve.vm-cardbig .side {
@@ -5232,6 +5380,7 @@ article.node-materiau.vm-cardbig, article.node-breve.vm-cardbig {
     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; }
     article.node-materiau.vm-cardbig .group-header .field-name-title-field, article.node-breve.vm-cardbig .group-header .field-name-title-field {
       font-weight: 700; }
@@ -5258,6 +5407,7 @@ article.node-materiau.vm-cardbig, article.node-breve.vm-cardbig {
     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; }
     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 {
       font-size: 12px;
@@ -5285,6 +5435,7 @@ article.node-materiau.vm-cardbig, article.node-breve.vm-cardbig {
     padding: 10px; }
     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; }
       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 > * {
         padding: 10px; }
@@ -5316,6 +5467,7 @@ article.node-materiau.vm-cardbig, article.node-breve.vm-cardbig {
     padding: 10px; }
     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; }
       article.node-materiau.vm-cardbig .column-wrapper.columnized .column > *, article.node-breve.vm-cardbig .column-wrapper.columnized .column > * {
         padding: 10px; }
@@ -5362,7 +5514,9 @@ article.node-materiau.vm-cardbig, article.node-breve.vm-cardbig {
       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; }
   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 {
     border: 2px solid #69CDCF;
@@ -5389,18 +5543,24 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull {
   border-radius: 5px;
   background-clip: padding-box;
   background-color: #FFF;
+  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
+  -webkit-transition: -webkit-box-shadow 0.3s ease-out;
+  transition: -webkit-box-shadow 0.3s ease-out;
   transition: box-shadow 0.3s ease-out;
+  transition: box-shadow 0.3s ease-out, -webkit-box-shadow 0.3s ease-out;
   font-size: 0px; }
   article.node-materiau.vm-cardfull > div.side, article.node-breve.vm-cardfull > div.side {
     border-radius: 5px;
     background-clip: padding-box;
     overflow: hidden; }
   article.node-materiau.vm-cardfull.focused, article.node-breve.vm-cardfull.focused {
+    -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.9);
     box-shadow: 0 0 7px rgba(0, 0, 0, 0.9); }
   article.node-materiau.vm-cardfull.just-added, article.node-breve.vm-cardfull.just-added {
     opacity: 0; }
   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; }
     article.node-materiau.vm-cardfull.associated.just-added, article.node-breve.vm-cardfull.associated.just-added {
       margin-left: -850px;
@@ -5411,6 +5571,7 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull {
       left: 0;
       z-index: 999; }
   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;
     width: 0;
     padding-left: 0;
@@ -5455,6 +5616,7 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull {
       display: block;
       border-radius: 3px;
       background-clip: padding-box;
+      -webkit-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2);
       box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2); }
       article.node-materiau.vm-cardfull nav.nav ul li, article.node-breve.vm-cardfull nav.nav ul li {
         padding: 0;
@@ -5463,6 +5625,7 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull {
         display: block;
         height: 0;
         overflow: hidden;
+        -webkit-transition: height 0.2s ease-out;
         transition: height 0.2s ease-out; }
         article.node-materiau.vm-cardfull nav.nav ul li a, article.node-breve.vm-cardfull nav.nav ul li a {
           display: block; }
@@ -5484,6 +5647,7 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull {
           padding-left: 2px; }
           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; }
             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 {
               color: #000;
@@ -5530,6 +5694,7 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull {
     font-size: 12px;
     padding-top: 4em;
     margin-top: -4.5em;
+    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(4em, #fff));
     background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 4em);
     position: relative; }
   article.node-materiau.vm-cardfull .side.oops p, article.node-materiau.vm-cardfull .side .upgrade p, article.node-breve.vm-cardfull .side.oops p, article.node-breve.vm-cardfull .side .upgrade p {
@@ -5548,12 +5713,14 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull {
       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;
       text-align: center;
       text-decoration: none; }
       article.node-materiau.vm-cardfull .side.oops p a:hover, article.node-materiau.vm-cardfull .side.oops p a:focus, article.node-materiau.vm-cardfull .side .upgrade p a:hover, article.node-materiau.vm-cardfull .side .upgrade p a:focus, article.node-breve.vm-cardfull .side.oops p a:hover, article.node-breve.vm-cardfull .side.oops p a:focus, article.node-breve.vm-cardfull .side .upgrade p a:hover, article.node-breve.vm-cardfull .side .upgrade p a:focus {
         text-shadow: 0 0 2px rgba(0, 0, 0, 0.8); }
       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;
         text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); }
   article.node-materiau.vm-cardfull nav.nav, article.node-breve.vm-cardfull nav.nav {
@@ -5603,6 +5770,7 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull {
     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; }
     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 {
       font-weight: 500; }
@@ -5665,7 +5833,9 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull {
       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; }
   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 {
     border: 2px solid #69CDCF;
@@ -5694,8 +5864,12 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull {
       border-radius: 5px;
       background-clip: padding-box;
       background-color: #FFF;
+      -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
       box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
+      -webkit-transition: -webkit-box-shadow 0.3s ease-out;
+      transition: -webkit-box-shadow 0.3s ease-out;
       transition: box-shadow 0.3s ease-out;
+      transition: box-shadow 0.3s ease-out, -webkit-box-shadow 0.3s ease-out;
       width: 1024px;
       padding: 1em; }
       .print-node-materiau > div.side {
@@ -5703,10 +5877,12 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull {
         background-clip: padding-box;
         overflow: hidden; }
       .print-node-materiau.focused {
+        -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.9);
         box-shadow: 0 0 7px rgba(0, 0, 0, 0.9); }
       .print-node-materiau.just-added {
         opacity: 0; }
       .print-node-materiau.associated {
+        -webkit-transition: margin 0.3s ease-out;
         transition: margin 0.3s ease-out; }
         .print-node-materiau.associated.just-added {
           margin-left: -850px;
@@ -5717,6 +5893,7 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull {
           left: 0;
           z-index: 999; }
       .print-node-materiau.removed {
+        -webkit-transition: width 0.3s ease-out;
         transition: width 0.3s ease-out;
         width: 0;
         padding-left: 0;
@@ -5761,6 +5938,7 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull {
           display: block;
           border-radius: 3px;
           background-clip: padding-box;
+          -webkit-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2);
           box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.2); }
           .print-node-materiau nav.nav ul li {
             padding: 0;
@@ -5769,6 +5947,7 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull {
             display: block;
             height: 0;
             overflow: hidden;
+            -webkit-transition: height 0.2s ease-out;
             transition: height 0.2s ease-out; }
             .print-node-materiau nav.nav ul li a {
               display: block; }
@@ -5790,6 +5969,7 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull {
               padding-left: 2px; }
               .print-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; }
                 .print-node-materiau nav.nav ul.flag-lists-entity-links li a:hover, .print-node-materiau nav.nav ul.flag-lists-entity-links li a.unflag-action {
                   color: #000;
@@ -5836,6 +6016,7 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull {
         font-size: 12px;
         padding-top: 4em;
         margin-top: -4.5em;
+        background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(4em, #fff));
         background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 4em);
         position: relative; }
       .print-node-materiau .side.oops p, .print-node-materiau .side .upgrade p {
@@ -5854,12 +6035,14 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull {
           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;
           text-align: center;
           text-decoration: none; }
           .print-node-materiau .side.oops p a:hover, .print-node-materiau .side.oops p a:focus, .print-node-materiau .side .upgrade p a:hover, .print-node-materiau .side .upgrade p a:focus {
             text-shadow: 0 0 2px rgba(0, 0, 0, 0.8); }
           .print-node-materiau .side.oops p a:active, .print-node-materiau .side .upgrade p a:active {
+            -webkit-transition: text-shadow 0s ease-out;
             transition: text-shadow 0s ease-out;
             text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); } }
 
@@ -6054,6 +6237,7 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull {
       background-color: #008CBA;
       border-color: #007095;
       color: #FFFFFF;
+      -webkit-transition: background-color, 300ms, ease-out;
       transition: background-color, 300ms, ease-out; }
       #modal form input.form-submit:hover, #modal form input.form-submit:focus {
         background-color: #007095; }
@@ -6079,6 +6263,7 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull {
         background-color: #43AC6A;
         border-color: #368a55;
         color: #FFFFFF;
+        -webkit-transition: background-color, 300ms, ease-out;
         transition: background-color, 300ms, ease-out; }
         #modal form input.form-submit[name="create"]:hover, #modal form input.form-submit[name="create"]:focus {
           background-color: #368a55; }
@@ -6104,6 +6289,7 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull {
         background-color: #43AC6A;
         border-color: #368a55;
         color: #FFFFFF;
+        -webkit-transition: background-color, 300ms, ease-out;
         transition: background-color, 300ms, ease-out; }
         #modal form input.form-submit[name="save"]:hover, #modal form input.form-submit[name="save"]:focus {
           background-color: #368a55; }
@@ -6129,6 +6315,7 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull {
         background-color: #f04124;
         border-color: #cf2a0e;
         color: #FFFFFF;
+        -webkit-transition: background-color, 300ms, ease-out;
         transition: background-color, 300ms, ease-out; }
         #modal form input.form-submit[name="delete"]:hover, #modal form input.form-submit[name="delete"]:focus {
           background-color: #cf2a0e; }
@@ -6154,6 +6341,7 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull {
         background-color: #e7e7e7;
         border-color: #b9b9b9;
         color: #333333;
+        -webkit-transition: background-color, 300ms, ease-out;
         transition: background-color, 300ms, ease-out; }
         #modal form input.form-submit[name="cancel"]:hover, #modal form input.form-submit[name="cancel"]:focus {
           background-color: #b9b9b9; }
@@ -6238,8 +6426,10 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull {
   background-clip: padding-box;
   font-size: 12px;
   font-weight: 500;
+  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); }
   #tooltip.op-visible {
+    -webkit-transition: opacity 0.1s ease-out;
     transition: opacity 0.1s ease-out; }
 
 /*
@@ -6316,6 +6506,7 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull {
       background-color: #008CBA;
       border-color: #007095;
       color: #FFFFFF;
+      -webkit-transition: background-color, 300ms, ease-out;
       transition: background-color, 300ms, ease-out; }
       #block-feedback-form .content form input.form-submit:hover, #block-feedback-form .content form input.form-submit:focus {
         background-color: #007095; }
@@ -6341,6 +6532,7 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull {
         background-color: #43AC6A;
         border-color: #368a55;
         color: #FFFFFF;
+        -webkit-transition: background-color, 300ms, ease-out;
         transition: background-color, 300ms, ease-out; }
         #block-feedback-form .content form input.form-submit[name="create"]:hover, #block-feedback-form .content form input.form-submit[name="create"]:focus {
           background-color: #368a55; }
@@ -6366,6 +6558,7 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull {
         background-color: #43AC6A;
         border-color: #368a55;
         color: #FFFFFF;
+        -webkit-transition: background-color, 300ms, ease-out;
         transition: background-color, 300ms, ease-out; }
         #block-feedback-form .content form input.form-submit[name="save"]:hover, #block-feedback-form .content form input.form-submit[name="save"]:focus {
           background-color: #368a55; }
@@ -6391,6 +6584,7 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull {
         background-color: #f04124;
         border-color: #cf2a0e;
         color: #FFFFFF;
+        -webkit-transition: background-color, 300ms, ease-out;
         transition: background-color, 300ms, ease-out; }
         #block-feedback-form .content form input.form-submit[name="delete"]:hover, #block-feedback-form .content form input.form-submit[name="delete"]:focus {
           background-color: #cf2a0e; }
@@ -6416,6 +6610,7 @@ article.node-materiau.vm-cardfull, article.node-breve.vm-cardfull {
         background-color: #e7e7e7;
         border-color: #b9b9b9;
         color: #333333;
+        -webkit-transition: background-color, 300ms, ease-out;
         transition: background-color, 300ms, ease-out; }
         #block-feedback-form .content form input.form-submit[name="cancel"]:hover, #block-feedback-form .content form input.form-submit[name="cancel"]:focus {
           background-color: #b9b9b9; }
@@ -6747,6 +6942,7 @@ body.page-node-11187 .node-11187 .field-name-body {
     background-color: #fff;
     border-radius: 5px;
     background-clip: padding-box;
+    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
     box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
     overflow: hidden; }
     .ie8 body.page-node-11187 .node-11187 .field-name-body div.column, .ie8 body.page-node-11187 .node-11187 .field-name-body div.column-demi, .ie8 body.page-node-11187 .node-11187 .field-name-body div.column-full, .ie8 body.page-node-11187 .node-11187 .field-name-body div.column-auto {
@@ -6814,12 +7010,14 @@ body.page-node-11187 .node-11187 .field-name-body {
     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; }
     body.page-node-11187 .node-11187 .field-name-body div.column .get-link span {
       font-size: 20px; }
     body.page-node-11187 .node-11187 .field-name-body div.column .get-link:hover, body.page-node-11187 .node-11187 .field-name-body div.column .get-link:focus {
       text-shadow: 0 0 3px white; }
     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;
       text-shadow: 0 0 2px rgba(255, 255, 255, 0.2); }
   body.page-node-11187 .node-11187 .field-name-body div.column-demi h2 {
@@ -6977,6 +7175,7 @@ body.page-node-11187 .node-11187 .field-name-body {
       vertical-align: middle;
       margin: 0; }
     #webform-client-form-11186 #webform-component-column-left--membership-options .form-type-radio:hover {
+      -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
       box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }
     #webform-client-form-11186 #webform-component-column-left--membership-options .form-type-radio.form-item-submitted-column-left-membership-options:nth-child(1) {
       background-color: #69CDCF; }
@@ -7044,10 +7243,12 @@ body.page-node-11187 .node-11187 .field-name-body {
       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; }
       #webform-client-form-11186 .form-actions .form-submit:hover, #webform-client-form-11186 .form-actions .form-submit:focus {
         text-shadow: 0 0 2px rgba(0, 0, 0, 0.8); }
       #webform-client-form-11186 .form-actions .form-submit:active {
+        -webkit-transition: text-shadow 0s ease-out;
         transition: text-shadow 0s ease-out;
         text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); }
   #webform-client-form-11186 #webform-component-column-right--news-letters > label {
@@ -7123,6 +7324,7 @@ body.page-node-11187 .node-11187 .field-name-body {
       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;
       text-align: center;
       text-decoration: none;
@@ -7130,6 +7332,7 @@ body.page-node-11187 .node-11187 .field-name-body {
       #uc-cart-view-form .form-actions .form-submit:hover, #uc-cart-view-form .form-actions .form-submit:focus {
         text-shadow: 0 0 3px white; }
       #uc-cart-view-form .form-actions .form-submit:active {
+        -webkit-transition: text-shadow 0s ease-out;
         transition: text-shadow 0s ease-out;
         text-shadow: 0 0 2px rgba(255, 255, 255, 0.2); }
       #uc-cart-view-form .form-actions .form-submit#edit-checkout--2 {
@@ -7143,11 +7346,13 @@ body.page-node-11187 .node-11187 .field-name-body {
         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;
         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;
         border-color: #69CDCF;
         background-color: #69CDCF;
@@ -7155,11 +7360,13 @@ body.page-node-11187 .node-11187 .field-name-body {
         #uc-cart-view-form .form-actions .form-submit#edit-checkout--2:hover, #uc-cart-view-form .form-actions .form-submit#edit-checkout--2:focus {
           text-shadow: 0 0 3px white; }
         #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;
           text-shadow: 0 0 2px rgba(255, 255, 255, 0.2); }
         #uc-cart-view-form .form-actions .form-submit#edit-checkout--2:hover, #uc-cart-view-form .form-actions .form-submit#edit-checkout--2:focus {
           text-shadow: 0 0 2px rgba(0, 0, 0, 0.8); }
         #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;
           text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); }
 
@@ -7330,6 +7537,7 @@ body.page-node-11187 .node-11187 .field-name-body {
       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;
       text-align: center;
       text-decoration: none;
@@ -7337,6 +7545,7 @@ body.page-node-11187 .node-11187 .field-name-body {
       #uc-cart-checkout-form #edit-actions .form-submit:hover, #uc-cart-checkout-form #edit-actions .form-submit:focus {
         text-shadow: 0 0 3px white; }
       #uc-cart-checkout-form #edit-actions .form-submit:active {
+        -webkit-transition: text-shadow 0s ease-out;
         transition: text-shadow 0s ease-out;
         text-shadow: 0 0 2px rgba(255, 255, 255, 0.2); }
       #uc-cart-checkout-form #edit-actions .form-submit#edit-continue {
@@ -7350,11 +7559,13 @@ body.page-node-11187 .node-11187 .field-name-body {
         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;
         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;
         border-color: #69CDCF;
         background-color: #69CDCF;
@@ -7362,11 +7573,13 @@ body.page-node-11187 .node-11187 .field-name-body {
         #uc-cart-checkout-form #edit-actions .form-submit#edit-continue:hover, #uc-cart-checkout-form #edit-actions .form-submit#edit-continue:focus {
           text-shadow: 0 0 3px white; }
         #uc-cart-checkout-form #edit-actions .form-submit#edit-continue:active {
+          -webkit-transition: text-shadow 0s ease-out;
           transition: text-shadow 0s ease-out;
           text-shadow: 0 0 2px rgba(255, 255, 255, 0.2); }
         #uc-cart-checkout-form #edit-actions .form-submit#edit-continue:hover, #uc-cart-checkout-form #edit-actions .form-submit#edit-continue:focus {
           text-shadow: 0 0 2px rgba(0, 0, 0, 0.8); }
         #uc-cart-checkout-form #edit-actions .form-submit#edit-continue:active {
+          -webkit-transition: text-shadow 0s ease-out;
           transition: text-shadow 0s ease-out;
           text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); }
 
@@ -7446,6 +7659,7 @@ body.page-node-11187 .node-11187 .field-name-body {
   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;
   text-align: center;
   text-decoration: none;
@@ -7453,6 +7667,7 @@ body.page-node-11187 .node-11187 .field-name-body {
   .page-cart-checkout-review input.form-submit:hover, .page-cart-checkout-review input.form-submit:focus {
     text-shadow: 0 0 3px white; }
   .page-cart-checkout-review input.form-submit:active {
+    -webkit-transition: text-shadow 0s ease-out;
     transition: text-shadow 0s ease-out;
     text-shadow: 0 0 2px rgba(255, 255, 255, 0.2); }
   .page-cart-checkout-review input.form-submit#edit-submit {
@@ -7466,11 +7681,13 @@ body.page-node-11187 .node-11187 .field-name-body {
     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;
     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;
     border-color: #69CDCF;
     background-color: #69CDCF;
@@ -7478,11 +7695,13 @@ body.page-node-11187 .node-11187 .field-name-body {
     .page-cart-checkout-review input.form-submit#edit-submit:hover, .page-cart-checkout-review input.form-submit#edit-submit:focus {
       text-shadow: 0 0 3px white; }
     .page-cart-checkout-review input.form-submit#edit-submit:active {
+      -webkit-transition: text-shadow 0s ease-out;
       transition: text-shadow 0s ease-out;
       text-shadow: 0 0 2px rgba(255, 255, 255, 0.2); }
     .page-cart-checkout-review input.form-submit#edit-submit:hover, .page-cart-checkout-review input.form-submit#edit-submit:focus {
       text-shadow: 0 0 2px rgba(0, 0, 0, 0.8); }
     .page-cart-checkout-review input.form-submit#edit-submit:active {
+      -webkit-transition: text-shadow 0s ease-out;
       transition: text-shadow 0s ease-out;
       text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); }
 
@@ -7497,6 +7716,7 @@ body.page-node-11187 .node-11187 .field-name-body {
   border-radius: 5px;
   background-clip: padding-box;
   background-color: #FFF;
+  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
   max-width: 850px;
   font-size: 14px;
@@ -7750,15 +7970,18 @@ body.home-v2 #center {
         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; }
         #home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-home-v2 li a[href="/fr/actuality"], #home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-menu-home-member li a[href="/fr/actuality"] {
           background-color: #e6de1c;
           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; }
           #home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-home-v2 li a[href="/fr/actuality"]:hover, #home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-home-v2 li a[href="/fr/actuality"]:focus, #home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-menu-home-member li a[href="/fr/actuality"]:hover, #home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-menu-home-member li a[href="/fr/actuality"]:focus {
             text-shadow: 0 0 2px rgba(0, 0, 0, 0.8); }
           #home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-home-v2 li a[href="/fr/actuality"]:active, #home-v2 > .panel-panel > div > .panel-pane.pane-menu-menu-menu-home-member li a[href="/fr/actuality"]:active {
+            -webkit-transition: text-shadow 0s ease-out;
             transition: text-shadow 0s ease-out;
             text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); }
   #home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register {
@@ -7831,7 +8054,9 @@ body.home-v2 #center {
       margin-bottom: 10px;
       font-size: 10px;
       background-color: #fff;
+      -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
       box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
+      -webkit-transition: bottom 0.1s ease-out;
       transition: bottom 0.1s ease-out; }
       #home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register #edit-mail-check.error {
         background-color: #f3968d;
@@ -7868,10 +8093,12 @@ body.home-v2 #center {
       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; }
       #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 {
         text-shadow: 0 0 2px rgba(0, 0, 0, 0.8); }
       #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;
         text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); }
       #home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register #user-register-form .form-submit[disabled] {
@@ -7883,10 +8110,12 @@ body.home-v2 #center {
       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; }
       #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 {
         text-shadow: 0 0 2px rgba(0, 0, 0, 0.8); }
       #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;
         text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); }
     #home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register #edit-simplenews {
@@ -7909,12 +8138,14 @@ body.home-v2 #center {
       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;
       text-align: center;
       text-decoration: none; }
       #home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register a.join:hover, #home-v2 > .panel-panel > div > .panel-pane.pane-materio-user-user-register a.join:focus {
         text-shadow: 0 0 2px rgba(0, 0, 0, 0.8); }
       #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;
         text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); }
     @media only screen and (max-width: 40em) {
@@ -7928,13 +8159,18 @@ body.home-v2 #center {
       color: #b94a48;
       font-size: 12px; }
   #home-v2 > .panel-panel > div > .panel-pane.showroom {
+    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
     box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
+    -webkit-transition: -webkit-box-shadow 0.3s ease-out;
+    transition: -webkit-box-shadow 0.3s ease-out;
     transition: box-shadow 0.3s ease-out;
+    transition: box-shadow 0.3s ease-out, -webkit-box-shadow 0.3s ease-out;
     height: 450px;
     margin-top: 15px;
     background-color: #fff;
     position: relative; }
     #home-v2 > .panel-panel > div > .panel-pane.showroom:hover {
+      -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
       box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); }
     #home-v2 > .panel-panel > div > .panel-pane.showroom .pane-content {
       width: 100%;
@@ -7969,6 +8205,7 @@ body.home-v2 #center {
             margin-top: 0.5em; }
     #home-v2 > .panel-panel > div > .panel-pane.showroom:after {
       content: url("../img/bulle.png");
+      -webkit-transform: scale(0.8);
       transform: scale(0.8);
       position: absolute;
       bottom: -120px;
@@ -7992,13 +8229,18 @@ body.home-v2 #center {
         #home-v2 > .panel-panel > div > .panel-pane.showroom:after {
           opacity: 0.4; } }
   #home-v2 > .panel-panel > div > .panel-pane.bdd {
+    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
     box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
+    -webkit-transition: -webkit-box-shadow 0.3s ease-out;
+    transition: -webkit-box-shadow 0.3s ease-out;
     transition: box-shadow 0.3s ease-out;
+    transition: box-shadow 0.3s ease-out, -webkit-box-shadow 0.3s ease-out;
     height: 450px;
     margin-top: 30px;
     background-color: #FFF;
     position: relative; }
     #home-v2 > .panel-panel > div > .panel-pane.bdd:hover {
+      -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
       box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); }
     #home-v2 > .panel-panel > div > .panel-pane.bdd .links a {
       background-color: #e6e6e6; }
@@ -8032,6 +8274,7 @@ body.home-v2 #center {
         background-color: rgba(230, 230, 230, 0.8); }
     #home-v2 > .panel-panel > div > .panel-pane.bdd:after {
       content: url("../img/boule.png");
+      -webkit-transform: scale(0.8);
       transform: scale(0.8);
       position: absolute;
       bottom: -50px;
@@ -8055,14 +8298,19 @@ body.home-v2 #center {
           opacity: 0.6;
           z-index: 0; } }
   #home-v2 > .panel-panel > div > .panel-pane.formations {
+    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
     box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
+    -webkit-transition: -webkit-box-shadow 0.3s ease-out;
+    transition: -webkit-box-shadow 0.3s ease-out;
     transition: box-shadow 0.3s ease-out;
+    transition: box-shadow 0.3s ease-out, -webkit-box-shadow 0.3s ease-out;
     position: relative;
     height: 300px;
     margin-top: 30px;
     background-color: #000;
     color: #FFF; }
     #home-v2 > .panel-panel > div > .panel-pane.formations:hover {
+      -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
       box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); }
     #home-v2 > .panel-panel > div > .panel-pane.formations a {
       color: #FFF; }
@@ -8091,12 +8339,17 @@ body.home-v2 #center {
       #home-v2 > .panel-panel > div > .panel-pane.formations {
         height: auto; } }
   #home-v2 > .panel-panel > div > .panel-pane.services {
+    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
     box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
+    -webkit-transition: -webkit-box-shadow 0.3s ease-out;
+    transition: -webkit-box-shadow 0.3s ease-out;
     transition: box-shadow 0.3s ease-out;
+    transition: box-shadow 0.3s ease-out, -webkit-box-shadow 0.3s ease-out;
     background-color: #FFF;
     height: 300px;
     margin-top: 30px; }
     #home-v2 > .panel-panel > div > .panel-pane.services:hover {
+      -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
       box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); }
     #home-v2 > .panel-panel > div > .panel-pane.services .node {
       padding: 0 30% 0 0;
@@ -8125,8 +8378,12 @@ body.home-v2 #center {
       #home-v2 > .panel-panel > div > .panel-pane.services {
         height: auto; } }
   #home-v2 > .panel-panel > div > .panel-pane.publication {
+    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
     box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
+    -webkit-transition: -webkit-box-shadow 0.3s ease-out;
+    transition: -webkit-box-shadow 0.3s ease-out;
     transition: box-shadow 0.3s ease-out;
+    transition: box-shadow 0.3s ease-out, -webkit-box-shadow 0.3s ease-out;
     position: relative;
     margin-top: 30px;
     padding: 1em;
@@ -8134,6 +8391,7 @@ body.home-v2 #center {
     border-radius: 10px;
     background-clip: padding-box; }
     #home-v2 > .panel-panel > div > .panel-pane.publication:hover {
+      -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
       box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); }
     #home-v2 > .panel-panel > div > .panel-pane.publication, #home-v2 > .panel-panel > div > .panel-pane.publication a, #home-v2 > .panel-panel > div > .panel-pane.publication h1, #home-v2 > .panel-panel > div > .panel-pane.publication h2 {
       color: #fff; }
@@ -8242,8 +8500,12 @@ body.home-v2 #center {
     border-radius: 5px;
     background-clip: padding-box;
     background-color: #FFF;
+    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
     box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
+    -webkit-transition: -webkit-box-shadow 0.3s ease-out;
+    transition: -webkit-box-shadow 0.3s ease-out;
     transition: box-shadow 0.3s ease-out;
+    transition: box-shadow 0.3s ease-out, -webkit-box-shadow 0.3s ease-out;
     overflow: hidden;
     position: relative;
     margin: 7px; }
@@ -8365,6 +8627,7 @@ div.messages {
   padding: 10px;
   border-radius: 5px;
   background-clip: padding-box;
+  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
   box-shadow: 0 0 6px rgba(0, 0, 0, 0.4); }
   #better-messages-wrapper #better-messages-default div.messages {
     padding: 9px;
@@ -8432,6 +8695,7 @@ a:hover {
   outline: 0; }
 
 i {
+  -webkit-transition: color 0.3s;
   transition: color 0.3s; }
   i:hover {
     color: #606060;
@@ -8441,6 +8705,7 @@ i {
 #colorbox {
   border-radius: 2px;
   background-clip: padding-box;
+  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); }
   #colorbox #cboxLoadedContent {
     background-color: #fff; }

From c914e7e3483e882331f8221f99c6ad0b8d02208f Mon Sep 17 00:00:00 2001
From: Bachir Soussi Chiadmi <bachir@g-u-i.me>
Date: Tue, 2 Jan 2018 12:11:58 +0100
Subject: [PATCH 2/2] fixed header height

---
 .../materiobasemod/materio_personalnotes.info | 23 +++++++++++++++++++
 .../materiobasemod/materio_search_api.module  | 12 ++++++++--
 .../gui/materiobasetheme/css/styles.css       |  3 +--
 .../themes/gui/materiobasetheme/js/script.js  | 13 +++++++++--
 .../gui/materiobasetheme/js/script.min.js     |  2 +-
 .../gui/materiobasetheme/scss/styles.scss     |  2 +-
 6 files changed, 47 insertions(+), 8 deletions(-)
 create mode 100644 sites/all/modules/gui/materiobasemod/materio_personalnotes.info

diff --git a/sites/all/modules/gui/materiobasemod/materio_personalnotes.info b/sites/all/modules/gui/materiobasemod/materio_personalnotes.info
new file mode 100644
index 00000000..5e7938bc
--- /dev/null
+++ b/sites/all/modules/gui/materiobasemod/materio_personalnotes.info
@@ -0,0 +1,23 @@
+name = Materio Personal Notes Module
+description = "Materio per user notes on node module"
+
+; Core version (required)
+core = 7.x
+
+; Package name (see http://drupal.org/node/542202 for a list of names)
+package = Materio
+
+; PHP version requirement (optional)
+; php = 5.2
+
+; Loadable code files
+; files[] = materio_ctools_automodal.module
+
+; Module dependencies
+dependencies[] = user
+
+; Configuration page
+; configure = admin/config/materiobasemod
+
+; For further information about configuration options, see
+; - http://drupal.org/node/542202
diff --git a/sites/all/modules/gui/materiobasemod/materio_search_api.module b/sites/all/modules/gui/materiobasemod/materio_search_api.module
index f0e118c3..577a88f9 100755
--- a/sites/all/modules/gui/materiobasemod/materio_search_api.module
+++ b/sites/all/modules/gui/materiobasemod/materio_search_api.module
@@ -1183,10 +1183,18 @@ function materio_search_api_advanced_search_select_callback($form, &$form_state)
   return $form['filters'];
 }
 function materio_search_api_advanced_search_addfilter_callback($form, &$form_state) {
-  return $form['filters'];
+  $commands = array();
+  $commands[] = ajax_command_replace('#advancedsearch-filters-wrapper', render($form['filters']));
+  $commands[] = array('command'=>'ajaxAfterAddedFilterLine');
+  return array("#type"=>'ajax', "#commands"=>$commands);
+  // return $form['filters'];
 }
 function materio_search_api_advanced_search_rmline_callback($form, &$form_state) {
-  return $form['filters'];
+  $commands = array();
+  $commands[] = ajax_command_replace('#advancedsearch-filters-wrapper', render($form['filters']));
+  $commands[] = array('command'=>'ajaxAfterRemovedFilterLine');
+  return array("#type"=>'ajax', "#commands"=>$commands);
+  // return $form['filters'];
 }
 
 function materio_search_api_advanced_search_form_validate($form, &$form_state){
diff --git a/sites/all/themes/gui/materiobasetheme/css/styles.css b/sites/all/themes/gui/materiobasetheme/css/styles.css
index 2c874894..2956b0ad 100644
--- a/sites/all/themes/gui/materiobasetheme/css/styles.css
+++ b/sites/all/themes/gui/materiobasetheme/css/styles.css
@@ -3320,8 +3320,7 @@ body.node-type-publication #footer {
 */
 #utilities {
   background-color: #fff;
-  margin-top: 60px;
-  max-height: 100px; }
+  margin-top: 60px; }
   .not-logged-in #utilities {
     overflow: hidden; }
   #utilities > .inner {
diff --git a/sites/all/themes/gui/materiobasetheme/js/script.js b/sites/all/themes/gui/materiobasetheme/js/script.js
index 8b7a3b39..fb3d7cd8 100644
--- a/sites/all/themes/gui/materiobasetheme/js/script.js
+++ b/sites/all/themes/gui/materiobasetheme/js/script.js
@@ -428,12 +428,11 @@
         // if(!_max_480() && !_touch ){
           height += $('#utilities').h();//+15;
         // }
-
         //$('#main').css('margin-top', height+15);
         // $('#container').css('padding-top', height+15);
 
         if(!$('html').is(".ie8")){
-          $('#container').animate({'padding-top':height}, 300);
+          $('#container').animate({'padding-top':height}, 150);
         }
       // }
     };
@@ -518,6 +517,16 @@
         $(this).parents('.block').removeClass('hovered');
         $('.hovered').not($(this).parents('.block')).removeClass('hovered');
       });
+
+      // @see http://www.jaypan.com/tutorial/calling-function-after-ajax-event-drupal-7
+    	Drupal.ajax.prototype.commands.ajaxAfterAddedFilterLine = function(ajax, response, status){
+    		// console.log('ajax after added filter line');
+        initLayout();
+    	};
+      Drupal.ajax.prototype.commands.ajaxAfterRemovedFilterLine = function(ajax, response, status){
+        // console.log('ajax after removed filter line');
+        initLayout();
+      };
     };
 
     function onLoadingContent(event){
diff --git a/sites/all/themes/gui/materiobasetheme/js/script.min.js b/sites/all/themes/gui/materiobasetheme/js/script.min.js
index 4393c4ef..d8d0bd20 100644
--- a/sites/all/themes/gui/materiobasetheme/js/script.min.js
+++ b/sites/all/themes/gui/materiobasetheme/js/script.min.js
@@ -8,7 +8,7 @@ initDoubleSearchFormTabs();if(_isBreveMateriauNodePage)
 $.event.trigger({type:'resultschanged',container:'#content>.inner-content'});setTimeout(function(){$.event.trigger({type:'theme-ready'});},100);};function checkIE(){if($('.oldie body').size()&&!readCookie('oldie_checked')){setTimeout(function(){createCookie('oldie_checked',1);alert('Afin de profiter pleinement des fonctionalités de materio.com, nous vous invitons a mettre a jour votre navigateur dans ça denière version. Celui ci n\'étant pas compatible avec les technologie employer par materio.com, vous risquer de rencontrer des difficulter de navigation.');},4000);}};function initHistoryNav(){trace("initHistoryNav _History",_History);var state=_History.getState();_History.Adapter.bind(window,'statechange',onHistoryStateChange);$(document).bind('new-history-page',onNewHistoryPage);};function onNewHistoryPage(event){trace('theme :: onNewHistoryPage',event);var title=event.title.replace(/<(?:.|\n)*?>/gm,'')+' | '+_strings.site_name;_statePushed=true;_History.pushState({content:event.content,pagetitle:event.title},title,event.path);};function onHistoryStateChange(event){trace('theme :: onHistoryStateChange',event);var state=_History.getState();_History.log('statechange:',state.data,state.title,state.url);$.event.trigger({type:'record-stat',path:state.url});$('input[name=location]','#feedback-form').attr('value',state.url);$.event.trigger({type:'materio-page-title-refresh-block',title:state.data.pagetitle});if(!_statePushed){_statePushed=false;$('.inner-content',_$content).html(state.data.content);$.event.trigger('history-state-change');}};function initHome(){$('img.lazy','#block-materio-didactique-materio-didactique-home').each(function(){var $img=$(this);$img.attr('src',$img.attr('data-original'));});if(_max_768()){initHomeDidactiqueMobile();}else{initHomeDidactiqueDesktop();}};function initHomeDidactiqueMobile(){_$homeBlockDidactique=$('#block-materio-didactique-materio-didactique-home');$('.node-didactique',_$homeBlockDidactique).find('.field-name-title-field').bind('click',clickOnHomeDidactiqueTitle);};function clickOnHomeDidactiqueTitle(e){var $node=$(this).parent('.node-didactique');if($node.is('.opened')){$node.removeClass('opened');}else{$('.node-didactique',_$homeBlockDidactique).removeClass('opened');$node.addClass('opened');$('html,body').animate({scrollTop:$node.offset().top-$('#header').h()});}};function initHomeDidactiqueDesktop(){_$homeUtilities=$('#utilities');_$homeBlockDidactique=$('#block-materio-didactique-materio-didactique-home').append('<div class="slides"/>').append('<div class="tabs"/>').bind('mouseenter',function(event){_hoverHomeDidactique=true;}).bind('mouseleave',function(event){_hoverHomeDidactique=false;});$('.node-didactique',_$homeBlockDidactique).each(function(index){if(index){$(this).addClass('op-hidden');}else{$(this).addClass('op-visible');}
 $('.field-name-title-field',this).clone().addClass(index?'':'active').click(function(event){$(this).addClass('active').siblings().removeClass('active');_$homeBlockDidactique.find('.node-didactique').removeClass('op-visible').addClass('op-hidden').eq(index).removeClass('op-hidden').addClass('op-visible');}).appendTo($('.tabs',_$homeBlockDidactique));}).appendTo($('.slides',_$homeBlockDidactique));if(!_touch){$(document).bind('scroll',function(event){if($(window).scrollTop()==0){if(_$homeUtilities.is('.closed')){_$homeUtilities.removeClass('closed');launchHomeDidactiqueInterval();initLayout();}}else{if(!_$homeUtilities.is('.closed')){_$homeUtilities.addClass('closed');clearInterval(_homeTimeInterval);initLayout();}}});}
 $(document).bind('cbox_complete',function(){clearInterval(_homeTimeInterval);}).bind('cbox_closed',function(){launchHomeDidactiqueInterval();});$('.side.oops a').click(function(event){event.preventDefault();window.location.href=$(this).attr('href');return false;});};function launchHomeDidactiqueInterval(){_homeTimeInterval=setInterval(function(){if(!_hoverHomeDidactique){var $next=$('.tabs .active',_$homeBlockDidactique).next();if(!$next.length)
-$next=$('.tabs .active',_$homeBlockDidactique).siblings().eq(0);$next.trigger('click');}},15000);};function initHomeV2(){initCards('#home-v2 .panel-pane.news-panel .panel-col-first .views-row');$('.panel-pane.showroom .group-content-wrapper','#home-v2').attr('data-400-center-top','transform:translateX(-43em);opacity:0;').attr('data-100-center-center','transform[quadratic]:translateX(0em);opacity[quadratic]:1;').attr('data-top-bottom','transform[quadratic]:translateX(10em);');$('.panel-pane.showroom .field-name-field-bandeau img','#home-v2').attr('data-400-bottom-top','transform:translateY(-20em);').attr('data-200-top-bottom','transform:translateY(5em);');$('.panel-pane.bdd .group-content-wrapper','#home-v2').attr('data-400-center-top','transform:translateX(40em);opacity:0;').attr('data-200-center-center','transform[quadratic]:translateX(0em);opacity[quadratic]:1;');$('.panel-pane.bdd .field-name-field-bandeau img','#home-v2').attr('data-400-bottom-top','transform:translateX(0em);').attr('data-100-top-bottom','transform[quadratic]:translateX(-40em);');$('.panel-pane.news-panel .center-wrapper .panel-panel','#home-v2').each(function(i,e){$(this).attr('data-anchor-target',"#news-pane").attr('data--'+(i+1)*75+'-bottom-top','transform:translateY(20em);opacity:0;').attr('data-center-top','transform[quadratic]:translateY(0em);opacity:1;');});$('.panel-pane.formations .group-content-wrapper','#home-v2').attr('data-50-bottom-top','transform:translateX(20em);opacity:0;').attr('data-center-top','transform[quadratic]:translateX(0em);opacity:1;');$('.panel-pane.services .group-content-wrapper','#home-v2').attr('data-50-bottom-top','transform:translateX(20em);opacity:0;').attr('data-center-top','transform[quadratic]:translateX(0em);opacity:1;');$('.panel-pane.publication .views-row','#home-v2').each(function(i,e){$(this).attr('data--'+i*100+'-bottom-top','opacity:0;').attr('data-'+i*50+'-center-center','opacity:1;');});_skrollr=skrollr.init({skrollrBody:"root"});};function initLayout(){trace("initLayout");var height=$('#header').h()+$('#tasks').h();height+=$('#utilities').h();if(!$('html').is(".ie8")){$('#container').animate({'padding-top':height},300);}};function initInfinitScroller(){$.event.trigger({type:'init-scroller-pager',pager:$('ul.pager','#content')});$(document).bind('scroll',function(event){checkInfinitScroller();});};function checkInfinitScroller(){if($(window).scrollTop()+$(window).height()>getDocHeight()-200){infinitScrollPager();}};function infinitScrollPager(){if($('ul.pager','#content').length){var $nextpage=$('ul.pager .pager-current','#content').next(),href=$('a',$nextpage).attr('href');if(href){$.event.trigger({type:'record-stat',path:href});$.event.trigger({type:'load-scroller-pager',href:href});}}};function initEvents(){$(document).bind('init-layout',initLayout).bind('loading-content',onLoadingContent).bind('loaded-content',onLoadedContent).bind('resultschanged',onResultsChanged).bind('resultscompleted',onResultsCompleted).bind('mybookmarks-block-updated',onMybookmarksBlockUpdate).bind('mylists-block-builded',onMyListsBlockBuilded).bind('mylists-block-updated',onMyListsBlockUpdate).bind('flagGlobalAfterLinkUpdate',onAfterFlaging).bind('record-stat',onRecordStat).bind('view-mode-changed',onViewModeChanged).bind('ajax-register-block-loaded',onAjaxRegisterBlockLoaded);$(window).bind('resize',onResizeWindow);initFlagsEvent();$('#block-user-login h2, #block-menu-menu-top-menu h2').bind('click',function(event){event.preventDefault();$(this).parent('.block').toggleClass('hovered');$('.hovered').not($(this).parent('.block')).removeClass('hovered');return false;});$('#block-materio-search-api-materio-search-api-viewmode .viewmode-link').bind('vm-clicked-active',function(event){$(this).parents('.block').toggleClass('hovered');$('.hovered').not($(this).parents('.block')).removeClass('hovered');});$('#block-materio-search-api-materio-search-api-viewmode .viewmode-link').bind('vm-clicked',function(event){$(this).parents('.block').removeClass('hovered');$('.hovered').not($(this).parents('.block')).removeClass('hovered');});};function onLoadingContent(event){_$content.addClass('faded');$('#materio-search-api-search-form, #materio-search-api-advanced-search-form').addClass('loading');};function onLoadedContent(event){_$content.removeClass('faded');$('#materio-search-api-search-form, #materio-search-api-advanced-search-form').removeClass('loading');};function onResultsChanged(event){trace('MaterioBaseTheme :: onResultsChanged',event);$(document).scrollTop(0);focusCard($('#content .search-results, #content .actuality-items').children('.node:first-child'));onResultsCompleted(event);};function onResultsCompleted(event){checkInfinitScroller();if(event.container!=undefined){setTimeout(function(){initCards(event.container);setUpGrid(event.container);},100);}};function initCards(container){trace('theme :: initCards',container);var $container=$(container);$container.children('.node:not(.listened)').bind('mouseenter focused mousemove click mouseleave',onCardEventDispatcher).each(function(i){protectFigures(this);if(_isLoggedIn){if(!$container.is('.modal-content')){initPreview(this);}else{if(!$(this).is(":first-child")){var $closebtn=$('<section><i class="icon-remove"></i></section>');$closebtn.bind('click',function(){$(this).parents('.node-materiau').remove();});$('nav.nav',this).append($closebtn);}}}}).addClass('listened');};function setUpGrid(container){var $card,top,old_top,col=0,line=0;$(container).children('.node').each(function(i){$card=$(this);top=$card.offset().top;if(old_top!=top){line++;old_top=top;col=0;}
+$next=$('.tabs .active',_$homeBlockDidactique).siblings().eq(0);$next.trigger('click');}},15000);};function initHomeV2(){initCards('#home-v2 .panel-pane.news-panel .panel-col-first .views-row');$('.panel-pane.showroom .group-content-wrapper','#home-v2').attr('data-400-center-top','transform:translateX(-43em);opacity:0;').attr('data-100-center-center','transform[quadratic]:translateX(0em);opacity[quadratic]:1;').attr('data-top-bottom','transform[quadratic]:translateX(10em);');$('.panel-pane.showroom .field-name-field-bandeau img','#home-v2').attr('data-400-bottom-top','transform:translateY(-20em);').attr('data-200-top-bottom','transform:translateY(5em);');$('.panel-pane.bdd .group-content-wrapper','#home-v2').attr('data-400-center-top','transform:translateX(40em);opacity:0;').attr('data-200-center-center','transform[quadratic]:translateX(0em);opacity[quadratic]:1;');$('.panel-pane.bdd .field-name-field-bandeau img','#home-v2').attr('data-400-bottom-top','transform:translateX(0em);').attr('data-100-top-bottom','transform[quadratic]:translateX(-40em);');$('.panel-pane.news-panel .center-wrapper .panel-panel','#home-v2').each(function(i,e){$(this).attr('data-anchor-target',"#news-pane").attr('data--'+(i+1)*75+'-bottom-top','transform:translateY(20em);opacity:0;').attr('data-center-top','transform[quadratic]:translateY(0em);opacity:1;');});$('.panel-pane.formations .group-content-wrapper','#home-v2').attr('data-50-bottom-top','transform:translateX(20em);opacity:0;').attr('data-center-top','transform[quadratic]:translateX(0em);opacity:1;');$('.panel-pane.services .group-content-wrapper','#home-v2').attr('data-50-bottom-top','transform:translateX(20em);opacity:0;').attr('data-center-top','transform[quadratic]:translateX(0em);opacity:1;');$('.panel-pane.publication .views-row','#home-v2').each(function(i,e){$(this).attr('data--'+i*100+'-bottom-top','opacity:0;').attr('data-'+i*50+'-center-center','opacity:1;');});_skrollr=skrollr.init({skrollrBody:"root"});};function initLayout(){trace("initLayout");var height=$('#header').h()+$('#tasks').h();height+=$('#utilities').h();if(!$('html').is(".ie8")){$('#container').animate({'padding-top':height},150);}};function initInfinitScroller(){$.event.trigger({type:'init-scroller-pager',pager:$('ul.pager','#content')});$(document).bind('scroll',function(event){checkInfinitScroller();});};function checkInfinitScroller(){if($(window).scrollTop()+$(window).height()>getDocHeight()-200){infinitScrollPager();}};function infinitScrollPager(){if($('ul.pager','#content').length){var $nextpage=$('ul.pager .pager-current','#content').next(),href=$('a',$nextpage).attr('href');if(href){$.event.trigger({type:'record-stat',path:href});$.event.trigger({type:'load-scroller-pager',href:href});}}};function initEvents(){$(document).bind('init-layout',initLayout).bind('loading-content',onLoadingContent).bind('loaded-content',onLoadedContent).bind('resultschanged',onResultsChanged).bind('resultscompleted',onResultsCompleted).bind('mybookmarks-block-updated',onMybookmarksBlockUpdate).bind('mylists-block-builded',onMyListsBlockBuilded).bind('mylists-block-updated',onMyListsBlockUpdate).bind('flagGlobalAfterLinkUpdate',onAfterFlaging).bind('record-stat',onRecordStat).bind('view-mode-changed',onViewModeChanged).bind('ajax-register-block-loaded',onAjaxRegisterBlockLoaded);$(window).bind('resize',onResizeWindow);initFlagsEvent();$('#block-user-login h2, #block-menu-menu-top-menu h2').bind('click',function(event){event.preventDefault();$(this).parent('.block').toggleClass('hovered');$('.hovered').not($(this).parent('.block')).removeClass('hovered');return false;});$('#block-materio-search-api-materio-search-api-viewmode .viewmode-link').bind('vm-clicked-active',function(event){$(this).parents('.block').toggleClass('hovered');$('.hovered').not($(this).parents('.block')).removeClass('hovered');});$('#block-materio-search-api-materio-search-api-viewmode .viewmode-link').bind('vm-clicked',function(event){$(this).parents('.block').removeClass('hovered');$('.hovered').not($(this).parents('.block')).removeClass('hovered');});Drupal.ajax.prototype.commands.ajaxAfterAddedFilterLine=function(ajax,response,status){initLayout();};Drupal.ajax.prototype.commands.ajaxAfterRemovedFilterLine=function(ajax,response,status){initLayout();};};function onLoadingContent(event){_$content.addClass('faded');$('#materio-search-api-search-form, #materio-search-api-advanced-search-form').addClass('loading');};function onLoadedContent(event){_$content.removeClass('faded');$('#materio-search-api-search-form, #materio-search-api-advanced-search-form').removeClass('loading');};function onResultsChanged(event){trace('MaterioBaseTheme :: onResultsChanged',event);$(document).scrollTop(0);focusCard($('#content .search-results, #content .actuality-items').children('.node:first-child'));onResultsCompleted(event);};function onResultsCompleted(event){checkInfinitScroller();if(event.container!=undefined){setTimeout(function(){initCards(event.container);setUpGrid(event.container);},100);}};function initCards(container){trace('theme :: initCards',container);var $container=$(container);$container.children('.node:not(.listened)').bind('mouseenter focused mousemove click mouseleave',onCardEventDispatcher).each(function(i){protectFigures(this);if(_isLoggedIn){if(!$container.is('.modal-content')){initPreview(this);}else{if(!$(this).is(":first-child")){var $closebtn=$('<section><i class="icon-remove"></i></section>');$closebtn.bind('click',function(){$(this).parents('.node-materiau').remove();});$('nav.nav',this).append($closebtn);}}}}).addClass('listened');};function setUpGrid(container){var $card,top,old_top,col=0,line=0;$(container).children('.node').each(function(i){$card=$(this);top=$card.offset().top;if(old_top!=top){line++;old_top=top;col=0;}
 col++;$card.attr('column',col).attr('line',line);});};function onViewModeChanged(event){if(_isBreveMateriauNodePage){$.event.trigger('loading-content');var url=_settings.basePath+_settings.pathPrefix+'materio_search_api_ajax/node/'+_themeSettings.node_nid;$.getJSON(url,function(json){$.event.trigger('loaded-content');$('#content>.inner-content').html(json.node);$.event.trigger({type:'resultschanged',container:'#content>.inner-content'});});}};function onCardEventDispatcher(event){var vmode=event.currentTarget.className.match(/vm-([a-z|A-Z]+)/);var cf='on_'+event.type+'_card';var f='on_'+event.type+'_'+vmode[1];if(typeof _this[cf]=='function')
 _this[cf].call(this,event);if(typeof _this[f]=='function')
 _this[f].call(this,event);};MaterioBaseTheme.prototype.on_mousemove_card=function(event){focusCard($(this));};MaterioBaseTheme.prototype.on_mouseenter_cardsmall=function(event){showLazyLoadedImages(event.currentTarget);};MaterioBaseTheme.prototype.on_focused_cardsmall=function(event){v1=$(this);v2=v1.offset();_$tooltip.html($('.group-header',this).clone().addClass('smallcard')).css({top:v2.top,left:v2.left+5+($(this).w())}).removeClass('op-hidden').addClass('op-visible');};MaterioBaseTheme.prototype.on_mousemove_cardsmall=function(event){horiHoverImagesSwitcher(event);_$tooltip.css({top:event.pageY-_$tooltip.h()-5,left:event.pageX+5+($(this).w()-event.layerX)});};MaterioBaseTheme.prototype.on_mouseleave_cardsmall=function(event){$('.images img.op-visible',this).removeClass('op-visible').addClass('op-hidden').eq(0).removeClass('op-hidden').addClass('op-visible');if($(this).is('.focused'))
diff --git a/sites/all/themes/gui/materiobasetheme/scss/styles.scss b/sites/all/themes/gui/materiobasetheme/scss/styles.scss
index 7ef62c0e..82318bd8 100644
--- a/sites/all/themes/gui/materiobasetheme/scss/styles.scss
+++ b/sites/all/themes/gui/materiobasetheme/scss/styles.scss
@@ -573,7 +573,7 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
   @media #{$small-only}{
     margin-top:0;
   }
-  max-height: 100px;
+  // max-height: 100px;
 }
 /*
                     _