/* Pannellum 2.2.0, https://github.com/mpetroff/pannellum */
body { margin:0; padding:0; font-family:Verdana, Geneva, sans-serif; font-size:14px}
.pnlm-container {
	margin:0;
	padding:0;
	overflow:hidden;
	position:relative;
	cursor:default;
	width:100%;
	height:100%;
	/*background:#f4f4f4 url('background.svg') repeat;*/
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-o-user-select:none;
	-ms-user-select:none;
	user-select:none;
	outline:0;
	line-height:1.3
}
.pnlm-container * {
	box-sizing:content-box
}
.pnlm-grab {
	cursor:url('grab.svg') 12 8, default

}
.pnlm-grabbing {
	cursor:url('grabbing.svg') 12 8, default
}
.pnlm-sprite {
	background-image:url('symbole.svg')
}

.pnlm-container:-moz-full-screen {
height:100%!important;
width:100%!important
}
.pnlm-container:-webkit-full-screen {
height:100%!important;
width:100%!important
}
.pnlm-container:fullscreen {
height:100%!important;
width:100%!important
}
.pnlm-render-container {
	cursor:inherit;
	position:absolute;
	height:100%;
	width:100%
}
.pnlm-controls {
	position:absolute;
	background-color:rgba(255, 255, 255, 0.4);
	border:1px solid #999;
	border-color:rgba(0, 0, 0, 0.4);
	border-radius:3px;
	cursor:pointer;
	z-index:2;
	-webkit-transform:translateZ(9999px);
	transform:translateZ(9999px)
}
.pnlm-control:hover {
	background-color:#f8f8f8
}
.pnlm-zoom-controls {
	top:4px;
	left:4px;
	width:26px;
	height:52px
}
.pnlm-zoom-in {
	width:100%;
	height:50%;
	position:absolute;
	top:0;
	border-radius:3px 3px 0 0
}
.pnlm-zoom-out {
	width:100%;
	height:50%;
	position:absolute;
	bottom:0;
	background-position:0 -26px;
	border-top:1px solid #ddd;
	border-top-color:rgba(0, 0, 0, 0.10);
	border-radius:0 0 3px 3px
}
.pnlm-fullscreen-toggle-button {
	top:66px;
	left:4px;
	width:26px;
	height:26px
}
.pnlm-fullscreen-toggle-button-inactive {
	background-position:0 -52px
}
.pnlm-fullscreen-toggle-button-active {
	background-position:0 -78px
}
.pnlm-panorama-info {
	position:absolute;
	bottom:0px;
	background-color:rgba(0, 0, 0, 0.4);
	border-radius:0 3px 0px 0;
	padding: 3px 10px 3px 5px;
	color:#fff;
	text-align:left;
	display:none;
	z-index:2;
	-webkit-transform:translateZ(9999px);
	transform:translateZ(9999px)
}
.pnlm-title-box {
	position:relative;
	font-size:1em;
	display:table;

	margin-bottom:0px
}
.pnlm-author-box {
	position:relative;
	font-size:0.8em;
	display:table;

}
.pnlm-load-box {
	position:absolute;
	top:50%;
	left:50%;
	width:200px;
	min-height:70px;/*height:150px;*/
	padding:10px;
	margin:-75px 0 0 -100px;
	background-color:rgba(0, 0, 0, 0.7);
	border-radius:3px;
	text-align:center;
	font-size:20px;
	display:none;
	color:#fff
}
.pnlm-load-box p {
	margin:20px 0
}
.pnlm-lbox {
	position:absolute;
	top:50%;
	left:50%;
	width:20px;
	height:20px;
	margin:-10px 0 0 -10px;
	display:none
}
.pnlm-loading {
	animation-duration:1.5s;
	-webkit-animation-duration:1.5s;
	animation-name:pnlm-mv;
	-webkit-animation-name:pnlm-mv;
	animation-iteration-count:infinite;
	-webkit-animation-iteration-count:infinite;
	animation-timing-function:linear;
	-webkit-animation-timing-function:linear;
	height:10px;
	width:10px;
	background-color:#fff;
	position:relative
}
@keyframes pnlm-mv {
from {
left:0;
top:0
}
25% {
left:10px;
top:0
}
50% {
left:10px;
top:10px
}
75% {
left:0;
top:10px
}
to {
	left:0;
	top:0
}
}
@-webkit-keyframes pnlm-mv {
from {
left:0;
top:0
}
25% {
left:10px;
top:0
}
50% {
left:10px;
top:10px
}
75% {
left:0;
top:10px
}
to {
	left:0;
	top:0
}
}
.pnlm-load-button {
	position:absolute;
	top:50%;
	left:50%;
	width:200px;
	height:100px;
	margin:-50px 0 0 -100px;
	background-color:rgba(0, 0, 0, .7);
	border-radius:3px;
	text-align:center;
	font-size:20px;
	display:table;
	color:#fff;
	cursor:pointer
}
.pnlm-load-button:hover {
	background-color:rgba(0, 0, 0, .8)
}
.pnlm-load-button p {
	display:table-cell;
	vertical-align:middle
}
.pnlm-info-box {
	font-size:15px;
	position:absolute;
	top:50%;
	left:50%;
	width:200px;
	height:150px;
	margin:-75px 0 0 -100px;
	background-color:#000;
	border-radius:3px;
	display:table;
	text-align:center;
	color:#fff
}
.pnlm-info-box a {
	color:#fff
}
.pnlm-info-box p {
	display:table-cell;
	vertical-align:middle;
	padding:0 5px 0 5px
}
.pnlm-error-msg {
	display:none
}
.pnlm-about-msg {
	font-size:11px;
	line-height:11px;
	color:#fff;
	padding:5px 8px 5px 8px;
	background:rgba(0, 0, 0, 0.7);
	border-radius:3px;
	position:absolute;
	top:50px;
	left:50px;
	display:none;
	opacity:0;
-moz-transition:opacity .3s ease-in-out;
-webkit-transition:opacity .3s ease-in-out;
-o-transition:opacity .3s ease-in-out;
-ms-transition:opacity .3s ease-in-out;
transition:opacity .3s ease-in-out;
	z-index:1
}
.pnlm-about-msg a:link, .pnlm-about-msg a:visited {
	color:#fff
}
.pnlm-about-msg a:hover, .pnlm-about-msg a:active {
	color:#eee
}
.pnlm-hotspot {
	position:absolute;
	height:26px;
	width:26px;
	visibility:hidden;
	cursor:default;
	border-radius:13px;
	vertical-align:middle;
	top:0;
	z-index:1
}
.pnlm-hotspot:hover {
	background-color:rgba(255, 255, 255, 0.2)
}
.pnlm-hotspot.pnlm-info {
	background-position:0 -104px
}
.pnlm-hotspot.pnlm-scene {
	background-position:0 -130px
}
div.pnlm-tooltip span {
	visibility:hidden;
	position:absolute;
	border-radius:3px;
	background-color:rgba(0, 0, 0, 0.7);
	color:#fff;
	text-align:center;
	max-width:200px;
	padding:5px 10px;
	margin-top:-41px;
	margin-left:-220px;
	cursor:default
}
div.pnlm-tooltip:hover span {
	visibility:visible
}
div.pnlm-tooltip:hover:after {
	content:'';
	position:absolute;
	width:0;
	height:0;
	border-width:10px;
	border-style:solid;
	border-color:rgba(0, 0, 0, 0.7) transparent transparent transparent;
	top:-12px;
	left:3px
}
.pnlm-compass {
	width:50px;
	height:50px;
	right:4px;
	bottom:4px;
	border-radius:25px;
	background-image:url('compass.svg');
	cursor:default;
	display:none
}
.pnlm-world {
	position:absolute;
	left:50%;
	top:50%
}
.pnlm-face {
	position:absolute;
	-webkit-transform-origin:0 0;
	transform-origin:0 0
}
.pnlm-dragfix, .pnlm-preview-img {
	position:absolute;
	height:100%;
	width:100%
}
.pnlm-preview-img {
	background-size:cover;
	background-position:center
}
.pnlm-lbar {
	width:150px;
	margin:0 auto;
	border:#fff 1px solid;
	height:6px
}
.pnlm-lbar-fill {
	background:#fff;
	height:100%;
	width:0
}
.pnlm-lmsg {
	font-size:12px
}
.pnlm-fade-img {
	position:absolute;
	top:0;
	left:0
}
