/* Panoramique externe */
.cubeMap {
	position:relative;
	z-index:1;
	-webkit-perspective: 1600px;
	-webkit-perspective-origin: 50% 50%;
	-webkit-transition: -webkit-perspective 0s linear;
	border:2px solid pink;
}

.cubeMapCube {
	position: relative;
/*	border:2px dashed red;*/
	border:none;
	margin: 0 auto;
	-webkit-transition: -webkit-transform 0s linear;
	-webkit-transform-style: preserve-3d;
	height: 1000px;
	width: 1000px;
	/* */
/*	-webkit-transform: translateZ(300px);*/
	opacity:1;
}

.cubeMapFace {
	position: absolute;
	height: 1000px;
	width: 1000px;
	padding: 0px;
	background-color: rgba(255, 0, 0, 1.0);
	border:none;
	opacity:1;
	z-index:1;
	
}

.cubeMapFaceTop		{	-webkit-transform: rotateX(90deg) translateZ(499px); background-color:rgba(0,0,0,0);	}
.cubeMapFaceBack	{	-webkit-transform: translateZ(499px);	background-color:rgba(0,0,0,0);	}
.cubeMapFaceRight	{	-webkit-transform: rotateY(90deg) translateZ(499px);	background-color:rgba(0,0,0,0);	}
.cubeMapFaceFront	{	-webkit-transform: rotateY(180deg) translateZ(499px);	background-color:rgba(0,0,0,0); }
.cubeMapFaceLeft	{	-webkit-transform: rotateY(-90deg) translateZ(499px);	background-color:rgba(0,0,0,0); }
.cubeMapFaceBottom	{	-webkit-transform: rotateX(-90deg) translateZ(499px) rotate(180deg);	background-color:rgba(0,0,0,0);	}

.hotSpots {
	position:relative;
	-webkit-perspective: 1600px;
	-webkit-perspective-origin: 50% 50%;
	-webkit-transition: -webkit-perspective 0s linear;
/*	width: 1000px;
	height: 1000px;*/
	/*overflow:hidden;*/
	margin:0;
	padding:0;
	border:none;	/*1px solid black;*/
}

.hotSpotsCube	{
	position:relative;
	-webkit-transform-style: preserve-3d;
	-webkit-transition: -webkit-transform 0s linear;
/*		width:1024px;
	height:400px;*/
	height: 1000px;
	width: 1000px;
/*		position:absolute;*/
}

.hotSpotFace	{
	-webkit-transition: -webkit-transform 0s linear;
	position:absolute;
	border:none;
	margin: 0 auto;
	height: 0px;
	width: 0px;
	background-color:pink;
	color:transparent;
	font-size:8px;
	opacity:1;
	/*-webkit-animation: rotation 3s infinite;
	-webkit-animation-timing-function: linear;*/
}

.hotSpot {
	position: absolute;
	height: 100%;
	width: 100%;
	padding: 0px;
/*	background-color: rgba(50, 50, 50, 0.7);*/
	opacity:1;
	z-index:10;
/*	border:2px solid green;*/
}

.hotSpotPopupCloseButton		{
	position:absolute;
/*	border:1px solid blue;*/
	right:1px;
	top:1px;
	width:55px;
	height:55px;
	z-index:1800;
}

.cubeMapPopupLink		{
	position:absolute;
/*	border:1px solid blue;*/
}