body {
  font-family: Helvetica;
  background-color: whitesmoke;
  cursor: url('dot.cur'), auto; /* 'dot.cur' est ton petit point */
}

/* Empêche la sélection du texte et des images */
body, img {
  user-select: none;        /* désactive la sélection de texte sur la plupart des navigateurs */
  -webkit-user-select: none; /* Chrome/Safari */
  -moz-user-select: none;    /* Firefox */
  -ms-user-select: none;     /* Internet Explorer/Edge */
}

/* --- NAVIGATION --- */
nav {
  z-index: 2000;
  display: flex;
  justify-content: space-between; /* espace entre les deux blocs gauche/droite */
  align-items: center;
  padding: 20px;
}

.nav-left a,
.nav-right a {
  margin-right: 20px; /* espace entre les liens */
  text-decoration: none;
  color: black;
  font-size: 0.8em;
}

.nav-left a:last-child,
.nav-right a:last-child {
  margin-right: 0; /* pas d'espace après le dernier lien de chaque groupe */
}


nav a {
  text-decoration: none;
  color: #333;
  font-size: 1em;
  transition: color 0.2s;
}

nav a:hover {
  color: saddlebrown;
  font-size: 1em;
}

/* --- IMAGE ET TEXTE --- */
.gallery {
  position: relative;
  max-width: 100%;
  margin: 30px;
  overflow: hidden;
}

.project {
  display: none;          /* tout est caché par défaut */
  text-align: center;
}

.project.active {
  display: flex;          /* seul le projet actif est visible */
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.project img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

/* Styles par défaut pour tous les écrans */
.project p {
  position: fixed;       /* fixe le texte sur la page */
  bottom: 40px;          /* distance depuis le bas de l'écran */
  left: 50%;             /* centre horizontalement */
  transform: translateX(-50%); /* ajuste le centrage exact */
  font-size: 0.7rem;
  line-height: 1.4;
  color: #666;
  max-width: 100%;
  z-index: 1000;        /* s'assure que le texte est au-dessus des images */
}






.project-table {
  table-layout: fixed;
  width: 150%;
  margin: 10px;
  overflow-x: auto;
  margin-top: 50px;
  font-size: 0.7em;
  line-height: 1.4;
}

.project-table table {

  border-collapse: collapse;
}

.project-table th,
.project-table td {
  padding: 10px;
  text-align: left;
}

.project-table th {
  color: black;
}



  .project-table td:nth-child(1) { width: 5px; }
  .project-table td:nth-child(2) { width: 5px; }
  .project-table td:nth-child(3) { width: 1000px; }
  .project-table td:nth-child(4) { width: 60px; }
  .project-table td:nth-child(5) { width: 60px; }
}






.about-text {
  max-width: 400px;    /* limite la largeur du texte pour qu'il ne fasse pas tout l'écran */
  margin: 20px;
  margin-top: 60px;
  font-size: 0.7rem;
  line-height: 1.4;
  color: black;
  text-align: left;    /* texte aligné à gauche */
}

.about-text a{
  color: black;
  text-decoration: none;
}