* {
	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;
}
/****************** les a coter *************/

menu li{
    text-decoration: none;
    list-style: none;
    background-color: black;
    width: 5%;
    text-align: center;
    padding: 1vh;
    border-radius: 2vh;
}
menu{
    margin-top: 2vh;
    text-align: -webkit-right;
    margin-right: 5vh;
}
menu a{
    color: white;
    text-decoration: none;
}