/*Definition des couleurs :*/
:root {
  --varText: #f7f7f2;
  --varFond: white;
  --varMid: #808080;
  --varDeep: #000000;
  --varAccent: #000000;
}

@font-face {
  font-family: "cubicFont";
  src: url(/assets/fonts/F25_Bank_Printer.ttf);
  font-weight: normal;
  font-style: normal;
}

body {
  margin: 0; /* Supprime la marge par défaut du corps de la page */
  font-family: cubicFont;
  background-color: var(--varFond);
}

.ligne-horizontal-1 {
  position: fixed; /* Fixe la ligne horizontale */
  top: 10%; /* Position verticale au milieu de la page */
  width: 100%; /* Prend toute la largeur de la page */
  height: 1px; /* Épaisseur de la ligne horizontale */
  background-color: black; /* Couleur de la ligne horizontale, ajustez selon vos préférences */
}
.ligne-vertical-1 {
  position: fixed; /* Fixe la ligne verticale */
  left: 10%; /* Position horizontale au milieu de la page */
  height: 100%; /* Prend toute la hauteur de la page */
  width: 1px; /* Épaisseur de la ligne verticale */
  background-color: black; /* Couleur de la ligne verticale, ajustez selon vos préférences */
}
.ligne-horizontal-2 {
  position: fixed; /* Fixe la ligne horizontale */
  top: 50%; /* Position verticale au milieu de la page */
  width: 100%; /* Prend toute la largeur de la page */
  height: 1px; /* Épaisseur de la ligne horizontale */
  background-color: black; /* Couleur de la ligne horizontale, ajustez selon vos préférences */
}
.ligne-vertical-2 {
  position: fixed; /* Fixe la ligne verticale */
  left: 50%; /* Position horizontale au milieu de la page */
  height: 100%; /* Prend toute la hauteur de la page */
  width: 1px; /* Épaisseur de la ligne verticale */
  background-color: black; /* Couleur de la ligne verticale, ajustez selon vos préférences */
  z-index: 4;
}
.ligne-horizontal-3 {
  position: fixed; /* Fixe la ligne horizontale */
  top: 90%; /* Position verticale au milieu de la page */
  width: 100%; /* Prend toute la largeur de la page */
  height: 1px; /* Épaisseur de la ligne horizontale */
  background-color: black; /* Couleur de la ligne horizontale, ajustez selon vos préférences */
}
.ligne-vertical-3 {
  position: fixed; /* Fixe la ligne verticale */
  left: 90%; /* Position horizontale au milieu de la page */
  height: 100%; /* Prend toute la hauteur de la page */
  width: 1px; /* Épaisseur de la ligne verticale */
  background-color: black; /* Couleur de la ligne verticale, ajustez selon vos préférences */
}

.navbar {
  position: fixed;
  z-index: 1;
  left: 15%;
  top: 5%;
  padding: 0;
  font-size: 2em;
  transform: translateY(-50%);
}

/* Media query pour les écrans de petite taille (par exemple, les téléphones) */
@media screen and (max-width: 768px) {
  .navbar {
    left: 50%; /* Centre horizontalement */
    top: 5%; /* Centre verticalement */
    transform: translate(
      -50%,
      -50%
    ); /* Centre horizontalement et verticalement */
    text-align: center; /* Centre également le texte horizontalement */
  }
}

.grand-conteneur {
  padding-top: 15vh;
  padding-bottom: 15vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 60px;
  min-height: 100vh;
}

.item-flex {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 80%;
  z-index: 10;
}

.item-img {
  width: 100%;
  max-width: 80vh;
  z-index: 10;
}

.footer {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  bottom: 5vh;
  transform: translateY(50%);
  height: 0;
}

.back-sign {
  position: fixed;
  z-index: 2;
  left: 11%;
  top: 12%;
  padding: 0;
  transform: translateY(-50%);
  z-index: 11;
}

.nav-link {
  padding: 0;
  margin: 0;
  color: #000000;
  text-align: center;
}

/*Style pour table*/

table {
  border-spacing: 0;
  border-collapse: separate;
  border-radius: 0px;
  border: 1px solid black;
  z-index: 2;
  background-color: white;
  margin-left: 5px;
  margin-right: 5px;
  width: 100%;
  max-width: 80vh;
}

td {
  text-align: center;
}

th {
  text-align: center;
}

.p-no-margin {
  margin-bottom: 0;
}

.width-lim-txt {
  width: 100%;
  max-width: 80vh;
}

@media screen and (max-width: 768px) {
  .collapse-dash {
    display: none;
  }
}

/* Style pour le hover des liens */
a:hover {
  color: rgb(247, 44, 0); /* Rouge lorsque la souris passe dessus */
}