/*****************************************************
	Custom Responsive CSS  (12 colonnes)
/*****************************************************
/*****************************************************
/*****************************************************/

/* Grandeur max du site */
.c12 {
	clear:both;
	margin:0 auto;
	max-width:1200px;
}
.c12:after {
   content: " "; /* Older browser do not support empty content */
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}

.c11,
.c10,
.c9,
.c8,
.c7,
.c6,
.c5,
.c4,
.c3,
.c2,
.c1 {
	float:left;
	min-height:1px;
	box-sizing: content-box;
}

.c12 { width:100%; }
.c11 { width:91.6666%; }
.c10 { width:83.3333%; }
.c9  { width:75%; }
.c8  { width:66.6666%; }
.c7  { width:58.3333%; }
.c6  { width:50%; }
.c5  { width:41.6666%; }
.c4  { width:33.3333%; }
.c3  { width:25%; }
.c2  { width:16.6666%; }
.c1  { width:8.3333%; }



@media only screen and (max-width: 1200px) {
	#masthead{
		height: 100px;
	}
	.pad > *:first-child,.description-content{
  	padding-left:15px;
  	padding-right:15px;
  }
  
	#navbar .nav-menu > li > a{
		width: 100px;
		padding:43px 0 32px;
	}
	#navbar li .sub-menu{
		margin-top: -25px;
	}
	#navbar li .sub-menu li a{
		font-size: 1.2rem;
	}
	#masthead .account{
		margin-right: 15px;
	}
	#masthead .langsel{
		top:2px;
	}
	#masthead .langsel .lang{
		font-size: 1.2rem;
	}
	.telephone{
		font-size: 1.6rem;
	}
	
	#main .single-product,
	.produits.related { padding-right:10px; padding-left:10px; }
	.product-actions, .product-info .row { margin-left:0; margin-right:0; }
	
	.product-configure .product-configure-options-option, .product-configure .product-configure-custom-option { padding:10px; }
	.breadcrumb{padding-right:10px;}
	.site-footer{
		text-align: center;
	}
	.site-footer .footer-menu{
		width: auto;
	}
	.site-footer .footer-menu li a{
		font-size: 1.3rem;
	}
	.site-footer .follow-us{
		padding-right: 15px;
		float: right;
	}
	.site-footer .follow-us span{
		font-size: 1.3rem;
		line-height: 26px;
	}

	.site-footer .telephone{
		float: right;
		margin-top: 3px;
		clear: right;
		text-align: right;
		padding-right:10px;
	}
}

@media only screen and (max-width: 940px) {
	.produits .produit figure .quick_add_to_cart{
		padding-left: 12px;
	}
	.produits .produit figure .quick_add_to_cart a{
		font-size: 1.3rem;
	}
	.produits .produit figure .quick_add_to_cart div{
		padding:9px 13px 4px 12px;
	}
	.produits .produit figure .quick_add_to_cart div svg{
		height: 17px;
		width: 17px;
	}
	
}

@media only screen and (max-width: 980px) {
	[type="checkbox"]:not(:checked) + label,
	[type="checkbox"]:checked + label {
		font-size: 1.1rem;
	}
	h1{
		font-size: 2rem;
	}
	h2{
		font-size: 1.6rem;
	}
	h3{
		font-size: 1.4rem;
	}
	h4{
		font-size: 1.2rem;
	}
	
	p, li{
		font-size: 1.2rem;
		line-height: 17px;
	}
	
	.bouton{
		font-size: 1.2rem;
	}
	
	input, textarea{
		font-size: 1.2rem;
		padding-left: 8px;
	}
	
	table{
		font-size: 1.2rem;
	}

	
	ul.nav-menu,
	div.nav-menu > ul {
		display: none;
	}
	#open-mmenu{
		display:block;
		right: 0;
		position: absolute;
		padding-right: 15px;
		top: 50%;
		-ms-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
	}
  .mm-listview > li:first-child:not(.mm-divider):after{border-bottom:0px!important;}


	
	#top-options { display:none; }
	
	#navbar,
	#masthead .right,
	#masthead .langsel{
		display: none;
	}
	#masthead .home-link{
		max-width: 230px;
	}
	#mmenu{
		display: block;
	}
	#mmenu .mmenu-header{
		background-color: rgba(0, 0, 0, 0.15);
	}
	#mmenu .home-link{
		width: 95px;
		margin-top: 5px;
		float: none;
		display: inline-block;
		position: relative;
		top:0;
		-ms-transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
	}
	#mmenu li.menu-item a{
		text-transform: uppercase;
		font-weight: 700;
		font-size: 1.3rem;
	
	}
	#mmenu .cart{
		color:#ffffff;
		position: relative;
		overflow: visible;
		float: right;
		border-left: 1px solid;
		margin: 10px 20px 0 0;
	}
	#mmenu .cart span{
		position: absolute;
		top: 0px;
		right:0px;
		border-radius: 50%;
		width: 18px;
		height: 18px;
		font-weight: 600;
		font-size: 1.1rem;
		text-align: center;
	}
	#mmenu .cart span.loading{
		color:#fff;
	}
	#mmenu .cart svg{
		width: 20px;
		height: 18px;
	}
	#mmenu .cart svg path{
		fill:#050505;
		-webkit-transition:all 0.3s;
		transition:all 0.3s;
	}
	#mmenu .telephone{
		font-size: 1.4rem;
	}
	#mmenu .subitemLink { border:none; }
	#mmenu .telephone:after{
		border:none;
	}
	#mmenu .telephone span{
		padding-top: 15px;
	}
	
	#mmenu .follow-us:after{
		border:none;
	}
	#mmenu .follow-us span{
		display: inline-block;
		vertical-align: sub;
		padding-right: 5px;
		padding-top: 5px;
		font-size: 1.2rem;
	}
	#mmenu .follow-us a{
		display: inline-block;
		padding-right: 0;
		padding-top: 5px;
		padding-left: 25px;
	}


	#mmenu .mm-vertical .mm-listview > li > .mm-next,
	#mmenu .mm-listview > li.mm-vertical > .mm-next{
		height: 30px;
		top:3px;
	}
	#mmenu .mm-vertical .mm-listview > li > .mm-next:after,
	#mmenu .mm-listview > li.mm-vertical > .mm-next:after{
		top:8px;
	}
	
	#mm-blocker{
		background-color: rgba(0, 0, 0, 0.55);
	}

/* general */
	.entry-content{
		padding-bottom: 35px;
	}
	.breadcrumb{
		font-size: 1.1rem;
	}
	.select2.select2-container--default .select2-selection--single{
		height: 33px;
	}
	.select2.select2-container--default .select2-selection--single .select2-selection__rendered{
		font-size: 1.2rem;
		padding-left: 8px;
		line-height: 33px;
	}
	.select2.select2-container--default .select2-selection--single .select2-selection__arrow{
		padding:0 12px;
	}
	.select2-container--default .select2-selection--single .select2-selection__arrow::after{
		font-size: 1.2rem;
		line-height: 33px;
	}
	
	
	
/* accueil */
	.home .home-text {
	    margin-bottom: 30px;
	    margin-top: 10px;
	    width: auto;
	}
	.home-text h1{
		font-size: 2.6rem;
	}	
	.liens-pages .cta{
		width: 50%;
		margin-bottom: 15px;
	}
	
/* contact */
	.entry-content .infos,
	.entry-content .contact-form{
		width: 100%;
	}
	.infos table td{
		font-size: 1.2rem;
	}
	
/* boutique */
	.result-header span{
		font-size: 1.3rem;
	}
	.result-header .orderby .select2{
		min-width: 200px;
	}	
	.products-list .produits .produit{
		width: 50%;
	}
	.produits .produit > div > a{
		padding: 10px 15px 8px 12px;
	}
	.produits .produit .prix{
		font-size: 1.4rem;
	}
	.produits .produit figure .added_to_cart .check{
		height: 35px;
		width: 35px;
	}
	.produits .produit figure .added_to_cart .check:after{
		height: 15px;
		width: 7px;
		left: 5px;
		top: 10px;
	}
	.produits .produit figure .added_to_cart a{
		font-size: 1.2rem;
	}
	.produits .produit figure .quick_add_to_cart{
		padding-left: 6px;
	}
	.produits .produit figure .quick_add_to_cart a{
		font-size: 1rem;
	}
	.produits .produit figure .quick_add_to_cart span{
		margin-top: 7px;
	}
	.produits .produit figure .quick_add_to_cart div{
		padding: 7px 8px 4px 6px;
	}
	.produits .produit figure .quick_add_to_cart div svg{
		width: 15px;
		height: 15px;
	}
	
	.search-form .search-submit{
	padding: 5px 13px 8px;
	}
	
/* single */
	.single-product .produit-image{
		text-align: center;
		width: 100%;
	}
	.single-product .description{
		width:100%;
		margin-top: 20px;
	}
	.single-product .description .prix{
		font-size: 1.3rem;
	}
	.single-product .description .prix span{
		font-size: 1.8rem;
	}
	.single-product .variations .label label{
		font-size: 1.2rem;
	}
	.quantity .add-qty, .quantity .lower-qty{
		font-size: 1rem;
	}
	.single-product .cart .single_add_to_cart_button{
		font-size: 1.2rem;
		padding-left: 12px;
		width: 200px;
	}
	.single-product .cart .single_add_to_cart_button span{
		margin-top: 4px;
	}
	.single-product .cart .single_add_to_cart_button .as-div, .product-list-el .single_add_to_cart_button .as-div{
	   padding: 6px 18px 2px 15px;
	   height:40px;
	}
	.single-product .cart .single_add_to_cart_button div{
		padding:8px 18px 4px 15px;
	}
	.single-product .cart .single_add_to_cart_button div svg{
		width: 17px;
		height: 17px;
	}
	
/* account */
	.rememberme-wrapper{
		display: block;
		margin-top: 10px;
	}
	
/* footer */
	.site-footer .footer-menu,
	.site-footer .follow-us{
		display: none;
	}
	.site-footer .telephone{
		width: auto;
	}
	
	.site-footer .site-info p{
		font-size: 1rem;
	}
	
	.col-title:after { display:block; }
	
	/*****************************************************
		Animation
	/*****************************************************/
	@keyframes check {
	    0%   {height: 0; width: 0;}
	    25%  {height: 0; width: 7px;}
	    50%  {height: 15px; width: 7px;}
	}
}

@media all and (max-width: 768px) {
  .hallmarks{text-align:center;}
  .site-footer .site-info p.copyright{position:relative;clear:both;padding:20px;text-align:center;line-height:10px;}
  .payments{padding:20px;text-align:center!important;}
  .sidebar { width:100%; padding-top:10px;  }
	input[type="search"] { width:100%; }
	
	.produits {width:100%; }
	.produit.c4:nth-of-type(odd) { clear:left; }
	.produit.c4 { width:50%; }
	
	.filters { padding-right:15px; }
	.filters .c4 { width:100%; padding-bottom:5px; }
	.liens-pages .cta{
		width: 100%;
	}
	#formNewsletter #formNewsletterEmail  { width:70%;height:40px; }
	#formNewsletter a.btn { width:25%; display:inline-block; text-align:center; }
	
	#colophon .black-footer .c3 { width:50%; padding-bottom:20px;  }
	
}

@media all and (max-width: 660px) {
  #mmenu .follow-us a { font-size:1.5rem; padding-left:19px; text-align:center; }
  
	.entry-content .products-list{
		width: 100%;
	}
	.products-list .mobile-search{
		display: block;
		margin-bottom: 10px;
		overflow: hidden;
	}
	.products-list .mobile-search .search-form{
		width: 100%;
	}
	.products-list .mobile-search .search-form label{
		width: calc(100% - 37px);
	}
	.products-list .mobile-search .search-form input[type="search"]{
		width: 100%;
	}
	.entry-content .sidebar{
		display: none;
	}
	
	.related .produit { width:50%; }
	
	.pagination{
		margin-bottom: 15px;
	}
	
	.entry-header{
		text-align: left;
		height: auto;
		padding-bottom: 12px;
	}
	.entry-header h1{
		float: none;
	}
	.breadcrumb{
		padding-left: 15px;
		top:0;
		-ms-transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
	}
}

@media all and (max-width: 580px) {
  .product-list-el > .c9 { width:100%; }
  .product-list-el > .c3 { width:100%; }
  .product-list-el .single_add_to_cart_button{position:relative;bottom:-10px;width:100%;}
}

@media all and (max-width: 400px) {
	.result-header .orderby .select2{
		min-width: 140px;
	}
	.produits .produit > div > a{
		padding: 10px 8px 8px 10px;
	}
	.produits .produit .prix{
		font-size: 1.3rem;
	}
	
	.site-footer .site-info p:last-child{
		float: left;
		clear: left;
		padding-right: 0;
		padding-left: 15px;
	}
	
	#colophon .black-footer .c3 { width:100%;  }
}