header{
    padding: 35px;
    background-color: rgb(14, 69, 141);
    color: white;
    text-align: center;
}

#questionnaire{
   position: relative;
   margin-top: -140px;
   
    

}



input{
    width: 80px;
    padding: 2px;
    margin-left: 7px;
    margin-right: 7px;
}

#questionnaire{
    font-size: 1.2rem;
}


.btn-help {
	box-shadow:inset 0px 1px 0px 0px #fff6af;
	background:linear-gradient(to bottom, #ffc266 5%, #db8f14 100%);
	background-color:#ffc266;
	border-radius:6px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
}
.btn-help:hover {
	background:linear-gradient(to bottom, #db8f14 5%, #ffc266 100%);
	background-color:#db8f14;
}
.btn-help:active {
	position:relative;
	top:1px;
}

#btn-valider {
	box-shadow: 0px 0px 0px 2px #9fb4f2;
	background:linear-gradient(to bottom, #4880e0 5%, #1b60b5 100%);
	background-color:#4880e0;
	border-radius:10px;
	border:1px solid #2445a8;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:19px;
	padding:12px 37px;
	text-decoration:none;
    text-shadow:0px 1px 0px #172c61;
    margin: 10px;
}
#btn-valider:hover {
	background:linear-gradient(to bottom, #1b60b5 5%, #4880e0 100%);
	background-color:#1b60b5;
}
#btn-valider:active {
	position:relative;
	top:1px;
}

#btn-refresh {
	box-shadow: 0px 0px 0px 2px #9fb4f2;
	background:linear-gradient(to bottom, #4880e0 5%, #1b60b5 100%);
	background-color:#4880e0;
	border-radius:10px;
	border:1px solid #2445a8;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:19px;
	padding:12px 37px;
	text-decoration:none;
    text-shadow:0px 1px 0px #172c61;
    margin: 10px;
}
#btn-refresh:hover {
	background:linear-gradient(to bottom, #1b60b5 5%, #4880e0 100%);
	background-color:#1b60b5;
}
#btn-refresh:active {
	position:relative;
	top:1px;
}
             

footer {
    font-size: 1.2rem;
    text-align: center;
    background-color: silver;
    border-top: 1px solid grey;
    padding-bottom: 2cm;
    padding-top: 5px;
}

/* third party code issu de Dojo Toolkit */

.box {
    position: relative;
    display: inline-flex;
    right: 20%;
    height: 200px;
    width: 200px;
	background-color: #ddd;
	border: 1px #eee;
    padding: 5px;
    
}


.innerBox {
    margin: 3%;
	padding: 3px;
    background-color: #eeeef0;
    font-size: 1rem;
   
    
}

#container {
    position: relative;
    padding: 10px;
    height: 300px;
    width: 450px;

}

.contentBox {
	background-color: white;
    position: absolute;
    width: 200px;
	border: solid 1px #99c;
    margin: 5px;

    -moz-box-shadow: 10px 10px 5px #888;
    -webkit-box-shadow: 2px 3px 5px #888;
    box-shadow: 10px 10px 5px #888;
}