.mycircle {
	border: 2px solid black;
	opacity: 1;
	background-color: black;
	border-radius: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: -66;
}
.mright {
	border: 2px solid black;
	border-radius: 100%;
		background-color: transparent;
	position: absolute;
	top: 0px;
	left: 0px ;
	z-index: -66 ;
}
.mmiddle {
	border: 2px solid green;
	opacity: 0.1 ;
	background-color: #00aa00;
	border-radius: 100%;
	position: absolute;
	top: 0px;
	left: 0px ;
	z-index: -66 ;
}
.mspecial1 {
	border: 2px solid red;
	opacity: 1 ;
	background-color: red;
	border-radius: 100%;
	position: absolute;
	top: 0px;
	left: 0px ;
	z-index: -66 ;
}
.mycirclepending {
	border: 3px solid black;
	border-radius: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: -66;
}

.mycircleh {
	display: none;
}
#zonecircle {
	overflow: hidden;
	margin: 0px; 
	padding: 0px ;
	position: absolute; 
	top: 0px ;
	height: 100%; 
	width: 100% ;
	z-index: 1 ;
}
#containercircle {
	overflow: hidden;
	margin: 0px; 
	padding: 0px ;
	position: absolute; 
	top: 0px ;
	height: 100%; 
	width: 100% ;
	z-index: -10 ;
}