@charset "utf-8";
/* CSS Document */

.menuRubriqueRWD { display:none; }

.bandeContainer_rubrique h5 { margin:0; padding:0; font-family:'bigshoulders', Arial, Helvetica, sans-serif; font-size:1.4vw; }

.bandeContainerShop_rubriqueTitle { width:100%; max-width:1400px; margin:20px auto; display:block; }

.bandeContainer_text { width:100%; max-width:1400px; margin:20px auto; display:block; }
	.bandeContainer_text_content { width:75%; margin:0 auto; text-align:justify; }
		.bandeContainer_text p a:link, .bandeContainer_text p a:visited { color:#FF0000; }
		.bandeContainer_text p a:hover, .bandeContainer_text p a:active { color:#000000; }
		
	.bandeContainerShop { width:100%; max-width:1400px; margin:0 auto; display:flex; }
		.bandeContainer_full { width:100%; display:flex; flex-wrap:wrap; }
		.bandeContainer_left { width:78%; margin-right:2%; padding:1%; text-align:justify; }
			.bandeContainer_left h1 { margin:0; padding:0; }
			.bandeContainer_left ul { margin:0; padding; }
			.bandeContainer_left_line { width:100%; }

.bandeSup_menu_filter { width:100%; }
		.filtresBox { width:100%; display:flex; flex-wrap:nowrap; align-items:middle; font-size:1.1vw; }
			.filtersBox_div { display:block; padding-right:2%; }
				.filtersBox_div:last-child { padding-right:0; }
				.filtersBox_div a:link, .filtersBox_div a:visited { color:#FFFFFF; }
				.filtersBox_div a:hover, .filterBox_div a:active { color:#FF0000; }

.pageapage { width:100%; position:relative; text-align:center; margin:1vw 0; padding:0.5vw 2vw; border-top:#3399CC 1px solid; border-bottom:#3399CC 1px solid; }
	.btnBACK { position:absolute; top:0.5vw; left:1vw; }
	.btnNEXT { position:absolute; top:0.5vw; right:1vw; }
		.pageapage a:link, .pageapage a:visited { color:#3399CC; }
		.pageapage a:hover, .pageapage a:active { color:#000000; }

.shortby { width:100%; margin:1vw 0; display:flex; flex-wrap:wrap; }
	.shortbyTitle { width:10%; }
	.shortbyCol { width:30%; text-align:center; }
		.shortbyCol a:link, .shortbyCol a:visited { background-color:#3399CC; border:#3399CC 1px solid; border-radius:0.5vw; color:#FFFFFF; padding:0.25vw 0.5vw; }
		.shortbyCol a:hover, .shortbyCol a:active { background-color:#FFFFFF; border:#3399CC 1px solid; border-radius:0.5vw; color:#3399CC; padding:0.25vw 0.5vw; }
		.shortbyCol a.selected { color:#000000; background-color:#FFFFFF; }

@media only screen and (max-width:1200px) {
	.bandeContainerShop { font-size:2.4vw; }
	
}

@media only screen and (max-width:900px) {

}

@media only screen and (max-width:600px) {
	.bandeContainerShop { display:block; font-size:200%; }
		.bandeContainer_left { width:100%; margin-right:0; padding:4vw; }
		
		.bandeContainerShop .N030 { width:100%; padding:4vw; }
		.bandeContainerShop .N070 { width:100%; padding:4vw; }
		
		.shortbyTitle { width:100%; margin:2vw 0; }
		.shortbyCol { width:100%; margin:2vw 0; }
}



