/****************************************************#######################################################-------------------------------------------------####                  AFMT - Version 1               ####-------------------------------------------------#### Copyright = diabloedesign.com- 2020             #### Date      = avril 2020                          #### Author    = olivier angevin                     #### Websites  = http://www.diabloedesign.com        ####                                                 #######################################################****************************************************/
@charset "UTF-8";
.pagewidth{width:calc(100% - 20px);}
.browse-view{width:500px;}
#visform1 fieldset{width:700px;margin:0 auto;}
.visform input:not(.btn), .visform select, .visform textarea{width:560px;}.field1 input, .field2 input{width:200px!important;}
@media screen and (max-width: 880px){
	.cpte-login{justify-content:center;}
	.cpte-login #com-form-login-remember{margin-top:10px;}
}
@media screen and (max-width: 860px){
	.browse-view, .category_description{float:none;	margin:0 auto;}
}
@media screen and (max-width: 790px){
	fieldset.userdata{width:411px;margin:0 auto;}
	.cpte-login{flex-direction:column}
	#com-form-login-password{margin-left:0;margin-top:10px;}
	#com-form-login-remember, #com-form-login-username div.control-group:nth-child(2){margin-left:0;margin-top:10px;clear:both;}
}
@media screen and (max-width: 720px){
	.header-fond{background:url(../images/header-720.jpg) no-repeat center top #000;height:300px;}
	#top-menu, .header #compte-menu{display:none;}
	#small-menu{display:flex;position:relative;	width:100%;	height:50px;background:#0d1a8a;	justify-content:space-between;	margin-top:-6px;	z-index:200;}
	#menu-toggle:before{content: "\f0c9";font-family: 'FontAwesome';	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;	margin-left:10px;}
	#small-menu #menu-toggle{display: block;width: 100%;font-size:24px;	font-weight: normal;text-align: left;border: none;cursor: pointer;	color:#fff;	text-decoration:none;	line-height:50px;	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 li{list-style-type:none;text-align:left;position:relative;	font-size:18px;	}
	#mobile-menu li a, #mobile-menu li span{color:#fff;	display:block;	width:100%;	text-transform:uppercase;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:hover{text-decoration:none;	color:#000;	}
	#small-menu #compte-menu{margin:0;	float:right;}
	#small-menu #compte-menu ul{display:flex;flex-wrap:wrap;margin-right:10px;}
	#small-menu #compte-menu ul li{	width:40px;	margin-top:10px;margin-bottom:0px;}
	#small-menu #compte-menu ul li a::before{margin-left:0;}
	#content{padding-top:0;}
	#visform1 fieldset{	width:100%;	margin:0 auto;	}
	.visform .input-content{width:100%;}
	.visform input:not(.btn), .visform select, .visform textarea{width:calc(100% - 40px)!important;}
	.field1, .field2{width:100%;float:none;}
	.field2 input{	float:none;	}.field2 label{text-align:left;	}
	.visform .field6 input{	width:auto!important;}
	.captchaCont .input-content{float:none;}
}
@media screen and (max-width: 780px){
	.liens-acc ul{justify-content:space-around;}
	h1{	padding:0;	text-align:center;	background:transparent;	}
}
@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%;}
}
@media screen and (max-width: 550px){
	.texte-acc{	font-size:16px;	}
	.header-top{top:10px;left:10px;}
	.logo{width:200px;height:106px;}
	.form-validate .field{width:100%;}
}
@media screen and (max-width: 520px){
	.browse-view{width:100%;}
	.create-account .input-content, .dyn-tabs .input-content{width:100%;}
	.create-account .input-content input, .dyn-tabs input{	width:calc(100% - 40px);}
}
@media screen and (max-width: 490px){
	.footer .menu-bas-2{border-right:0;	padding-right:10px;}
	.footer .menu-bas-1{padding-right:30px;}
	.footer .menu-bas-1, .footer .menu-bas-2{border:0;	padding:0px;	width:100%;	}
	.footer .menu-bas-1{margin-top:15px;}
	.footer .menu-bas-2{margin-top:0;}
}
@media screen and (max-width: 450px){
	fieldset.userdata{width:calc(100% - 22px);	margin:0 auto;}
	.userdata .floatleft{float:none;}
	#com-form-login-password{margin-left:0;	margin-top:10px;}
	.userdata .input-content{width:100%;}
	.userdata input:not([type='checkbox']){	width:calc(100% - 40px);}
	#com-form-login-remember input:not([type='checkbox']){	width:100%;	}
	#com-form-login-remember label{	margin-left:0;	}
}
@media screen and (max-width: 400px){
	a.continue_link, a.showcart{float:none;	}
	a.showcart{margin-top:10px;}
}
@media screen and (max-width: 380px){
	h1{	font-size:22px;	}
}
@media screen and (max-width: 340px){
	.category_description{width:100%;}
}
 /**end file***/