.link {
      z-index: 1;
      position: relative;
      stroke: #aaaaaa7d;
      stroke-width: .5px;
  }

  .node,
  .label {
      z-index: 100;
  }


  section.map {
      position: fixed;
      bottom: var(--body-margin);
      text-align: center;
      width: 100%;
      padding: 1em;

  }

  section.map a {
      background-color: white;
      outline: 1px solid var(--link-color);
      padding: .2em .4em;
  }

  #zoom_in {
      position: absolute;
      bottom: 5px;
      left: 5px;
      width: 50px;
      height: 50px;
      background: white;
      border: 1px solid var(--link-color);
      color: var(--link-color);
  }

  #zoom_out {
      position: absolute;
      bottom: 5px;
      left: calc(5px + 5px + 50px);
      width: 50px;
      height: 50px;
      background: white;
      border: 1px solid var(--link-color);
      color: var(--link-color);
  }

  .tooltip {
      position: absolute;

      top: var(--body-margin);
      right: calc(100vw - 65vw);
      text-align: center;
      padding: 8px;
      font: 12px sans-serif;
      width: 30vw;
      height: 8em;
      opacity: 1;

      visibility: hidden;
      background-color: #fff;
      outline: 1px solid var(--link-color);
      font-family: "Plantin";
      font-size: 1.5em;
      line-height: 1;
      text-align: center;
      /* Bordure temporaire pour vérification */
  }

  .tooltip p:nth-of-type(1) {
      font-family: "FL-Selectric";
      font-size: 16px;
      padding-bottom: 1em;
  }

  .tooltip a {
      font-family: "FL-Selectric";
      font-size: 16px;
  }

  .node {
      transition: opacity 300ms ease;
  }

  /* nodes d'auteurs */
  .node-1 {
      fill: var(--link-color)
  }

  /* nodes d'articles */
  .node-2 {
      fill: #86befa;

  }

  .node-5 {
      fill: rgb(104, 196, 196);
  }

  /* nodes de sujets */
  .node-3 {
      fill: #002d5d;
  }

  /* nodes de tags */
  .node-4,
  .label-4 {
      fill: #4d00b9;

  }

  .label-4,
  .label-3 {
      fill: #ffffff;
  }

  /* .node:not(.selected) {
      opacity: 0.5;
  } */

  .label {
      pointer-events: none !important;
      transition: opacity 300ms ease;

  }

  .node-highlight {
      stroke: var(--link-color);
      /* Couleur de surbrillance pour les nœuds */
      stroke-width: 3px;

      transition: opacity 300ms ease;
      /* Épaisseur de la bordure pour les nœuds */


  }

  .link-highlight {
      transition: opacity 300ms ease;
      stroke: #000000;
      /* Couleur de surbrillance pour les liens */
      stroke-width: 3px;
      /* Épaisseur de la ligne pour les liens */
  }

  .close {
      pointer-events: auto;
      text-align: right;
      font-size: .8em;
      height: 0;
      cursor: pointer;
  }

  .faded {
      opacity: 0.1;
      transition: opacity 300ms ease;
  }