/*****carrousel 3d automatique*****/

*{box-sizing : border-box}



img{max-width:100%}



.contenu_carou_auto{
margin:2rem auto;
width:125px;
height:85px;
perspective:8000px;
margin-top:10px;
margin-bottom:20px;}



		
.caroussel-image{
animation:rotation 30s infinite alternate linear;	
transform-style:preserve-3d;
position:relative;}



.caroussel-image img{
position: absolute;
top:0;
left: 0;}


		
.caroussel-image img{
filter:drop-shadow(0 12px 5px hsla(0,0%,0%,.4));
width:120px;
height:80px;
left:5px;
outline:1px solid transparent;
backface-visibility:hidden}
		

		
.caroussel-image img:nth-child(1){transform:translate3d(0,0,150px)}
		
.caroussel-image img:nth-child(2){transform:rotateY(45deg) translateZ(150px)}
		
.caroussel-image img:nth-child(3){transform:rotateY(90deg) translateZ(150px)}
	
.caroussel-image img:nth-child(4){transform:rotateY(135deg) translateZ(150px)}
	
.caroussel-image img:nth-child(5){transform:rotateY(180deg) translateZ(150px)}
	
.caroussel-image img:nth-child(6){transform:rotateY(225deg) translateZ(150px)}
	
.caroussel-image img:nth-child(7){transform:rotateY(270deg) translateZ(150px)}
	
.caroussel-image img:nth-child(8){transform:rotateY(315deg) translateZ(150px)}

	
	
@keyframes rotation{
from{transform:rotatey(0)}
to{transform:rotatey(1turn)}}
	
/*****fin carrousel 3d automatique*****/