/* Remplacements des couleurs de "Clair" vers "Sombre" */

/* 1re col: */
html.sombre [style*="color: rgb(128, 128, 25)"] {color: rgb(189, 189, 162) !important;}                     /* 180, 180, 150 */
html.sombre [style*="background-color: rgb(254, 255, 251)"] {background-color: rgb(29, 29, 9) !important;}  /* 35, 35, 5 - 36, 36, 6 */

/* 2e col: */
html.sombre [style*="color: rgb(0, 102, 204)"] {color: rgb(156, 196, 235) !important;}
html.sombre [style*="background-color: rgb(251, 253, 255)"] {background-color: rgb(15, 29, 47) !important;}

/* 3e col: */
html.sombre [style*="color: rgb(204, 51, 204)"] {color: rgb(214, 183, 214) !important;}                      /* 234, 191, 227 - 241, 216, 237  - 243, 207, 243 - 214, 183, 214 */
html.sombre [style*="background-color: rgb(255, 251, 254)"] {background-color: rgb(24, 6, 24) !important;}   /* 30, 11, 27 - 24, 6, 24 - 33, 12, 30 */

/* 4e col: */
html.sombre [style*="color: teal"] {color: rgb(150, 203, 203) !important;}                                  /* 165, 210, 210 - teal= color: rgb(0, 128, 128) */
html.sombre [style*="background-color: rgb(252, 255, 255)"] {background-color: rgb(0, 30, 30) !important;}  /* rgb(0, 23, 23) */

/* 5e col Actes: */
html.sombre [style*="background-color: rgb(255, 251, 244)"] {background-color: rgb(26, 15, 0) !important;}  /* 28, 17, 0 - 32, 20, 0 - 43, 27, 0 */

/* Titre des 5 col: */
html.sombre [style*="color: rgb(102, 102, 102)"] {color: rgb(160, 160, 160) !important;}                     /* 160, 160, 160 - 130, 130, 130 - 180, 180, 150 */
html.sombre [style*="background-color: rgb(255, 253, 237)"] {background-color: rgb(21, 28, 38) !important;}  /* 26, 34, 47 - 29, 38, 52 - 32, 43, 57 - 40, 50, 70 - 30, 30, 30 */

/* Fond général */
html.sombre [style*="background-color: white"] {background-color: rgb(15, 15, 15) !important;}  /* 30, 30, 30 */

/* Conclusion: */
html.sombre [style*="color: black"] {color: rgb(210, 191, 163) !important;}                      /* 195, 177, 151 - 225, 205, 175 - 255, 232, 198 -204, 204, 204 - 255, 255, 255 */
html.sombre [style*="color: rgb(0, 0, 0)"] {color: rgb(255, 232, 198) !important;}               /* 255, 232, 198 - 255, 242, 223 */

/* Fond top 1 */
html.sombre [style*="background-color: rgb(244, 244, 244)"] {background-color: rgb(30, 30, 30) !important;}  /*  */

/* Fond top 2 */
html.sombre [style*="background-color: rgb(249, 249, 249)"] {background-color: rgb(45, 45, 45) !important;}  /* 50, 50, 50 - 60, 60, 60 */

/* Fond Chapitres */
html.sombre [style*="background-color: rgb(252, 252, 252)"] {background-color: rgb(15, 15, 15) !important;}  /*  */

/* Bordure Chapitres */
html.sombre [style*="background-color: rgb(229, 229, 229)"] {background-color: rgb(40, 40, 40) !important;}

/* Fond Cell. chap. Mat-Mc-Luc-Jn */
html.sombre [style*="background-color: rgb(249, 251, 232)"] {background-color: rgb(45, 45, 0) !important;}
html.sombre [style*="background-color: rgb(242, 243, 255)"] {background-color: rgb(22, 43, 71) !important;}
html.sombre [style*="background-color: rgb(255, 244, 254)"] {background-color: rgb(36, 9, 36) !important;}   /* 48, 12, 48 */
html.sombre [style*="background-color: rgb(247, 253, 251)"] {background-color: rgb(14, 42, 42) !important;}  /* 0, 30, 30 - 11, 34, 34 - 14, 42, 42 */

/* - Les titres dans la section des commentaires bibliques */
html.sombre [style*="color: rgb(0, 153, 0)"] {color: rgb(70, 181, 70) !important;}     /* 66, 170, 66 - 45, 171, 45 */

/* - Section des commentaires bibliques - */
html.sombre [style*="color: rgb(102, 51, 0)"] {color: rgb(147, 111, 75) !important;}     /* 138, 99, 60 */

/* Couleur de fond des commentaires */
html.sombre [style*="background-color: rgb(254, 255, 248)"] {background-color: rgb(9, 18, 18) !important;} /* 6, 12, 12 - 12, 24, 24 */

/* 5 bordures 1er cadre */
html.sombre table[style*="border:"][style*="lightgray"] {border-color: rgb(64, 64, 64) !important;}
html.sombre table td {border-top-color: rgb(64, 64, 64) !important;}
html.sombre table td {border-left-color: rgb(64, 64, 64) !important;}
html.sombre table td {border-right-color: rgb(64, 64, 64) !important;}
html.sombre table td {border-bottom-color: rgb(64, 64, 64) !important;}

/* Les bordures du cadre des chapitres, etc. */
html.sombre table {border-color: rgb(64, 64, 64) !important;}

/* La ligne: "- Liste des titres -" */
html.sombre [style*="color: rgb(204, 0, 0)"] {color: rgb(216, 60, 60) !important;}   /* #A80000 */

/* Au survol du curseur: triange & chapitres */
html.sombre .hoverCellTable td:hover {background-color: rgb(52, 83, 119) !important;}
html.sombre .hoverCellTable_2 td:hover {background-color: rgb(52, 83, 119) !important;}

/* <<<<< */
/* 4 boutons: */
 /* "inline-flex" au lieu de flex, pour centrer les 4 boutons au lieu des aligner à gauche par défaut. */
 /* "gap:" réduit l'espace entre les 4 boutons. */
.boutons-triples {display: inline-flex; gap: 3px;}
/* Style commun */
.bouton-style {
  background-color: rgb(186, 220, 254);
  color: rgb(52, 103, 254);
  border: 1px solid rgb(180, 180, 180);
  padding: 1px 6px;
  font-size: 13px;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  transition: background-color 0.1s linear;
  }
/* Hover clair */
.bouton-style:hover {background-color: rgb(153, 204, 254);}
/* Thème sombre */
html.sombre .bouton-style {background-color: rgb(52, 103, 254); color: rgb(186, 220, 254); border-color: rgb(120, 120, 160);}
html.sombre .bouton-style:hover {background-color: rgb(42, 93, 224);}
/* Arrondis selon position */
.bouton-style.gauche {border-radius: 10px 0 0 10px;}
.bouton-style.droite {border-radius: 0 10px 10px 0;}
.bouton-actif {
  background-color: rgb(120, 180, 255);
  border-color: rgb(80, 130, 200);
  box-shadow: inset 0 0 3px rgba(0,0,0,0.2);
}
html.sombre .bouton-actif {
  background-color: rgb(80, 130, 200);
  border-color: rgb(186, 220, 254);
}
/* ----- */




/* <<<< */
/* Les pages des liste des langues des 4 évangiles en para. */
/* Fond page */
html.sombre [style*="background-color: rgb(237, 237, 237)"] {background-color: rgb(21, 21, 21) !important;}

/* Fond cellule A  ok */
html.sombre [style*="background-color: rgb(253, 236, 215)"] {background-color: rgb(36, 24, 12) !important;}  /* 54, 36, 18 */

/* Fond cellule ok */
/* déjà déclaré plus haut:
html.sombre [style*="background-color: rgb(244, 244, 244)"] {background-color: rgb(30, 30, 30) !important;}
*/


/* Fond cellule B  ok */
html.sombre [style*="background-color: rgb(255, 246, 234)"] {background-color: rgb(54, 36, 18) !important;}  /* 45, 42, 38 */

/* Fond cellule C ok */
html.sombre [style*="background-color: rgb(234, 242, 255)"] {background-color: rgb(41, 43, 45) !important;}

/* Caractères A ok */
html.sombre [style*="color: rgb(153, 102, 51)"] {color: rgb(165, 120, 75) !important;}                     /* 180, 180, 150 */

/* Caractères bleu plus pâle ok */
html.sombre .hoverCellTable td {color: rgb(97, 168, 241) !important;} /* 97, 168, 241 */

/* Caractères sélectionné = vert pâle ok */
html.sombre [style*="color: silver"] {color: rgb(171, 209, 171) !important;}                     /* 128, 186, 128 */
/* >>>> */


/* <<<< */
/* Menu d'accueil, de bienvenue: */
/* Fond page ok */
html.sombre [style*="background-color: rgb(216, 228, 252)"] {background-color: rgb(19, 20, 22) !important;}  /* 13, 13, 15 - 25, 27, 30 - 38, 40, 44 - 51, 54, 59 */

/* Fond cellule du haut ok */
html.sombre [style*="background-color: rgb(240, 240, 240)"] {background-color: rgb(42, 42, 42) !important;}

/* Fond cellule du bas ok */
html.sombre [style*="background-color: rgb(247, 247, 247)"] {background-color: rgb(29, 29, 29) !important;}

/* Fond en bas entre 2 cellules ok */
html.sombre [style*="background-color: rgb(232, 232, 232)"] {background-color: rgb(49, 49, 49) !important;} /* 56, 56, 56 - 42, 42, 42 - 69, 69, 69 */
/* >>>> */


/* <<<< Liste - Sujets bibliques - */
html.sombre [style*="background-color: rgb(255, 249, 242)"] {background-color: rgb(21, 14, 6) !important;}  /* 28, 23, 17 - 30, 20, 8 */
/* >>>> */

/* <<<< - Sujets bibliques - */
html.sombre [style*="background-color: rgb(255, 250, 244)"] {background-color: rgb(21, 17, 11) !important;}  /* 14, 11, 8 - 29, 23, 15 */
html.sombre [style*="background-color: rgb(251, 255, 251)"] {background-color: rgb(20, 24, 20) !important;}  /* 25, 29, 25 - 49, 57, 49 */
html.sombre [style*="color: red"] {color: rgb(234, 134, 134) !important;}                                    /* Message urgent de Dieu: 249, 101, 101 - 220, 47, 47 - 215, 17, 17 - 182, 30, 3 */




/* >>>> */