html {
  font-size: 14px;
  font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}

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

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

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

body {
  margin-bottom: 60px;
}
.modal.modal-dark .modal-content {
    background: #212529;
    color: #f8f9fa;
}

.modal.modal-dark .modal-header,
.modal.modal-dark .modal-footer {
    border-color: rgba(255,255,255,.15);
}

.modal.modal-dark .btn-close {
    filter: invert(1) grayscale(100%);
}

.modal.modal-dark .form-control,
.modal.modal-dark .form-select {
    background: #212529;
    color: #f8f9fa;
    border-color: rgba(255,255,255,.25);
}

    .modal.modal-dark .form-control::placeholder {
        color: rgba(255,255,255,.6);
    }
/* Champ "dark" réutilisable */
.input-dark.form-control {
    background-color: #212529; /* équiv. bg-dark */
    color: #f8f9fa; /* équiv. text-light */
    border-color: #495057; /* équiv. border-secondary */
}

    .input-dark.form-control::placeholder {
        color: #adb5bd; /* placeholder lisible en sombre */
        opacity: 1;
    }
    /* Focus ring lisible sur fond sombre */
    .input-dark.form-control:focus {
        color: #f8f9fa;
        background-color: #212529;
        border-color: #6c757d;
        box-shadow: 0 0 0 .25rem rgba(13,110,253,.15); /* halo doux (primary) */
    }
    /* États disabled/readonly en sombre */
    .input-dark.form-control:disabled,
    .input-dark.form-control[readonly] {
        background-color: #2b3035;
        color: #adb5bd;
        border-color: #495057;
        opacity: 1; /* garder lisible */
    }
:root {
    --bs-gradient: linear-gradient(180deg, rgba(255,255,255,.15), rgba(255,255,255,0));
}
.bg-not {
    background-color: #060d47;
}
.bg-gray {
    background-color: #524F4F;
}
a:link, a:visited {
    color: white
}
a:hover {
    text-decoration:none;
}