html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}

.navbar-brand-box {
    padding: 0 1.5rem;
    text-align: center;
    width: 225px;
    height: 56px;
    line-height: 40px;
}

.form-control {
    max-width: 500px !important;
}

.dropdownlist {
    max-width: 400px !important;
}

.card-header {
    color: #fff;
    background-color: #d63d2d;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #d63d2d;
    --bs-btn-border-color: #d63d2d;
    --bs-btn-hover-bg: #f75959;
    --bs-btn-hover-border-color: #f75959;
    --bs-btn-hover-color: #fff;
}

    .btn-primary:disabled {
        --bs-btn-color: #fff;
        --bs-btn-bg: #d63d2d;
        --bs-btn-border-color: #d63d2d;
        --bs-btn-hover-bg: #f75959;
        --bs-btn-hover-border-color: #f75959;
        --bs-btn-hover-color: #fff;
        opacity: inherit;
    }

.btn:disabled {
    color: #fff;
    background-color: #d63d2d;
    border-color: #d63d2d;
    opacity: 0.65;
}

.chiffres span {
    display: block;
    margin: auto;
    text-align: center;
    background-color: #b61313;
    color: #ffffff;
    width: 70px;
    height: 70px;
    -moz-border-radius: 35px;
    -webkit-border-radius: 35px;
    border-radius: 35px;
    padding-top: 22px;
    font-size: 18px;
}

.chiffres {
    text-align: center;
}

.accordion-button {
    background-color: #d63d2d;
    color: #fff;
}

.accordion-button:not(.collapsed) {
    background-color: #f75959;
    color: #fff;
}

.navbar-brand {
    /*padding-top: auto!important;*/
    font-size: 20pt;
}