/******************** Visionneuse **********************/
html {
	height: 100%;
}
body {
	margin: 0;
	padding: 0;	
	height:100%;
	font: 11px Geneva, Helvetica, Arial, sans-serif;
}
img {
	border : 0;
}
a { color: #888; text-decoration: none; }
a:hover { color: #555; text-decoration: underline; }

div#entete { background-color: #eee; border-bottom: 2px solid #583119; height: 70px; margin-bottom: 10px; }

.connectext { margin: 0 0 0 40px; }
h3 { margin: 0; font-weight: normal; color: #583119; font-size: 13px; }

div#teteThumb {
	position:absolute;
}
div#Thumb {
	display:none;
	position:absolute;
	left:0;
	top:0;
	width:164px;
	height:239px;
	background-color: #000000;
	z-index:6000;
}
div#Thumb2 {
	display:none;
	position:absolute;
	border:1px solid cyan;
	overflow:hidden;
	z-index:6002;
}

div#listeImg {
	width: 550px;
	text-align: center;
	position: fixed;
	bottom: 0px;
	left:50%;
	margin-left: -275px;
	background-color: #000000;
}

#lnkDeb, #lnkPrec, #lnkFin, #lnkSuiv {
	display:inline-block;	

}
#lnkClose {
	position:absolute;
	right:5px;
}
#img1, #img2, #img4, #img5 {
	width:64px;
	min-height:50px;
	height: 72px;
	margin-top: 2px;
}
#img3 {
	margin-top: 2px;
	border:1px solid #689E0B;
	width:64px;
	height: 72px;
}
div#wheelMode {
	position:absolute;
	right:0;
	bottom:75px;
	overflow:hidden;
	background-color: #000000;
	padding: 10px;
}
*div#wheelMode {
	position:absolute;
	right:0;
	bottom:75px;
	overflow:hidden;
	background-color: #000000;
	padding: 7px;
}
div#wheelMode2 {
	position:absolute;
	left:0;
	bottom:195px;
	overflow:hidden;
	background-color: #000000;
	padding: 10px;
	z-index: 6005;
}
*div#wheelMode2 {
	position:absolute;
	left:0;
	bottom:190px;
	overflow:hidden;
	background-color: #000000;
	padding: 10px;
	z-index: 6005;
}
div#outerDiv {

	position:relative;
	height:80%;
	width:98%;
	overflow:hidden;
	padding:0px;
	margin-top: 10px;
	left:1%;
	
}

div#outerDiv0 {
	position:absolute;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
	padding:0xp;
	border:0px solid black;
	overflow:hidden;
}

*div#overlay {
	position:absolute;
	z-index:100;
	right:6px;
	text-align:center;
}

div#overlay {
	width:550px;
	position:relative;
	margin-left: 75px;
	margin-top: 0px;
	margin-bottom: 6px;
	z-index:100;
	text-align:center;
	height: 10px;
}

.logotype {
	float: left;
	padding: 10px;
}
.connector {
	 border: 2px solid #e0dbd8;
	float: right;
	padding: 10px;
	width: 300px;
	float: right;
	margin: 15px;
	background-color: #fff;
	background-image: url(../img/revenir.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.clearer {
    clear: both;
    height: 0px;
    overflow: hidden;
}
div#theScale { 
	position: relative;
	margin-left: 25px;
	float: left;

	color: #fff; 	
}

div#slider {
	width:350px;
	background:url(../img/slider.png) repeat-x center;
	height:10px;
	
}

span#pageNumberLabel {
	margin-left: 3px;
	float: left;
	color: #b7b7b7;
	height: 10px;
	font-size: 10px;	
}

.handle {
	width:15px;
	height:15px;
	background:url(../img/handle.png) no-repeat center;
	cursor:pointer;
	position: absolute;
}
div#slider, .handle {
	/*margin-left: 25px;*/
}
*div#slider {
	margin-left: 5px;
}

div#wheel {
	background: url(../img/navwheel.png) no-repeat;
	height: 151px;
	width: 152px;
	position: absolute;
	z-index: 1;
	right: 40px;
}

/* ICONES DE LOUPE */

div#wheel .zoomin, div#wheel .zoomout {
	position: absolute;
	left: 65px;
}
div#wheel .zoomin {
	top: 20px;
}
div#wheel .zoomout {
	bottom: 20px;
}

/* ICONES DES FLECHES */

div#wheel .goforward, div#wheel .goback {
	position: absolute;
	top: 65px;
}
div#wheel .goforward {
	right: 20px;
}
div#wheel .goback {
	left: 20px;
}

div#pageSuiv {
	top: 0px;
	left: 30px;
}
div#innerDiv {
	position:relative;
	top:0px;
	left:0px;
	z-index:0;
	cursor: pointer;
}
div#imageTiles {
	position:relative;
	top:0;
	left:0;
	z-index:0;
	width:100%;
}
div#imageLabels {
	position:relative;
	top:0;
	left:0;
	z-index:1;
	width:900000px;
	height:900000px;
	margin:0px;
	padding:0px;
}
div#imageLabels {
	cursor: pointer;
}
*div#imageLabels {
	cursor: hand;
}

div#langbarre {
	padding: 3px;
	float: right;
}

span#fArianne {
	font: 13px Geneva, Helvetica, Arial, sans-serif;
	font-weight:bold;
}