#header {
	background-color: #006BB1;
	border-bottom: solid 1px #FFF;
	padding: 0.6em 4vw 0.6em 4vw;
}

#main_content {
	background-color: #F2EFEE;
}

#email {
	width: 100%;
}

.bloc {
	border-top: solid 1px #929395;
	border-bottom: solid 1px #929395;
	margin-bottom: 0.5em;
	background-color: #FFF;
	font-size: 0.8em;
}

fieldset {
	margin: 0;
	padding: 1em 4%;
	position: relative;
	border: none;
}

.bloc input {
	vertical-align: middle;
	font-size: 1.2em;
	width: 100%;
	height: 2em;
	border: none;
	padding: 0;
	font-family: inherit;
}

#grille {
	width: 100%;
	padding: 0;
	overflow: hidden;
	margin-bottom: 0.5em;
	border-bottom: solid 1px #929395;
}

#grille a {
	display: block;
	width: 20vw;
	float: left;
	height: 20vw;
	line-height: 20vw;
	text-align: center;
	margin: 0;
	position: relative;
	font-size: 1.4em;
	background-color: #FFF;
	border-top: solid 1px #929395;
	border-right: solid 1px #929395;
}

#grille a:active {
	background-color: #F2EFEE;
}

#grille a:nth-of-type(5n) {
	border-right: none;
}

#reset {
	position: absolute;
	top: 1em;
	right: 4%;
	background: transparent url(../images/pictos/delete.svg) 0 0 no-repeat;
    background-size: 2em 2em;
	width: 2em;
	height: 2em;
	border: none;
	font-size: 1.2em;
	display: none;
}

#reset.active {
	display: block;
}

.disable-select {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none;   /* Chrome/Safari/Opera */
    -khtml-user-select: none;    /* Konqueror */
    -moz-user-select: none;      /* Firefox */
    -ms-user-select: none;       /* Internet Explorer/Edge */
    user-select: none;           /* Non-prefixed version, currently supported by any browser but < IE9 */
}

@media screen and (min-width: 799px) {
	#grille a {
		width: 20%;
		height: 3.5em;
		line-height: 3.5em;
		cursor: pointer;
		font-size: 2em;
	}
}