#comments {
    width: 80%;
    margin: 0 auto !important; /* Centre horizontalement */
    background-color: #000000 !important;
    color: #FFFFE0 !important; /* Lightyellow général */
    padding: 20px;
    border-radius: 8px;
}

.comments-area,
#respond {
     width: 80%;
    margin: 0 auto !important; /* Centre horizontalement */
}

ol.commentlist{
     width: 80%;
    margin: 0 auto !important; /* Centre horizontalement */    
}

#comments h3,
#reply-title,
.comment-reply-title {
    color: #FFFFE0 !important;
    background-color: #000000 !important;
    font-size: 1.5em;
}

#reply-title small,
#cancel-comment-reply-link {
    color: #FFFFE0 !important;
    opacity: 0.8;
}

#comments p,
.comment-content {
    color: #FFFFE0 !important;
    /* font-family: 'Arial', sans-serif; Ajoutez votre police ici */
}

#commentform label,
#commentform input,
#commentform textarea {
    color: #FFFFE0 !important;
    background-color: #333333 !important;
    border-color: #FFFFE0 !important;
}

.comment {
    background-color: #111111 !important;
    color: #FFFFE0 !important;
    border-left: 3px solid #FFFFE0;
}

.comment-author,
.says,
.url {
    color: #8B4513 !important; /* Jaune doré / bleu clair corrigé */
    font-weight: bold;
    text-decoration: none;
    font-size: 1.1em;
}

.url:hover {
    color: #87CEEB !important; /* Bleu ciel survol */
    text-decoration: underline;
}

.comment-meta,
.commentmetadata,
.comment-meta a,
.commentmetadata a {
    color: #FFFFE0 !important; /* Lightyellow clair */
    font-size: 0.9em;
    font-style: italic;
}

.comment-meta a:hover,
.commentmetadata a:hover {
    color: #FFFFFF !important; /* Blanc pur survol */
    text-decoration: underline;
}
#comments ol.commentlist li.comment .comment-body .comment-meta.commentmetadata,
#comments ol.commentlist li.comment .comment-meta.commentmetadata,
#comments ol.commentlist li.comment .commentmetadata a {
    color: #FFFFE0 !important; /* Lightyellow forcé */
    font-size: 0.9em !important;
    font-style: italic !important;
}

#comments ol.commentlist li.comment .comment-meta a:hover,
#comments ol.commentlist li.comment .commentmetadata a:hover {
    color: #FFFFFF !important;
    text-decoration: underline !important;
}

.comment-reply-link {
    color: #D2691E !important; /* Lightyellow */
}