body {
	overflow: hidden;
	font-family: Menlo, Consolas, Monaco, "Lucida Console", monospace;
}

.paneview-ui {
	position: relative;
	z-index: 3;
}

.paneview-ui select {
	font-size: 1.4em;
}

.element-holder {
	border: 2px solid black;
	position: absolute;

	width: 270px;
	height: 320px;

	top: 45%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);

	z-index: 2;
}

.window-holder {
	overflow: hidden;
}

/* info text */

.window-holder:after {
	background: black;
	color: white;
	position: absolute;
	display: block;
	top: 0;
	width: 100%;
	line-height: 1.2em;
	text-align: center;
}

.shadow-holder {
	overflow: visible;
	opacity: 0.2;

	z-index: 1;
}

.element-pane {
	transition-duration: 1s;
	transition-property: left, top;

	width: 762px;
	height: 861px;
	background-image: url('../img/3portes.jpg');

	position: absolute;
}

/* icon positions */

.porte-01 .element-pane {
	left: -119px;
	top: -270px;
}

.porte-01 .window-holder:after {
	content: "left: -119px; top: -270px;"
}

.porte-02 .element-pane {
	left: -420px;
	top: -270px;
}

.porte-02 .window-holder:after {
	content: "left: -420px; top: -270px;"
}

.porte-03 .element-pane {
	left: -100px;
	top: -560px;
}

.porte-03 .window-holder:after {
	content: "left: -100px; top: -560px;"
}

.porte-04 .element-pane {
	left: -415px;
	top: -550px;
}

.porte-04 .window-holder:after {
	content: "left: -415px; top: -550px;"
}