Index: themes/berlin/scss/init/_config.scss
===================================================================
--- themes/berlin/scss/init/_config.scss	(revision 2640)
+++ themes/berlin/scss/init/_config.scss	(revision 2946)
@@ -1,5 +1,18 @@
 // ----------------- LIBRAIRIES ------------------- //
+
+// ----------------- Compass config --------------- //
+// Do not support IE less than IE9
+$browser-minimum-versions: (
+  "ie": "9"
+);
+$graceful-usage-threshold: 100;
+$critical-usage-threshold: 100;
 @import "compass";                    // gem
+
 @import "libs/scut";
+
+// ----------------- Zengrids config -------------- //
+$legacy-support-for-ie7: false;
+$legacy-support-for-ie6: false;
 //@import "libs/zen-grids/background";
 //@import "libs/zen-grids/flow";
Index: themes/berlin/style.css
===================================================================
--- themes/berlin/style.css	(revision 2846)
+++ themes/berlin/style.css	(revision 2946)
@@ -3,4 +3,11 @@
     Start
 --------------------------------------------------- */
+/** =================================================================================
+      Base rules and html5 compatibility by Dotclear Team,
+//*  most based on some Koz's habits and:
+//*  - Comprehensive Base Stylesheet by fvsch - http://fvsch.com/code/base-stylesheet/
+//*  - Normalize.css v2.1.3 | MIT License | git.io/normalize
+//*  - Knacss | WTFYW | by Raphael Goetter
+================================================================================== */
 /* largeur des paddings et border compris dans "width" */
 *,
@@ -235,5 +242,5 @@
   transition: .3s; }
   a:link, a:visited {
-    border-bottom: 1px solid gainsboro; }
+    border-bottom: 1px solid #dcdcdc; }
   a:visited {
     border-bottom-style: dotted; }
@@ -248,9 +255,7 @@
   height: 1px;
   background: #333;
-  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #dcdcdc), color-stop(50%, #626262), color-stop(100%, #dcdcdc));
-  background-image: -webkit-linear-gradient(left, #dcdcdc, #626262, #dcdcdc);
-  background-image: -moz-linear-gradient(left, #dcdcdc, #626262, #dcdcdc);
-  background-image: -o-linear-gradient(left, #dcdcdc, #626262, #dcdcdc);
-  background-image: linear-gradient(left, #dcdcdc, #626262, #dcdcdc); }
+  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RjZGNkYyIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjNjI2MjYyIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZGNkY2RjIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
+  background-size: 100%;
+  background-image: linear-gradient(to right, #dcdcdc, #626262, #dcdcdc); }
 
 blockquote, q {
@@ -271,5 +276,5 @@
   display: block;
   line-height: .25;
-  color: gainsboro;
+  color: #dcdcdc;
   margin-bottom: 0; }
 
@@ -363,10 +368,8 @@
 
 #main {
-  background-color: white;
+  background-color: #fff;
   padding: 1em .5em 2em; }
 
 #page {
-  *position: relative;
-  *zoom: 1;
   max-width: 60em;
   margin: 0 auto;
@@ -378,12 +381,9 @@
     clear: both; }
 
-#wrapper {
-  *position: relative;
-  *zoom: 1; }
-  #wrapper:before, #wrapper:after {
-    content: "";
-    display: table; }
-  #wrapper:after {
-    clear: both; }
+#wrapper:before, #wrapper:after {
+  content: "";
+  display: table; }
+#wrapper:after {
+  clear: both; }
 
 .header {
@@ -403,5 +403,4 @@
     margin-left: 0%;
     margin-right: -100%;
-    *margin-right: -99.9%;
     padding-left: 1em;
     padding-right: 1em;
@@ -410,9 +409,5 @@
     -ms-box-sizing: border-box;
     box-sizing: border-box;
-    word-wrap: break-word;
-    *behavior: url("scripts");
-    _display: inline;
-    _overflow: hidden;
-    _overflow-y: visible; }
+    word-wrap: break-word; }
 
   #sidebar {
@@ -421,5 +416,4 @@
     margin-left: 75%;
     margin-right: -100%;
-    *margin-right: -99.9%;
     padding-left: 1em;
     padding-right: 1em;
@@ -428,9 +422,5 @@
     -ms-box-sizing: border-box;
     box-sizing: border-box;
-    word-wrap: break-word;
-    *behavior: url("scripts");
-    _display: inline;
-    _overflow: hidden;
-    _overflow-y: visible; } }
+    word-wrap: break-word; } }
 @media screen and (min-width: 110.1em) {
   body {
@@ -449,5 +439,4 @@
     margin-left: 0%;
     margin-right: -100%;
-    *margin-right: -99.9%;
     padding-left: 1em;
     padding-right: 1em;
@@ -456,9 +445,5 @@
     -ms-box-sizing: border-box;
     box-sizing: border-box;
-    word-wrap: break-word;
-    *behavior: url("scripts");
-    _display: inline;
-    _overflow: hidden;
-    _overflow-y: visible; }
+    word-wrap: break-word; }
 
   #sidebar {
@@ -467,5 +452,4 @@
     margin-left: 66.6666667%;
     margin-right: -100%;
-    *margin-right: -99.9%;
     padding-left: 1em;
     padding-right: 1em;
@@ -474,9 +458,5 @@
     -ms-box-sizing: border-box;
     box-sizing: border-box;
-    word-wrap: break-word;
-    *behavior: url("scripts");
-    _display: inline;
-    _overflow: hidden;
-    _overflow-y: visible; }
+    word-wrap: break-word; }
 
   #blognav, #blogextra {
@@ -499,5 +479,4 @@
   border: 0;
   overflow: hidden;
-  *zoom: 1;
   text-align: right; }
   .skip-links li {
@@ -505,10 +484,6 @@
     list-style-type: none;
     margin-left: 0;
-    display: -moz-inline-stack;
     display: inline-block;
     vertical-align: middle;
-    *vertical-align: auto;
-    zoom: 1;
-    *display: inline;
     white-space: nowrap;
     padding-left: 0.5em;
@@ -539,5 +514,5 @@
   font-weight: 500;
   letter-spacing: -1px;
-  text-shadow: 1px 4px 6px white, 0 0 0 black, 1px 4px 6px white; }
+  text-shadow: 1px 4px 6px #fff, 0 0 0 #000, 1px 4px 6px #fff; }
 
 .site-title__link:hover .site-title__text,
@@ -558,5 +533,4 @@
   border: 0;
   overflow: hidden;
-  *zoom: 1;
   clear: left;
   text-align: right;
@@ -567,10 +541,6 @@
     list-style-type: none;
     margin-left: 0;
-    display: -moz-inline-stack;
     display: inline-block;
     vertical-align: middle;
-    *vertical-align: auto;
-    zoom: 1;
-    *display: inline;
     white-space: nowrap;
     padding-left: 1em;
@@ -588,5 +558,5 @@
   .header__nav li a:link,
   .header__nav li a:visited {
-    color: white; }
+    color: #fff; }
   .header__nav li a:hover,
   .header__nav li a:focus {
@@ -628,5 +598,5 @@
       display: block;
       margin-right: 0;
-      border-bottom: 1px solid white; } }
+      border-bottom: 1px solid #fff; } }
 @media screen and (max-width: 30em) {
   .skip-links {
@@ -646,5 +616,5 @@
 .footer__widgets {
   padding: 1em;
-  background-color: white;
+  background-color: #fff;
   text-align: center;
   line-height: 2; }
@@ -672,16 +642,11 @@
   padding: 0;
   border: 0;
-  overflow: hidden;
-  *zoom: 1; }
+  overflow: hidden; }
   .footer__widgets ul li {
     list-style-image: none;
     list-style-type: none;
     margin-left: 0;
-    display: -moz-inline-stack;
     display: inline-block;
     vertical-align: middle;
-    *vertical-align: auto;
-    zoom: 1;
-    *display: inline;
     white-space: nowrap;
     padding-left: 0.5em;
@@ -689,8 +654,7 @@
 
 .sidebar {
-  *zoom: 1;
   padding-top: 2em;
   background: #373737 url(img/bg_dark.png);
-  color: white;
+  color: #fff;
   text-shadow: #373737 0px -1px 0px; }
   .sidebar:after {
@@ -721,5 +685,5 @@
 .blogextra__widgets h4 {
   font-size: 1em;
-  color: white;
+  color: #fff;
   font-weight: bold; }
 
@@ -750,9 +714,9 @@
   display: block;
   padding: .25em;
-  border-bottom: 1px solid gainsboro; }
+  border-bottom: 1px solid #dcdcdc; }
 .blognav__widgets li ul, .blogextra__widgets li ul {
   margin-left: -.25em; }
 .blognav__widgets li li, .blogextra__widgets li li {
-  border-top: 1px solid gainsboro; }
+  border-top: 1px solid #dcdcdc; }
 .blognav__widgets li li:last-child, .blogextra__widgets li li:last-child {
   border-bottom: none; }
@@ -763,5 +727,5 @@
 .category-current {
   margin-left: -2em;
-  background-color: black; }
+  background-color: #000; }
 
 .category-current ul {
@@ -781,5 +745,5 @@
 /* *** navigation *** */
 .navlinks {
-  color: white;
+  color: #fff;
   margin: 0; }
 
@@ -788,5 +752,5 @@
   overflow: hidden;
   text-align: left;
-  background-image: url('img/icon_prev.png?1418493572');
+  background-image: url('img/icon_prev.png?1422635622');
   background-repeat: no-repeat;
   background-position: 50% 50%; }
@@ -796,5 +760,5 @@
   overflow: hidden;
   text-align: left;
-  background-image: url('img/icon_next.png?1418493572');
+  background-image: url('img/icon_next.png?1422635622');
   background-repeat: no-repeat;
   background-position: 50% 50%; }
@@ -806,5 +770,5 @@
   display: inline-block;
   border-radius: 50%;
-  border: 1px solid gainsboro;
+  border: 1px solid #dcdcdc;
   background-color: #f2f2f2; }
   .prev:hover, .prev:focus, .next:hover, .next:focus {
@@ -814,5 +778,5 @@
 #content-info {
   margin-bottom: 4em;
-  border-bottom: 1px solid gainsboro;
+  border-bottom: 1px solid #dcdcdc;
   padding: 0;
   font-size: 0.875em; }
@@ -823,9 +787,9 @@
     border-radius: .5em;
     background-color: #267daf;
-    color: white;
+    color: #fff;
     font-size: 1.1428571em;
     text-align: center; }
     #content-info h2 a {
-      color: white; }
+      color: #fff; }
   #content-info h3 {
     font-size: 1em; }
@@ -857,5 +821,5 @@
   border: 1px solid #626262;
   border-radius: .25em;
-  background-color: white;
+  background-color: #fff;
   color: #333;
   font-size: .875em;
@@ -904,6 +868,5 @@
   padding: 0;
   border: 0;
-  overflow: hidden;
-  *zoom: 1; }
+  overflow: hidden; }
 
 .post-tags-item {
@@ -911,10 +874,6 @@
   list-style-type: none;
   margin-left: 0;
-  display: -moz-inline-stack;
   display: inline-block;
   vertical-align: middle;
-  *vertical-align: auto;
-  zoom: 1;
-  *display: inline;
   white-space: nowrap;
   vertical-align: top; }
@@ -929,5 +888,5 @@
   font-weight: 200; }
   .post-title a, .post-title a:link, .post-title a:visited {
-    border-bottom-color: white; }
+    border-bottom-color: #fff; }
   .post-title a:hover, .post-title a:focus, .post-title a:active {
     color: #267daf;
@@ -956,5 +915,5 @@
   position: relative;
   padding: 0 2.5em .25em;
-  border: 1px solid gainsboro;
+  border: 1px solid #dcdcdc;
   box-shadow: 0 2px rgba(0, 0, 0, 0.05), 0 0 1px rgba(0, 0, 0, 0.2); }
 
@@ -1019,5 +978,5 @@
   margin-top: -.5em;
   border-radius: 50%;
-  background-color: white;
+  background-color: #fff;
   z-index: 1000;
   line-height: 2.5em;
@@ -1057,5 +1016,5 @@
 .error {
   background-color: #d52125;
-  color: white;
+  color: #fff;
   padding: .25em .5em; }
 
@@ -1065,9 +1024,7 @@
 
 button.submit, button.preview {
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #778f96), color-stop(100%, #5d757d));
-  background-image: -webkit-linear-gradient(top, #778f96, #5d757d);
-  background-image: -moz-linear-gradient(top, #778f96, #5d757d);
-  background-image: -o-linear-gradient(top, #778f96, #5d757d);
-  background-image: linear-gradient(top, #778f96, #5d757d);
+  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc3OGY5NiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzVkNzU3ZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
+  background-size: 100%;
+  background-image: linear-gradient(to bottom, #778f96, #5d757d);
   box-shadow: inset 0 1px 3px 0 #778f96;
   background-color: #778f96;
@@ -1076,5 +1033,5 @@
   display: inline-block;
   cursor: pointer;
-  color: white;
+  color: #fff;
   padding: .25em .5em;
   text-decoration: none;
@@ -1086,8 +1043,6 @@
 button.preview:focus {
   cursor: pointer;
-  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5d757d), color-stop(100%, #5d757d));
-  background-image: -webkit-linear-gradient(#5d757d, #5d757d);
-  background-image: -moz-linear-gradient(#5d757d, #5d757d);
-  background-image: -o-linear-gradient(#5d757d, #5d757d);
+  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVkNzU3ZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzVkNzU3ZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
+  background-size: 100%;
   background-image: linear-gradient(#5d757d, #5d757d);
   background-color: #5d757d; }
@@ -1113,5 +1068,5 @@
     height: 1px;
     content: " ";
-    background-color: gainsboro;
+    background-color: #dcdcdc;
     text-shadow: none;
     width: 20%;
@@ -1129,5 +1084,5 @@
     height: 1px;
     content: " ";
-    background-color: gainsboro;
+    background-color: #dcdcdc;
     text-shadow: none;
     width: 20%;
@@ -1296,8 +1251,5 @@
 
 .sidebar, #main {
-  -webkit-transition: 0.3s all linear;
-  -moz-transition: 0.3s all linear;
-  -o-transition: 0.3s all linear;
-  transition: 0.3s all linear; }
+  transition: all 0.3s linear; }
 
 .js #content-info h2,
@@ -1326,5 +1278,5 @@
   #offcanvas-on {
     display: block;
-    background-color: white;
+    background-color: #fff;
     background-image: url(img/icon_open-sidebar.png);
     background-image: url(img/icon_open-sidebar.svg), none;
@@ -1336,5 +1288,5 @@
     background-image: url(img/icon_close.png);
     background-image: url(img/icon_close.svg), none;
-    border: 1px solid white; }
+    border: 1px solid #fff; }
 
   #wrapper {
@@ -1351,5 +1303,4 @@
     margin-right: 0%;
     margin-left: -100%;
-    *margin-left: -99.9%;
     padding-left: 1em;
     padding-right: 1em;
@@ -1358,8 +1309,4 @@
     -ms-box-sizing: border-box;
     box-sizing: border-box;
-    word-wrap: break-word;
-    *behavior: url("scripts");
-    _display: inline;
-    _overflow: hidden;
-    _overflow-y: visible; } }
+    word-wrap: break-word; } }
 /*** dev only ***/
