/*@media screen and (min-width: 1024px) {
	div.tri .col1,div.tri .col2,div.tri .col3{
		-webkit-transition: width 2s ease-in-out,padding 2s ease-in-out; /* For Safari 3.1 to 6.0 
		transition: width 2s ease-in-out,padding 2s ease-in-out;
	}

	div.tri{
		width: 100%;
		height: 694px;
		overflow: hidden;
		background-color: #f6d6d2;
	}

	div.tri:hover .col2{
		width: 28%;
		padding-right: 1%;
		padding-left: 1%;
	}

	div.tri:hover .col1,div.tri:hover .col3{  
		width: 24%;
	}	

	div.tri .col1:hover,div.tri .col3:hover{  
		width: 46%;
	}

	div.tri .col2:hover{  
		width: 50%;
		background: url(../img/bg_footer.png) center repeat-x;
	}
}*/

div.bandeau_container{
	position: relative;
	overflow: hidden;
}

div.bandeau_container div.container{
	position: relative;
	z-index: 10;
}

div.bandeau_container div.layer{
	height: 200%;
	width: 15%;
	background-color: #FFF;
	opacity: 0.7;
	position: absolute;
	box-shadow: 80px -80px 80px #FFF;
	top: 0;
	min-width: 200px;
}