#wrapper{
	width:600px;
	-webkit-perspective: 800; -moz-perspective: 800;
}

#allPlan{
	width:200px;
	height:200px;
	margin: 80px auto;
	-webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d;
	-webkit-animation: Carroussel 40s infinite linear; -moz-animation: Carroussel 40s infinite linear;
}

.plan{
	position:absolute;
	height: 107px;
	width: 147px;
	text-align:center;
	font-size: 5em;
	color:#FFF;
	background-color: rgba(0, 0, 0, 0.7);
}

@-webkit-keyframes Carroussel{

	from {-webkit-transform: rotateY(0);}
	to{ -webkit-transform: rotateY(360deg);}
}

@-moz-keyframes Carroussel{

	from { -moz-transform: rotateY(0) }
	to{ -moz-transform: rotateY(360deg)}
}


#allPlan > .p1{ -webkit-transform: translateZ(200px); -moz-transform: translateZ(200px);}
#allPlan > .p2{ -webkit-transform: rotateY(45deg) translateZ(200px); -moz-transform: rotateY(45deg) translateZ(200px);}
#allPlan > .p3{ -webkit-transform: rotateY(90deg) translateZ(200px); -moz-transform: rotateY(90deg) translateZ(200px);}
#allPlan > .p4{ -webkit-transform: rotateY(135deg) translateZ(200px); -moz-transform: rotateY(135deg) translateZ(200px);}
#allPlan > .p5{ -webkit-transform: rotateY(180deg) translateZ(200px); -moz-transform: rotateY(180deg) translateZ(200px);}
#allPlan > .p6{ -webkit-transform: rotateY(225deg) translateZ(200px); -moz-transform: rotateY(225deg) translateZ(200px);}
#allPlan > .p7{ -webkit-transform: rotateY(270deg) translateZ(200px); -moz-transform: rotateY(270deg) translateZ(200px);}
#allPlan > .p8{ -webkit-transform: rotateY(315deg) translateZ(200px); -moz-transform: rotateY(315deg) translateZ(200px);}