diff --git a/addons/web/static/src/css/base.sass b/addons/web/static/src/css/base.sass
index dcb078e8903..51e11840bf9 100644
--- a/addons/web/static/src/css/base.sass
+++ b/addons/web/static/src/css/base.sass
@@ -1,3 +1,47 @@
-// vim:tabstop=4:shiftwidth=4:softtabstop=4
+// Mixins {{{
+@mixin vertical-gradient($startColor: #555, $endColor: #333)
+    background: $startColor
+    background: -moz-linear-gradient($startColor, $endColor)
+    background: -webkit-gradient(linear, left top, left bottom, from($startColor), to($endColor))
+    background: -webkit-linear-gradient($startColor, $endColor)
+
+@mixin radial-gradient($gradient)
+    background-position: center center
+    background-image: radial-gradient($gradient)
+    background-image: -moz-radial-gradient($gradient)
+    background-image: -webkit-radial-gradient(circle, $gradient)
+
+@mixin radius($radius: 5px)
+    -moz-border-radius: $radius
+    -webkit-border-radius: $radius
+    border-radius: $radius
+
+@mixin box-shadow($bsval: 0px 1px 4px #777)
+    -moz-box-shadow: $bsval
+    -webkit-box-shadow: $bsval
+    -box-shadow: $bsval
+
+@mixin transition($transval: (border linear 0.2s, box-shadow linear 0.2s))
+    -webkit-transition: $transval
+    -moz-transition: $transval
+    -ms-transition: $transval
+    -o-transition: $transval
+    transition: $transval
+
+@mixin opacity($opacity: .5)
+    filter: alpha(opacity=$opacity * 100)
+    -khtml-opacity: $opacity
+    -moz-opacity: $opacity
+    opacity: $opacity
+
+@mixin background-clip($clip: padding-box)
+    -webkit-background-clip: $clip
+    -moz-background-clip: $clip
+    background-clip: $clip
+// }}}
+
 .openerp2
     // Minh's playground.
+
+// au BufWritePost,FileWritePost *.sass :!sass --style expanded --line-numbers <afile> > "%:p:r.css"
+// vim:tabstop=4:shiftwidth=4:softtabstop=4:fdm=marker:
diff --git a/addons/web/static/src/xml/base.xml b/addons/web/static/src/xml/base.xml
index 3d791fbbbd1..89e28398bc9 100644
--- a/addons/web/static/src/xml/base.xml
+++ b/addons/web/static/src/xml/base.xml
@@ -18,15 +18,24 @@
     </div>
 </t>
 <t t-name="WebClient">
-    <table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%" class="main_table">
-    <tr>
-        <td colspan="2" valign="top">
+    <div class="oe_webclient">
+        <div class="oe_topbar">
             <div id="oe_header" class="header"></div>
             <div id="oe_menu" class="menu"></div>
-        </td>
-    </tr>
-    <tr>
-        <td colspan="2" valign="top" height="100%">
+        </div>
+        <div class="oe_leftbar">
+            <!--
+            <a href="#" class="oe_logo"><img src="img/logo.png"/></a>
+
+            <div class="oe_secondary_menu"/>
+
+            <div class="oe_footer">
+                Powered by <a href="http://www.openerp.com" class="openerp"><span class="red">Open</span>ERP</a>
+            </div>
+            -->
+        </div>
+        <div class="oe_application">
+            <!-- This table will be removed as soon as we decide what will happen to the sidebar -->
             <table cellspacing="0" cellpadding="0" border="0" height="100%" width="100%">
             <tr>
                 <td valign="top" id="oe_secondary_menu" class="secondary_menu"></td>
@@ -36,16 +45,9 @@
                 </td>
             </tr>
             </table>
-        </td>
-    </tr>
-    <tr>
-        <td colspan="2">
-            <div id="oe_footer" class="oe_footer">
-                <p class="oe_footer_powered">Powered by <a href="http://www.openerp.com">OpenERP</a></p>
-            </div>
-        </td>
-    </tr>
-    </table>
+
+        </div>
+    </div>
 </t>
 <t t-name="Loading">
     <div id="oe_loading">