.qcm_element {
  margin-bottom: 0.5em;
  overflow: hidden; /* empêche les débordements éventuels */
  background-color: #fbfbff;
  border-radius: 5px;
  border:1px solid #cacaff;
}

/* Phase correction */
.qcm_liste_propositions {
  list-style: none;
  padding-left: 0;
  margin: 0.3em 0;
}

.qcm_liste_propositions li {
	display: block; /* ligne entière pour chaque réponse */
  margin: 0.5em 0;
  padding: 0.6em 0.8em;
  border-radius: 6px;
  line-height: 0.9em;
  background-color: #fbfbff;
  border-left: 5px solid transparent;
  font-size: 1.1em;
}

/* Phase proposition */
.qcm_proposition label {
  display: block; /* une ligne par proposition */
  margin: 0.1em 0;
  font-size: 1em;
  background-color: #fbfbff;
  padding: 0.1em;
  border-radius: 6px;
  cursor: pointer;
}

.qcm_radio,
.qcm_checkbox { margin-right: 0.5em; }

/* Symboles SVG */
.qcm_icon {
  vertical-align: middle;
  margin-right: 0.4em;
}

/* ✔ Réponse correcte */
.qcm_correction_juste {
  background-color: #d4edda;
  border-left-color: #28a745;
  color: #155724;
  font-weight: bold;
}

/* ❌ Réponse sélectionnée mais fausse */
.qcm_correction_faux {
  background-color: #f8d7da;
  border-left-color: #dc3545;
  color: #721c24;
  font-weight: bold;
}

/* Justification d'une réponse */
.qcm_precision {
  font-size: 1em;
  font-style: italic;
  font-weight: normal;
  color: #444;
  line-height: 1em;
  margin-top: 0.3em;
  padding-left: 1.2em;
}

/* habillage boutons */
.jeux_bouton {
  display: inline-block;
  background-color: #007BFF;
  color: white;
  padding: 0.6em 1.2em;
  margin: 0.5em auto;
  border: none;
  border-radius: 4px;
  text-decoration: none;
  font-size: 1em;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  transition: background 0.3s ease;
}

.jeux_bouton_center {
  text-align: center;
  margin-top: 1em;
}

/* ============================== */
/* Styles pour les questions ouvertes */
/* ============================== */
.question_ouverte {
  background-color:#fbfbff;
  border:#cacaff;
  border-left: 4px solid #007BFF; 
  padding: 1em;
  margin: 1em 0;
  font-size: 1em;
  border-radius: 5px;
}

.question_ouverte textarea {
  width: 100%;
  font-size: 1em;
  padding: 0.5em;
  border: 1px solid #ccc;
  border-radius: 4px;
  resize: vertical;
}

.correction {
  background-color:#fbfbff;
 /* border-left: 4px solid #999; */
  padding: 1em;
  margin-top: 1em;
  border-radius: 4px;
}

.question {font-weight: bold;}