a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}

a, a:active, a:hover, a:visited {
    color: #B11917;
}

.form-control:focus, .form-select:focus {
    border-color: #B11917;
    box-shadow: 0 0 0 0.2rem rgba(177, 25, 23, 0.5);
}

.btn-primary {
    background-color: #B11917;
    border-color: #B11917;
}

    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary:active,
    .btn-primary.active {
        background-color: #B11917;
        border-color: #B11917;
    }

    .btn-primary:disabled, .btn-primary.disabled {
        color: #fff;
        background-color: rgba(0, 0, 0, 0.2);
        border-color: #1D1D1B;
    }

    .btn-primary:hover{
        opacity: 0.7;
    }

    .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
        color: #fff;
        background-color: #B11917;
        border-color: #1D1D1B;
    }

.btn-link.nav-link:focus {
    outline: black auto 1px;
}

html {
    font-size: 14px;
}

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

.container {
    max-width: 1100px;
}

.pricing-header {
    max-width: 700px;
}

.border-top {
    border-top: 1px solid #e5e5e5;
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
    font-size: 1rem;
    line-height: inherit;
}

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

body {
    margin-bottom: 60px;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    line-height: 60px;
    background-color: #B11917;
    color: #fff !important;
}


body, h1, h2, h3, h4, h5, h6, p, div {
    margin: 0;
    padding: 0;
    font-family: 'Montserrat', sans-serif;
}

body {
    background-color: #FFFFFF;
}

.logo {
    width: 86px;
    height: 66px;
    margin-right: 10px;
}

.row {
    margin-top: 20px;
    margin-bottom: 20px;
}

form {
    margin-top: 20px;
}

.form-control {
    border: 1px solid #1D1D1D;
}

.form-label {
    color: #1D1D1D;
}

/*.btn:hover {
    background-color: #1D1D1B;
}*/

.alert-danger {
    color: #B11917;
}




.btn-primary:active,
.btn-primary:focus {
    box-shadow: 0 0 0 0.2rem rgba(177, 25, 23, 0.5) !important;
}

.form-control:focus {
    background-color: rgba(177, 25, 23, 0.1);
}
.alert-info {
    color: #002752;
    background-color: #D9E2EC;
    border-color: #B0C5E3;
}

#logout,#manage {
    background: none;
    border: none;
    margin: 0 10px;
    padding: 0;
    line-height: inherit;
    vertical-align: middle;
    display: inline-block;
    text-decoration: none;
}

    #logout:hover, #logout:focus, #manage:hover, #manage:focus {
        color: #1D1D1B;
        background: none;
        border: none;
        text-decoration: none;
    }
.navbar-nav {
    display: flex;
    align-items: center;
}

.tempus-dominus-widget.light .date-container-days div.range-end:not(.no-highlight), .tempus-dominus-widget.light .date-container-days div.range-in:not(.no-highlight), .tempus-dominus-widget.light .date-container-days div.range-start:not(.no-highlight), .tempus-dominus-widget.light .date-container-days div:not(.no-highlight).active, .tempus-dominus-widget.light .date-container-decades div:not(.no-highlight).active, .tempus-dominus-widget.light .date-container-months div:not(.no-highlight).active, .tempus-dominus-widget.light .date-container-years div:not(.no-highlight).active, .tempus-dominus-widget.light .time-container-clock div:not(.no-highlight).active, .tempus-dominus-widget.light .time-container-hour div:not(.no-highlight).active, .tempus-dominus-widget.light .time-container-minute div:not(.no-highlight).active, .tempus-dominus-widget.light .time-container-second div:not(.no-highlight).active {
    background-color: #B11917;
}

input[type=checkbox]:checked, input[type=radio]:checked {
    background-color: #B11917;
    border-color: #B11917;
}

input[type=checkbox]:focus, input[type=radio]:focus {
    box-shadow: 0 0 0 0.25rem rgba(177, 25, 23, 0.5);
}
/* Titre de page (bandeau en haut) */
.page-title {
    color: #B11917; /* rouge IFOP */

    font-size: 2.2rem; /* grande taille */
    line-height: 1.15;
    margin: 18px 0 14px 0;
}

@media (max-width: 576px) {
    .page-title {
        font-size: 1.6rem;
        margin: 12px 0 10px 0;
    }
}


    @media (max-width: 576px) {
        .navbar-brand {
            font-size: 1.5rem;
        }
    }


@media (max-width: 576px) {
    /* Make the FullCalendar control take up the full body */
    #calendar {
        width: 100%;
        height: calc(100vh - 120px);
    }

    /* Make the modals full screen */
    .modal {
        width: 100%;
        height: 100%;
        margin: 0;
    }

    .logo {
        height: 33px;
        width: 46px;
    }

    .footer {
        display: none;
    }

    .fc-toolbar-title {
        font-size: 1.5rem !important;
    }


}