body {
	padding: 0px;
	color:black;
	background-image: url(bkgrd/HHBackground.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-attachment: fixed;
	background-size: cover;
    font: normal 15px Futura, sans-serif;
}

.table, th, td {
	padding: 0px;
	vertical-align: middle;
	color: white;
    font: normal 10px Futura, sans-serif;
}

.table-bkgrd {
	padding: 30px;
    background-color: rgba(61, 76, 102, 0.8);
    border-radius:20px;
}

.table-maths {
	padding: 30px;
    background-color: rgba(61, 76, 102, 0.8);
    border-radius:20px;
}

.table-alert {
	border-style: solid;
	border-color: white;
	padding: 10px;
    border-radius:30px;
    background-color: #C1F600;
	-webkit-filter: drop-shadow(4px 4px 8px rgba(0,0,0,0.8));
}

.table-dialog {
	border-style: solid;
	border-color: white;
	padding: 10px;
    background-color: rgba(61, 76, 102);
    border-radius:20px;
	-webkit-filter: drop-shadow(4px 4px 8px rgba(0,0,0,0.8));
}

.bkgrd-text {
    font: normal 25px Futura, sans-serif;
	color: #D0F1F1;
}

.bkgrd-text-white{
    font: normal 20px Futura, sans-serif;
}

.box-image {
	position: relative;
    display: inline-block;
    text-align: center;
}

.shadowed {
	-webkit-filter: drop-shadow(4px 4px 8px rgba(0,0,0,0.8));
}

.shadowed-button {
	-webkit-filter: drop-shadow(4px 4px 8px rgba(0,0,0,0.8));
}

.shadowed-button:active {
	-webkit-filter: drop-shadow(0px 0px 0px rgba(0,0,0,0.8));
 	 transform: translate(2px, 2px);
}

.shadowed-text {
	text-shadow: 4px 4px 6px rgba(0,0,0,0.8);
}

div.maths-dialog {
	position: fixed;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.table-meteo {
	background-color: rgba(0,0,0,0.3);
}

.wrapper {
	padding: 0px;
	resize: both;
	position: relative;
}

.dialog-maths {
	vertical-align: top;
}

.eleve {
	font-size: 30px;
	font-weight: bold;
	text-align: center;
}

.grade {
	font-size: 25px;
	font-weight: bold;
	text-align: right;
}

.meteo {
	font-size: 30px;
	font-weight: bold;
	text-align: center;
}

.instructions {
	font-size: 30px;
	color: black;
	font-weight: bold;
	text-align: center;
}

.fiche {
	font-size: 30px;
	color: white;
	font-weight: bold;
	text-align: center;
}

.question {
	font-size: 25px;
	color: black;
	font-weight: bold;
	text-align: center;
}

.reponses {
	font-size: 25px;
	color: black;
	font-weight: bold;
    text-align: left;
}

.score {
	font-size: 25px;
	color: yellow;
	font-weight: bold;
    text-align: center;
}

.box-image {
	position: relative;
    display: inline-block;
    text-align: center;
}

.box-mark {
	position: absolute;
    float: left;
    top: 0px;
    left: 0px;
    right: 0px;
    margin-left: 0%;
	display: inline-block;
	pointer-events: none;
}