#interfaceDroit{
	position : absolute;
	left : 50%;
	width : 210px;

	margin-left : 420px;
	z-index : 10;
}

#miniCarte{
	border : 1px solid black;
}

#divSlider{
	margin-top : 15px;
	margin-bottom : 20px;
	height : 10px;
}

#slider{
	font : bold 11px Arial;
}

#slider a{
	margin-top : -2px;
	font : bold 17px Arial;
}

#carteZoom{
	margin-top : 10px;
	text-align: center;
}

#svgZoom:hover{
	cursor : pointer;
}

#modifeZoom{
	text-align : center;
}

#modifeZoom  #boutonZoom > button{
	width : 45px;
	height : 25px;
}
 
#coeffZoom{
	font : bold 13px Arial;
	text-align : center;
	margin-top : 20px;
	width : 60px;
}

#boutonZoom{
	margin-top : 20px;
	text-align: center;
	margin-bottom : 10px;
}

#boutonZoom > div > div{
	display : block;
}

#boutonZoom > div > div > div{
	display : inline-block;
	width : 80px;
}


#puissanceZoom{
	margin-bottom : 10px;
}

#puissanceZoom button{
	text-align : center;
	width : 20px;
	height : 20px;
}

#puissanceZoom div{
	display : inline-block;
	height : 20px;
	vertical-align : top;
}

#puissanceZoom div span{
	display : block;
	margin-top : 5px;
}


#calqueDeplacement > button{
	width : 25px;
	height : 25px;
	margin-right: -15px;
	border : 1px solid black;
	z-index : 10;
}

#calqueDeplacement > div{
	width : 24px;
	height : 24px;
	z-index : 1;
	background-color : rgba(0, 0, 0, 0.15);
}

#calqueDeplacement > button:hover{
	border : 1px solid red;
}

#ombreID{
	position : absolute;
	padding : 0;
	left : 50%;
	margin-top : 0;
	z-index : 1;
	background-color : rgba(0, 0, 0, 0.15);
}

#divHtmlFlash{
	text-align : center;
}

#htmlversflash{
	margin-top : 10px;
	width : 80px;
}





#gauche, #ombreBG{
	position : absolute;
	margin-left : 3px;
}
#ombreBG{
	margin-left : 8px;
}

#haut, #ombreBH{
	position : absolute;
	margin-left : 387px; /* largeur carte /2  403 -16 largeur bouton/2*/
	margin-top : 3px;
}
#ombreBH{
	margin-top : 8px;
}

#bas, #ombreBB{
	position : absolute;
	margin-left : 387px; /* largeur carte /2  403 -16 largeur bouton/2*/
	margin-top : 575px;  /* hauteur carte 604-29 hauteur du bouton*/
}

#droit, #ombreBD{
	position : absolute;
	margin-left : 769px; /*largeur carte 807 - 38 largeur du bouton */ 
	margin-top : 291px;  /* hauteur carte/2 302 - 11 hauteur d'un bouton/2*/
}



#haut span{
	margin-left : -7px;
}

#gauche span, #droit span{
	margin-top : -9px;
}



.ombre{
	z-index : 1;
	background-color : rgba(0, 0, 0, 0.15);
}

#ombreZoom,#ombreMain,#ombrePrint,#ombreRefresh{
	width : 60px;
	height: 60px;
	margin-top : -55px;
	margin-left : 15px;
}

.boutonZoom{
	position : relative;
	width : 60px;
	height : 60px;
	margin-left : 10px;
	z-index : 10;
}

.iconeZ{
	background:url(./../image/Zoom/zoom.png) no-repeat;
}

.iconeZ:hover{
	cursor : pointer;
	background:url(./../image/Zoom/zoom_h.png) no-repeat;
}

.iconeZS{
	cursor : pointer;
	background:url(./../image/Zoom/zoom_s.png) no-repeat;
}

.iconeM{
	background:url(./../image/Zoom/main.png) no-repeat;
}

.iconeM:hover{
	cursor : pointer;
	background:url(./../image/Zoom/main_h.png) no-repeat;
}

/*selection*/
.iconeMS{
	cursor : pointer;
	background:url(./../image/Zoom/main_s.png) no-repeat;
}

#iconePrint{
	background:url(./../image/Zoom/print.png) no-repeat;
}

#iconePrint:hover{
	cursor : pointer;
	background:url(./../image/Zoom/print_h.png) no-repeat;
}

#iconeRefresh{
	background:url(./../image/Zoom/refresh.png) no-repeat;
}

#iconeRefresh:hover{
	cursor : pointer;
	background:url(./../image/Zoom/refresh_h.png) no-repeat;
}

.divBas{
	margin-top : 25px;
}