body {
    font-family: Arial, Helvetica, sans-serif;  
    background-color: #ececec;
}

.container-page {
    padding-left: 0;
    padding-right: 0;
}

.page {
    min-height: 720px;
    padding-left: 15px;
    padding-right: 15px;
    background-color: #fff;
}

.footer a {
    color:#fff;
}

.footer-site {
    color: #fff;
    background-color: #005daa;
    padding: 20px;
}

.btn-accueil-inscription {
    padding-top: 15px;
    font-size: 1.5em !important;
    padding-bottom: 15px;
    margin: 0 auto;
    width: 400px;
    display: block;
}

.bg-gold {
    background-color: #f7a81b; /* gold du RI */
    font-size: 22px;
    font-weight: 600;
}

.btn-gold {
    background-color: #f7a81b; /* gold du RI */
    border-color: #f7a81b;
    color: #fff;
}

.btn-gold:hover { 
    background-color: #da9319;
    border-color: #da9319;
    color: #fff; 
}

.btn-sky {
    background-color: #01b4e7; /* sky blue du RI */
    border-color: #01b4e7;
    color: #fff;
}
.btn-sky:hover { 
    background-color: #00a5d3;
    border-color: #00a5d3;
    color: #fff; 
}

.btn-azure {
    border-color: #005daa;
    background-color: #005daa;
    color: #fff;
}
.btn-azure:hover { 
    background-color: #0065b8;
    border-color: #0065b8;
    color: #fff; 
}

.btn {
    margin-bottom: 12px;
}

table .btn, li .btn {
    margin-bottom: 0px;
}

.menu-50 {
    height: 50px;
    display:none;
}

.navbar { padding: 0 1rem; }

.nav-item { 
    padding: 5px 10px;
    margin-left: 5px;
    margin-right: 5px;
    border-bottom: 2px solid #f7a81b; 
}

.nav-item.active, .nav-item:hover { border-bottom: 2px solid #0065b8; }

.not-link { text-decoration: none; }

.ml { color: #fff; }

.red { 
    color: red;
    font-weight: 900;
}

.fs-20 {
    font-size: 20px !important;
}

.header-title {
    padding: 20px 0;
    user-select: none;
    background-color: #005daa;/*  bleu azure du RI */
    color: #fff;
    margin-bottom: 0;
}


.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    padding-right: 0;
    padding-left: 0;
}
.row {
    margin-right: 0;
    margin-left: 0;
}

.message_general {
    padding-right: 0px;
    padding-left: 0px;
    font-size: 22px;
    text-align: center;
}

.carousel-control-next, .carousel-control-prev {
    background-color: #ececec;
    height: 25%;
    margin: auto;
    width: 5% !important;
}

.nav-item-admin {
    font-size: 16px !important;
}

@media (max-width: 768px) {
    .img-accueil {
        padding-left: 1.5rem!important;
        padding-right: 1.5rem!important;
    }

    .navbar {
        padding: 10px 1rem;
    }
}

.loader_bg {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: lightgray;
    opacity: 0.4;
    z-index: 11111111;
}

.loader_gif img {
    height: 200px;
    margin: 0 auto;
    display: block;
    margin-top: 10%;
}

.form-control {
    max-height: 800px;
}


/* dark mode bootstrap */


body.dark-mode {
    background-color: #3c3c3c!important;
    color: #fff!important;
}

.dark-mode .container-fluid {
    background-color: #3c3c3c!important;
    color: #fff!important;
}

.dark-mode .header-site, 
.dark-mode .footer-site {
    background-color: #838080!important;
}

.dark-mode table tr td {
    color: #fff!important;
}

.dark-mode tbody tr {
    background-color: #4e4e4e;
}

.dark-mode .navbar-nav .dropdown-menu {
    background-color: #e6e5d8!important;
}

.dark-mode .nav-tabs .nav-link {
    color: #fff!important;
}

.dark-mode .page {
    background-color: #a9a9a9;
}

.dark-mode .nav-tabs .nav-item.show .nav-link, 
.dark-mode .nav-tabs .nav-link.active {
    background-color: #6c757d!important;
}

.dark-mode .page-item .page-link {
    background-color: #d3d3d3!important;
}

.dark-mode div.dt-button-collection div.dropdown-menu {
    background-color: #e6e5d8!important;
}

.dark-mode .card-body {
    color: #000!important;
    background-color: #cbcbcb!important;
}

.dark-mode .form-control {
    background-color: #cbcbcb!important;
}

.dark-mode .modal-content, .dark-mode .bg-light {
    background-color: #8e8e8f!important;
}

.dark-mode .list-group-item {
    background-color: #c5c5c5!important;
}

.dark-mode #form_adress_ouverture_inscription i { color: #fff!important; }