/* 1.01 */
html, body
{
	height:100%;
	margin:0px;
}
#stIntro
{
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	overflow:hidden;
	background-color:#ff0; /* image de fond avec transparence */
	background-image:url('small.png');
	display:none;
	/* eviter la selection des elem */
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Firefox */
	user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
	/* fin selection */
}
#stg, #stEnd
{
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:#aab;
	display:none;
	overflow:hidden;
	/* eviter la selection des elem */
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
	/* fin selection */
}
#stEnd
{
	text-align:center;
	background-color:#003399;
}
.final
{
	width:100%;
	height:100%;
}
.cell
{
	position: absolute;
	background-color:#888;
	cursor: pointer;
	border:solid #000 1px;
}
.flags
{
	position: absolute;
}
.introImg
{
	position:absolute;
	width:120px;
	height:90px;
	display:none;
}
.topBtn
{
	position:absolute;
	top:10px;
	left:10px;
	cursor:pointer;
	display:none;
}
/*  pas de javascript */
#wrn1
{
	background-color:#fff;
	margin:8%;
	padding:8%;
	text-align:center;
}
/* Ecrans trop petits */
#wrn2
{
	margin:5%;
	padding-top:5%;
	padding-bottom:5%;
	width:90%;
	text-align:center;
	background-color:#ff8;
}
.wrnBtn
{
	margin-top:5%;
	margin-bottom:5%;
	margin-right:5%;
	margin-left:5%;
	cursor:pointer; /* c'est pour du telephone ! */
	border : outset 2px;
	background-color:#ccc;
}