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

*{box-sizing: border-box }

img{max-width:100%}

.contenu_carou_auto{
margin:5rem auto;
width:350px;
height:233px;
margin-left:120px;
margin-top:10px;
margin-bottom:40px;
perspective:80000px}
		

		
.caroussel-image{	
animation:rotation 25s 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:375px;
height:250px;
left:10px;
outline:1px solid transparent;
backface-visibility:hidden}
		
		
.caroussel-image img:nth-child(1){transform:translate3d(0,0,425px)}
		
.caroussel-image img:nth-child(2){transform:rotateY(45deg) translateZ(425px)}
		
.caroussel-image img:nth-child(3){transform:rotateY(90deg) translateZ(425px)}
	
.caroussel-image img:nth-child(4){transform:rotateY(135deg) translateZ(425px)}
	
.caroussel-image img:nth-child(5){transform:rotateY(180deg) translateZ(425px)}
	
.caroussel-image img:nth-child(6){transform:rotateY(225deg) translateZ(425px)}
	
.caroussel-image img:nth-child(7){transform:rotateY(270deg) translateZ(425px)}
	
.caroussel-image img:nth-child(8){transform:rotateY(315deg) translateZ(425px)}

	

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