/* Modernisation du glossaire — style Albedo */
body {
  font-family: 'Arial', sans-serif;
  background-color: #f4f4f9;
  margin: 0;
  padding: 20px;
}

.glossary {
  max-width: 1300px;
  margin: 0 auto;
  padding: 20px;
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

h2 {
  text-align: center;
  color: #00796b; /* Vert foncé élégant */
  border-bottom: 2px solid #00796b;
  padding-bottom: 10px;
  margin-bottom: 30px;
}

ul {
  list-style-type: none;
  padding-left: 0;
   text-align: center; /* Centrage des termes */
}

li {
  margin: 12px 0;
}

.term {
  color: #00796b;
  cursor: pointer;
  font-weight: 600;
  transition: color 0.3s ease;
}

.term:hover {
  text-decoration: underline;
  color: #4cb598;
}

.glossary-term {
	/* background-color: #f8f8f8; /* Léger fond pour mieux poser */ 
	
	 border: 1px solid #00796b;
	 color: #00796b;
  background-color: white;
 margin: 6px 10px; /* Espacement entre les termes */
  display: inline-block;
  cursor: pointer;
  transition: all 0.2s ease;
  padding: 8px 16px;
  border-radius: 20px;
}

.glossary-term:hover,
.glossary-term.active {
  background-color: #B2E6DD; /*#e0f7f4;  Vert très clair au survol */
  color: #00796b;
   transform: scale(1.05); /* Légère mise en avant au survol */
}

/* Définitions */
.definitionA, .definitionB, .definitionC, .definitionD, .definitionE,
.definitionF, .definitionG, .definitionH, .definitionI, .definitionJ, .definitionK, .definitionL,
.definitionM, .definitionN, .definitionO, .definitionP, .definitionQ, .definitionR,
.definitionS, .definitionT, .definitionU, .definitionV, .definitionW, .definitionX, .definitionY,
.definitionZ {
  margin-top: 15px;
  padding: 15px;
  background-color: #f9f9f9;
  border-left: 4px solid #4cb598;
  border-radius: 6px;
  display: none;
  visibility: hidden;
  white-space: pre-wrap;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.definitionA.show, .definitionB.show, .definitionC.show, .definitionD.show,
.definitionE.show, .definitionF.show, .definitionG.show, .definitionH.show,
.definitionI.show, .definitionJ.show, .definitionK.show, .definitionL.show,
.definitionM.show, .definitionN.show, .definitionO.show, .definitionP.show,
.definitionQ.show, .definitionR.show, .definitionS.show, .definitionT.show,
.definitionU.show, .definitionV.show, .definitionW.show, .definitionX.show,
.definitionY.show, .definitionZ.show {
  display: block;
  visibility: visible;
}

/* Responsive */
@media (max-width: 768px) {
  .glossary {
    padding: 15px;
  }

  .glossary-term {
    font-size: 1.1em;
    padding: 6px 12px;
  }

  .definitionA, .definitionB, .definitionC, .definitionD, .definitionE,
  .definitionF, .definitionG, .definitionH {
    width: 100%;
  }
}