/*
Theme Name: CAMB
Author: L'équipe Maad
Version: 1
*/
/*
font-family: 'Lexend', sans-serif;
Gris : #24353F;
Vert : #ACC212;
Vert clair fond : #F3F4E4;
*/
:root{
	--vw-size: 1;
}

*, *:before, *:after{margin:0;padding:0;line-height:130%;vertical-align:baseline;background:transparent;box-sizing:border-box;}
html, body{width:100%;height:100%;}
body{color:#24353F;background:#fff;font-family:'Lexend', sans-serif;font-weight:400;font-size:16px;}
a{color:#24353F;text-decoration:underline;}
a:hover, a:focus{color:#ACC212;text-decoration:underline;}
a img, th img, td img{vertical-align:top;border:none;}
h1, h2, h3, h4, h5{cursor:default;font-weight:400;}
a h1, a h2, a h3, a h4, a h5{cursor:pointer;}
h1{font-size:220%;} h2{font-size:180%;} h3{font-size:180%;} h4{font-size:160%;} h5{font-size:140%;}
ul{list-style:none;}
hr{border:none;border-top:2px solid #ACC212;margin:30px 0;}
table{border-collapse:collapse;border-spacing:0;}
caption, th, td{text-align:left;vertical-align:top;}
thead th, thead td{font-weight:bold;vertical-align:bottom;}
img, video, audio, embed, object{max-width:100%;}
img, video, embed, object{height:auto;}
embed, object{height:100%;}
img{vertical-align:middle;}
.alignright{float:right;margin:0 0 20px 20px;}
.alignleft{float:left;margin:0 20px 20px 0;}
.centerdiv{width:90%;max-width:2200px;margin:0 auto;position:relative;}
.clear{position:relative;overflow:auto;clear:both;}
#blocmap img{height:auto!important;max-width:none !important;}
.svg{}
.no-svg{}

.bt{
	display:inline-block;background-color:#24353F;line-height: 130%;color:#fff;border-radius:40px;font-size:14px;
	padding:11px 25px 10px 25px;font-weight:700; text-align:center;text-decoration:none; transform:scale(1);transition:all .2s;
	margin-bottom: 10px;margin-right: 5px;
}
.bt:hover, .bt:focus{transform:scale(1.03);text-decoration:none;color:#fff;}

.bts{display: inline-block;text-decoration:none; font-weight:400;}
.bts svg{margin-right:3px; transition:all .2s;}
.bts:hover, .bts:focus{text-decoration:none;color:#24353F;}
.bts:hover svg, .bts:focus svg{margin-right:6px;}

#cn-notice-buttons a{color:#111 !important;background-color:#fff !important;margin:5px 0 5px 10px !important;}

.appearOnScroll { opacity: 0; transform: scale(.9); transition: all .4s; transition-delay: 250ms; }
.appearOnScroll.visible { opacity: 1; transform: scale(1); }

#infopopuphtml{display:none;}
#infopopupctn{ max-width: 600px; font-size:90%; padding: 40px 40px 15px 40px; }
#infopopupctn a, #infopopupctn a:hover, #infopopupctn a:focus{ outline:none; }


/********************************************************************** ACCESS */
#navAccess{position:absolute;z-index:10000;}
#navAccess a{font-size:100%;color:#fff;position:fixed;top:-100px;left:-3000px;background:#111;line-height:26px;padding:2px 10px;color:#fff;white-space:nowrap;text-decoration:none;}
#navAccess a:focus{left:10px;top:10px;}

#accessmenu, #accesscontenu, #accesspied{position:fixed;z-index:10000;font-size:100%;left:-3000px;background:#111;line-height:26px;padding:2px 10px;color:#fff !important;white-space:nowrap;text-decoration:none;}
#accessmenu:focus, #accesscontenu:focus, #accesspied:focus{left:10px;}


/********************************************************************** HEADER */
#header{position:relative;}

#logo{position:absolute; z-index:991; top:-20px; left:-20px;}

#titlewrap{display:flex; align-items:center; justify-content:center; height:calc(17.5vw * var(--vw-size)); padding-bottom:calc(3.5vw * var(--vw-size)); position:relative;
	background:#F3F4E4 url('img/agricole-maconnais-beaujolais-vigne-vin-jardin-4.jpg') center center no-repeat; background-size:cover;
}
.home #titlewrap{height:calc(42vw * var(--vw-size));background:#F3F4E4;}
.page-template-vigne #titlewrap{background-image:url('img/agricole-maconnais-beaujolais-vigne-vin-jardin-3.jpg');}
.page-id-355 #titlewrap{background-image:url('img/agricole-maconnais-beaujolais-vigne-vin-jardin-3.jpg');}
.page-template-jardin #titlewrap{background-image:url('img/agricole-maconnais-beaujolais-vigne-vin-jardin-8.jpg');}
#titlewrap:after{content:'';
	z-index:1; position:absolute; top:0%; left:0;bottom:0;right:0;
	background: rgb(36,53,63);
	background: linear-gradient(0deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 100%);}
.home #titlewrap:after{
	background: linear-gradient(0deg, rgb(36, 53, 63) 0%, rgba(36,53,63,0) 100%);
	mix-blend-mode: overlay;
}
#titlewrap:before{content:''; z-index:2; position:absolute; left:32%; top:50%; margin-top:calc(-6.75vw * var(--vw-size)); width:36%; height:calc(10vw * var(--vw-size)); background:url('img/icon-zig1v.svg') center center no-repeat; background-size:100%;}
.home #titlewrap:before{left:17%; margin-top:calc(-6.75vw * var(--vw-size)); width:66%; height:calc(17vw * var(--vw-size)); background-image:url('img/icon-zig1.svg');}
#titlewrap h1{color:#fff; position:relative; z-index:3; text-align:center;width:66%;
	font-size: 4.5vw; font-weight:700; line-height: 110%; }
#titlewrap h1 span{color:#ACC212; line-height: 110%;}

#titlevideo{overflow:hidden;display:block;position:absolute; top:0; left:0; width:100%;height:100%;}
#titlevideo video{margin-top: calc(-7vw * var(--vw-size));width:100%;height:auto;}


/********************************************************************** PAGE */
.contenu h1, .contenu h2, .contenu h3, .contenu h4, .contenu h5{margin-bottom:25px;}
.contenu p{margin-bottom:25px;line-height:150%;}
.contenu img{margin-bottom:25px;max-width:100%;height:auto;display:block;}
.contenu blockquote{font-size:120%;font-style:italic;margin-bottom:25px;padding-left:55px;line-height:150%;}
.contenu ul{margin-bottom:25px;list-style-type:square;margin-left:18px;}
.contenu ul ul{margin-top:15px;margin-bottom:0;}
.contenu ul li{margin-bottom:10px;line-height:150%;}
.contenu hr{clear:both;}

/* PART */
.part{position:relative;display:block;}
.partbgv{background-color:#F3F4E4;}

/* BLOC */
.bloc{position:relative;float:left;display:block;width:100%;background-color:#fff;}
.blocbgv{background-color:#ACC212 !important;}
.blocbgb{background-color:#24353F !important;color:#fff !important; }
.blocbgb h2, .blocbgb h3{ color: #ACC212 !important; font-weight: 700 !important; }
.blocbgb a{color:#fff;}
.bloc33.blocbgb p{text-align:justify;}
.blocbgb .bt{background-color:#fff;color: #24353F;}

.bloc25{width:25%;background: rgb(243,244,228);
	background: linear-gradient(135deg, rgba(243,244,228,1) 0%, rgba(255,255,255,1) 50%);
}
.home .bloc25{background:#fff;}
.bloc33{width:33.33%;}
.bloc67{width:66.66%;}
.bloctxt.bloc75{padding:3% 12.5% calc(3% - 25px) 12.5%;}

.blochs{height:calc(33vw * var(--vw-size));}
.blochl{height:calc(42vw * var(--vw-size));}

.partfirst .bloc{margin-top: calc(-3.5vw * var(--vw-size));z-index:1;}

.blocpage{background-color:#fff;padding:calc(3.5vw * var(--vw-size)) calc(10vw * var(--vw-size)) calc(1.5vw * var(--vw-size)) calc(10vw * var(--vw-size));}

.blocctn{padding:calc(3.5vw * var(--vw-size)) calc(3.5vw * var(--vw-size)) calc(3.5vw * var(--vw-size) - 25px) calc(3.5vw * var(--vw-size));}

.wrap6040{display:flex;}
.wrap6040 .bloc{display:flex; justify-content:center; align-items:center;}
.wrap6040 .bloc67 hr{clear:both;border-color: #F3F4E4;}

.bloctxt{padding:3% 3% calc(3% - 25px) 3%; display:flex; justify-content:center; align-items:center;}
.bloctxt hr{width:60%;margin:calc(.1vw * var(--vw-size)) 0 calc(1.2vw * var(--vw-size)) 0;max-width:170px;}
.blocbgv.bloctxt hr{border-color:#fff;}
.bloctxt h3{font-size:calc(1.5vw * var(--vw-size)); font-weight:300;color: #ACC212;margin-bottom:calc(1.5vw * var(--vw-size)); line-height: 120%; max-width:250px;}
.bloctxt h2{font-size:calc(1.3vw * var(--vw-size)); font-weight:700;margin-bottom:calc(1.2vw * var(--vw-size));line-height: 120%;}
.blocbgv.bloctxt h2{font-size:calc(2vw * var(--vw-size));line-height: 100%;}
.bloctxt * + h2, .bloctxt * + h3{margin-top:calc(1.2vw * var(--vw-size));}
.bloctxt p{line-height: 135%;font-size: calc(.95vw * var(--vw-size)); font-weight:300;}
.bloctxt p + p{margin-top:calc(1vw * var(--vw-size));}
.bloctxt .bts{margin-top: calc(1vw * var(--vw-size));font-size: calc(.8vw * var(--vw-size));}

.home .partfirst .bloctxt h2{font-size: calc(.95vw * var(--vw-size));line-height: 135%;}

.blocimg{background-position:center !important;background-size:cover !important;background-repeat:no-repeat !important;}

.blocimgxl{height:calc(30vw * var(--vw-size));width:100%; background-position:center;background-size:cover;background-repeat:no-repeat;}

.bloclien{text-decoration:none; display:flex; align-items:flex-end; padding:3%; transition:all .2s;}
.bloclien:before{content:''; z-index:1; position:absolute; top:40%; left:0;bottom:0;right:0;
	background: rgb(36,53,63);
	background: linear-gradient(0deg, rgba(0,0,0,0.70) 0%, rgba(0,0,0,0) 100%);}
.bloclien:after{content:''; position:absolute; top:0; right:0;z-index:2; background:url('img/icon-zigarrow.svg') center no-repeat;background-size:100%;width:50%;height:calc(8.1vw * var(--vw-size));}
.bloclien:hover, .bloclien:focus{text-decoration:none;padding-bottom:4.5%;}
.bloclien h2{font-size:calc(4.5vw * var(--vw-size));color:#fff;font-weight:700;line-height: 90%;}
.bloclien > div{position:relative; z-index:3;}
.bloclien ul{display:block;margin-top:calc(1vw * var(--vw-size)); transition:all .2s;}
.bloclien:hover ul, .bloclien:focus ul{margin-top:calc(2vw * var(--vw-size));}
.bloclien li{color:#ACC212;display:block;font-size:calc(1.3vw * var(--vw-size));font-weight:700; position:relative; padding-left:calc(2.8vw * var(--vw-size));}
.bloclien li:before{content:''; position:absolute;top:50%; left:0;width:calc(2vw * var(--vw-size));height:calc(.1vw * var(--vw-size));display:block; background-color:#ACC212;}

.bloclien.bloclienw:after{display:none;}
.bloclien.bloclienw:hover, .bloclien.bloclienw:focus{padding-bottom:3%;}

.blocliens{ display:flex; align-items:flex-end; padding:3%;}
.blocliens:before{content:''; z-index:1; position:absolute; top:40%; left:0;bottom:0;right:0;
	background: rgb(36,53,63);
	background: linear-gradient(0deg, rgba(0,0,0,0.70) 0%, rgba(0,0,0,0) 100%);}
.blocliens h2{font-size:calc(2vw * var(--vw-size));color:#fff;font-weight:700;line-height: 90%;}
.blocliens > div{position:relative; z-index:3;}
.blocliens ul{display:block;margin-top:calc(1vw * var(--vw-size)); transition:all .2s;}
.blocliens li{color:#fff;display:block;font-size:calc(1.3vw * var(--vw-size));font-weight:700; position:relative; padding-left:calc(2.8vw * var(--vw-size));}
.blocliens li:before{content:''; position:absolute;top:50%; left:0;width:calc(2vw * var(--vw-size));height:calc(.1vw * var(--vw-size));display:block; background-color:#fff;}
.blocliens li a{color:#fff; text-decoration:none; margin-left:0;margin-right:calc(.2vw * var(--vw-size)); transition:all .2s;}
.blocliens li a:hover, .blocliens li a:focus{color:#fff; margin-left:calc(.2vw * var(--vw-size));margin-right:calc(.2vw * var(--vw-size)); text-decoration:none;}

.blocmagasins{height:calc(51vw * var(--vw-size)); background-color:#24353F;color:#fff; padding:4% 3% 4% 3%;}
.blocmagasins:after{content:''; position:absolute; top:8%; right:3%;z-index:2; background:url('img/icon-zig3.svg') center no-repeat;background-size:100%;width:calc(13vw * var(--vw-size));height:calc(4vw * var(--vw-size));}
.blocmagasins h2{font-size:calc(4.5vw * var(--vw-size));color:#fff;font-weight:700;line-height: 90%;margin-bottom: calc(3vw * var(--vw-size));}

.bloccarte{height:calc(51vw * var(--vw-size)); background-color:#F3F4E4;}
/* .cartelbbo{height:calc(30vw * var(--vw-size)); background-color:#F3F4E4;} */
#googlemap{height:100%;width:100%;}

.blocnb{background-color: #F3F4E4;}
.blocnb ul{display:flex;justify-content:center;flex-wrap:wrap; list-style-type:none; margin-left:0 !important;}
.blocnb ul li{text-align:center;width: 16.6%;padding: calc(0 .5vw * var(--vw-size));min-width: calc(9vw * var(--vw-size));margin-bottom: calc(1.5vw * var(--vw-size));}
.blocnb ul li img{margin-bottom: 0;height:calc(4vw * var(--vw-size));width:auto; display: inline-block;}
.blocnb ul li span{display:block; font-size:clamp(24px, 2.7vw, 48px); font-weight:700; color: #ACC212;}
.blocnb ul li strong{display:block; font-size:clamp(14px, 1vw, 28px); line-height: 110%; font-weight:200; text-transform:uppercase;}

/* Repeteur page */
/*
.part_page_el .centerdiv { background: #fff; display: flex; flex-wrap: wrap; }
.part_page_el .centerdiv > .content-part:nth-child(1), .part_page_el .centerdiv > .content-part:nth-child(2) { margin-top: -3.5vw * var(--vw-size)); z-index: 1; }
.part_page_el .content-part-large { width: 66.66%; padding: 4% 4% calc(4% - 25px) 4%; display: flex; align-items: center; background: #fff; }
.part_page_el .content-part-thin { width: 33.33%; padding: 4% 4% calc(4% - 25px) 4%; display: flex; align-items: center; background: #24353F; color: #fff; }

.part_page_el .content-part-thin h2, .part_page_el .content-part-large h2 { color: #ACC212; font-weight: bold; }
.part_page_el .content-part-large table tr { border-top: 2px solid #F3F4E4; }
.part_page_el .content-part-large table td { padding: 1vw * var(--vw-size)) 2vw * var(--vw-size)) .5vw * var(--vw-size)) 0; }

.content-part-quart{width:25%;float:left;}
*/


/* PART BOUTIQUE */
.partboutique{background-color: #24353F !important; padding: 3% 0; margin-top: calc(-3.5vw * var(--vw-size));z-index:1;}
.partboutique .bloc{width:15%;margin-right:3%;}

.partboutique .bloclien{height:calc(16vw * var(--vw-size));padding: 1.5%;}
.partboutique .bloclien:after{width: 45%;height: calc(4.7vw * var(--vw-size));}
.partboutique .bloclien h2{font-size: calc(1.9vw * var(--vw-size));}
.partboutique .bloclien span{font-size:calc(.7vw * var(--vw-size)); color:#fff;}
.partboutique .bloclien:hover, .partboutique .bloclien:focus{padding-bottom:2.5%;}
.partboutique .bloclien.bloclienw:hover, .partboutique .bloclien.bloclienw:focus{padding-bottom:1.5%;}

.partboutique .bloctxt{width:22%; background-color:transparent;padding:0;color:#fff;}
.partboutique .bloctxt.last{width:17%;margin-right:0;}
.partboutique .bloctxt *{color:#fff;}
.partboutique .bloctxt h2{color:#ACC212;}


/* MAGASINS */
.magasins{position:relative; display:flex; flex-wrap:wrap;}
.magasins li{display:flex; align-items: center; width:50%; margin-bottom:calc(1.5vw * var(--vw-size));padding-right:3%;}
.magasins li img{width:44%;height:auto;border-radius:200px;}
.magasins li > div{width:51%;margin:0 0 0 5%;position:relative;}
.magasins li strong{display:block;color: #ACC212;font-size: calc(1.6vw * var(--vw-size));line-height: 100%; margin-bottom:calc(.25vw * var(--vw-size));}
.magasins li span{display:block;font-weight:300;font-size:calc(.85vw * var(--vw-size)); margin-bottom:calc(.05vw * var(--vw-size));}
.magasins li b{display:block;line-height: 110%; margin-top: calc(.5vw * var(--vw-size)); margin-bottom:calc(.05vw * var(--vw-size)); font-size:calc(.85vw * var(--vw-size));}
.magasins li em{display:block; color: #ACC212;font-weight:300; margin-bottom: calc(.05vw * var(--vw-size)); font-size:calc(.85vw * var(--vw-size)); font-style:normal;}
.magasins li .mag_ctn a{display:block;margin-top: calc(0vw * var(--vw-size)); margin-bottom: calc(.05vw * var(--vw-size)); color: #ACC212;font-weight:300;font-size:calc(.85vw * var(--vw-size)); text-decoration:none; font-style:normal;}
.magasins li .mag_ctn a:hover, .magasins li .mag_ctn a:hover{text-decoration:underline;}
.mag_bt{display:inline-block; margin-top:calc(.25vw * var(--vw-size)); padding:calc(.15vw * var(--vw-size)) calc(.5vw * var(--vw-size));color:#fff; border-radius:2px; background-color: #ACC212; font-size: calc(.85vw * var(--vw-size)); text-decoration:none; transition:all .2s;}
.mag_bt:hover, .mag_bt:focus{color:#fff; background-color: #94a711; text-decoration:none;}
.mag_ctn{display:none; position:absolute;z-index: 9; bottom:calc(1.6vw * var(--vw-size)); background-color:#fff;color: #24353F; border-radius:3px; padding:calc(.9vw * var(--vw-size)) calc(.9vw * var(--vw-size)) calc(.85vw * var(--vw-size)) calc(.9vw * var(--vw-size)); }

/*
.page-template-vigne .blocmagasins{height: auto;padding:4% 3% 3% 4%;}
.page-template-vigne .blocmagasins:after{right: 38%;}
.page-template-vigne .magasins li{width:33.33%;}
.page-template-vigne .magasins li img{width:32%;}
.page-template-vigne .magasins li div{width:63%;}
*/


/* Google Maps  */
.gm-style-iw.gm-style-iw-c > button{top:4px !important;right:4px !important;}


/********************************************************************** WOOCOMMERCE */
.woocommerce table.shop_table{border-radius:0;}
.woocommerce table.shop_table img{margin:0;}
.woocommerce a.remove{color: rgb(179, 47, 47)!important;}
#coupon_code{width:150px !important;margin-right:10px;}

.woocommerce .button, .tdinvoice a, .woocommerce-account a.edit, .messagebt{display:inline-block !important;height:40px !important; background-color:#24353F !important;line-height: 130% !important;color:#fff !important;border-radius:40px !important;font-size:14px !important;padding:11px 25px 10px 25px !important;font-weight:700 !important; text-align:center !important;text-decoration:none !important; transform:scale(1);transition:all .2s;}
.woocommerce .button:hover, .woocommerce .button:focus, .tdinvoice a:hover, .tdinvoice a:focus, .messagebt:hover, .messagebt:focus
.woocommerce-account a.edit:hover, .woocommerce-account a.edit:focus
{transform:scale(1.03);text-decoration:none;color:#fff !important;}
.woocommerce ul.products li.product .button{padding:10px !important;}
.woocommerce-account a.edit{padding: 10px 25px 10px 25px !important;}
.my_account_orders .button, .tdinvoice a, .messagebt{padding: 5px 14px 6px 14px !important;height: 30px !important;margin-right:5px !important;}
.messagebt{float:right;position: relative;top: -2px;margin-left:4px;}

.tdinvoice p{display:inline;}

.woocommerce-error, .woocommerce-info, .woocommerce-message, .message{border:0 !important;background-color: #F3F4E4 !important;margin: 0 0 calc(2vw * var(--vw-size)) 0 !important;color: #24353F !important;padding: 15px 20px !important;}
.woocommerce-error a, .woocommerce-info a, .woocommerce-message a, .message a{color: #24353F !important;margin-left:calc(1vw * var(--vw-size));}
.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before{display:none;}
.woocommerce-form-coupon-toggle{margin-bottom:25px;}
.woocommerce-error svg, .woocommerce-info svg, .woocommerce-message svg, .message svg{margin-right: 4px;position: relative;top: 1px;}
.woocommerce-error, .messageerror{color:#b32f2f !important;}

.woocommerce .col2-set .col-1, .woocommerce .col2-set .col-2{width:100%;float:none;margin-bottom:calc(1.5vw * var(--vw-size));}

.select2-container--default .select2-selection--single .select2-selection__arrow{top: 8px;right: 10px;}
.select2-container--default .select2-selection--single{font-size: 15px !important;margin-bottom:0px;border: 1px solid #d3ced2;border-radius: 10px !important;color: #292d39;padding: 6px 12px 11px 12px !important;height: 42px;background-color: #fff;}
.select2-container .select2-selection--single .select2-selection__rendered{padding-left:0;}

#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box{border-radius:0;}
#add_payment_method #payment div.payment_box p, .woocommerce-cart #payment div.payment_box p, .woocommerce-checkout #payment div.payment_box p{font-size:16px;color:#292d39;}
.woocommerce-privacy-policy-text p{font-size:16px;}

.tribe-checkout-backlinks{margin-bottom:10px;}
.tribe-checkout-backlinks a{margin-right:10px;}

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment{border-radius:0px;}

.woocommerce-checkout hr, .woocommerce-EditAccountForm hr{border-color:#F3F4E4;}

.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register{padding:0 !important;border:0 !important;}
.lost_password{font-size:95% !important;text-align: right;}
.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme{margin-top:10px;}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{text-align:center;}
.price{font-weight:700 !important;color: #24353F !important;font-size:16px !important;}
.woocommerce div.product form.cart table td{display:block;}
.single-product .product_meta{display:none;}
.woocommerce--price, .wc-memberships-profile-fields-wrapper{margin-bottom:25px !important;}
.reset_s{position: absolute;right:25px;margin-top:9px; font-size: 90%;}

.woocommerce ul.products li.product .price{font-size:12px !important;}

.woocommerce .variations select{max-width: 350px !important;min-width:100px !important;}
.woocommerce .woocommerce-variation-price{margin-bottom:25px; width:100%; max-width: 350px !important; background-color:#F3F4E4 !important;color: #24353F !important;padding:15px 20px !important;}

.woocommerce td.product-name dl.variation{font-weight: 700;font-size: 14px;}
.woocommerce td.product-name dl.variation, .woocommerce td.product-name dl.variation p, .woocommerce td.product-name dl.variation dd, .woocommerce td.product-name dl.variation dt
{line-height: 110% !important;}
.woocommerce td.product-name dl.variation p{font-weight: 700;font-size: 14px !important;}

.woocommerce-product-details__short-description{margin-bottom:calc(1vw * var(--vw-size));}

.woocommerce .quantity .qty{height: 40px;border: 1px solid #e6e6e6;background: #fff;border-radius:50px;width: 70px !important;padding: 0 6px;font-weight: 700;}


/********************************************************************** POPUP CHOIX MAGASIN */
#popup_mag_wrap{position:fixed;z-index:999; top:0;left:0;right:0;bottom:0; display:flex; justify-content:center;align-items:center; background-color:rgba(36, 53, 62, 0.9);
	opacity:0;visibility:hidden;
	transition:all .2s;
}
#popup_mag_wrap.open{opacity:1;visibility:visible;}
#popup_mag{background-color: #fff;padding:calc(3vw * var(--vw-size));max-width:500px;}

#popup_mag strong{font-weight:700;font-size:90%;}
#popup_mag hr{width:33.33%;margin: 25px 0 20px 0;}
#popup_mag h3{font-size:180%;font-weight: 300;color: #ACC212;margin-bottom:15px;line-height:110%;}
#popup_mag input[type="submit"]{width:100% !important;
	background-color: #24353F; line-height:130%; color:#fff; border-radius:40px; font-size:14px;
	padding:11px 25px 10px 25px; font-weight:700; text-align:center;
	text-decoration:none; transform:scale(1); transition:all .2s;
}
#popup_mag input[type="submit"]:hover, #popup_mag input[type="submit"]:focus{transform: scale(1.03); text-decoration:none; color:#fff;}
#popup_mag select{width:100% !important; height:40px; margin-bottom:10px; font-weight:700;font-size:14px;}

/*
.popup_mag_bt{position: absolute;z-index: 4;top:2vw * var(--vw-size));right:0;}
.popup_mag_bt strong{background:#fff; color:#ACC212;padding:10px 12px; font-weight:300; font-size:90%;}
.popup_mag_bt a{background-color: #ACC212; color:#fff;padding:10px 12px; font-weight:700; font-size:90%; text-decoration:none; transition:all .2s;}
.popup_mag_bt a:hover, .popup_mag_bt a:focus{background-color: #24353F; color:#fff; text-decoration:none;}
*/


/********************************************************************** FOOTER */
.partcoordsfoot h3, .partcoordsfoot ul, .partcoordsfoot li{float:left; margin-right:40px; }
.partcoordsfoot .bloctxt{padding: 3% 3% 0 3%;}

#footer{background-color:#F3F4E4;padding:calc(3vw * var(--vw-size)) 0; margin-top:calc(6vw * var(--vw-size)); position:relative;}
#footer:before{content:'';position:absolute; top:calc(4.1vw * var(--vw-size)); left:0;z-index:1; background:url('img/icon-zig4.svg') center no-repeat;background-size:100%;width:4%;height:calc(2.4vw * var(--vw-size)); margin-top:calc(-1.2vw * var(--vw-size));}

#footer .footerwrap{display: flex;align-items: center;justify-content: space-between;}
#footlogo{margin-right:20px;float: left;}

#foottitle{font-weight: 300;float: left; font-size: 100%;margin-top: 4px;}

#footer ul{display:inline-block;}
#footer ul li{display:inline-block;margin: 0 5px;}
#footer ul li a{display:inline-block;font-weight:300;font-size:90%; text-decoration:none; transition:all.2s;}
#footer ul li a:hover, #footer ul li a:focus{text-decoration:none;}

#menu-pied-de-page-2{max-width:280px;text-align:right;}
#menu-pied-de-page-2 a{color:#ACC212;}
#menu-pied-de-page-2 li a:hover, #menu-pied-de-page-2 li a:focus{color:#24353F;}

.footmentions{display:block; font-size: 70%;opacity: .6;text-align:center;margin-top: 30px;}


/********************************************************************** FORM */
form button, input, select, textarea{margin:0;}
textarea{overflow:auto;vertical-align:top;resize:vertical;}
form button{width:auto;overflow:visible;}
input[type="reset"], input[type="submit"], input[type="file"], input[type="radio"], input[type="checkbox"], select, button{cursor:pointer;}
input[type="radio"], input[type="checkbox"]{font-size:110%;position:relative;top:1px;}
input[type="search"]{-webkit-appearance:textfield;}
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none;}
:invalid{box-shadow:none;} :-moz-submit-invalid{box-shadow:none;} :-moz-ui-invalid{box-shadow:none;}
::-webkit-input-placeholder{color:#C0C0C0;}
:-moz-placeholder{color:#C0C0C0;}
:-ms-input-placeholder{color:#C0C0C0;}
audio:not([controls]){display:none;height: 0;}

label, .label{display:block;margin-left:0;font-size:95%;cursor:pointer;margin-bottom:5px;line-height: 130% !important;font-weight:700;color:#24353F;}

input[type=text], input[type=email], input[type=tel], textarea
{
	font-size:90%;border:none;margin-bottom:10px;border:1px solid #666;
	color:#111;border-radius:0;padding:10px !important;width:100%;background-color:#fff;
	transition:all .2s;
}

input[type=submit], form button
{
	font-size:90%;width:auto !important;cursor:pointer;color:#fff;display:inline-block;margin:0;
	text-align:center;padding:10px 30px;border:none;background-color:#666;
	transition:all .2s;
}

textarea{height:80px;}

input[type=text]:hover, input[type=text]:focus, input[type=email]:hover, input[type=email]:focus, input[type=tel]:hover, input[type=tel]:focus, textarea:hover, textarea:focus
{outline:none;border-color:#585858;}
input[type=submit]:hover, input[type=submit]:focus, button:hover, button:focus
{outline:none;}


/********************************************************************** PAGINATION */
ul#pagination{clear:both;overflow:auto;font-size:87.5%;color:#111;margin:0;padding-top:30px;list-style:none;margin-bottom:-4px;font-weight:bold;}
ul#pagination li{margin:0;}
ul#pagination li a, ul#pagination .pagnolink, ul#pagination .activePage{float:left;margin:0 4px 4px 0;color:#111;display:block;position:relative;background-color:#F5F5F5;padding:6px 10px;overflow:hidden;text-decoration:none;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s;}
ul#pagination li a:hover, ul#pagination li a:focus{text-decoration:none;background-color:#D2D2D2;color:#111;}
ul#pagination .activePage{font-weight:bold;background-color:#989898;color:#fff;}
ul#pagination .pagnolink, ul#pagination .activePage{cursor:default;}
ul#pagination li.pagprev a, ul#pagination li.pagnext a{padding:6px 10px;}


/********************************************************************** GALERIE */
.gallery img{border:0 !important;margin-bottom:0 !important;display:block !important;padding:0 1px !important;width:100% !important;}
.gallery .gallery-item {margin-top:2px !important;}


/********************************************************************** RWD */
@media (min-width:1000px){

	/* NAV */
	a#showmenu{display:none;}

	/* NAV TOP */
	#navtop{background-color:#F3F4E4;}
	#navtop ul{float:right;border-right:1px solid #dfe3c1; padding:10px 12px 13px 2px;}
	#navtop ul.last{border-right:0;}
	#navtop li{display:inline-block;margin:0 0 0 10px;}
	#navtop li a{display:inline-block; font-size:75%; text-decoration:none; transition:all .2s;}
	#navtop li a svg{margin:0 2px;color:#24353F;}
	#navtop li a:hover, #navtop li a:focus{text-decoration:none; color:#ACC212;}
	#navtop li a:hover svg, #navtop li a:focus svg{color:#24353F;}

	/* NAV BOT */
	#navbot{background-color:#fff;padding-left:260px;position: relative;z-index: 99;}
	#navtitle{float:left; font-weight:300;margin-top: 18px;font-size: 100%;}
	#navbot .menu{float:right;}

	#showmenunav{position:relative;}

	#panier{float:right;color:#fff;padding:30px 25px 29px 55px;
		text-decoration:none; font-size: 95%; font-weight:700;
		background:#24353F url('img/icon-panier.svg') left 18px center no-repeat;background-size: 30px; transition:all .2s;}
	#panier:hover, #panier:focus{text-decoration:none;color:#fff;background-size: 26px; background-position:left 20px center;}

	#searchform{float:left;width: 200px;margin-left:40px;margin-top: 18px;position:relative;}
	#searchform input[type=text]{border:0;border-bottom:2px solid #ACC212;font-weight:300;
		font-family:'Lexend', sans-serif;font-size:90%;padding:8px 38px 8px 0 !important;margin:0;}
	#searchform button{position:absolute;top:0;right:0;background-color:transparent;color: #24353F;padding: 8px 8px; transform:scale(1); transition:all .2s;}
	#searchform button:hover, #searchform button:focus{transform:scale(1.1);}

	#navbot{}
	#navbot .menu{position:relative;z-index:2;}
	#navbot .menu{display:block;}
	#navbot .menu > li{display: block;float: left;}
	#navbot .menu > li > a{text-decoration:none;display:block;font-size:95%; text-transform:uppercase; font-weight: 700; padding:30px 25px 29px 25px; border-left:1px solid #F3F4E4; transition:all .3s;}
	#navbot .menu > li > a:hover, #navbot .menu > li > a:focus{color:#24353F;background-color:#F3F4E4;text-decoration:none;}
	#navbot .menu > li.current-menu-item > a, #navbot .menu > li.current-menu-parent > a{text-decoration:none; background-color:#ACC212;color:#fff;}
	#navbot .menu > li > a svg{opacity:.5;}

	#navbot .menu > li.enavant > a{color:#fff;background:#24353F;}

	#navbot .menu .sub-menu{padding-top:0px;visibility:hidden;opacity:0;border-radius: 20px;
		background-color:#fff;box-shadow:10px 10px 40px rgba(0, 0, 0, 0.15);position:absolute;
		top:78px;left:50%;margin-left: -105px;z-index:99;min-width:210px;outline:none; transition:all .4s;}
	#navbot .menu .sub-menu:before{content: "";position:absolute;top:-11px;left:50%;margin-left:-12px;width:0;height:0;border-style:solid;border-width:0 12px 12px 12px;border-color:transparent transparent #fff transparent; }
	#navbot .menu .sub-menu li{display:block;margin: 0;border-bottom:1px solid #F3F4E4; overflow:hidden;}
	#navbot .menu .sub-menu li:first-child{border-radius:20px 20px 0 0;}
	#navbot .menu .sub-menu li:last-child{border-radius:0 0 20px 20px;border-bottom:0;}
	#navbot .menu .sub-menu li:after{display:none;}
	#navbot .menu .sub-menu a{background:transparent;width:100%;text-align:center;display: block;font-size: 95%;font-weight: 700;padding:12px 7px 12px 7px;text-transform:none; transition:all .3s; text-decoration:none;}
	#navbot .menu .sub-menu li:first-child a{padding-top:18px;}
	#navbot .menu .sub-menu li:last-child a{padding-bottom:18px;}
	#navbot .menu .sub-menu a:after{display:none;}
	#navbot .menu .sub-menu a:hover, #navbot .menu .sub-menu a:focus{color:#24353F;background-color:#F3F4E4;}
	#navbot .menu .sub-menu .current-menu-item a{background-color: #ACC212;color:#fff;}

	#navbot .menu-item-has-children{position:relative;outline:none !important;}
	#navbot .menu-item-has-children > a{padding-right:45px !important;}
	#navbot .menu-item-has-children > a:before{content: "";top:36px;right:25px;position:absolute;display:block;width:0;height:0;border-style:solid;border-width:6px 4px 0 4px;border-color:#24353F transparent transparent transparent;}
	#navbot .menu-item-has-children.current-menu-item > a:before, #navbot .menu-item-has-children.current-menu-parent > a:before{border-color:#fff transparent transparent transparent;}

	#navbot .menu-open > .sub-menu{opacity:1;top:83px;visibility:visible;}
	
}


@media (max-width:1340px){

	#navtitle{display:none;}

}


@media (max-width:1200px){

	#searchform{display:none;}

}


@media (max-width:1000px){


	:root{
		--vw-size: 4;
	}

	/* NAV BOT */
	a#showmenu{padding:22px 9px;display:block;z-index:9999999;position:absolute;top:20px;right:2.5%;}
	#showmenu:before, #showmenu:after{content:"";position:absolute;display:block;width:28px;height:2px;
		background:#fff;border-radius:4px; transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s;
	}
	#showmenu:before{margin-top:-9px;}
	#showmenu:after{margin-top:8px;width:14px;right:10px;}
	#showmenu div{width:28px;height:2px;background:#fff;border-radius:4px;}
	
	#showmenu.close{position:fixed;}
	#showmenu.close div{opacity:0;background:#fff;}
	#showmenu.close:before, #showmenu.close:after{margin:0;background:#fff;}
	#showmenu.close:before{margin-top:0px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
	#showmenu.close:after{margin-top:-2px;width:28px; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}

	#showmenu:hover div, #showmenu:hover:before, #showmenu:hover:after, #showmenu:focus div, #showmenu:focus:before, #showmenu:focus:after
	{background:#ACC212;}

	#showmenunav{opacity:0;visibility:hidden; padding-bottom:60px; display:block; position:fixed;z-index:999; top:30px;left:0;right:0;bottom:0;height:100%;transition:all .2s;background:#24353F;color:#fff;overflow: auto;}
	.open #showmenunav{opacity:1;visibility:visible;top:0;}

	#showmenunav li a{display: block;text-decoration: none;transition:all .2s;transform:scale(1);}

	#navtop{padding:30px 20% 25px 5%;}
	#navtop a{color:#c8cba2;padding:0 0 2vw 0;font-size:3.5vw;}
	#navtop a:hover, #navtop a:focus{color:#fff;}

	#navbot a{color:#fff;padding:3.5vw 5% 3.5vw 5%;font-size:4.5vw; border-top: 1px solid #3a4f5b;text-transform:uppercase;}
	#navbot a:hover, #navbot a:focus{color:#ACC212;}
	#navbot .sub-menu{font-size:3.5vw;margin-left:15%;}
	#navbot .sub-menu a{text-transform:none;}

	#titlewrap{padding-top: 130px;padding-bottom: 40px;height:auto;}
	.home #titlewrap{padding-top: 170px;padding-bottom: 80px;height:auto;}
	.home #titlewrap{background-image:url('img/video.jpg');background-size:cover;}
	#titlevideo{display:none;}
	#titlewrap h1{font-size: 6.5vw;width: 80%;}
	.home #titlewrap:before, #titlewrap:before{width: 80%;left: 10%;height: 22vw;margin-top: calc(-11vw + 40px);}

	#logo{left: -25px;}
	#logo img{width:220px;}

	/* Page */
	.part .centerdiv{width:100%;}
	.partfirst .bloc{margin-top:0;}
	.bloc, .bloc25{width:100%;float:none;}
	.blochl, .blochs{height:auto;}

	.bloctxt{padding:40px 5%;display:block;}
	.bloctxt hr{width:40%;}

	.blocctn{padding:40px 5% 15px 5%;}

	.blocpage{padding:40px 5% 15px 5%;}

	.bloc75{padding:40px 5% 15px 5%;}

	.wrap6040{display:block;}

	.bloclien{padding:40px 5%;}
	.bloclien h2{font-size:6.5vw;}
	.bloclien li{font-size: 4vw;}

	.bloclien:before{top: 10%;}
	.bloclien:after{width: 25%;height: 19vw;}
	.bloclien:hover, .bloclien:focus{padding-bottom:40px;}
	.bloclien:hover ul, .bloclien:focus ul{margin-top:calc(1vw * var(--vw-size));}

	.blocliens{padding:40px 5%;}
	.blocliens h2{font-size:6.5vw;}
	.blocliens li{font-size: 4vw;}

	.blocbgv.bloctxt h2{font-size:6.5vw;}

	.blocmagasins, .page-template-vigne .blocmagasins{padding:40px 5%;height:auto;}
	.blocmagasins h2{font-size: 6.5vw;}
	.blocmagasins:after, .page-template-vigne .blocmagasins:after{width: 24vw;height: 8vw;top: 37px;right: 0;}
	.magasins{display:block;}
	.magasins li, .page-template-vigne .magasins li{width:100%;padding-right: 0;}
	.magasins li img, .page-template-vigne .magasins li img{width: 35%;}
	.magasins li > div, .page-template-vigne .magasins li > div{width: 60%;}

	.bloccarte{height:500px;}

	.contenu h1, .contenu h2, .contenu h3{font-size: 6.5vw;}
	.contenu h4, .contenu h5{font-size: 3.5vw;}

	.footmentions{padding: 0 5%;margin-bottom: 25px;margin-top: 25px;}

	/* Pied de page */
	#footer{padding: 60px 0 60px 0; margin-top:0;}
	#footer:before{display:none;}
	#footer .footerwrap{display:block;}

	#footlogo{float:none;display:block;}
	#foottitle{float:none;display:block;font-weight: 400;margin-top: 10px;}

	.menu-pied-de-page-container{ margin-top:15px; }
	.menu-pied-de-page-2-container{ margin-top:15px; }
	#menu-pied-de-page-2{text-align:left;}
	#footer ul{display:block;}
	#footer ul li{display:block;margin:5px 0 0 0;}
	#footer ul li a{font-size: 90%;}

}