/* --------------------------------------------------------------
   Pour la carte "leaflet"
   -------------------------------------------------------------- */
        #map {
            height: 400px; /* Hauteur de la carte */
            width: 800px;
            margin: auto;
}
/* --------------------------------------------------------------
   Pour le container sous les dates de bourse
   -------------------------------------------------------------- */
        .custom-container {
            text-align: center; /* Centrer le texte */
            font-size: 1.2rem; /* Agrandir la taille des caractères */
            line-height: 1.3; /* Rapprocher les lignes */
}
.custom-container p {
    margin-bottom: 0.5rem; /* Espace entre les paragraphes */
}
/* --------------------------------------------------------------
   Pour le bouton de remonter
   -------------------------------------------------------------- */
#scrollToTop {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 60px; /* Largeur du bouton */
    height: 60px; /* Hauteur du bouton */
    background-color: rgba(0, 123, 255, 0.7); /* Couleur de fond avec transparence */
    color: white; /* Couleur du texte */
    text-align: center; /* Centre le texte */
    line-height: 50px; /* Aligne verticalement le texte */
    border: none; /* Supprime la bordure */
    border-radius: 5px; /* Arrondi léger des coins */
    font-size: 60px; /* Taille de la flèche */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5); /* Ombre du bouton */
    transition: background-color 0.3s; /* Transition pour l'effet au survol */
    z-index:2000
}

#scrollToTop:hover {
    background-color: rgba(0, 123, 255, 0.9); /* Change la couleur au survol */
}

/* --------------------------------------------------------------
   Texte en rouge, exemple :
   <span class="texte-rouge">ce texte est en rouge</span>
   -------------------------------------------------------------- */
.texte-rouge {
    color: red;
}


/* --------------------------------------------------------------
   TABLE – empêcher le retour à la ligne (nowrap) et garder la
   largeur naturelle du tableau.
   -------------------------------------------------------------- */

/* Empêche le texte de chaque cellule de se découper */
.table-nowrap td,
.table-nowrap th {
  white-space: nowrap;          /* pas de wrap */
}

/* Le tableau garde sa largeur intrinsèque (max‑content) */
.table-nowrap {
  min-width: max-content;       /* le tableau ne se rétrécit pas sous sa largeur naturelle */
  overflow-x: auto;             /* Ajoute le défilement horizontal quand nécessaire */
}

/* (Optionnel) un petit espace entre les colonnes si besoin */
.table-nowrap td,
.table-nowrap th {
  padding-right: 1rem;          /* ajuste selon ton design */
}

/* Déplacement à gauche du tableau */
 .table-container {
  max-width: 1200px; /* Largeur maximale pour le centrage */
  margin: 0 auto; /* Centre le conteneur */
}

@media (max-width: 1200px) {
  .table-container {
    margin-left: 0; /* Aligne à gauche sur petit écran */
    margin-right: 0; /* Aligne à gauche sur petit écran */
  }


/* --------------------------------------------------------------
   LOGO FLOTTANT – position fixe, coin supérieur droit (ou gauche)
   -------------------------------------------------------------- */

.floating-logo img {
  position: fixed;          /* toujours visible */
  top: 1rem;               /* distance du haut du viewport */
  left: 1rem;              /* ← changez en `right: 1rem;` pour le coin droit */
  z-index: 1050;           /* au-dessus de la plupart des éléments Bootstrap */
  display: inline-block;
  width: 150px !important;             /* taille du logo – ajustez à votre besoin */
  height: auto;
  transition: transform 0.2s ease-in-out;  /* petit effet au hover */
}

/* Effet au survol : agrandir légèrement */
.floating-logo:hover {
  z-index: 2000;               /* valeur très haute, au-dessus de tout */
  transform: scale(1.005);
}


/* Adaptation mobile : réduire la taille */
@media (max-width: 800px) {
  .floating-logo img {
    width: 50px;
    top: 0.5rem;
    left: 0.5rem;
  }
}




/* --------------------------------------------------------------
   MENU – couleur du texte au survol
   -------------------------------------------------------------- */
/* Le sélecteur cible uniquement les liens de la navbar */
.navbar .nav-link {
  /* couleur normale (déjà blanche grâce à la classe text‑white) */
  color: #ffffff !important;
  transition: color 0.2s ease-in-out;   /* transition douce */
}

/* Au passage de la souris (ou focus clavier) → gris clair */
.navbar .nav-link:hover,
.navbar .nav-link:focus,
.navbar .nav-link:hover .bi,
.navbar .nav-link:focus .bi {
  color: #d3d3d3 !important;   /* gris clair */
}

/* Si vous préférez un gris un peu plus doux (opacité) */
.navbar .nav-link:hover,
.navbar .nav-link:focus {
  color: rgba(255, 255, 255, 0.75) !important;
}


/* Variante semi‑transparent (si vous préférez) :
.navbar .nav-link:hover,
.navbar .nav-link:focus,
.navbar .nav-link:hover .bi,
.navbar .nav-link:focus .bi {
  color: rgba(255,255,255,0.75) !important;
}
*/