/*/////////////////*/
/*Circle Navigation*/
/*/////////////////*/


a:link{
  cursor:  pointer;
}

.circle-navigation{
	width:260px;
	height:260px;
	margin:auto;
	background-image:url(../img/meetwix_et9_260x260.png);
	background-repeat:no-repeat;
	border-radius:260px;
	-webkit-border-radius:260px;
}



.drophover{ 
	opacity:0.1;
}

.circle-in{
	position:absolute;
	margin-top:54px;
	margin-left:57px;
	
}


#droppable{
	transition: opacity 0.4s;
	-moz-transition:opacity 0.4s; 
	-webkit-transition:opacity 0.4s; 
	-o-transition:opacity 0.4s; 
	
	position:absolute;
	background:#f4f4f4;
	border-radius:145px;
	-webkit-border-radius:145px;
	width:145px;
	height:145px;
}

.attendee-icon{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	position:absolute;
	margin-left:180px;
	margin-top:174px;
	width:45px;
	height:45px;
	/* border: 1px dashed #b4b4b4; à utiliser pour placer*/ 
	
}

.agenda-icon{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	position:absolute;
	margin-left:40px;
	margin-top:170px;
	width:45px;
	height:45px;
	
}

.partner-icon{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	position:absolute;
	margin-left:106px;
	margin-top:200px;
	width:45px;
	height:45px;
	
}

.roulette-icon{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	position:absolute;
	margin-left:100px;
	margin-top:12px;
	width:60px;
	height:60px;
	
	
}

@media screen and (min-width: 480px){
.circle-navigation{
	width:463px;
	height:463px;
	margin:auto;
	background-image:url(../img/meetwix_et9_463x463.png);
	background-repeat:no-repeat;
	border-radius:463px;
	-webkit-border-radius:463px;
}

.attendee-icon{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	position:absolute;
	margin-left:310px;
	margin-top:300px;
	width:80px;
	height:80px;
	/*border: 1px dashed #b4b4b4; à utiliser pour placer*/ 
	
}

.agenda-icon{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	position:absolute;
	margin-left:70px;
	margin-top:300px;
	width:80px;
	height:80px;
	
}

.partner-icon{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	position:absolute;
	margin-left:190px;
	margin-top:350px;
	width:80px;
	height:80px;
	/*border: 1px dashed #b4b4b4;*/
	
}

.roulette-icon{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	position:absolute;
	margin-left:180px;
	margin-top:30px;
	width:100px;
	height:100px;
	
	
}
}