/**********************************************************
 * This is Generated Code
 * You should not modify this code as it may be overwritten.
 * Generated By Generative Objects 
 *********************************************************/
.brand.horizontal .header-image {
    width: 100px;
}

header-wrapper > header .badge {
    background-color: #036ba1 !important;
}

.header-image {
    max-width: 120px;
}

.loginPage h1 {
    color: #003661;
}

h2 {
    color: #036ba1;
}

.loginPage .command-button, .loginPage .btn-primary {
    color: #fff;
    background-color: #003661;
    border-color: #003661;
}

/* Le logo Météo-France est un carré plein : le décalage de layout.css, prévu pour le blanc du
   logo générique de la plateforme, le sortait du centre. */
.loginPage .brand.vertical .logo {
    margin-left: 0;
    max-width: 100%;
    height: auto;
    display: block;
}

.loginPage .brand.vertical .header-image {
    margin-left: auto;
    margin-right: auto;
}