html,
body {
    width: 100%;
    overflow-x: hidden !important;
}

.datatable-semantique {
    width: 100%;
    border: solid 1px #999;
    padding: 10px;
    border-radius: 10px 10px 10px 10px;
    margin-bottom: 20px;
}

.elementor-widget-text-editor p, .elementor-widget-text-editor li {
    color: #222222 !important;
}

a.tag-cloud-link {
    color: #222222 !important;
}

/*****************************************/
/* Style généraliste des formulaires avec la classe .form_front */
/*****************************************/
.form_front h4.separator {
    color: #ed6600;
    background: #E5E5E5;
    padding: 10px 10px;
}

/* submit, toute la largeur */
.form_front input[type="submit"] {
    background-color: #df6101;
    border: none;
    font-weight: bold;
    border-radius: 5px;
    color: #fff;
    padding: 7px;
    width: 100%;
}

.form_front input[type="submit"]:hover {
    background-color: #132034 !important;
    color: #df6101 !important;
}

.form_front .dz-remove {
    margin-left: auto;
    margin-right: auto;
    /* bg rouge clair, comme erreur bootstrap */
    background-color: #f2dede;
    /* couleur du texte */
    color: #a94442;
}


/* Créer un style semblable au label bootstrap */
.form_front .label-style {
    display: inline-block;
    color: rgb(33, 37, 41) !important;
    cursor: pointer !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    margin-bottom: 0px !important;
}

/* 24.Slider(Range) */
html:not([dir=rtl]) .noUi-horizontal .noUi-handle {
    right: -10px;
    left: auto;
}

.img-fluid.custom-thumbnail {
    max-height: 150px;
    object-fit: cover;
    width: 100%;
}

.comment-form-cookies-consent {
    padding: 20px;
    display: flex;
}

.comment-form-cookies-consent input[type="checkbox"] {
    width: 20px;
    max-width: 20px;
    margin-right: 20px;
}

.orange .noUi-connect { /* 45 / 55 */
    background: orange !important;
}

.orangered .noUi-connect { /* 25 / 44 */
    background: orangered !important;
}

.red .noUi-connect { /* < 25 */
    background: red !important;
}

.yellow .noUi-connect { /* 55 / 65  */
    background: yellow !important;
}

.yellowgreen .noUi-connect { /* 65 / 80 */
    background: yellowgreen !important;
}

.green .noUi-connect { /* > 80 */
    background: green !important;
}

/* Sources */
#sources-id {
    margin-bottom: 20px;
}

.list-group-item i {
    margin-right: 10px;
    color: #007bff; /* Couleur Bootstrap primary */
}

.list-group-item a {
    color: #495057; /* Couleur du texte Bootstrap */
}

.list-group-item:hover {
    background-color: #f8f9fa; /* Couleur d'arrière-plan au survol, Bootstrap light */
}

span.target-span {
    color: #333 !important;
    border-bottom: 1px dashed #333 !important;
    cursor: pointer !important;
}

span.target-span:hover {
    color: #000 !important;
    border-bottom: 1px dashed #000 !important;
    cursor: pointer !important;
}


/* FAQ */
/* FAQ général */
.faq {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-bottom: 10px;
}

/* Style pour les questions */
.faq .question {
    display: flex;
    align-items: center;
    background-color: #ddf2f6;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 10px;
    cursor: pointer;
}

/* Avatar pour la question */
.faq .question::before {
    content: '?'; /* Tu peux remplacer par une image si tu veux */
    margin-right: 20px;
    background-color: #58c1d4;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    text-align: center;
    line-height: 50px;
    font-size: 24px;
    min-width: 50px;
}

/* Style pour les réponses */
.answer {
    display: flex;
    justify-content: flex-end; /* Aligner à droite */
    background-color: #fadcd5;
    border-radius: 5px;
    padding: 10px;
    position: relative;
    margin-bottom: 20px;
    color: #333;

}

/* Avatar pour la réponse */
.answer::after {
    content: '';
    background-size: cover;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-left: 20px;
    min-width: 50px;
}

.stats-corpus strong.orange {
    color: #ea5432;
}

.stats-corpus p small {
    line-height: 15px !important;
    font-size: 11px;
    margin-top: 5px !important;
}

strong.orange i {
    color: #333;
}

.stats-corpus strong.orange small {
    font-size: 13px !important;
}