@charset "UTF-8";@font-face {src: url('https://lesateliersdulac.fr/templates/swmp/fonts/Century-Schoolbook.woff2') format('woff2'),
		url('https://lesateliersdulac.fr/templates/swmp/fonts/Century-Schoolbook.woff') format('woff'),
		url('https://lesateliersdulac.fr/templates/swmp/fonts/Century-Schoolbook.ttf') format('truetype'); font-family: 'Fantaisie'; font-display: swap}

@font-face {src: url('https://lesateliersdulac.fr/templates/swmp/fonts/Gotham-Light.woff2') format('woff2'),
		url('https://lesateliersdulac.fr/templates/swmp/fonts/Gotham-Light.woff') format('woff'),
		url('https://lesateliersdulac.fr/templates/swmp/fonts/Gotham-Light.ttf') format('truetype'); font-family: 'Baton'; font-display: swap}

@font-face {src: url('https://lesateliersdulac.fr/templates/swmp/fonts/icofont.woff2') format('woff2'),
		url('https://lesateliersdulac.fr/templates/swmp/fonts/icofont.woff') format('woff'),
		url('https://lesateliersdulac.fr/templates/swmp/fonts/icofont.ttf') format('truetype'); font-family: 'icofont'; font-display: swap}

* {box-sizing:border-box;}
.cadrage { width:90%;margin:0 auto; }
.net{float:none;clear:both;font-size:1px;}
a:link, a:visited {text-decoration:none;color:#775D5E;}
a:focus, a:hover, a:active {color:#9C362D;}

h1,h2,h3,h4,h5,h6 {font-family:'Baton',sans-serif ;color:#725A3C;}

article h1, article h2, article h3 {font-family:'Fantaisie', serif;color:#7f90a0;}

.cols4 {width:25%;float:left;padding:1%;}
.cols3 {width:33.33%;float:left;padding:1%;}
.cols2 {width:50%;float:left;padding:1%;}

img.resp {max-width:100%;height:auto;}

body {margin:0;padding:0;background:#f1f1f1;font-size:96%;font-family:'Baton', sans-serif;color:#3C3F4C;}

header {text-align:center;font-family:'Baton', sans-serif;}

header #logo {position:relative;}
header #logo img {max-width:350px;}

header nav#standard {
	background:#3c3f4c;
	font-size:1.2rem;
	padding:0.4rem 0;
	position:relative;	
	}

header #logo .flag1 {position:absolute;left:5%;bottom:-60px;z-index:9;}
	
header ul.nav {margin:6px 0 2px 0;padding:0;}
header ul.nav li {list-style-type:none;display:inline-block;position:relative;}
header .normal ul.nav li a {border-left:1px #eee solid;height:45px;line-height:45px;}
header ul.nav li a:link,
header ul.nav li a:visited,
header ul.nav li.divider span
{
	display:inline-block;padding:0.4rem 1.4rem;
	color:#fff;font-weight:lighter;
	}

header ul.nav li:first-child {border-left:none;}
header ul.nav li a img {position:relative;top:3px;}
header ul.nav li a:hover,
header ul.nav li a:focus,
header ul.nav li a:active 
	{color:#fac26b;}
header ul.nav li.parent ul.mod-menu__sub {display:none;position:absolute;z-index:999;background:rgba(60,63,76,0.85);padding:2rem 0;text-align:left;width:140%;}
header ul.nav li.parent ul.mod-menu__sub li {text-align:left;font-size:1rem;}
header ul.nav li.parent ul.mod-menu__sub li a {border-right:none;}
header ul.nav li.parent:hover > ul.mod-menu__sub {display:block;}

header nav#hamburger {display:none;position:fixed;z-index:9999;top:0;right:15px;font-size: 1.8rem;color:#fff;}
header nav#hamburger .bar {text-align:right;background:#3c3f4c;border-radius:0 0 3px 3px;padding:1rem;}
header nav#hamburger .bar:hover {color:#fac26b;}
header nav#hamburger .contenu {display:none;background:#3c3f4c;padding:0.3rem;overflow:auto;width:100vw;position:relative;z-index:900;}
header nav#hamburger .contenu ul {margin:0;padding:0;}
header nav#hamburger .contenu ul li {list-style-type:none;margin:0.35rem 0;display:block;}
header nav#hamburger .contenu ul li ul {margin:20px;}
header nav#hamburger .contenu a {text-decoration:none;color:#fff;padding:0;}
header nav#hamburger .contenu a:focus,
header nav#hamburger .contenu a:hover,
header nav#hamburger .contenu a:active {color:#fac26b;}

header #onglets {position:fixed;right:0;z-index:800;}
header #onglets ul {margin:0;padding:0;}
header #onglets ul li {list-style-type:none;}
header #onglets ul li a i{font-size:1.4rem;margin-right:10px;}

header #onglets a:link,
header #onglets a:visited
	{color:#fff;padding:0.4rem 0.8rem;background:#51515d;display:block;width:46px;height:35px;overflow:hidden;position:absolute;right:0;text-align:left;transition:width ease 1s;border-radius:3px 0 0 3px;border:1px solid #fff;}
header #onglets a.blogico {top:0;}
header #onglets a.userico {top:60px;}
header #onglets a.basketico {top:120px;}
header #onglets a.phoneico {top:180px;}
header #onglets a.contactico {top:240px;}

header #onglets a:focus,
header #onglets a:hover,
header #onglets a:active 
{width:200px;color:#fac26b;}

section {overflow:auto;}
section article {background:#fff;padding:1rem;}

section article .category-view .addtocart-area {display:none;}
section article .category-view .vm-details-button a {padding:0.3rem;}
section aside {width:70%;float:right;padding:1rem; }
section aside ul li {list-style-type:none;}

section article .category_description {display:table-row;}
section article .category_description .contenu {display:table-cell;vertical-align:top;background:#C4B9BB;font-size:1.1rem;padding:1rem 2rem;}
section article .category_description .illustration {display:table-cell;padding:0 3rem;}
section article .category_description .illustration img {max-width:50vw;}

section article h1 {font-size:1.8rem;}
section article .icons {text-align:right;}
section article .orderlistcontainer {overflow:auto;}
section article .title {padding:0.3rem;}
section article .title,
section article .activeOrder,
section article .orderlist,
section article .orderlist div
	{float:left;margin-right:1rem;}
section article .activeOrder,
section article .orderlist div {float:left; border:1px solid #cdd;padding:0.3rem;background:#f2f0f2;border-radius:4px;}
section article .display-number {float:right;}

section article .manufacturer-product-link  {text-align:center;font-size:1.2rem;}
section article .manufacturer-product-link  a{border:1px solid #cdd; padding:0.4rem;background:#f2f0f2;border-radius:4px;}
section article .main-image img ,
section article .additional-image img 
section article .product-description img 
{width:100%;height:auto;}
section article .category.floatleft {width:20%;height:auto;padding:0 14px;float:left;overflow:hidden;} 
section article .product.vm-col {width:25%;padding:0 14px;float:left;overflow:hidden;} 

section article button.demande_devis
	{background:#ABD7F6;padding:0.6rem 1.2rem;border:none;
font-size:1.1rem;border-radius:4px;margin:24px;display:block;}
.productdetails h1 {text-align:center;}
.product-price {font-size:1.2rem;}
.category-view .PricesalesPrice {text-align:center;}
.category-view .PricesalesPriceTt, 
.category-view .PricetaxAmountTt,
.category-view .PricetaxAmount,
.category-view .PricepriceWithoutTaxTt 
{display:none;}

.browse-view .row .product .spacer span {font-size:1.2rem;}
.product-description {line-height:1.6rem;}
.product-description .title {float:none;clear:both;}
.productdetails-view .product-description, 
.productdetails-view .product-short-description {padding:0 1rem;}

span.addtocart-button input.addtocart-button { background:#8daabc;border:solid 1px #8daabc;}
span.product-fields-title {font-size:1.2rem;}
.productdetails-view .addtocart-bar {float:left;}
button.devis {display:inline-block;background:#8daabc;border:solid 1px #8daabc;border-radius:4px;padding:10px;margin:24px 0 0 1.5rem;}
button.devis a{color:#fff;font-size:16px;}

section article .vm-product-media-container {overflow:auto;}
section article .vm-product-media-container .main-image {float:right;}
section article .back-to-category {text-align:center;}
section article .back-to-category a {border:1px solid #777;border-radius:4px;padding:0.5rem;display:inline-block;margin:10px; }
section article .vm-pagination ul li {list-style-type:none;display:inline-block;padding:5px;}
section article .row::after {content:" ";clear:both;display:table;float:none;}
section article .ask-a-question a {border:1px solid #777;display:inline-block;padding:0.5rem;margin-top:1rem;border-radius:4px;}
section article .ref, section article .prix {font-family:'titres-menus', cursive; font-size:1.3rem;color:#775d5e;font-weight:bolder;}
section article .addtocart-bar { margin:24px 0;}
section article .addtocart-bar input { height: 40px;}


.cat_catalogue ul.vm-categories-wall,
.cat_styles ul.vm-categories-wall
	{overflow:auto;padding-bottom:2rem;}

.cat_catalogue ul.vm-categories-wall li {width:12.5%;list-style-type:none;float:left;}
.cat_styles ul.vm-categories-wall li {width:20%;list-style-type:none;float:left;}


.cat li {padding:0 4px;}
.cat ul.vm-categories-wall{margin:0;}
.cat li .vm-categories-wall-spacer {position:relative;}
.cat li .vm-categories-wall-spacer .vm-categories-wall-catname {
	font-size:1.1rem;font-family:'Fantaisie', serif;
	text-transform:uppercase;
	text-align:center;
	word-break:break-word;
	position:absolute;bottom:0;left:50%;
	transform: translate(-50%,-50%);
	padding:1rem;background:rgba(250,250,250,0.7);
	width:90%;
}
.cat li .vm-categories-wall-spacer .vm-categories-wall-img {margin-bottom:-4px;}
.cat li img{width:100%;height:auto;}
.vedettes  {overflow:auto;padding-top:0;}
.vedettes .moduletable {width:25%;float:left;padding:0 1rem 1rem 1rem;}
.vedettes .moduletable h3 {text-align:center;text-transform:uppercase;}
.vedettes .moduletable .custom {text-align:justify;}

.spacer.product-container {}
.spacer.product-container p.product_s_desc {height:70px;overflow:hidden;}


footer {font-size:1rem;position:relative;}
footer .flag2{position:absolute;left:5%;top:-15px;}
footer .main {background:#3C3F4C no-repeat url(https://lesateliersdulac.fr/templates/swmp/images/motif-broderie.png);background-position: 50% 50%;background-size:cover; padding:0 2rem;color:#fff;} 
footer .footer_c {width:25%;float:left;padding:0 2rem;} 
footer .footer_c h2 {color:#fff;text-transform:uppercase; border-bottom:1px solid #fff;} 
footer .footer_c ul {margin:0;padding:0;} 
footer .footer_c ul li {display:block;list-style-type:none;} 
footer .footer_c img {width:80%;margin:0 auto;}
footer .footer_c i {font-size:3rem;margin:10px 20px;}
footer .footer_c:nth-child(3){padding-top:30px;}
footer .footer_c .formResponsive input, footer .footer_c .formResponsive textarea {width:95%;}

footer_c a:visited {text-decoration:none;color:#fff;}
.footer_c a:focus, .footer_c a:hover, .footer_c a:active 
	{color:#fac26b;}

footer .footer_under{padding:0.6rem 0;font-size:0.85rem;text-align:center;}

@media all and (max-width: 1480px) {
section article .category_description {display:table-row;}
section article .category_description .contenu {display:table-cell;vertical-align:top;background:#C4B9BB;font-size:1.1rem;padding:1rem 2rem;}
section article .category_description .illustration {display:table-cell;padding:0 3rem;}
section article .category_description .illustration img {max-width:50vw;}
}

.vm-categories-wall .vm-categories-wall-catwrapper:nth-child(2n+1) {
  clear: none;
}

@media all and (max-width: 1024px) {
	footer .footer_c {width:50%;} 
	section aside {width:100%;float:none;}
	.cat li {width:50%;padding:0 4px;}
	.vedettes .moduletable {width:50%;}
	section article .category_description {display:block;}
	section article .category_description .contenu {display:block;}
	section article .category_description .illustration {display:block;margin-top:1rem;}
	section article .category_description .illustration img {max-width:100%;}
	.vm-product-container .vm-product-media-container,
	.vm-product-container .vm-product-details-container
       	{width:100%;float:none;}

}

@media all and (max-width: 1315px) {
	.moduletable ul.vm-categories-wall li {width:33.33%;} 
}


@media all and (max-width: 840px) {
	header #logo img {width:200px;height:auto;}
	header nav#standard {display:none;}
	header nav#hamburger {display:block;}
	.moduletable ul.vm-categories-wall li {width:50%;}
	header #logo .flag1 {left:2%;bottom:-80px;z-index:9;}
	header #logo .flag1 img {width:140px;height:auto;}
@media all and (max-width: 640px) {
	footer .footer_c {width:100%;float:none;} 
	.cat li {width:100%;padding:0 4px;}
	.vedettes .moduletable {width:100%;}
}
@media all and (max-width: 550px) {
	.moduletable ul.vm-categories-wall li {width:100%;}
}
}