.wrapper, .skin-blue {
    background: #fff;
    color: #0B0A0A;
}
.content-wrapper {
    margin-left: 180px;
}
.main-header {
}

.wrapper-image-header {
    max-width: 100%;
    max-height: 100%;
}

.wrapper-image-header img {
    margin-top: 12rem;
}

.box-body {
    padding: 8rem 0 12rem;
    color: #fff;
}

.sidebar-menu>li>a {
    padding: 30px 5px 12px 15px;
}

.masthead h1 {
    padding-top: 40px;
    font-size: 6rem;
    text-align: center;
    padding-bottom: 3rem;
}
.masthead {
    text-align: center;
}
.masthead p {
    text-align: center;
    padding-top: 1rem;
    font-size: 1.8rem;
    color: #bcd7ee;
}

.masthead span {
    line-height: 2rem;
}
.box-body img {
    max-width: 100%;
    max-height: 100%;
}

.box-body-header {
    /*background: #3196dd;*/
    background-size: cover;
    background-image: url(/images/overlay.svg),linear-gradient(45deg, #0e3273 0%, #4d91ff 100%);
}

.bs-callout-info {
    border: 1px solid #eee;
    border-left: 5px solid #4d91ff;
    padding: 20px;
    margin: 20px 0;
    border-radius: 3px;
    color: #0B0A0A;
    font-size: larger;
}

.btn.btn-primary {
    background:#51db24;
    padding: 11px;
}
.main-footer {
    margin-left: 180px;
}

.question-header {
    display: block;
    color: #fff;
    padding-top: 1rem;
    font-weight: 400;
    font-size: 2.1rem;
    padding-bottom: 2rem;
    text-align: center;
}

.main-header .navbar {
    margin-left: 0;
    background: #fff;
    border-bottom: 1px solid #efefef;
}

.margin-top-1 {
    margin-top: 1% !important;
}

.login-box, .register-box {
    width: 360px;
    margin: 5% auto;
}



.font-size-p-callout {
    font-size: 3rem;
}

.list-hidden {
    width: 200px;
    margin-top: 49px;
    text-align: center;
    position: fixed;
    background: #0c9ec7;
    top: 0;
    bottom: 0;
    z-index: 120;
    left: -200px;
}

.list-hidden ul {
    margin: 20px;
    display: block;
    list-style-type: disc;
    padding-inline-start: 0px;
}

.list-hidden li {
    list-style: none;
    padding: 7px;
    font-size: larger;
    text-align: center;
    color: #fff;
}

.list-hidden li a {
    color: #fff;
}
.list-hidden li a:hover {
    color: #0d0a0a;
}
.main-sidebar {
    background: #1d2d48;
    box-shadow: 3px 2px 2px rgba(0,0,0, 0.1);
    width: 185px;
}

.main-sidebar a {
    color: #fff;
}

.text-upper {
    text-transform: uppercase;
}

.content {
    margin-left: 0;
}
.content .box-body p, .content .box-body li {
    color: #0B0A0A;
    padding: 15px;
    padding-bottom: 0;
    margin-bottom: 0;
    list-style: none;
}

.box-body ul {
    margin-bottom: 0;
}

.title_large {
    text-transform: uppercase;
}

.main-footer {
    margin-left: 0;
}

#newsletter_vips .login-logo {
    margin-bottom: 0;

}
#newsletter_vips .login-box-body {
    background: transparent;
}
#newsletter_vips .login-logo h3 {
    font-size: xx-large;
}


#newsletter_vips div.login-box-body {
    padding: 0;
}

#newsletter_vips p.login-box-msg {
    padding: 0;
    padding-bottom: 2rem;
    text-align: left;
}

#bouton.btn.btn-primary {
    background: #3d8dbc;
}


.error {
    color:  red;
    font-size: large;
}

@media (min-width: 1200px) and (max-width: 1365px) {
    div.container {
        width: 1000px;
    }
}

@media (min-width: 993px) and (max-width: 1199px) {
    div.container {
        width: 800px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    div.container {
        width: 579px;
    }
}

@media (max-width: 767px) {
    .content-wrapper {
        margin-left: 0;
    }
}