.scene3d
	{
	position : relative;
	perspective: 1000px;
	width: 600px;
	height: 600px;
	margin-left: auto;
	margin-right: auto;
	}
.object3d
	{
	position: absolute;
	width: 500px;
	height: 400px;
	transform-style: preserve-3d;
	}
.bgcolor
    {
	background-color : rgba(0,255,255,0.5);
	}
.anim1
    {
	-webkit-animation: vol_papillon 8s linear infinite;
    }
.anim_aile_gauche
	{
	-webkit-animation: aile_gauche 0.3s ease-in infinite;
	}
.anim_aile_droite
	{
	-webkit-animation: aile_droite 0.3s ease-in infinite;
	}
@keyframes vol_papillon
	{
	from {transform: translateX(-175px) translateY(0px) rotateX(60deg) rotateZ(45deg)}
	20% {transform: translateX(0px) translateY(-175px) rotateX(0deg) rotateZ(45deg)}
	25% {transform: translateX(10px) translateY(-165px) rotateX(0deg) rotateZ(135deg)}
	40% {transform: translateX(175px) translateY(0px) rotateX(60deg) rotateZ(135deg)}
	50% {transform: translateX(165px) translateY(-10px) rotateX(60deg) rotateZ(-45deg)}
	65% {transform: translateX(0px) translateY(-175px) rotateX(0deg) rotateZ(-45deg)}
	75% {transform: translateX(10px) translateY(-165px) rotateX(0deg) rotateZ(-135deg)}
	90% {transform: translateX(-165px) translateY(0px) rotateX(40deg) rotateZ(-135deg)}
	to {transform: translateX(-175px) translateY(0px) rotateX(60deg) rotateZ(45deg)}
	}
@keyframes aile_gauche
	{
	from {transform: rotateY(0deg)   }
	50% {transform: rotateY(75deg)   }
	to   {transform: rotateY(0deg) }
	}
@keyframes aile_droite
	{
	from {transform: rotateY(0deg)   }
	50% {transform: rotateY(-75deg)   }
	to   {transform: rotateY(0deg) }
	}