@media screen and (max-width:1279px) {
/*
	body.habillage{background:#12130e; }
	body.habillage2{background:#12130e; }
	body.habillage3{background:#e5a5c0; }
	#habillage_banner{display:hidden;}
	#habillage_banner2{display:hidden;}
	
	#row_banner2 {height:calc((100%*90px)/728); cursor: pointer;}
	#row_banner2 img {width: 100%; }
*/	
	.g , .d, .hab-banner, .habillage-pop {
		display:none;
	}
	 .habillage-pop-mobile {
	 	display: block;
	}
}

@media screen and (min-width:1280px) {
	#habillage_banner {
	    position: absolute;
	    top: 0;
	    bottom: 0;
	    left: 0;
	    right: 0;
	    width:100%; 
		height: 33vw;
		background-position: center top;
		background-repeat: no-repeat;
		background-size: 100%;
		z-index: -1;
	    box-shadow: inset 0 -5rem 5rem -5rem rgba(0,0,0,0.8);
	    opacity: 0;
	    cursor: pointer;
	}

/*	body {padding-top: 250px;} */
	body {padding-top: 18vw;}
	#row_banner{height: 100%; padding: 50px 0 0 0;}
	#row_banner2{height:150px; }
	#row_banner2{visibility:hidden; height:0;}
	
	.hab-banner {
		position:absolute;
		top:0;
		left:0;
		height: 250px;
		width:100%;
		cursor: pointer;
	}
	
	.g , .d {
		position:absolute;
		top:0;
		height: 33vw;
		width:calc((100% - 1280px)/2);
		cursor: pointer;
	}
	
	.g {left:0; }
	.d {right:0%; }
	
	.habillage-pop-mobile {
		display:none;
	}
}

.main-container {
	max-width: 1280px;
}

@keyframes zoominoutsinglefeatured {
    0% {
        transform: scale(0,0);
    }
    100% {
        transform: scale(1,1);
    }
}

@keyframes fadein {
    0% 	{ opacity: 0; }
    100%  { opacity: 1; }
}

#row_banner img {
	animation: zoominoutsinglefeatured 0.8s forwards;
}