body {
    margin: 0;
    font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    letter-spacing: 1px;
    counter-reset: h2 h3;
}
/** Mode clair/sombre */
.theme-mode {
    cursor: pointer;
    padding: 0;
    font-size: 1.2rem;
    transition: transform 0.2s;
}

/* H1 centré et numéroté */
h1 {
    counter-increment: h1;
    counter-reset: h2;
    text-align: center;
    color: #4c8d7e;
}
/* H2 souligné et numéroté */

h2 {
    counter-increment: h2;
    counter-reset: h3;
    text-decoration: underline;
}

/* H3 souligné et numéroté */
h3 {
    counter-increment: h3;
    text-decoration: underline;
}

th {
    color: darkgoldenrod;
    border: 1px solid #aaa;
    padding: 0.2rem 1rem;
}

td {
    border: 1px solid #aaa;
    padding: 0.2rem 1rem;
}

/*h2::before {*/
/*    content: counter(h2) ". ";*/
/*}*/

/*h3::before {*/
/*    content: counter(h2) "." counter(h3) " ";*/
/*}*/

pre {
    padding: 0.5em;
    background: #3b4252 !important;
}

pre code {
    color: #e0e2e4;
    border-radius: 0.25rem;
    background: #3b4252 !important;
    padding: 0 !important;
}


@media (min-width: 768px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl {
        max-width: 1920px;
    }

    #navbar-collapse > ul.nav.navbar-nav > li > a.nav-link {
        text-transform: uppercase;
    }

    .navbar {
        padding: 0 1em;
        font-size: 0.765625rem;
        font-weight: 600;
    }

    .navbar-nav li:has(> a[rel="prev"]),
    .navbar-nav li:has(> a[rel="next"]) {
        display: none !important;
    }


    .nav-item {
        margin-right: 2rem;
    }

    .md-search {
        margin-left: auto;
    }

    /* Couleurs des liens personnalisées */
    .md-nav__link {
        color: #4c8d7e !important;
        transition: color 0.2s ease !important;
    }

    .md-nav__link:hover {
        color: #10c08e !important;
    }

    .md-nav__link--active {
        color: #10c08e !important;
        font-weight: bold !important;
    }

    /* Couleurs des liens dans le contenu */
    .md-content a,
    .md-content__inner a,
    .md-typeset a {
        color: #4c8d7e !important;
        text-decoration: none !important;
        transition: color 0.2s ease !important;
    }

    .md-content a:hover,
    .md-content__inner a:hover,
    .md-typeset a:hover {
        color: #10c08e !important;
        text-decoration: underline !important;
    }

    /* Liens dans les listes */
    .md-typeset ul li a,
    .md-typeset ol li a {
        color: #4c8d7e !important;
    }

    .md-typeset ul li a:hover,
    .md-typeset ol li a:hover {
        color: #10c08e !important;
    }

    /* Liens dans les tabs */
    .tabbed-labels li a {
        color: #4c8d7e !important;
    }

    .tabbed-labels li a:hover {
        color: #10c08e !important;
    }

    .admonition > .admonition-title {
        background: #375a7f;
    }


    .navbar-nav .dropdown-toggle {
        padding-left: 3rem !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 0.5rem;
    }

    .navbar-collapse {
        display: flex !important;
        align-items: center;
    }

    /* Menu centre */
    .navbar-collapse > .navbar-nav:first-child {
        margin: 0 auto;
    }
    .slide-only {
        display: none !important;
    }

    .slide {
        position: fixed;
        top: 50px;
        right: 20px;
    }
}

.md-grid {
    margin-left: auto;
    margin-right: auto;
  
    max-width: 100%;
}

.md-tabs__link {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: flex;
    font-size: .7rem;
    margin-top: .2rem;
    opacity: .7;
    outline-color: var(--md-accent-fg-color);
    outline-offset: .2rem;
    transition: transform .4s cubic-bezier(.1,.7,.1,1),opacity .25s;
}

.md-tabs__item {
    padding-left: .6rem;
    padding-right: .6rem;
}
/* Masquer la sidebar gauche sur desktop uniquement */
@media screen and (min-width: 76.25em) {
    .md-sidebar--primary {
    display: none !important;
}
}

/* Centrer le menu des onglets dans MkDocs Material */
.md-tabs__list {
    display: flex;
    justify-content: center;
}

/* Conteneur vidéo */
.video-container {
  position: relative;
  width: 640px; /* Largeur fixe - adapte selon besoin */
  height: 360px; /* Hauteur fixe - adapte selon besoin */
  margin-left: auto;    /* Centre horizontalement */
  margin-right: auto;   /* Centre horizontalement */
  border: 1px solid #cecece;
  background-color: #3b4252;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

/* Le div qui contient le player Dailymotion */
.video-container > div {
  width: 100% !important;
  height: 100% !important;
}

/* Bouton fermer */
.video-close-btn {
  position: absolute;
  top: 6px;
  right: 6px;
  background: #3b4252;
  border: none;
  color: #cecece;
  font-size: 1.5em;
  cursor: pointer;
  z-index: 10;
  width: 30px;
  height: 30px;
  border-radius: 15px;
  line-height: 28px;
  text-align: center;
  padding: 0;
}