.question {
    background-color: #f8f8f8;
	border-radius: 4px;
	padding:10px;
}
#questions {
  font-size: 18px;
  letter-spacing: 0.1rem;
  margin-top:20px;
  margin-bottom: 30px;
  color:#004e90;
}
#boutons button {
  letter-spacing: 0.1rem;
  margin:10px;
  padding:10px 30px;
  background-image:none;
}
.bouton_oui, .bouton_non, #resetQuestions {
  border-radius: 4px;
}

#nb_result {
  font-weight: bold;
  font-size:18px;
  padding: 15px 0;
}
.sling {
  margin-top:10px;
  margin-bottom:10px;
}
#bouton_precendent:hover, .bouton_oui:hover, .bouton_non:hover, #resetQuestions:hover {
  opacity:0.8; cursor: pointer;
}
#bouton_precendent:focus, .bouton_oui:focus, .bouton_non:focus, #resetQuestions:focus {
   outline:none;
}
#bouton_precendent {
  background-color: transparent;
  border:none;
  color:transparent;
  visibility:hidden;
}
#resetQuestions {
  background-color: transparent; 
  border:none;
  color:transparent;
}
.sling img {
max-height:100%;
}
.sling {
  border-radius: 4px;
  border: 1px solid #DDD;
  background: #F7F9FC;
  font-family: Verdana, Geneva, sans-serif !important;
  font-size: 13px !important;
  
  text-decoration: none !important;
  max-width: 240px;
  font-weight: 600;
  text-align: center;
  margin-bottom:30px;
  padding: 0px;
}
.sling a span {
  min-height: 32px;
  padding: 15px;
  display: block;
}
.sling a {
  color: #004e90 !important;
  text-decoration: none;
}
@media screen and (max-width: 679px){
	#resetQuestions {
	  order:2;
	}
	#bouton_precendent {
	  order:1;
	}
	#questions {
	  order:3;
	}
	#result {
	  justify-content: center;
	}
}
@media (max-width: 979px) and (min-width: 679px) {
	#result {
	  justify-content: space-around;;
	}
}
@media screen and (min-width: 979px){
	#result {
  	  justify-content: space-around;
	}
}