BODY,
HTML {
	margin: 0;
	padding: 0;
	}
IMG {
	background: url(../images/loading.gif) no-repeat center center #FFF;
	}

.alpgeo_logo {
	display: block;
	float: right;
	margin: 2em;
	}

/* APERCU  */
.error {
	background:#FFF;
	color:#0190BC;
	text-align: center;
	width: 100%;
	font: bold 25em Georgia, Verdana;
	height: 300px;
	line-height: 300px;
	letter-spacing: 0;
	overflow:hidden;
	transition:all 500ms;
	}
.error:hover {
	background:#0190BC;
	color:#FFF;
	letter-spacing: 20px;
	}
#eBlock {
	/*background: url(../images/bg.jpg) no-repeat center center;*/
	padding: 0;
	margin: 0;
	position: relative; 
	width: 100%;
	z-index: 1;
	}
	#eTop {
		background: #FFF;
		border-bottom: 10px solid #000;
		box-shadow:0 0 1em #000;
		color: #45201D;
		margin-bottom: 1em;
		width: 100%;
		z-index: 2;
		}
		#eTop H1 {
			border-width: 1px 0;
			font:bold 1.25em/1.25em Verdana, Tahoma;
			margin: 0;
			padding: 1em 20px;
			text-align: center;
			}
	#eMiddle {
		box-shadow: 0 0 1em #FFF;
		height: 420px;
		overflow:hidden;
		position: relative;
		white-space:nowrap;
		width: 100%;
		z-index: 10;
		}
		#eMiddle IMG {
			border: 0 solid #000;
			height: 100%;
			position: relative;
			z-index: 1;
			}
		#eMiddle #ePlan {
			border-right: 10px solid #FFF;
			left:0;
			}
		#eMiddle #ePhoto {
			box-shadow: 0 0 1em #000;
			cursor: pointer;
			margin: 0;
			z-index: 10;
			}
		#eMiddle #eDPE {
			border-color: #FFF !important;
			border-width: 0 2000px 0 2000px;
			position: absolute;
			left:0;
			cursor: pointer;
			margin: 0 0 0 0;
			opacity: 0;
			top:-2000px;
			z-index: 10;
			}
	#eBottom {
		background: #FFE;
		border: 10px solid #000;
		border-width: 10px 0;
		box-shadow: 0 0 1em #000;
		margin-top: 1em;
		padding: 4px 0;
		color: #FFF;
		height: 120px;
		position: relative;
		text-align: center;
		width: 100%;
		z-index: 2;
		}
		#eBottom  DL {
			background: #000;
			float: left;
			height: 100%;
			margin: 0;
			padding: 0;
			position: relative;
			width: 90%;
			}
			#eBottom  DT {
				cursor: pointer;
				font-weight: bold;
				margin: 0;
				background-image:url(../images/opacity.png);
				overflow: hidden;
				padding: 0;
				position: absolute;
				width: 20px;
				height: 120px;
				line-height: 120px;
				top:0;
				z-index: 5;
				}
			#eBottom  #ePrevious { left:0;}
			#eBottom  #eNext { right:0; }
			#eBottom  #ePrevious IMG,
			#eBottom  #eNext  IMG{
				background:none;
				border: 0px solid red;
				margin: 50px 0;
				height:20px;
				width:20px;
				}
			#eBottom  DD {
				background: #000;
				height: 120px;
				margin: 0;
				overflow:hidden;
				padding: 0;
				position: relative;
				width: 100%;
				z-index: 3;
				}
				#eBottom  DD #eScroller {
					border-right:1px solid #000;
					margin: 0;
					padding: 0;
					float:left;
					height: 120px;
					position: relative;
					text-align: left;
					white-space:nowrap;
					z-index: 3;
					}
				#eBottom #eScroller IMG:nth-child( 1 ){
					border-left: 4px solid #FFF;
					}
				#eBottom #eScroller IMG {
					border-right: 4px solid #FFF;
					margin: 0;
					padding: 0;
					height: 120px;
					}
		#eBottomRight {
			background: #FFF;
			float: right;
			height: 120px;
			overflow:hidden;
			position: relative;
			text-align: left;
			width: 9.99%;
			z-index: 2;
			}
			#eBottomRight IMG {
				position: absolute;
				height: 100%;
				right: 0px;
				}
			#eVisite3D {
				background:#FFF;
				margin-left:60px;
				text-align: center;
				vertical-align: middle;
				height: 120px;
				line-height: 120px;
				}
	
/* VUES DES PHOTOS  */
.vue {
	background:url(../images/vues.png) no-repeat 0 0;
	cursor: pointer;
	font: normal 13px 'Monaco','Menlo','Ubuntu Mono','Consolas','source-code-pro',monospace !important;
	/*overflow: hidden;*/
	position: absolute;
	height:31px;
	width:31px;
	top:0;
	left:0;
	z-index: 4;
	}
	.vue DIV {
		color: #000;
		position: absolute;
		width: 31px;
		}
.vueCourante {
	background-image:url(../images/vueCourante.png) !important;
	z-index: 3;
	}
.vueSelection {
	background-image:url(../images/vuesSelection.png) !important;
	z-index: 2;
	}

.panoramique {
	background:url(../images/vues.png) no-repeat -31px -31px;
	}
	.panoramique DIV {
		line-height:31px;
		text-align:center;
		}
.top { background-position: -31px 0; margin: -8px 0 0 0;}
	.top DIV {
		bottom: -1px;
		text-align:center;
		}
.topLeft { background-position: 0 0; margin: -8px 0 0 -8px;}
	.topLeft DIV {
		bottom: -1px;
		right: 3px;
		text-align:right;
		}
.topRight { background-position: -62px 0; margin: -8px 0 0 8px;}
	.topRight DIV {
		bottom: -1px;
		left:4px;
		text-align:left;
		}
.bottom { background-position: -31px -62px; margin: 8px 0 0 0;}
	.bottom DIV {
		top: -1px;
		text-align:center;
		}
.bottomLeft { background-position: 0 -62px; margin: 8px 0 0 -8px;}
	.bottomLeft DIV {
		top: -1px;
		right: 3px;
		text-align:right;
		}
.bottomRight { background-position: -62px -62px; margin: 8px 0 0 8px;}
	.bottomRight DIV {
		top: -1px;
		left:4px;
		text-align:left;
		}
.left { background-position: 0 -31px; margin: 0 0 0 -8px;}
	.left DIV {
		line-height:31px;
		text-align:right;
		right: 3px;
		}
.right { background-position: -62px -31px; margin: 0 0 0 8px;}
	.right DIV {
		line-height:31px;
		text-align:left;
		left:4px;
		}
	
/* VUES DES PHOTOS  */
#eLegende {
	margin: 2em 4em;
	font: normal 1em Verdana;
	}
#eLegende KBD {
	background: #000;
	border: 1px solid orange;
	color: orange;
	padding: 0 10px;
	}