body,
html {
        background-image: url('../images/fond.png');
        background-attachment: fixed;
        background-position: center top;
        background-color: #9d9d9d;
}

#main-container {
        margin-top: 0rem;
        border-radius: 0px;
        background-color: lightgrey;
        max-width: clamp(200px, 100vw, 900px);
}

#main-form {
  margin-bottom: 0.5rem;
}

.cadenas {
        height: 31px;
        width: 31px;
        cursor: pointer;
}

.aide {
        height: 22px;
        width: 22px;
}

.card {
        border: 1px solid black;
}

.card-header {
        color: #FFFFFF;
        background-color: #002255;
}

.card-body {
        background-color: lightgrey;
        text-align: center;
}

label {
        min-width: 180px;
}

.footer {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        bottom: 0;
        column-gap: 20px;
}

.footer-img {
        max-height: 40px;
}

#top {
        display: flex;
        justify-content: space-between;
	align-items: center;            /* centre verticalement les éléments */
}

th,
td {
        border: 1px solid black;
        padding: 8px;
        box-sizing: border-box;
        /* Assure que padding et border sont inclus dans les dimensions des cellules */
        border: none;
}

.italic {
        font-style: italic;
}

#loading {
        display: none;
        text-align: center;
}

#loading img {
        width: 50px;
        height: 50px;
}

#tadddam-logo {
        width: 161px;
        height: 44px;
}

#txtlogin {
        cursor: pointer;
}

.form-control {
  padding: 0.25rem 0.5rem !important;
  border-radius: 0 !important;
  font-size: 12px !important;
  line-height: 1 !important;
}

textarea.form-control {
  overflow: hidden;          /* pas de scroll interne */
}

.modal-content {
  font-size: 0.9rem; /* ou 14px par ex. */
}

.btn-sm {
    font-size: 70%;    /* ou 0.7rem */
    padding: 0.15rem 0.35rem;
    line-height: 1.2;
}

#suggestions .list-group-item {
    padding-top: 0.25rem;   /* au lieu de ~0.5rem */
    padding-bottom: 0.25rem;
}

.auth-required {
    background-color: #eee;
    color: #666;
    cursor: not-allowed;
}

select.auth-required {
    color: #666;
}

button.auth-required {
    background-color: #ccc;
    border: 1px solid #999;
}