.cm-s-abcdef.CodeMirror { 
    background: rgb(250,250,250); 
    color: rgb(0,200,200);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

/* Ne pas changer la bande latérale (gutter) */
.cm-s-abcdef .CodeMirror-gutters { 
    background: #555; /* Fond de la bande latérale */
    border-right: 2px solid #314151; /* Bordure droite de la bande latérale */
}

/* Numéros de ligne restent blancs */
.cm-s-abcdef .CodeMirror-linenumber { 
    color: #FFFFFF; /* Numéros de ligne en blanc */
}

/* Sélection de texte */
.cm-s-abcdef div.CodeMirror-selected { 
    background: rgb(202, 238, 255); /* Fond de la sélection (gris foncé) */
}

/* Gestion de la sélection pour tous les navigateurs */
.cm-s-abcdef .CodeMirror-line::selection, 
.cm-s-abcdef .CodeMirror-line > span::selection, 
.cm-s-abcdef .CodeMirror-line > span > span::selection {
    background: rgba(56, 56, 56, 0.99); /* Sélection avec fond sombre */
}

.cm-s-abcdef .CodeMirror-line::-moz-selection, 
.cm-s-abcdef .CodeMirror-line > span::-moz-selection, 
.cm-s-abcdef .CodeMirror-line > span > span::-moz-selection {
    background: rgba(56, 56, 56, 0.99); /* Sélection pour Firefox */
}

/* Curseur en vert pour visibilité */
.cm-s-abcdef .CodeMirror-cursor { 
    border-left: 1px solid rgb(0,0,0); /* Curseur vert vif */
}

/* Syntaxe des mots-clés, variables et autres éléments */
.cm-s-abcdef span.cm-keyword { 
    color: rgb(0,150,150); /* Mots-clés en noir */
    font-weight: bold; 
}

.cm-s-abcdef span.cm-atom { 
    color: #77F; /* Couleur bleue claire pour les atomes */
}

.cm-s-abcdef span.cm-number { 
    color: rgb(255,0,255);
    font-weight: bold; /* nombres */
}

.cm-s-abcdef span.cm-def { 
    color: rgb(100,150,255); /* Couleur bleue douce pour les définitions */
}

.cm-s-abcdef span.cm-variable { 
    color: rgb(0,0,0); /* Variables  */
}

.cm-s-abcdef span.cm-variable-2 { 
    color: #cacbcc; /* Autres variables en gris clair */
}

.cm-s-abcdef span.cm-variable-3, 
.cm-s-abcdef span.cm-type { 
    color: #def; /* Types en bleu clair très doux */
}

.cm-s-abcdef span.cm-property { 
    color: rgb(100,150,255); /* Propriétés en bleu doux */
}

.cm-s-abcdef span.cm-operator { 
    color: rgb(100,150,255); /* Opérateurs en bleu doux */
}

.cm-s-abcdef span.cm-comment { 
    color: #7a7b7c; /* Commentaires en gris clair */
    font-style: italic; /* Style italique pour les commentaires */
}

.cm-s-abcdef span.cm-string { 
    color: #2b4; /* Chaînes de caractères en vert */
}

.cm-s-abcdef span.cm-meta { 
    color: #C9F; /* Métadonnées en violet clair */
}

.cm-s-abcdef span.cm-qualifier { 
    color: rgb(100,150,255); /* Qualifiers en bleu doux */
}

.cm-s-abcdef span.cm-builtin { 
    color: rgb(0,100,200); /* Mots-clés intégrés comme print par exemple */
}

.cm-s-abcdef span.cm-bracket { 
    color: #8a8a8a; /* Parenthèses et crochets en gris */
}

.cm-s-abcdef span.cm-tag { 
    color: rgb(100,150,255); /* Tags en bleu doux */
}

.cm-s-abcdef span.cm-attribute { 
    color: rgb(100,150,255); /* Attributs en bleu doux */
}

.cm-s-abcdef span.cm-error { 
    color: #FF0000; /* Erreurs en rouge vif */
}

.cm-s-abcdef span.cm-header { 
    color: aquamarine; /* Titres en aquamarine */
    font-weight: bold; /* Titres en gras */
}

.cm-s-abcdef span.cm-link { 
    color: blueviolet; /* Liens en bleu-violet */
}

/* Ligne active */
.cm-s-abcdef .CodeMirror-activeline-background { 
    background: #314151; /* Fond bleu foncé pour la ligne active */
}