.autosphere .login-title {
    font-size: 19px;
}

.autosphere .titre-charte {
    font-family: syncopateBold;
}

.autosphere .titre-color{
    color: #0e18c4;
}

.autosphere .texte-charte {
    font-family: syncopate;
}

/* IMAGES */

.autosphere .header .header-logo {
    height: 100px;
    width: 250px;
    background-image: url('../css/img/autosphere/autosphere-finance.png');
    background-repeat: no-repeat;
}

.autosphere .img-header {
    background-image: url('../css/img/autosphere/logo-autosphere-500x200.png');
    background-position: top left;
}

.autosphere > .container {
    background-image: url(../css/img/autosphere/fondhomepageautosphere_750.jpg);
}


/* BUTTONS */

.autosphere .btn-primary,
.autosphere .dropdown-menu > li > a.btn-primary {
    background-color: #0e18c4;
    border-color: #0e18c4;
    color: white;
    text-transform: none;
}

.autosphere .btn-primary:hover,
.autosphere .dropdown-menu > li > a.btn-primary:hover {
    background-color: #3E3E40;
    border-color: #3E3E40;
}


/* MEDIA QUERIES*/

@media (min-width: 768px) {
    .autosphere > .container {
        background-image: url(../css/img/autosphere/fondhomepageautosphere_750.jpg);
    }
}

@media (min-width: 992px) {
    .autosphere > .container {
        background-image: url(../css/img/autosphere/fondhomepageautosphere_970.jpg);
    }
}

@media (min-width: 1200px) {
    .autosphere > .container {
        background-image: url(../css/img/autosphere/fondhomepageautosphere_1170.jpg);
    }
}