@keyframes showroom {
	0% {
		transform: rotateY(0);
	}
	100% {
		transform: rotateY(360deg);
	}
}

#scene{
	
	/* verif original*/
	position:absolute;
	z-index:30;
	top:80px;
	left:120px;
	width:1000px;
	perspective: 700px; /*700*/
	margin:0 auto;
	/*display:none;*/
}

.object{
	margin: 100px auto;
	width:340px;          /*340px;*/
	height:340px;         /*  340px;*/
	padding: 100px;
	position: relative;
	background: rgba(174,199,215,0); /* rgba(255,120,0,0.5);*/
	/* 3d */
	transform-style: preserve-3d;
	/* animation */
	animation-name: showroom;
	animation-duration: 5s;
	animation-iteration-count: infinite; /*infinite;  1;*/
	animation-timing-function: linear;
	/*-moz-transition: 1s all ease-in-out; -moz-transition-delay:2s; */
	margin-left:300px;
	
	}

.side{
	position:absolute;
	 width:300px; /*480*/  
	 height:300px;    
}



.side1{
	transform: translateZ(260px);
  
}
.side2{
	transform: translateZ(-260px);

  
}
.side3{
	transform: translateX(260px) rotateY(90deg);
	
}
.side4{
	transform: translateX(-260px) rotateY(-90deg);
	
}
.side5{
	transform: translateY(260px) rotateX(90deg);
 
}
.side6{
	transform: translateY(-260px) rotateX(-90deg);

	}


.effetZoom:hover {
		
	-moz-transform:scale(2.5);
    -webkit-transform:scale(2.5);
    -o-transform:scale(2.5);
    -ms-transform:scale(2.5);
    transform:scale(2.5);
	transition:0.5s ease-in-out 0s;
    opacity:1;
	
}
h1 {text-shadow: 0 0 0.2em #87F, 0 0 0.2em #87F,
        0 0 0.2em #87F
		}
h3.a {text-shadow: -1px -1px white, 1px 1px #333}
h3.b {text-shadow: 1px 1px white, -1px -1px #444}