diff --git a/addons/web/static/src/css/base.css b/addons/web/static/src/css/base.css
index 22f4e56e586..f2d80fff715 100644
--- a/addons/web/static/src/css/base.css
+++ b/addons/web/static/src/css/base.css
@@ -2084,7 +2084,7 @@ ul.oe-arrow-list li.oe-arrow-list-selected .oe-arrow-list-after {
 
 /* Login page */
 
-#oe_login {
+.login {
     padding: 0;
     margin: 0;
     font-family: "Lucida Grande", Helvetica, Verdana, Arial;
@@ -2094,22 +2094,22 @@ ul.oe-arrow-list li.oe-arrow-list-selected .oe-arrow-list-after {
     height: 100%;
 }
 
-#oe_login ul, ol {
+.login ul, ol {
     padding: 0;
     margin: 0;
 }
 
-#oe_login li {
+.login li {
     list-style-type: none;
     padding-bottom: 4px;
 }
 
-#oe_login a {
+.login a {
     color: #eee;
     text-decoration: none;
 }
 
-#oe_login button {
+.login button {
     float: right;
     display: inline-block;
     cursor: pointer;
@@ -2131,7 +2131,7 @@ ul.oe-arrow-list li.oe-arrow-list-selected .oe-arrow-list-after {
     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(155, 155, 155, 0.4) inset;
 }
 
-#oe_login input, #oe_login select {
+.login input, #oe_login select {
     width: 250px;
     margin-bottom: 10px;
     font-size: 14px;
@@ -2146,7 +2146,7 @@ ul.oe-arrow-list li.oe-arrow-list-selected .oe-arrow-list-after {
     border-radius: 3px;
 }
 
-#oe_login .dbpane {
+.login .dbpane {
     position: fixed;
     top: 0;
     right: 8px;
@@ -2163,7 +2163,7 @@ ul.oe-arrow-list li.oe-arrow-list-selected .oe-arrow-list-after {
     border-radius: 0 0 8px 8px;
 }
 
-#oe_login .bottom {
+.login .bottom {
     position: absolute;
     top: 50%;
     left: 0;
@@ -2175,7 +2175,7 @@ ul.oe-arrow-list li.oe-arrow-list-selected .oe-arrow-list-after {
     background: -webkit-gradient(linear, left top, left bottom, from(#b41616), to(#600606));
 }
 
-#oe_login .pane {
+.login .pane {
     position: absolute;
     top: 50%;
     left: 50%;
@@ -2196,12 +2196,12 @@ ul.oe-arrow-list li.oe-arrow-list-selected .oe-arrow-list-after {
     opacity: 0.95;
 }
 
-#oe_login .pane h2 {
+.login .pane h2 {
     margin-top: 0;
     font-size: 18px;
 }
 
-#oe_login #logo {
+.login #logo {
     position: absolute;
     top: -70px;
     left: 0;
@@ -2210,7 +2210,7 @@ ul.oe-arrow-list li.oe-arrow-list-selected .oe-arrow-list-after {
     text-align: center;
 }
 
-#oe_login .footer {
+.login .footer {
     position: absolute;
     bottom: -40px;
     left: 0;
@@ -2218,16 +2218,16 @@ ul.oe-arrow-list li.oe-arrow-list-selected .oe-arrow-list-after {
     text-align: center;
 }
 
-#oe_login .footer a {
+.login .footer a {
     font-size: 13px;
     margin: 0 8px;
 }
 
-#oe_login .footer a:hover {
+.login .footer a:hover {
     text-decoration: underline;
 }
 
-#oe_login .openerp {
+.login .openerp {
     font-weight: bold;
     font-family: serif;
     font-size: 16px;