.quiz-intro{
  line-height: 1.1em;
}

.quiz-intro em{
  font-size: 12px;
  color:#878787;
}
.quiz-section{

}

.quiz-section h3{
  color: #5849a7;
  font-weight: 700;
  font-size: 2rem;
  padding-bottom: 0.5rem;
  margin-bottom: 2rem;
}

.quiz-section .quiz-questions{
  margin-bottom: 2%;
}

.quiz-section .quiz-questions span.num{
  color:#5849a7;
  font-weight: bold;
  display: inline-block;
  vertical-align: top;
  font-size: 15px;
}

.quiz-section .quiz-questions span.titre{
  font-size: 15px;
  vertical-align: top;
  display: inline-block;
  width: 90%;
}

.quiz-section .quiz-questions span.sub{
  font-size: 14px;
}
.quiz-section .quiz-questions span.titre.error{
  color:red;
}

.quiz-section .quizz-question{
  font-size: 14px;
  display: inline-block;
  vertical-align: top;
  margin:3% 1% 2% 1%;
  padding:1% 2% 1% 2%;
  border:1px solid #F8F8F8;
  border-radius: 15px;
  background-color: #fff;
  box-shadow: -1px 3px 10px #E9E9E9;
  text-align: center;
  color:#5849a7;
  cursor: pointer;
  transition:all 0.2s linear;
  max-width: 190px;
  line-height: 1em;
}

.quiz-section .quizz-question:hover{
  opacity: 0.6;

}

.quiz-section .quizz-question.selected{
  color:#ffffff;
  background-color: #5849a7;

}

.quiz-section .bt-quiz{
  margin-top: 8%;
  margin-bottom: 10%;
  border-radius: 13px;
  line-height: 20px;
  background-color: #5849a7;
  color:#ffffff;
  border:0px;
  padding:6px 40px 6px 40px;
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  transition: all 0.2s linear;
}
.quiz-section .bt-quiz:hover{
  opacity: 0.6;
}

.quiz-score{
  line-height: 1.1em;
}

.quiz-score h3{
  color: #5849a7;
  font-weight: 700;
  font-size: 2rem;
  padding-bottom: 0.5rem;
  margin-bottom: 2rem;
}

.wrap-image-score{
  position: relative;
}
.wrap-score{
  width: 100%;
  text-align: center;
  margin-top: -7%;
  margin-bottom: 7%;
}

.wrap-score .score{
  display: inline-block;
  font-size: 30px;
  line-height: normal;
  font-weight: bold;
  width: 80%;
  background: #5849a7;
  padding:20px;
  border-radius: 20px;
  color:#ffffff;
  text-transform: uppercase;
}

.wrap-texte-score{

}

.wrap-texte-score strong{
  color: #5849a7;
}

.wrap-texte-ref{
  font-size: 12px;
}


@media (max-width: 450px) {

  .quiz-section .quizz-question{
    font-size: 14px;
    display: inline-block;
    vertical-align: top;
    margin:3% 1% 2% 1%;
    padding:3px 5px 3px 5px;
    border:1px solid #F8F8F8;
    border-radius: 15px;
    background-color: #fff;
    box-shadow: -1px 3px 10px #E9E9E9;
    text-align: center;
    color:#5849a7;
    cursor: pointer;
    transition:all 0.2s linear;
    max-width: none;
    line-height: 1em;
  }

}