/* 1.03 */
html, body
{
	height:100%;
	margin:0px;
}
body
{
	overflow:hidden;
}
#stg
{
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	/* background-color:#bbe; */
	background-image:url('crepi00.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 */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
	/* fin selection */
}
#svgCtn
{
	position:absolute;
	left:0;
	top:0;
	width:1024px;
	height:768px;
	display:none;
}
.tbear
{
	position:absolute;
	top:10px;
	left:10px;
	width:144px;
	height:240px;
	background-image:url(tbear.png);
	background-size:100% 100%;
	cursor:pointer;
}
.item
{
	position:absolute;
	top:10px;
	left:10px;
	width:144px;
	height:96px;
	cursor:pointer;
	background-size:100% 100%;
	z-index:5;
}
.btn
{
	position:absolute;
	margin-top:10px;
	cursor:pointer;
}
.topBtn
{
	position:absolute;
	top:10px;
	left:10px;
	cursor:pointer;
	display:none;
}
.wearTop
{
	position:absolute;
	top:0px;
	left:0px;
	width:144px;
	height:144px;
	background-size:100% 100%;
}
.wearBottom
{
	position:absolute;
	top:144px;
	left:0px;
	width:144px;
	height:96px;
	background-size:100% 100%;
}
/*  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;
}