/* Leg'Art */
#img_page_cre {
	width:100%;
	height:300px;
	overflow:hidden;
	position:relative;
}
#img_page_cre > img {
	position:absolute;
	width:100%;
	left:50%; top:50%;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	z-index:1;
}
#img_page_cre > div#fil {
	position:absolute;
	top:0; bottom:0; left:0; right:0;
	background-color:#000;
	opacity:.6;
	z-index:2;
}

/*Diaporama*/
#diapo_art.upload {
	padding-left:65px;
}
#diapo_art {
	width:100%;
	height:600px;
	position:relative;
	box-shadow:0px 35px 50px -17px rgba(0,0,0,0.44);
	margin-bottom:50px;
}
.prod-img {
	position:absolute;
	width:100%;
	height:100%;
	overflow:hidden;
	margin:0;
}
.prod-img.trans_diapo img {
	animation:trans_diapo .8s forwards;
}
.prod-img img {
	position:absolute;
	width:100%;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%) scale(1.8);
	-webkit-transform:translate(-50%,-50%) scale(1.8);
	opacity:0;	
}
.prod-img.trans_diapo_fin img {
	transform:translate(-50%,-50%) scale(1);
	-webkit-transform:translate(-50%,-50%) scale(1);
}
@-webkit-keyframes trans_diapo {
	0% {-webkit-transform:translate(-50%,-50%) scale(1.8); opacity:0;}
	100% {-webkit-transform:translate(-50%,-50%)scale(1); opacity:1;}
}
@keyframes trans_diapo {
	0% {transform:translate(-50%,-50%) scale(1.8); opacity:0;}
	100% {transform:translate(-50%,-50%)scale(1); opacity:1;}
}
.prod-img figcaption {
	position:absolute;
	font-size:28px;
	opacity:0;
	color:#FFF;
	font-weight:bold;
}
.prod-img figcaption p {
	margin:0;
}
.next-diapo {
	right: 0px !important;
}
.prev-diapo {
	left: 0px !important;
}
/* les produits */
article.product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
article.product:nth-child(even) {
	-webkit-box-orient:horizontal;
	-webkit-box-direction:reverse;
	-ms-flex-direction:row-reverse;
	flex-direction:row-reverse;
}
.photo-prod-assoc {
	width:600px;
	position:relative;
	height:600px;
}
.photo-prod-assoc > img {
	position:absolute;
	max-height:600px;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
}
.desc-prod-assoc {
	position:relative;
	width:400px;
}
.desc-prod-assoc h2:after {
	display:none;
}
.desc-prod-assoc >div{
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	min-width:80%;
	text-align:justify;

}
.desc-prod-assoc h2 {
	text-align:left !important;
}