.navbar {
	padding: 10px 20px; /* Ajoute de l'espace autour de toute la navbar */
  }

  .navbar-brand {
	margin-left: 10px; /* Décalage pour éloigner du bord gauche */
  }

  .navbar-nav.ms-auto {
	margin-right: 10px; /* Décalage pour éloigner du bord droit */
  }

  /* Augmentez la taille des icônes */
  .nav-link i {
	font-size: 1.25rem; /* Par exemple, 1.25rem pour un peu plus grand */
  }

  /* Optionnel : ajoutez un espace entre les liens pour éviter qu'ils soient trop proches */
  .nav-item {
	margin: 0 5px; /* Ajoute un espacement horizontal entre les éléments du menu */
  }

    /* Bouton principal bleu plein */
    .dataTables_wrapper .dt-buttons .btn-primary {
        background-color: #0d6efd !important;
        color: #ffffff !important;
        border: 1px solid #0d6efd !important;
    }

    /* Boutons outline gris */
    .dataTables_wrapper .dt-buttons .btn-outline-secondary {
        background-color: transparent !important;
        color: #6c757d !important; /* Texte gris */
        border: 1px solid #6c757d !important;
    }

    /* Styles pour les messages flash dans les modals */
    .modal .modal-flash-message {
        background-color: transparent !important; /* Supprime le fond */
        border: none !important; /* Supprime la bordure */
    }
/* Lisibilité du Scrollspy (lien actif) */
    #helpTOC .list-group-item.active,
    #helpTOC-mobile .list-group-item.active {
      background-color: var(--bs-primary);
      color: #fff;
      border-color: var(--bs-primary);
    }

    /* Filtre visuel des sections quand on tape dans la recherche */
    .help-section.is-dimmed {
      opacity: .35;
      filter: grayscale(0.2);
      transition: opacity .2s ease, filter .2s ease;
    }

    /* Back to top */
    #backTop { box-shadow: 0 .25rem .75rem rgba(0,0,0,.2); }