/*Created with Adobe RoboHelp*/
/*********************/
/*** Police Verlag ***/
/*********************/
@font-face {
  font-family: "verlag";
  src: url("../Template_GRICS/fonts/Verlag-Book.otf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "verlag";
  src: url("../Template_GRICS/fonts/Verlag-Bold.otf");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "verlag";
  src: url("../Template_GRICS/fonts/Verlag-Black.otf");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "verlag";
  src: url("../Template_GRICS/fonts/Verlag-BookItalic.otf");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "verlag";
  src: url("../Template_GRICS/fonts/Verlag-BoldItalic.otf");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "verlag";
  src: url("../Template_GRICS/fonts/Verlag-BoldItalic.otf");
  font-weight: 900;
  font-style: italic;
}
/************************/
/*** Police Open Sans ***/
/************************/
@font-face {
  font-family: "Open-Sans";
  src: url("../Template_GRICS/fonts/OpenSans-Regular.ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Open-Sans";
  src: url("../Template_GRICS/fonts/OpenSans-Bold.ttf");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Open-Sans";
  src: url("../Template_GRICS/fonts/OpenSans-ExtraBold.ttf");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Open-Sans";
  src: url("../Template_GRICS/fonts/OpenSans-Italic.ttf");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Open-Sans";
  src: url("../Template_GRICS/fonts/OpenSans-BoldItalic.ttf");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "Open-Sans";
  src: url("../Template_GRICS/fonts/OpenSans-ExtraBoldItalic.ttf");
  font-weight: 900;
  font-style: italic;
}
body{
  font-family: "Open-Sans" !important;
}
body.media-desktop div.toc-holder *{
  white-space: normal;
}
.toc-holder{
  padding:30px 20px !important;
}
.toc li{
  font-size: 16px !important;
  font-family: "Open-Sans";
  margin: 5px 0;
}
.child ul li {
  margin: 5px 0 !important;
}
.child.max-height-transition
{
  margin: 5px;
}
.header .title{
  font-family: "verlag" !important;
}
.toc-holder li a:hover{
  text-decoration: none;
  color: #0073CF;
  font-weight: bold !important;
}
.toc-holder ul .selected a{
  text-decoration: none;
}
#toc-panel{
  scrollbar-width: none;
}
#toc-panel::-webkit-scrollbar {
  -ms-overflow-style: none;
  display: none;
}
/* Override de la position du chevron */
body.media-desktop div.toc-holder ul li.book {
	background-position: 0.5em 0em !important;
}

/* Override de la largeur de la table des matières */
/* Ça casse le resizer donc on met en commentaire...
body.media-desktop div.functionbar {
	width: 40em !important;
}
body.media-desktop div.toc-holder.layout-visible {
	width: 40em !important;
}
body.media-desktop div.idx-holder.layout-visible {
	width: 40em !important;
}
body.media-desktop div.glo-holder.layout-visible {
	width: 40em !important;
}
body.media-desktop div.filter-holder.layout-visible {
	width: 40em !important;
}
body.media-desktop div.searchresults.search-sidebar {
	width: 40em !important;
}
body.media-desktop div.searchbar.search-sidebar {
	width: 40em !important;
}
body.media-desktop div.searchresults.search-content, body.media-desktop div.topic {
	left: 40em !important;
}
body.media-desktop div.sidebarsizer {
	left: 40em !important;
}
*/
/***********************************************/
/*** Mode Sombre ***/
/***********************************************/
.dark-mode .functionbar,
.dark-mode .functionholder,
.dark-mode .toc-holder,
.dark-mode a.toc,
.dark-mode .topic.main
{
  background-color: #01080D !important;
  border-color: #353535 !important; 
}
.dark-mode .toc-holder li{
  color: #B3B3B3;
}