body{
	margin: 0px;
	padding: 0px;
	height: 100%;
	overflow: hidden;
	color: #5e5e5e;
	font-family: sans-serif
}


#toolsZ{
	position: relative;
	top: 0px;
	left: 0px;
	z-index: 5000;
	width: 100%;
	text-align: center;
}


#outlineFrm{
	z-index: 4000;
}

#zoomFrm{
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	z-index: 6000;
	background-color: #E3EAF2;
	border: 2px solid #28417D;
}
#zoom{
	position: absolute;
	top: 25px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	border-top: 2px solid #28417D;
	text-align: center;
}
#zoomH{
	background: url(../img/barreHautOutline.png) -55px -55px no-repeat;
	height: 25px;
}
#zoomClose{
	background: url(../img/close.png) center center no-repeat;
	display: block;
	width: 20px;
	height: 20px;
	margin: 2px;
	float: right;
}
#zoomClose span{
	display: none;
}

#toolsBody{
	margin: 0px auto;
	width: 454px;
}

.toolsHidden #toolsBody{
	display: none;
}

#toolsGrippy{
	display : block;
	min-height: 5px;
}


.editOn{
	background:url(../img/editionOnOut.png) bottom center no-repeat white;
	width:95px;
	height:100px;	
	display: table-cell;
	text-decoration: none;	
	border-bottom:2px solid #d0d0d0;
	background-color:white;
}

.editOn:hover {
	background:url(../img/editionOn.png) bottom center no-repeat white;
	opacity:1
}

.editOn span{
	visibility:hidden;
}

.editOff{
	background:url(../img/editionOut.png) bottom center no-repeat white;
	width:95px;
	height:100px;	
	display: table-cell;
	text-decoration: none;	
	border-bottom:2px solid #d0d0d0;
	background-color:white;
}

.editOff:hover {
	background:url(../img/edition.png) bottom center no-repeat white;
	opacity:1
}

.editOff span{
	visibility:hidden;
}

#outlineBtn{
	background:url(../img/planOut.png) bottom center no-repeat white;
	width:95px;
	height:100px;
	display: table-cell;
	text-decoration: none;	
	border-bottom:2px solid #d0d0d0;
	background-color:white;
}

#outlineBtn:hover {
	background:url(../img/plan.png) bottom center no-repeat white;
	opacity:1
}

#outlineBtn span{
	visibility:hidden;
}

#resetBtn {
	background:url(../img/reinitOut.png) bottom center no-repeat white;
	width:88px;
	height:100px;	
	display: table-cell;
	text-decoration: none;
	border-bottom:2px solid #d0d0d0;
	background-color:white;
}

#resetBtn:hover {
	background:url(../img/reinit.png) bottom center no-repeat white;
	opacity:1
}

#resetBtn span{
	visibility:hidden;
}

#nextBtn {
	background:url(../img/suivOut.png) bottom center no-repeat white;
	width:88px;
	height:100px;	
	display: table-cell;
	text-decoration: none;
	-moz-border-radius:0px 0px 20px 0px;
	border-radius:0px 0px 20px 0px;
	-webkit-border-bottom-right-radius:20px;
	border:2px solid #d0d0d0;
	border-top:0px;
	border-left:0px;
	background-color:white;
}

#nextBtn:hover {
	background:url(../img/suiv.png) bottom center no-repeat white;
	opacity:1
}

#nextBtn span{
	visibility:hidden;
}

#prevBtn {
	background:url(../img/prevOut.png) bottom center no-repeat white;
	width:88px;
	height:100px;	
	display: table-cell;
	text-decoration: none;
	-moz-border-radius:0px 0px 0px 20px;
	border-radius:0px 0px 0px 20px;
	-webkit-border-bottom-left-radius:20px;
	border:2px solid #d0d0d0;
	border-top:0px;
	border-right:0px;
	background-color:white;
}

#prevBtn:hover {
	background:url(../img/prev.png) bottom center no-repeat white;
	opacity:1
}

#prevBtn span{
	visibility:hidden;
}

#mainZ{
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 10px;
	right: 0px;
	-moz-user-select: none;
}

#container{
	position: absolute;
	top: 74px;
	left: 0px;
	right: 0px;
	bottom: 0px;
}
#scrollTop{
	position: absolute;
	top: -2px;
	left: 0px;
	right: 0px;
	height: 10px;
	opacity:0.7;	
	background:url(../img/scrollTop.png) center center no-repeat;
}

#scrollTop:hover, #scrollBottom:hover{
	opacity:1
}
#view1,
#view2,
#viewHome {
	position: absolute;
	top: 10px;
	left: 0px;
	right: 0px;
	bottom: 10px;
	overflow: hidden;
	padding:10px;
	background: url(../img/fondHGcontenu.png) left top;
	/*-moz-border-radius:20px*/
	/* plus joli avec le fond image ci-dessus mais ça fait ralentir l'effet de fondu dans FF*/
}
#scrollBottom{
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	height: 10px;
	opacity:0.7;	
	background:url(../img/scrollBottom.png) center center no-repeat;
}

#scrollTop.btnOff,
#scrollBottom.btnOff{
	background-image: none;
}

.presWait{
	position: absolute;
	width: 300px;
	height: 50px;
	top: 50%;
	left: 50%;
	margin-top: -25px;
	margin-left: -150px;
	font-size: 24px;
	text-align: center;
	border: 3px solid #5b74a3;
	background-color: #c8d3e8;
	color: #5b74a3;
	opacity: .8;
	filter: Alpha(opacity=80);
	-moz-border-radius:15px;
	border-radius:15px;
	-webkit-border-top-left-radius:15px;
	-webkit-border-top-right-radius:15px;
	-webkit-border-bottom-left-radius:15px;
	-webkit-border-bottom-right-radius:15px;
	padding-top:20px
}


#progressBarZ{
	position: absolute;
	left: 0px;
	right: 0px;
	height:10px;
	bottom: 0px;
}
#progressBarTable {
	table-layout: fixed;
	width:100%;
	height:100%;
	border-collapse: collapse;
}
#progressBarTr > td{
	height: 10px;
	cursor: pointer;
	border-right:2px solid white;
}
#progressBarTr > td.scPresPrBarLast{
	border-right:0px;
}
.scPresPrBarBefore{
	background:url(../img/fondPageVisitee.png);
}
.scPresPrBarCurrent{
	background:url(../img/fondPageActuelle.png);
}
.scPresPrBarAfter{
	background:url(../img/fondPageNonVisitee.png);
}

.scPresPrBarBefore:hover{
	opacity:0.7
}
.scPresPrBarCurrent:hover{
	opacity:0.7
}
.scPresPrBarAfter:hover{
	opacity:0.7
}
