@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.googleapis.com/css?family=Roboto) format('woff2');
}

@font-face {
    font-family: "Roboto Mono";
    font-style: normal;
    font-weight: normal;
    src: local('Roboto Mono'), url("https://fonts.googleapis.com/css?family=Roboto%20Mono");
}




/* Fond sombre 
.md-content {
    background-color: #202020;  
    color: #ffffff;            
}*/


/* Couleur des boutons et des éléments interactifs */
.md-typeset a {
    color: #26619C !important;  /* Liens dans le texte*/
}
.md-typeset a:visited {
    color: #06315C !important;  /* Liens dans le texte*/
}
.md-typeset a:hover {
    color: #4681BC !important;  /* Liens dans le texte*/
    text-decoration: underline; /* Ajoute un soulignement au survol */
}

/* Barre de navigation*/
.md-nav__link {
    color: #26619C !important;  /* Liens dans la barre latérale */
}

.md-nav__link:visited {
    color: #06315C !important;  /* Liens dans la barre latérale */
}
.md-nav__link:hover {
    color: #4681BC !important;  /* Liens dans le texte*/
    text-decoration: underline; /* Ajoute un soulignement au survol */
}
.md-nav__link--active {
    color: #ffa500;             /* Couleur orange pour le lien actif */
    font-weight: bold;          /* Gras pour le lien actif */
    #border-left: 3px solid #ffa500;  /* Bordure gauche colorée */
}
.md-nav__link--active--visited {
    color: #ffFF00;             /* Couleur orange pour le lien actif */
    font-weight: bold;          /* Gras pour le lien actif */
    border-left: 3px solid #ffa500;  /* Bordure gauche colorée */
}


.md-nav__title {
    color: #000000 !important;  /* Titre nav */
}

.md-sidebar {
 #   background-color: #202020;  /* Couleur de fond en gris foncé */
 #   color: #ffffff;             /* Couleur du texte en blanc */
}
.md-nav {
  #  background-color: #202020;  /* Couleur de fond en gris foncé */
 #   color: #ffffff;             /* Couleur du texte en blanc */
#}


.md-nav__list {
   ## display: none;              /* Masquer les sous-éléments */
   # color: #FFF000 !important;  /* Liens dans la barre latérale */
}

.md-nav__item--nested {
   ## display: none;              /* Masquer les sous-éléments */
    color: #FFFF000 !important;  /* Liens dans la barre latérale */
}



/* Scrollbar pour Firefox */

* {
  #  scrollbar-width: thin;         /* Scrollbar fine */
  #  scrollbar-color: #202020 #FFFFFF; /* Couleur du curseur et du fond */
}



:root {
    --md-text-font: 'Roboto', sans-serif;
    --md-code-font: 'Roboto Mono', sans-serif;
}

body {
    -webkit-font-smoothing: antialiased; /* Better rendering for Safari */
}

.md-grid {
    max-width: 90%;
}

/* horizontal bar  */
h1, h2 {
    border-bottom: 3px solid #e7e7e7; /* Light grey color and thin line */
    padding-bottom: 5px; /* Small space between the title and the line */
    margin-bottom: 5px;
}

h3, h4, h5, h6 {
    font-weight: bold; /* Make the titles bold */
    font-weight: 700;
}