@media screen and (max-width:640px) {
	#ftbn {
		position:fixed;
		bottom: 0;
		width: 100%;
		background-color: transparent;
		margin:0;
		z-index: 1000;
	}
	#ftbn img {
		width:100%;
	}
	#habillage_banner, #row_banner {
		display: none;
	}

	#footer {
		padding-bottom: calc( ( 100vw / 1200 ) * 300 );
	}

	.cRetour {
		/* bottom: calc( ( (100vw / 1200) * 300) + 3vh ); */
		display: none;
	}

	#qc-cmp2-persistent-link {
		bottom: calc( ( (100vw / 1200) * 300) );
	}
}

@media screen and (min-width:641px) {
	#ftbn {
		display:none;
	}
	#habillage_banner, .habillage-pop-mobile {
		display:block;
   }
}

@media screen and (max-width:1279px) {
	.g , .d, .hab-banner, .habillage-pop, #habillage_banner {
		display:none;
	}

	#rech_avancee, #rech_ean {
		top: calc( ( (100vw / 1280) * 200 ) + 70px);
	}
	#row_banner {
		margin-top: 102px;
	}
}

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

	body {/* padding-top: 230px; */}
	#row_banner{height: 100%; padding: 32px 0 0 0; display:none;}
	#row_banner2{height:150px; }
	#row_banner2{visibility:hidden; height:0;}
	
	.hab-banner {
		position:sticky;
		top:102px;
		left:0;
		height: 230px;
		width:100%;
		cursor: pointer;
		display: block;
	}
	
	.g , .d {
		position:fixed;
		top:0;
		height: 1080px;
		width:calc((100% - 1000px)/2);
		cursor: pointer;
		margin-top: 102px;
	}
	
	.g {left:0; }
	.d {right:15px; }
	
	.habillage-pop-mobile {
		display:none;
	}
	#main {
		margin-top: 332px;
	}
/*
	#rech_avancee, #rech_ean {
		top: 300px;
	} */
}

.main-container {
/*	max-width: 1280px; */
	margin: auto; 
}
/*
@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;
}*/
