/****************************************************#######################################################-------------------------------------------------####               KARATEK - Version 1               ####-------------------------------------------------#### Copyright = diabloedesign.com- 2017             #### Date      = Novembre 2017                       #### Author    = olivier angevin                     #### Websites  = http://www.diabloedesign.com        ####                                                 #######################################################****************************************************/
@charset "UTF-8";
.menu-footer{margin-left:10px;}
.content-top #main{	width:calc(100% - 420px); margin-left:0;}
.slider{width:100%}
.content-footer, .user-menu, .reseaux, .recherche{margin-right:10px;}

@media screen and (max-width: 1199px) {	
.content #main{
width:100%;
}
.blog-featured, .content #right, .browse-view .row{margin:0 auto;	width:800px;}	
.content #right{	clear:both;	float:none;	padding-top:20px;	}	.content #right .moduletable{	width:400px;	float:left;	}	.moduletablenewsletter{	width:400px;	float:right;	}	.item-page .item-image{	text-align:center;	}	#art-gallery{	display:none!important;	}}
@media screen and (max-width: 1000px) {	#top-menu, .header-fixed{	display:none;	}	.header-menu{	height:10px;	}	#small-menu{	display:block;	position:relative;	width:100%;	height:60px;	background:#efde1a;	}	#menu-toggle:before {	content: "\f0c9";	font-family: 'icomoon';	speak: none;	font-style: normal;	font-weight: normal;	font-variant: normal;	text-transform: none;	line-height: 1;	-webkit-font-smoothing: antialiased;	position: relative;	top: 1px;	line-height: 0;	font-size: 28px;	margin-right:10px;	}	#small-menu #menu-toggle{	display: block;		width: calc(100% - 10px);	font-size:24px;	font-weight: normal;	text-align: left;	border: none;	cursor: pointer;	color:#000;	text-decoration:none;	line-height:60px;	padding-left:10px;	transition:all 0.3s ease-out;	-webkit-transition:all 0.3s ease-out;	-o-transition:all 0.3s ease-out;	-moz-transition:all 0.3s ease-out;	}	#small-menu #menu-toggle:hover{	text-decoration:none;	}	#mobile-menu, body.active #mobile-menu ul.menu{	display: block;	}	body.active #container, #mobile-menu ul.menu{	display: none;	}	#mobile-menu ul.menu{	padding:20px 0 0;	}	#mobile-menu li{	list-style-type:none;	font-size:25px;	text-align:left;	position:relative;	}	#mobile-menu li a, #mobile-menu li span{	color:#000;	display:block;	width:100%;	min-height:40px;	line-height:40px;	padding-right:-10px;	padding-left:10px;	text-decoration:none;	transition:all 0.3s ease-out;	-webkit-transition:all 0.3s ease-out;	-o-transition:all 0.3s ease-out;	-moz-transition:all 0.3s ease-out;	}	#mobile-menu li a{	cursor:pointer;	}	#mobile-menu .menu li.open ul{	visibility:visible;	height:auto;	}	#mobile-menu .menu li.close ul{	display:block;	visibility:hidden;	height:0;	}	#mobile-menu li.parent ul li.parent ul{	border:none;	}	#mobile-menu li.parent > .btn_smenu:after{	content:"+";	display:block;	right:10px;	top:0;	position:absolute;	border:1px solid #000;	line-height:20px;	width:20px;	text-align:center;	cursor:pointer;	}	#mobile-menu li.open > .btn_smenu:after{	content:"-";	}	#mobile-menu li a:hover{	text-decoration:none;	color:#fff;	}	#menu-mobile-close{	float:right;	margin-top:5px;	margin-right:5px;	}}
@media screen and (max-width: 830px) { .content-top{background:transparent;}	.content-top #main{	width:100%; float:none;} .slider{margin-top:0}	.content-top #right{	float:none;	margin:0 auto;	padding-top:40px;	}	.content-top #right .actualites{	margin-top:10px;	}}
@media screen and (max-width: 800px) { 
	.slider, .slider .theme-default .nivoSlider{height:500px}
	.blog-featured, .content #right, .blog, .browse-view .row{width:100%;	text-align:center;}
	.blog-items{justify-content:center;}
	.items-leading .leading, .items-row .item, .content #right .moduletable, .moduletablenewsletter, .row .product{margin:0 auto;float:none;display:block;}
	.content-footer, .menu-footer{float:none;	width:100%;	text-align:center;	margin:0;}
	.footer ul{	margin:0 auto;}
	.footer .menu li.parent{padding-right:50px;	display:inline-block;}
}
@media screen and (max-width: 760px) {	
	.logo{width:250px; height:151px} 
	.reseaux a{display:block;background:url("../images/reseaux-s.png") no-repeat 0 0 transparent;height:25px;width:25px!important;margin-bottom:5px} 
	.reseaux a.instagram{background-position:-25px 0}
	.reseaux a.twitter{background-position:-50px 0}
	.reseaux a.snapchat{background-position:-75px 0}
	.reseaux a.youtube{background-position:-126px 0;margin-bottom:0px}
	.recherche{	clear:both;float:none;	margin:0 auto;	text-align:center;	}
}
@media screen and (max-width: 700px){	
	.sectiontablecartentry .vm-cart-item, .vm-cart-total,  .liste-item{	width:100%;	}	
	.sectiontableentry2, .liste-row{	border-top:1px solid #000;	}	
	.liste-row{	padding-top:5px;	padding-bottom:5px;	}	
	.cart-title, .liste-title{	display:none;	}	
	.cart-title-small, .liste-title-small{	display:inline-block;	}	
	.liste-total .item-discount{	width:15%;	}	
	.liste-total .item-total{	width:25%;	}
	.width50{
	width:100%;
	}
	.floatleft, .floatright{
	float:none;
	}
}
@media screen and (max-width: 600px) { 
	.slider, .slider .theme-default .nivoSlider{height:400px}	.header-user{	height:auto;	}	
	.header-user .langues{
	position:absolute;float:none;
	margin:0;
	}
	div.mod-languages ul.lang-inline li{
	display:block;
	}
	.user-menu{	float:none;	margin:0 auto;	text-align:center;	}
	.user-menu ul.menu{margin-left:10px;}
	.vm-continue-shopping{margin:0 auto; float:none;}
}
@media screen and (max-width: 520px) { 
	.user-menu ul.menu li.qui-sommes-nous, .user-menu ul.menu li.contacts{
	display:none;
	}
}
@media screen and (max-width: 410px) {	
	.items-leading .leading, .items-row .item, .row .product{width:calc(100% - 30px)}
}
@media screen and (max-width: 400px) {	.slider, .slider .theme-default .nivoSlider{height:300px}	#right, .content #right .moduletable, .moduletablenewsletter{	width:100%;	}	#right .moduletablenewsletter h3{	margin:0;	text-align:center;	}	table.acymailing_form{	margin:0;	}	.acymailing_form input.inputbox{	width:200px!important;	}	.footer .menu li.parent{	padding-right:0px;	width:100%;	}}
@media screen and (max-width: 390px) {
	.bt-cs a.prev{left:300px;}
	#facebox .popup{
	width:calc(100% - 10px);
	}
	#facebox .content{
	width:calc(100% - 30px);
	}
	.continue_link, a.showcart{
	display:block;
	text-align:center;
	}
	a.showcart{
	margin-top:10px;
	}
}

@media screen and (max-width: 350px) {
	.bt-cs a.prev{left:270px;}
}
/**end file***/