#titre {
    padding: 10px;
    margin-bottom: 0px;
    text-align: center;
    background-color: #1D2D44;
    color: white;
}

h3 {
    color: #1D2D44;
    font-size: 20px;
    background-color: #E7E9F5;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    margin-bottom: 0.75rem;
}

#pied-de-page {
    background-color: #E7E9F5;
    padding: 5px;
}

#pied-de-page a {
    color: #1D2D44;
}

#utilisateur {
    text-align: right;
}

#explication {
    text-align: center;
    margin-bottom: 25px;
    margin-top: 15px;
    background-color: #f0ebf1;
    padding: 10px 20px 10px 20px;
}

#messages {
    padding: 0px 0px 0px 0px;
}

#navigation {
    padding: 0;
    margin-bottom: 10px;
}

#input-filtre.form-control {
    display: inline;
    width: 30rem;
}

.btn.bouton-bleu {
    --bs-btn-color: white;
    --bs-btn-hover-color: white;
    --bs-btn-active-color: white;
    --bs-btn-bg: #6570B0;
    --bs-btn-border-color: #6570B0;
    --bs-btn-active-bg: #9BA4D0;
    --bs-btn-active-border-color: #9BA4D0;
    --bs-btn-hover-bg: #9BA4D0;
    --bs-btn-hover-border-color: #9BA4D0;
}

#message-erreur {
    background-color: #f5aa94;
    color: #701d13;
    margin-bottom: 10px;
}

#liste-pages {
    justify-content: center;
}

#liste-urls {
    padding: 0;
}

.page-urls {
    cursor: pointer;
}

#check-non-utilisees, #check-invalides {
    margin-right: 5px;
}

.bouton-edition {
    cursor: pointer;
}

.curseur {
    cursor: pointer;
}

.cache {
    display: none;
}

.note-mini {
    font-size: 12px;
}

#explication {
    margin-bottom: 25px;
    margin-top: 15px;
    background-color: #D0D3E7;
    padding: 10px 20px 10px 20px;
}

.bouton-copie-lien {
    width: 25px;
}

.url-invalide {
    background-color:  #F3ADAB!important;
}


.select-page {
    max-width: 200px;
}

#infos-utilisateurs {
    padding-bottom: 0;
}

.div-url-longue {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /*Le padding ci-dessous est nécessaire pour que le trait sous les liens s'affiche bien, sinon ça marche pas à cause de l'overflow tronqué*/
    padding-bottom: 0.1rem;
}

#table-liste-urls {
    width: 100%;
}

.truncate {
    width: 100%;
    max-width: 1px;
}

.table-nowrap th, .table-nowrap td {
    white-space: nowrap;
}

a svg {
    fill: black;
}

a svg:hover, .bouton-suppression:hover, .bouton-edition:hover, .bouton-copie-lien:hover, .bouton-logs:hover, .bouton-stats:hover {
    fill: blue;
}

a:has(svg) {
    text-decoration: none; 
}