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

/* --- 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);
}

/* --- Accueil/index : */
html.sombre [style*="background-color: white"] {background-color: rgb(15, 15, 15) !important;}
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;}
html.sombre [style*="background-color: rgb(255, 246, 234)"] {background-color: rgb(54, 36, 18) !important;}
html.sombre [style*="background-color: rgb(255, 250, 244)"] {background-color: rgb(34, 27, 18) !important;}
html.sombre .hoverCellTable td:hover {background-color: rgb(52, 83, 119) !important;}
html.sombre .hoverCellTable td {color: rgb(97, 168, 241) !important;}  /* cara bleu */
html.sombre [style*="color: rgb(0, 153, 0)"] {color: rgb(70, 181, 70) !important;}
html.sombre table {border-color: rgb(64, 64, 64) !important;}
html.sombre [style*="color: rgb(102, 102, 102)"] {color: rgb(160, 160, 160) !important;}
html.sombre [style*="color: rgb(51, 51, 51)"] {color: rgb(171, 171, 171) !important;}
html.sombre [style*="color: rgb(153, 102, 51)"] {color: rgb(177, 138, 99) !important;}  /* brun */
html.sombre [style*="color: rgb(51, 153, 153)"] {color: rgb(75, 165, 165) !important;}
html.sombre [style*="background-color: rgb(203, 216, 219)"] {background-color: rgb(105, 125, 130) !important;}
html.sombre [style*="background-color: rgb(255, 224, 172)"] {background-color: rgb(195, 171, 132) !important;}

/* --- .../multimedia/" : */
html.sombre [style*="background-color: rgb(244, 244, 244)"] {background-color: rgb(30, 30, 30) !important;}
html.sombre [style*="background-color: rgb(255, 250, 243)"] {background-color: rgb(45, 38, 29) !important;}
html.sombre [style*="color: rgb(153, 0, 0)"] {color: rgb(201, 120, 120) !important;}
html.sombre [style*="color: rgb(102, 102, 204)"] {color: rgb(165, 165, 225) !important;}
html.sombre [style*="background-color: rgb(249, 242, 232)"] {background-color: rgb(29, 22, 11) !important;}
html.sombre [style*="color: rgb(51, 102, 255)"] {color: rgb(111, 147, 255) !important;}
html.sombre [style*="background-color: rgb(246, 246, 246)"] {background-color: rgb(29, 29, 29) !important;}
html.sombre [style*="color: rgb(102, 51, 255)"] {color: rgb(156, 123, 255) !important;}
html.sombre [style*="color: rgb(131, 131, 0)"] {color: rgb(175, 175, 90) !important;}
html.sombre [style*="color: rgb(153, 51, 153)"] {color: rgb(201, 147, 201) !important;}

/* --- .../Divers/" : */
html.sombre [style*="color: rgb(51, 153, 153)"] {color: rgb(123, 189, 189) !important;}
html.sombre [style*="color: rgb(204, 0, 0)"] {color: rgb(216, 60, 60) !important;}
html.sombre a {color: rgb(122, 181, 243) !important;}      /* Liens bleux plus pâles : cette ligne doit précéder la suivante */
html.sombre a:hover {color: rgb(2, 217, 255) !important;}  /* Suvole liens : cette ligne doit suivre la précédente */
html.sombre [style*="color: rgb(0, 0, 0)"] {color: rgb(195, 195, 195) !important;}  /* noir>blanc-gris :(Livre Rom 5-8) */

/* --- .../logiciels.html : */
html.sombre [style*="color: rgb(102, 102, 0)"] {color: rgb(138, 138, 60) !important;}

/* --- .../tutoriels_biblati.html : */
html.sombre [style*="background-color: rgb(255, 253, 251)"] {background-color: rgb(30, 26, 23) !important;}
html.sombre [style*="background-color: rgb(253, 248, 241)"] {background-color: rgb(43, 38, 30) !important;}
html.sombre [style*="color: blue"] {color: rgb(135, 135, 255) !important;}
html.sombre [style*="color: purple"] {color: rgb(188, 120, 188) !important;}
html.sombre [style*="color: teal"] {color: rgb(105, 180, 180) !important;}
html.sombre [style*="color: rgb(126, 124, 90)"] {color: rgb(164, 163, 139) !important;}
html.sombre [style*="color: rgb(0, 77, 187)"] {color: rgb(105, 150, 215) !important;}
html.sombre [style*="color: black"] {color: rgb(195, 195, 195) !important;}  /* noir>blanc-gris :(Livre Rom 5-8) */
html.sombre [style*="color: rgb(127, 0, 0)"] {color: rgb(187, 120, 120) !important;}
html.sombre [style*="color: rgb(0, 127, 127)"] {color: rgb(135, 195, 195) !important;}
html.sombre [style*="color: maroon"] {color: rgb(215, 91, 91) !important;}
html.sombre [style*="color: rgb(0, 127, 0)"] {color: rgb(165, 210, 165) !important;}
html.sombre [style*="color: green"] {color: rgb(120, 188, 120) !important;}
html.sombre [style*="color: olive"] {color: rgb(165, 165, 75) !important;}
html.sombre [style*="color: gray"] {color: rgb(158, 158, 158) !important;}
html.sombre [style*="color: rgb(127, 0, 127)"] {color: rgb(187, 120, 187) !important;}
html.sombre [style*="color: blue"] {color: rgb(165, 165, 255) !important;}

/* --- ...\introduction_biblati.html */
html.sombre [style*="background-color: rgb(242, 244, 246)"] {background-color: rgb(41, 55, 69) !important;}
html.sombre [style*="color: rgb(42, 170, 212)"] {color: rgb(130, 205, 230) !important;}

/* --- ...\info_versions_biblati.html = ok */

/* --- ...\images_ecran_biblati.html = ok */

/* --- ...\telecharger_biblati.html : */
html.sombre [style*="background-color: rgb(254, 255, 244)"] {background-color: rgb(39, 39, 37) !important;}
html.sombre [style*="color: rgb(116, 116, 233)"] {color: rgb(165, 165, 241) !important;}

/* --- ...\biblefrd\ = ok */

/* --- ...\biblefrw\ : */
html.sombre [style*="background-color: rgb(255, 252, 247)"] {background-color: rgb(45, 40, 32) !important;}
html.sombre [style*="background-color: rgb(247, 247, 247)"] {background-color: rgb(29, 22, 22) !important;}
html.sombre [style*="color: rgb(153, 51, 0)"] {color: rgb(195, 135, 105) !important;}
html.sombre [style*="color: red"] {color: rgb(255, 60, 60) !important;}
html.sombre [style*="color: rgb(63, 63, 192)"] {color: rgb(176, 176, 229) !important;}
html.sombre [style*="background-color: rgb(244, 244, 244)"] {background-color: rgb(42, 35, 35) !important;}
html.sombre [style*="background-color: rgb(255, 246, 238)"] {background-color: rgb(44, 36, 30) !important;}
html.sombre [style*="background-color: rgb(255, 251, 248)"] {background-color: rgb(29, 24, 20) !important;}
html.sombre [style*="color: rgb(113, 113, 137)"] {color: rgb(155, 155, 172) !important;}

/* --- */