* { box-sizing: border-box; }

.scene {
  border: 1px solid #CCC;
  margin: 40px 0;
  position: relative;
  width: 780px;
  height: 500px;
  margin: 80px auto;
  perspective: 1000px;
}
.carousel {
  width: 100%;
  height: 100%;
  position: absolute;
  transform: translateZ(-288px);
  transform-style: preserve-3d;
  transition: transform 1s;
}

.carousel_img{
  z-index:1;
  width: 756px;
  height: 476px;
}
.carousel_img:hover{

}
.carousel_libelle{
	position: absolute;
	top: 410px;
	left: .5%;
	margin: auto;
	z-index: 2;
	font-size: 60%;
	width: 99%;
	background-color: rgba(0, 0, 0, 0.5);
	line-height: 60px;
}
.carousel_libelle:hover{
	/*left: 40px;*/
	font-size: 70%;
	color: #00457e;
	-webkit-transition: color 2s, font-size 2s; /* Safari */
	transition: color 2s, font-size 2s;
	text-decoration: underline;
	text-decoration-color: #E5322D;
	background-color: rgba(255, 255, 255, 0.5);
}
a{
	color: white;
}
.black{
	color: lightgray;
}
.carousel__cell {
  position: absolute;
  width: 760px;
  height: 480px;
  left: 10px;
  top: 10px;
  border: 2px solid black;
  line-height: 116px;
  font-size: 80px;
  font-weight: bold;
  /*color: white;*/
  text-align: center;
  transition: transform 1s, opacity 1s;
}

/*.carousel__cell:nth-child(9n+1) { background: hsla(  0, 100%, 50%, 0.8); }
.carousel__cell:nth-child(9n+2) { background: hsla( 40, 100%, 50%, 0.8); }
.carousel__cell:nth-child(9n+3) { background: hsla( 80, 100%, 50%, 0.8); }
.carousel__cell:nth-child(9n+4) { background: hsla(120, 100%, 50%, 0.8); }
.carousel__cell:nth-child(9n+5) { background: hsla(160, 100%, 50%, 0.8); }
.carousel__cell:nth-child(9n+6) { background: hsla(200, 100%, 50%, 0.8); }
.carousel__cell:nth-child(9n+7) { background: hsla(240, 100%, 50%, 0.8); }
.carousel__cell:nth-child(9n+8) { background: hsla(280, 100%, 50%, 0.8); }
.carousel__cell:nth-child(9n+0) { background: hsla(320, 100%, 50%, 0.8); }*/

.carousel__cell:nth-child(1) { transform: rotateY(  0deg) translateZ(288px); }
.carousel__cell:nth-child(2) { transform: rotateY( 40deg) translateZ(288px); }
.carousel__cell:nth-child(3) { transform: rotateY( 80deg) translateZ(288px); }
.carousel__cell:nth-child(4) { transform: rotateY(120deg) translateZ(288px); }
.carousel__cell:nth-child(5) { transform: rotateY(160deg) translateZ(288px); }
.carousel__cell:nth-child(6) { transform: rotateY(200deg) translateZ(288px); }
.carousel__cell:nth-child(7) { transform: rotateY(240deg) translateZ(288px); }
.carousel__cell:nth-child(8) { transform: rotateY(280deg) translateZ(288px); }
.carousel__cell:nth-child(9) { transform: rotateY(320deg) translateZ(288px); }



.carousel-options {
  text-align: center;
  position: relative;
  z-index: 2;
  background: hsla(0, 0%, 100%, 0.8);
}

.carousel-chevron{
	position: absolute; 
	top: 220px;
	width: 756px;
	z-index:9;
}
.carousel-chevron-left{
	position: absolute;
	color: white;
	left: 20px;		
	transition: all 1s;
}
.carousel-chevron-left:hover{
	color: red;

}
.carousel-chevron-right{
	position: absolute;
	color: white;
	right: 0px;
	transition: all 1s;	
}
.carousel-chevron-right:hover{
	color: red;
}