.choix {
  padding: 1em;
}

.qcm {
  visibility: hidden;
}

/* Si le svg est situé dans un div de la class class="formulaire-quizz" le width du svg est à 100%*/
.div-formulaire svg {
  width:100%;
}

.quiz {
  width:100%;
}

.quiz-button-valider {
  display:flex;
  align-items:center;
  justify-content:space-around;
}

.quiz-choices {
  display:flex;
  flex-wrap: wrap;
  justify-content:space-around;
}

#printquiz {
  display: none;
}

.solution-quiz {
  display: none;
}

#num-nb {
  font-size: large;
  font-weight: bold;
  padding: 1em 0em;
}

#question {
  padding: 0em 0em 1em 0em;
}

#score {
  padding: 1em;
  align-content: center;
  text-align: center;
  font-size: larger;
  font-weight: bold;
}

.score {
  padding: 1em;
  align-content: center;
  text-align: center;
  font-weight: bold;
}

.introduction-quiz {
  display:"none";
}

#method {
  padding: 1em;
  align-content: center;
  background-color: lightblue;
}

#enteteQuiz {
  display:none;
}

.methode {
  border: 1px solid #000000; /* Bordure noire */
  background-color: #f0f0f0; /* Fond gris clair */
  padding: 10px; /* Espace intérieur pour ne pas que le texte touche la bordure */
  margin: 10px 0; /* Marge extérieure pour séparer ce div des autres éléments */
  break-inside: avoid; /* Empêcher le saut de colonne à l'intérieur de cet élément */
}