/* les différentes élément type onglet, admonitions et replié
   dont on ne veut pas diminuer la taille de la police */

.md-typeset .admonition,
.tabbed-set {
  font-size: rem;   /*0.8rem*/
}

.md-typeset details,
details.tip *,
details.check * {
  font-size: rem;   /*0.8rem*/
}

@keyframes heart {
  0%,
  40%,
  80%,
  100% {
    transform: scale(1);
  }
  20%,
  60% {
    transform: scale(1.1);
  }
}
/*.heart {
  animation: heart 1000ms infinite;
  color: firebrick;
}*/

:root {
  --md-admonition-icon--savoir: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M462.3 62.6C407.5 15.9 326 24.3 275.7 76.2L256 96.5l-19.7-20.3C186.1 24.3 104.5 15.9 49.7 62.6c-62.8 53.6-66.1 149.8-9.9 207.9l193.5 199.8c12.5 12.9 32.8 12.9 45.3 0l193.5-199.8c56.3-58.1 53-154.3-9.8-207.9z"/></svg>');
}

.md-typeset .admonition.savoir,
.md-typeset details.savoir {
  border-color: rgb(219, 16, 16);
}
.md-typeset .savoir > .admonition-title,
.md-typeset .savoir > summary {
  background-color: rgba(185, 27, 101, 0.1);
  border-color: rgb(219, 16, 16);
}
.md-typeset .savoir > .admonition-title::before,
.md-typeset .savoir > summary::before {
  background-color: rgb(219, 16, 16);
  animation: heart 1000ms infinite;
  -webkit-mask-image: var(--md-admonition-icon--savoir);
  mask-image: var(--md-admonition-icon--savoir);
}

/* Essai pour agrandir le body */
@media only screen and (min-width: 76.25em) {
  .md-main__inner {
    max-width: none;
  }
  .md-sidebar--primary {
    left: 0;
  }
  .md-sidebar--secondary {
    right: 0;
    margin-left: 0;
    -webkit-transform: none;
    transform: none;   
  }
}

/* Faire ressortir les titres et parties */
.md-typeset h1 {
   color: #423b98;
   font-size: 2.2em;
   font-weight: 900;
}
.md-typeset h2 {
   text-decoration: underline;
   font-size: 1.8em;
   font-weight: 800;
}

.md-typeset h3 {
   text-decoration: underline;
   font-size: 1.5em;
   font-weight: 700;
   margin-left:1.5em;
}

.md-typeset h4 {
   text-decoration: underline;
   font-size: 1.3em;
   font-weight: 700;
   font-style: italic;
   margin-left: 3em;
}

.md-header__option label[data-md-color-scheme="default"] {
  visibility: visible;
  display: block;
}

.attente {
   color: grey;
}
.attente a {
   color: grey;
}

/* Essai pour cacher le bandeau du bas */
/*.md-copyright {
    display: none;
}*/
.md-footer-meta {
    display: none;
}
/* Couleur du footer avec Précédent et Suivant #3b5998*/
.md-header {
    background-color: #423b98;
}
.md-footer {
    background-color: #423b98;
}
.imgcliquable:hover{
    filter:invert(100%);
}

/* Test pour cacher une image en fonction du thème */
/*
body[data-md-color-scheme^="default"] img.sombre {
  display: none;
}

body[data-md-color-scheme^="slate"] img.clair {
  display: none;
}*/