@import url('https://fonts.googleapis.com/css?family=Cabin:600,700');


.container {
	background-image: url('../img/banniere_questionnaire_POE.png');
	height: 200px;
	width: 1423px;
}

.header {
	width: 100%;
	display: block;
}

.container-fluid {
	width: 90vw;
	height: 70vh;
	margin-top: 4vh;
	margin-left: 5vw;
	background-color: white;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	border-radius: 2px;
	font-family: 'Cabin', sans-serif;
}

body {
	background: #28a8e2;
}

h1{
	margin-top: 25px;
}
h3{
	color: #6D6D6D;
}
h5{
	font-weight: bold;
	color: #28a8e2;
	margin-top: 5vh;
	font-size: 1.5em;
}

#span{
	position: absolute;
	z-index: 9999999;
	top:6vh;
	left: 25vw;
	width: 15vw;
	height: 12vh;
	cursor:pointer;
}

.img {
	width: 180px;
	z-index: 9999999999;
}

.commencer{
	margin-top: 20vh;
}
.questdiv{
	font-size: 1.2em;
	margin-top:5vh;
    -webkit-columns: 2; /* Chrome, Safari, Opera */
    -moz-columns: 2; /* Firefox */
    columns: 2;
}


.qs{
	position: absolute;
	bottom: 10vh !important;
	right: 10vw !important;

}

select{
	color:#747474;
}


@media screen and (max-width: 1366px) {

  html{

	width: 100% !important;
	height: 100% !important;
	background-color: #28a8e2;
	background-image: url('../img/back.png') !important;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;


}


	#span{
		
		position: absolute;
		z-index: 9999999;
		top:6vh;
		left: 10vw;
		width: 35vw;
		height: 12vh;
		cursor:pointer;
	}

}




@media screen and (max-width: 1023px) {

  html{

	width: 100% !important;
	height: 100% !important;
	background-color: #28a8e2;
	background-image: url('../img/back.png') !important;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;


}



	#span{
		
		position: absolute;
		z-index: 9999999;
		top:6vh;
		left: 1vw;
		width: 32vw;
		height: 12vh;
		cursor:pointer;
	}





body{
	width: 90vw;
	height: 150%;
	margin-top: 18vh;
	margin-left: 5vw;
	background-color: white;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	border-radius: 2px;
	font-family: 'Cabin', sans-serif;
}

h1{
	margin-top: 25px;
	font-size: 4em;
}
h3{
	color: #6D6D6D;
	font-size: 3em;
}


h5{
	font-weight: bold;
	color: #28a8e2;
	font-size: 1.5em;
}


.qs{
	position: static;
	margin-top: 1vh;	

}


.questdiv{
	font-size: 1em;
	margin-top:5vh;
    -webkit-columns: 1; /* Chrome, Safari, Opera */
    -moz-columns: 1; /* Firefox */
    columns: 1;
}

.commencer{
	font-size: 2.8em;
	margin-top: 20vh;
	width: 600px;
	height: 100px;
margin-left: -18vw;
	}

#responsivecenter{
	margin-left: 15vw;
}

#responsivecenter1{
	margin-left: 25vw;
}

#responsivecenter2{
	margin-left: 7vw;
}

}