article{
	position:relative;
	float:left;
	margin:0;
	padding:10px;
	width:100%;
	height:100%;
	box-sizing:border-box;
	display:inline-block;
	padding-bottom:35px;
	}


/*droite*/

#art-droite{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	overflow:hidden;
	position:relative;
	float:right;
	display:inline-block;
	box-sizing:border-box;
	}

#defilant-droite-ul{
	width:100%;
	height:100%;
	margin:0;
	position:absolute;
	margin:0;
	padding:0;
	overflow:hidden;
	float:left;
	display:inline-block;
	}
	
.defilant-droite-li{
	width:100%;
	height:100%;
	margin:0;
	position:relative;
	margin:0;
	padding:0;
	overflow:hidden;
	float:left;
	display:inline-block;
	}
	
	
	
/*gauche*/
#art-gauche .container, #art-droite .container,#gauche-up .container,#gauche-down .container{overflow:hidden;}

#art-gauche{
	width:50%;
	height:100%;
	margin:0;
	padding:0;
	overflow:hidden;
	position:relative;
	float:left;
	display:inline-block;
	box-sizing:border-box;
	padding-right:5px;
	}

#gauche-up{
	height:50%;
	width:100%;
	margin:0;
	padding:0;
	padding-bottom:5px;
	box-sizing:border-box;
	position:relative;
	display:inline-block;
	float:left;
	}

#defilant-gauche-ul{
	position:relative;
	float:left;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	}
	
.defilant-gauche-li{
	position:absolute;
	float:left;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	left:0;
	top:0;
	z-index:10;
	
	}
	
.defilant-gauche-li:first-child{z-index:20;}
.defilant-gauche-li img{

	position:absolute;

	top:0;

	

	}	

#gauche-down{
	height:50%;
	width:100%;
	margin:0;
	padding:0;
	padding-top:5px;
	box-sizing:border-box;
	position:relative;
	display:inline-block;
	float:left;
	clear:both;
	top:0;
	}

#gauche-down .container{background-color:#ebebeb;}