* {
	font-family: 'Lato', sans-serif;
	font-size: 20px;
}

.container{
	width:1000px;
	margin:auto;
	padding:auto;
}
.prompt {
	display: block;
	font-size: 20px;
}

.btn {
	margin: 0 20px 0 20px;
}

.btn-strongly-oui {
	color: #457697;
	font-weight: bold;
}

.btn-strongly-oui.active,
.btn-strongly-oui:active,
.btn-strongly-oui:focus,
.btn-strongly-oui:active:focus,
.btn-strongly-oui.active:focus,
.btn-strongly-oui:hover
 {
	background-color: #89d2c6;
	border:none;
}

.btn-oui {
	color: #3c758f;
}

.btn-oui.active,
.btn-oui:active,
.btn-oui:focus,
.btn-oui:active:focus,
.btn-oui.active:focus,
.btn-oui:hover {
	background-color: rgba(137, 210, 152, 0.5);
	border:none;
}

.btn-non {
	color: #81e2c2;
}

.btn-non.active,
.btn-non:active,
.btn-non:focus,
.btn-non:active:focus,
.btn-non.active:focus,
.btn-non:hover {
	background-color: #a2f0bc;
	border:none;
}

.btn-strongly-non {
	color: #81e2a1;
	font-weight: bold;
}

.btn-strongly-non.active,
.btn-strongly-non:active,
.btn-strongly-non:focus,
.btn-strongly-non:active:focus,
.btn-strongly-non.active:focus,
.btn-strongly-non:hover {
	background-color: #d1fde0;
}

.bottom {
	margin-bottom: 100px;
}

.hide {
	display: none;
}

.show {
	display: block;
}
.results {
	margin-bottom: 40px;
	margin-top: 40px;
}
#quiz{
	margin-bottom: 4vh
}
#submit-btn{
	padding:5px;
}

/********** progresse barre ***********/