/*
MADE IN CHAMPAGNE
ABBSOMOD GROUP
Version: 2025
*/
/*
Gris : #676c73
Gris foncé : #2f3133
Or : #bf981b
Rouille : #bd6439
font-family:"montserrat"; 300 400 600 700
font-family:"mrs-eaves"; 400
*/
*, *: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:#676c73;background:#fff;font-family:"montserrat";font-weight:300;font-size:16px;}
a{color:#676c73;text-decoration:underline;}
a:hover, a:focus{color:#676c73;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:200%;} h3{font-size:180%;} h4{font-size:160%;} h5{font-size:140%;}
ul{list-style:none;}
hr{border:none;border-top:1px solid #dcdcdc;margin:30px 0;}
b, strong{font-weight:600;}
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:960px;margin:0 auto;position:relative;}
.clear{position:relative;overflow:auto;clear:both;}
#googlemap img{height:auto!important;max-width:none !important;}
.svg{}
.no-svg{}

#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); }

.imgAppearAnimationOnScroll { transition: transform .5s ease-in-out; opacity: 0; }
.imgAppearAnimationOnScroll:after { transition: transform .5s ease-in-out .5s; content: ''; position: absolute; display: block; top: 0; bottom: 0; left: 0; right: 0; background: #bf981b; transform: scaleX(1); }
.imgAppearAnimationOnScroll.direction-r, .imgAppearAnimationOnScroll.direction-l:after { transform-origin: center right; }
.imgAppearAnimationOnScroll.direction-l, .imgAppearAnimationOnScroll.direction-r:after { transform-origin: center left; }
.imgAppearAnimationOnScroll.direction-l, .imgAppearAnimationOnScroll.direction-r { transform: scaleX(0.001); }
.imgAppearAnimationOnScroll.direction-l.visible, .imgAppearAnimationOnScroll.direction-r.visible { transform: scaleX(1); opacity: 1; }
.imgAppearAnimationOnScroll.direction-l.visible:after, .imgAppearAnimationOnScroll.direction-r.visible:after { transform: scaleX(0); }


/********************************************************************** 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;}

#accessretourtop{display:block;cursor:pointer;color:#111;position:fixed;right:25px;font-size:150%;bottom:20px;width:30px;height:30px;z-index:9998;text-align:center;overflow:hidden;transition:background .2s;-moz-transition:background .2s;-webkit-transition:background .2s;-o-transition:background .2s;}
#accessretourtop span{text-indent:-1000px;display:block;}
#accessretourtop:hover{color:#111;}
#accessretourtop:focus{font-size:100%;color:#fff;background:#111;line-height:26px;padding:2px 10px;white-space:nowrap;text-decoration:none;width:auto;height:auto;}
#accessretourtop:focus i{display:none;}
#accessretourtop:focus span{text-indent:inherit;display:inline-block;*display:inline;zoom:1;}

#accessfont{display:block;position:absolute;top:10px;right:30px;}
#accessfont a{background-color:#f1f1f1;color:#9E9E9E;font-weight:700;text-decoration:none;font-size:100%;padding:2px 4px;display:inline-block;}
#accessfont a:hover, #accessfont a:focus{color:#344258;}


/********************************************************************** NAVIGATION */
#showmenu{padding:22px 9px;display:block;z-index:9999999;position:absolute;top:35px;left:36px;}
#showmenu:before, #showmenu:after{content:"";position:absolute;display:block;width:28px;height:2px;background:#676c73;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;}
#showmenu div{width:28px;height:2px;background:#676c73;border-radius:4px;}
#showmenu:hover div, #showmenu:hover:before, #showmenu:hover:after, #showmenu:focus div, #showmenu:focus:before, #showmenu:focus:after
{background:#bf981b;}
#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);}

#nav{display:block;opacity:0;visibility:hidden; position:fixed;top:150px;left:0;right:0;bottom:0;
	overflow:auto;text-align:left;background-color:#2f3133;color:#fff;z-index:-2;transition:all .3s;}
#nav.open{opacity:1;visibility:visible;top:0px;z-index:999999;}

#navmenu{width:100%;height:100%;}
#navmenu a{width:20%;height:100%;border-right:1px solid rgba(255,255,255,.1);text-decoration:none;
	position:relative;z-index:6;color:#fff;float:left;padding:4% 3% 4% 3%;font-variant: small-caps;
	display:flex;justify-content:center;align-items:flex-end; transition:all .4s;overflow:hidden;
}
#navmenu a > div{width:100%;z-index:2;position:relative;}
#navmenu a:hover, #navmenu a:focus{text-decoration:none;background-color:#bf981b;padding-bottom:8%;}
#navmenu a.esprit:hover, #navmenu a.esprit:focus{background-color:#bd6439;}
#navmenu a.last{border-right:0;}
#navmenu a:after{content:'';height:100%;width:100%;z-index:1;background:url('img/bouchonb.svg') center no-repeat;background-size:80%; position:absolute;top:0;left:0;bottom:0;right:0; opacity:0; transition:all .4s;}
#navmenu a.esprit:after{background:url('img/bouchon.svg') center no-repeat;background-size:80%;}
#navmenu a:hover:after, #navmenu a:focus:after{opacity:.1;}
#navmenu a strong{display:block;font-weight:600;font-size:200%;line-height:100%;margin-bottom:10px;position:relative;}
#navmenu a strong span{display:block;font-weight:300;line-height:100%;}
#navmenu a em{display:block;font-weight:300;font-style:normal;letter-spacing:2px;font-size:95%;line-height:140%;}

#navrs{position:absolute;top:35px;right:100px;z-index: 9999;}
#navrs .linkrs{color:#fff;padding: 10px;margin: 0;}

#choixlangues {position: absolute; top: 35px; right: 35px; display: block; z-index: 9999; }
#choixlangues li {display: inline-block; position: relative; margin: 0 6px; }
#choixlangues li:after {content: "•"; position: absolute; top: -1px; right: -11px; color: #676c73; }
#choixlangues li:last-child:after {display: none; }
#choixlangues li a {text-decoration: none; font-size: 100%; font-weight: 400; text-transform: uppercase; color: #676c73; }
#choixlangues li.current-lang a {font-weight: 600;}


/********************************************************************** ENTETE */
#logo{display:block;width:50%;margin:45px auto 35px auto;}
#logo img{display:block;width:100%;}


/********************************************************************** INDEX */
.relative{position:relative;}
.trait1, .trait2, .trait3, .trait4{background-color:rgba(103, 108, 115, 0.1);position:absolute;z-index:1;left:20%;width:1px;height:100%;top:0;margin-left:-1px;}
.trait2{left:40%;}
.trait3{left:60%;}
.trait4{left:80%;}

#homewrap{padding:160px 0 80px 0;position:relative;}

#homewrap1{position:relative; padding-bottom:115px;}
#homewrap1 h1{margin:0 0 60px 7.5%;width:45%; position:relative;z-index:4;}
#homewrap1 p{margin:0 0 60px 12.5%;width:20%; font-size:110%;text-align:right;letter-spacing:1px;font-variant: small-caps; position:relative;z-index:4;}
#homewrap1 .btwrap{margin:0 0 0 12.5%;width:20%;text-align:right; position:relative;z-index:4;}
#homewrap1 .homewrap1img1{position:absolute;top:20%;right:7.5%;width:55%;margin-bottom:0;max-width:1080px; z-index:3;display:block;}
#homewrap1 .homewrap1img2{position:absolute;top:0;right:24%;width:600px; z-index:2;}

#homewrap2{position:relative; padding-top:160px;overflow:hidden;padding-bottom:160px;}
#homewrap2 h2{margin:30px 0 60px 50%;width:35%; position:relative;z-index:3;}
#homewrap2 .btwrap{margin:0 0 0 50%;width:27.5%;text-align:right; position:relative;z-index:3;}
#homewrap2 .homewrap2img1{position:absolute;top:0;left:12.5%;width:27.5%;margin-bottom:0;max-width:520px; z-index:2;}
#homewrap2 .fili1{top:-20%;right:-10%;}
#homewrap .fili2{bottom:12%;right:17.5%;text-align:right;}
#homewrap .fili3{bottom:2%;right:22.5%;text-align:right;}


/********************************************************************** PAGE */
.maincontent{min-height:100%;}
#content{padding:160px 0;}

.contenu h1, .contenu h2, .contenu h3, .contenu h4, .contenu h5{margin-bottom:20px;}
.contenu h1, .contenu h2{font-size: 2.9vw;line-height: 100%;font-weight: 300;color:#bf981b;margin-bottom:45px;}
.contenu p{margin-bottom:20px;line-height:145%;font-size: 95%;}
.contenu img{margin-bottom:20px;max-width:100%;height:auto;display:block;}
.contenu .imgAppearAnimationOnScroll img{margin-bottom:0;}
.contenu blockquote{font-size:120%;font-style:italic;margin-bottom:20px;padding-left:55px;line-height:145%;}
.contenu ul{margin-bottom:20px;list-style-type:square;margin-left:18px;}
.contenu ul ul{margin-top:15px;margin-bottom:0;}
.contenu ul li{margin-bottom:15px;line-height:130%;}

.bt{text-decoration:none;font-weight:600;letter-spacing:2px;font-size:95%;font-variant: small-caps;line-height:140%;display:inline-block;margin-bottom:20px;position:relative;padding-right:20px;padding-bottom:17px;padding-left:5px;transition:all .2s;}
.bt:after{content:"";width:80px;height:17px;display:block;position:absolute;bottom:0;right:0;background:url('img/arrow-right-black.svg') center no-repeat;background-size:100%;}
.bt:hover, .bt:focus{text-decoration:none;padding-right:15px;}

.fili{position:absolute;font-family:"mrs-eaves";font-size:17vw;color:#676c73;opacity:.08;letter-spacing:1px;font-variant: small-caps;cursor:default;}

#wraptitle{height:calc(100% - 165px);overflow: hidden;display:block;position:relative;background-color:#2f3133;background-repeat:no-repeat;background-position:center;background-size:cover;}
#wraptitle .trait1, #wraptitle .trait2, #wraptitle .trait3, #wraptitle .trait4{background-color:rgba(255, 255, 255, 0.1);z-index:6;}
#wraptitle strong{color:#fff;font-size: 2.9vw;line-height: 120%;font-weight: 300;margin:100px 0 0 62.5%;width:15%;text-align:right;position:relative;z-index:9;display:block;}
#wraptitle:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:5;
	background: rgb(47,49,51);
	background: linear-gradient(180deg, rgba(47,49,51,0) 0%, rgba(47,49,51,0.5) 100%);
}

#pagewrap{position:relative;}


/********************************************************************** PLATEFORME */
.page-template-domaine #pagewrap{padding-top:90px;}
.page-template-domaine #pagewrap #ctn{position:absolute;top:-220px;left:42.5%;width:25%;z-index:8;color:#fff;letter-spacing: 1px;font-variant: small-caps;font-size:110%;}
.page-template-domaine #pagewrap > h1{display:block;width:30%;margin:0 0 0 28%; font-size: 2.9vw;line-height: 120%;font-weight: 300;color: #bf981b;z-index:8;position:relative;text-align:right;}
.page-template-domaine #pagewrap .pagewrapimg{position:absolute;top:-300px;left:38.5%;width:47.5%;z-index:7;}
.page-template-domaine .fili1{top:15%;right:10%;}

#swiperdomaine{max-width:1680px;width:95%;padding:0 50px;margin:160px auto 160px auto;display:block;position:relative;}
#swiperdomaine .swiper-slide{position:relative;padding-top:80px;margin-top:40px;border-top:1px solid rgba(103, 108, 115, 0.15);}
#swiperdomaine .fili{bottom:0;left:6%;font-size:11vw;line-height:70%;text-align:right;}
.slidetitre{position:absolute;top:100px;left:10%;display: block;width:25%;font-size:2.9vw;line-height:120%;font-weight:300;color:#bf981b;z-index:2;}
.slideimg1{float:left;width:32%;margin-left:20%;height:580px;background-size:cover;background-repeat:no-repeat;background-position:center;}
.slidetexte{float:left;width:15%;margin-left:2.5%;}
.slideimg2{float:left;width:28%;margin-left:2.5%;height:580px;background-size:cover;background-repeat:no-repeat;background-position:center;}
#dateprev, #datenext{position:absolute;z-index:2; top:0px;left:0;width:80px;height:80px;border-radius:80px;color:#fff;background-color:#2f3133;font-weight:600;font-size:180%;padding-top: 20px;transition:all .3s;}
#datenext{right:0;left:inherit;}
#dateprev.inactif, #datenext.inactif{background-color:#f2f2f2;}
#dateprevmask, #datenextmask{display:block;width:40px;background:#fff;height:80px;position:absolute;z-index:1;top:0;left:0;}
#datenextmask{right:0;left:inherit;}
.slidedatecurrent{position:absolute;top:-41px;left:130px;width:80px;height:80px;border-radius:80px;color:#fff;background-color:#bf981b;font-weight:600;font-size:180%;padding-top: 20px; transition:all 1.4s;}
.swiper-slide-prev .slidedatecurrent{left:70px;}
.swiper-slide-next .slidedatecurrent{left:190px;}
.swiper-slide-active .slidedatecurrent{left:130px;}
#swiperdomaine .swiper-button-prev, #swiperdomaine .swiper-button-next{top:0;margin-top:0;background:url('img/arrow-right2.svg') right center no-repeat;background-size: 10px;width:130px;height:80px;}
#swiperdomaine .swiper-button-prev{left:0;transform:rotate(180deg);}
#swiperdomaine .swiper-button-next{right:0;}
#swiperdomaine .swiper-button-next:after, #swiperdomaine .swiper-button-prev:after{display:none;}
#swiperdomaine .swiper-button-prev:focus, #swiperdomaine .swiper-button-next:focus{outline:none;}


/********************************************************************** CUVEES */
.page-template-vins #pagewrap{padding-top:90px;}
.page-template-vins #pagewrap #ctn{margin:40px 0 0 12.5%;width:22.5%;z-index:8;letter-spacing: 1px;font-variant: small-caps;font-size:110%;position:relative;text-align:right;}
.page-template-vins #pagewrap > h1{display:block;width:32.5%;margin:0 0 0 15%; font-size: 2.9vw;line-height: 120%;font-weight: 300;color: #bf981b;z-index:8;position:relative;text-align:right;}
.page-template-vins #pagewrap > .pagewrapimg1{position:absolute;top:-200px;left:38.5%;width:25%;z-index:7;}
.page-template-vins #pagewrap > .pagewrapimg2{position:absolute;top:-350px;left:65%;width:25%;z-index:7;}
.page-template-vins .fili1{top:50%;right:0;}

#vins{max-width:1400px;width:95%;padding:0;margin:145px auto 0 auto;display:block;position:relative;z-index: 99999;}
#vinsliste{width:32%;float:right;padding:4% 0;}
#vinsliste h3{display:block;margin:20px 0 0 10px;font-size: 230%;line-height: 120%;font-weight:300;color: #bf981b;z-index: 8;}
#vinsliste a{position:relative;text-decoration:none;display:block;margin-top:4px;margin-left:10px;letter-spacing:1px;font-variant:small-caps;font-size:110%;font-weight:600;transition:all .2s;}
#vinsliste a:hover, #vinsliste a:focus{text-decoration:none;margin-left:0px;}
#vinsliste a.active{margin-left:0px;}
#vinsliste a.active:before{content:'';width:30px;height:16px;background:url('img/arrow-right-black.svg') center right no-repeat;background-size:70px;display:block;position:absolute;top:4px;left:-40px;transform: rotate(180deg);}

#vinsbtls{width:60%;position:absolute;top:0;left:0;bottom:0;}
#vinsbtls > div{position:absolute;top:0;left:0;right:0;bottom:0; display:flex;justify-content:center;align-items:center; width:100%;opacity:0;visibility:hidden;transition:all .5s;}
#vinsbtls > div.active{opacity:1;visibility:visible;}
#vinsbtls > div > div{display:flex;justify-content: flex-end;width:100%;position:relative;}
#vinsbtls > div > div > a{width:23%;margin:0 1%;text-decoration:none;transform:scale(1); transition:all .3s;padding:14px;}
#vinsbtls > div > div > a img{width:100%;filter:blur(0px); transition:all .3s;}
#vinsbtls > div > div:hover > a{transform:scale(0.95);}
#vinsbtls > div > div:hover > a img{filter:blur(7px);}
#vinsbtls > div > div:hover > a:hover, #vinsbtls a:focus{text-decoration:none;transform:scale(1.05);}
#vinsbtls > div > div:hover > a:hover img, #vinsbtls > div > div:focus > a:focus img{filter:blur(0px);}

#vinsbtls > div > div > a span{position:absolute;top:39%;left:50%;width:110px;margin-left:-55px;
	color:#fff;padding:25px 15px;border-radius:60px;border:2px solid #fff; transition:all .2s;
	font-variant: small-caps;font-size:75%;font-weight:600;text-align:center;opacity:0;visibility:hidden;
}
#vinsbtls > div > div > a span:before{content:'';display:block;width:30px;height:30px;margin:0 auto 5px auto; background:url('img/icon-loupe.svg') center no-repeat;}
#vinsbtls > div > div > a:hover span, #vinsbtls > div > div > a:focus span{top:41%;opacity:1;visibility:visible;}

.vinpopwrap{display:none; position:fixed;top:0;right:0;left:0;bottom:0;background:rgba(0,0,0,.8);z-index:9999;}
.vinpopctn{display:flex;justify-content:center;align-items:center;position: absolute;top: 0;left: 0;bottom: 0;right: 0;}
.vinpopctn > div{height:80%;margin-top: 5%;max-height:800px;max-width:1350px;width:90%;}
.vinpop{background:#fff;height:100%;width:100%;margin: 0 auto;position:relative;}
.vinpopclose{position:absolute;top:0;right:0;width:60px;height:60px;background:#fff url('img/icon-close.svg') center no-repeat;background-size:22px;transform:scale(1);transition:all .2s;}
.vinpopclose:hover, .vinpopclose:focus{transform:scale(1.2);text-decoration:none;}
.vinpop1{width:50%;float:left;position: relative;height: 100%;}
.vinpop1a{width:48%;height:100%;position:absolute;top:0;left:0;text-align: center;}
.vinpop1a img{max-width:100%;max-height:105%;width: auto;height: 105%;margin-top: -19%;}
.vinpop1b{width:48%;height: 100%;float:right;overflow:scroll;}
.vinpop1b > div{padding:80px 15% 80px 0;}
.vinpop1b strong{font-weight:300;color:#bf981b;font-size:95%;position:relative;}
.vinpop1b strong:after{content:'';width:50px;height:50px;position:absolute;top: -17px;right: -75px;background:url('img/genot-boulanger-domaine-viticole-meursault-bourgogne-gbg.svg') center center no-repeat;background-size:50px;}
.vinpop1b h2{letter-spacing:1px;font-variant:small-caps;font-size:110%;font-weight:600;display: block;margin: 15px 0 10px 0;}
.vinpop1b p{margin-bottom:10px;font-size:95%;}
.vinpop1b .bt{text-align:right;margin-top:5px;}
.vinpop2{width:50%;height:100%;position:absolute;top:0;right:0; background-repeat:no-repeat;background-position:center;background-size:cover;}

.cote-de-nuits .vinpop2{background-image:url('img/vins/COTE-DE-NUITS.jpg');}
.cote-de-beaune .vinpop2{background-image:url('img/vins/COTE-DE-BEAUNE.jpg');}
.cote-chalonnaise .vinpop2{background-image:url('img/vins/COTE-CHALONNAISE.jpg');background-position:right center;}

.aloxe-corton .vinpop2, .savigny-les-beaune .vinpop2
{background-position: center top;}
.beaune .vinpop2{background-position:right 27%;}
.volnay .vinpop2{background-position: center 62%;}
.meursault .vinpop2{background-position: center 82%;}
.puligny-montrachet .vinpop2, .chassagne-montrachet .vinpop2
{background-position: center bottom;}

#cartesparcelles{display:block;position:relative;max-width:1400px;width:95%;margin:130px auto 0 auto;padding-bottom:160px; z-index:2;}
#cartesparcelles a{float:left;width:32%;margin-right:2%;box-shadow:0 0 20px rgba(0,0,0,.1);position:relative;}
#cartesparcelles a img{width:100%;}
#cartesparcelles a.last{margin-right:0;}
#cartesparcelles a span{position:absolute;bottom:-20px;left:50%;width:110px;margin-left:-55px;
	background-color: #676c73;color:#fff;padding:25px 15px;border-radius:60px; transition:all .2s;
	font-variant: small-caps;font-size:75%;font-weight:600;text-align:center;
}
#cartesparcelles a span:before{content:'';display:block;width:30px;height:30px;margin:0 auto 5px auto; background:url('img/icon-loupe.svg') center no-repeat;}
#cartesparcelles a:hover span, #cartesparcelles a:focus span{bottom:-5px;}


/********************************************************************** SERVICES */
.page-template-philosophie #pagewrap{padding-top:90px;margin-bottom:180px}
.page-template-philosophie #pagewrap #ctn{float:left;width:25%;margin-top: 15px;z-index:8;letter-spacing: 1px;font-variant: small-caps;font-size:110%;}
.page-template-philosophie #pagewrap > h1{display:block;width:24%;margin:0 3.5% 0 31%; font-size: 2.9vw;line-height: 120%;
	font-weight: 300;color: #bf981b;z-index:8;position:relative;text-align:right;float:left;}
.page-template-philosophie .pagewrapimg{position:absolute;top:-300px;left:17.5%;width:25%;z-index:7;}

.philoslider{position:relative;display:block;margin:0 auto 120px auto;width:95%;max-width:1500px;z-index:2;}
.philoslidertxt{float:left;width:35%;text-align:right;padding-top:40px;}
.philoslidertxt h2{z-index:5;position:relative;}
.philosliderimgs{float:right;width:59.5%;position:relative;}
.philosliderimgs .swiper-slide{width:100%;height:600px;background-repeat:no-repeat;background-position:center;background-size:cover;}

.philoslider3{margin-bottom:0;padding-bottom:160px;}

.philoslider2 .philoslidertxt{float:right;text-align:left;}
.philoslider2 .philosliderimgs{float:left;}

.philoslider1 .philoslidertxt h2{margin-right:-100px;}
.philoslider2 .philoslidertxt h2{margin-left:-100px;}
.philoslider3 .philoslidertxt h2{margin-right:-300px;}

.philoslider1 .fili{top:-32%;left:4%;}
.philoslider2 .fili{top:-30%;right:4%;}
.philoslider3 .fili{top:-32%;left:0;}

.philoslider .swiper-button-prev, .philoslider .swiper-button-next{top:80%;margin-top:0;background:#bf981b url('img/arrow-right.svg') left center no-repeat;background-size:35px;width:50px;height:50px;border-radius:50px;}
.philoslider .swiper-button-prev{left:-25px;transform:rotate(180deg);}
.philoslider .swiper-button-next{right:-25px;}
.philoslider .swiper-button-next:after, .philoslider .swiper-button-prev:after{display:none;}
.philoslider .swiper-button-prev:focus, .philoslider .swiper-button-next:focus{outline:none;}

#philovins{position:relative;width:95%;max-width:1600px;margin:0 auto 0 auto;padding:60px 0 140px 0;}
#philovins .fili{top:-28%;right:-4%;font-size: 12vw;}
#philovins .contenu{padding-top:40px;float:right;width:43%;}
#philovinsr{float:left;width:48%;position:relative;}
#philovinsb{float:right;width:48%;position:relative;}
#philovins h2{z-index:5;position:relative;margin-left:-130px;max-width:300px;}
.philovinsrimg, .philovinsbimg{float:left;width:53%;display:block;}
#philovins .bt{margin-left:60%;margin-top:30px;}
#philovins .contenu img{width: 26px;float: left;margin-right: 10px;}
#philovins .contenu p{margin-left: 36px;}


/********************************************************************** PARTENAIRES */
.page-template-esprit #pagewrap{padding-top:120px;}
.page-template-esprit #pagewrap #ctn{margin:30px 0 0 65%;width:22.5%;z-index:8;letter-spacing: 1px;font-variant: small-caps;font-size:110%;position:relative;text-align:right;text-align:left;}
.page-template-esprit #pagewrap > h1{display:block;width:30%;margin:0 0 0 17.5%; font-size: 2.9vw;line-height: 120%;font-weight: 300;color: #bf981b;z-index:8;position:relative;text-align:right;}
.page-template-esprit #pagewrap > .pagewrapimg1{position:absolute;top:-200px;left:33.5%;width:25%;z-index:7;}
.page-template-esprit #pagewrap > .pagewrapimg2{position:absolute;top:-350px;left:62.5%;width:25%;z-index:7;}
.page-template-esprit .fili1{bottom:-44%;right:0;}

.page-template-esprit #pagewrap2{padding-top:60px;position:relative;padding-bottom: 18%;}
.page-template-esprit #pagewrap2 #ctn2{margin:40px 0 0 12.5%;width:15%;z-index:8;position:relative;text-align:right;}
.page-template-esprit #pagewrap2 > .pagewrap2img1{position:absolute;top:0px;left:33.5%;width:25%;z-index:7;}
.page-template-esprit #pagewrap2 > .pagewrap2img2{position:absolute;top:120px;left:62.5%;width:25%;z-index:7;}

#esprit{position:relative;z-index:2;}
#esprit:before{content:'';background:url('img/2bouchons.svg') center no-repeat;width: 500px;height: 500px;display: block;position:absolute; top: -300px;left: 10%;}
#esprit > strong{display:block;width:32.5%;margin:0 0 0 22.5%; font-size: 2.9vw;line-height: 120%;font-weight: 300;color: #bf981b;z-index:8;position:relative;text-align:left;}
#esprit > p{margin:-50px 0 0 47.5%;width:17.5%;z-index:8;letter-spacing: 1px;font-variant: small-caps;font-size:110%;position:relative;text-align:right;text-align:right;font-weight:600;}

#espritlr{position:relative;padding-bottom:120px;padding-top:140px;margin:0 auto;max-width:1400px;width:95%;z-index:2;}
#espritl{width:46%;float:left;display:flex;align-items:flex-end;justify-content:space-between;}
#espritr{width:46%;float:right;display:flex;align-items:flex-end;justify-content:space-between;}
#espritl > div, #espritr > div{width:46%;}
.espritlimg, .espritrimg{width:52%;margin-left:8%;}

.page-template-esprit .imgAppearAnimationOnScroll:after{background-color: #bf981b;}


/********************************************************************** CONTACT */
.page-template-contact #pagewrap{padding-top:100px;}
.page-template-contact #pagewrap #ctn{margin:30px 0 0 7.5%;width:22.5%;z-index:8;letter-spacing: 1px;font-variant: small-caps;font-size:110%;position:relative;text-align:right;text-align:right;}
.page-template-contact #pagewrap > h1{display:block;width:22.5%;margin:0 0 0 7.5%; font-size: 2.9vw;line-height: 120%;font-weight: 300;color: #bf981b;z-index:8;position:relative;text-align:right;}
.page-template-contact #pagewrap > .pagewrapimg1{position:absolute;top:-200px;left:35%;width:25%;z-index:7;}
.page-template-contact #pagewrap > .pagewrapimg2{position:absolute;top:-100px;left:62.5%;width:25%;z-index:7;}
.page-template-contact .fili1{bottom:-20%;right:20%;}

/********************************************************************** CUVEES */
.page-template-cuvees #pagewrap{padding-top:100px;}
.page-template-cuvees #pagewrap #ctn{margin:30px 0 0 7.5%;width:82.5%;z-index:8;letter-spacing: 1px;font-variant: small-caps;font-size:110%;position:relative;text-align:center;text-align:center;}
.page-template-cuvees #pagewrap > h1{display:block;width:100%;margin:0 0 0 0%; font-size: 2.9vw;line-height: 120%;font-weight: 300;color: #bf981b;z-index:8;position:relative;text-align:center;}
.page-template-cuvees #pagewrap > .pagewrapimg1{position:absolute;top:-200px;left:35%;width:25%;z-index:7;}
.page-template-cuvees #pagewrap > .pagewrapimg2{position:absolute;top:-100px;left:62.5%;width:25%;z-index:7;}
.page-template-cuvees .fili1{bottom:-20%;right:20%;}


#carte{position:relative;padding-bottom:160px;padding-top:140px;margin:0 auto;max-width:1400px;width:95%;z-index:2;}
#carte > h2{display:block;position: absolute;width:21%;font-size: 2.9vw;line-height: 120%;font-weight: 300;color: #bf981b;z-index:8;top:200px;text-align:right;float:left;}
#carte > strong{display:block;width:13%;margin-top:250px;z-index:8;letter-spacing: 1px;font-variant: small-caps;font-size:110%;position:relative;text-align:right;font-weight:300;float:left;}
#carte > img{position:absolute;width:500px;top: 30px;left: 50%;margin-left: -100px;}

#googlemap{height:620px;width:84%;float:right;}
.infobullmaps{padding:20px 20px 15px 20px;font-size:15px;}
.infobullmaps strong{margin-bottom:10px;display: block;}
.infobullmaps .bt{margin-bottom:0;}
.gm-style-iw.gm-style-iw-c{border-radius:0 !important;}
.gm-style-iw-t button{margin:10px 10px 0 0 !important;}


/********************************************************************** FOOTER */
#footer{background:#333333 url('img/madeinchampagneG_animated.svg') center center no-repeat;background-size:40%; color:#fff;padding:100px 0 80px 0;}
#footer a{color:#fff;text-decoration:none;transition:all .2s;}
#footer a:hover, #footer a:focus{color:#bf981b;text-decoration:none;}

#footerbloc1{width:20%;margin-left:5%;float:left;}
#footerbloc1 p{margin-bottom:20px; letter-spacing:2px;font-size:95%;font-variant: small-caps;line-height:140%;}

#footerbloc2{width:20%;margin-right:5%;float:right;text-align:right;}
.linkrs{font-size:120%;margin:10px 0 10px 10px;display: inline-block;}
#footerbloc2 ul{margin-bottom:20px;margin-top:5px;}
#footerbloc2 ul a{letter-spacing:2px;font-size:95%;font-variant: small-caps;line-height:140%;}


/********************************************************************** FORM */
button, input, select, textarea{margin:0;}
textarea{overflow:auto;vertical-align:top;resize:vertical;}
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:90%;cursor:pointer;margin-bottom:10px;font-weight:700;color:#666;}

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;
}

form 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;}

#email_subs_form .acf-fields{position:relative;border:#EEEEEE solid 1px;margin-bottom:15px;}
#email_subs_form .acf-field .acf-label{margin:0 0 5px;}
#email_subs_form .acf-error-message { border-radius:0 !important; }
#email_subs_form .acf-error-message p { line-height:1 !important; margin: 8px 0 !important; }
#email_subs_form .acf-field .acf-error-message{ margin: 0 0 6px !important; }


/********************************************************************** 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;}
.fancybox-skin{border-radius:0 !important;box-shadow:none !important;}
.fancybox-prev span{background:#000 !important;background:rgba(0, 0, 0, 0.7) !important;left:0 !important;}
.fancybox-next span{background:#000 !important;background:rgba(0, 0, 0, 0.7) !important;right:0 !important;}
.fancybox-close{top:0 !important;right:0 !important;background:#000 !important;background:rgba(0, 0, 0, 0.7) !important;text-decoration:none !important;}
.fancybox-close:hover, .fancybox-close:focus{text-decoration:none !important;background:#000 !important;}
.fancybox-close:after{content:"×";display:block;color:#fff;font-size:150%;width:inherit;font-family:georgia;margin-top:-1px;height:inherit;text-align:center;line-height:36px;}
.fancybox-prev:after{content:"‹";visibility:hidden;position:absolute;display:block;color:#fff;font-size:34px;font-family:georgia;width:inherit;height:inherit;text-align:center;line-height:36px;top:50%;left:0;width:36px;height:34px;margin-top:-22px;z-index:9999;}
.fancybox-prev:hover:after{visibility:visible;}
.fancybox-next:after{content:"›";visibility:hidden;position:absolute;display:block;color:#fff;font-size:34px;font-family:georgia;width:inherit;height:inherit;text-align:center;line-height:36px;top:50%;right:0;width:36px;height:34px;margin-top:-22px;z-index:9999;}
.fancybox-next:hover:after{visibility:visible;}
.fancybox-title{font-weight:bold !important;background-color:rgba(0, 0, 0, 0.7) !important;}


/********************************************************************** RWD */

@media (min-width:880px){

	#homelinks{height:calc(100% - 165px);display:block;position:relative;text-align:center;}
	#homelinks:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:5;
		background: rgb(47,49,51);
		background: linear-gradient(180deg, rgba(47,49,51,0) 0%, rgba(47,49,51,0.5) 100%);
	}
	.homelinksbg{display:block;position:absolute;z-index:1;top:0;left:0;right:0;bottom:0;
		background:#2f3133 no-repeat center;background-size:cover;opacity:0;transition:all 1s;
	}
	.homelinksbg.actif{z-index:2;opacity:1;}
	#homelinks a{width:20%;height:100%;border-right:1px solid rgba(255,255,255,.5);text-decoration:none;
		position:relative;z-index:6;color:#fff;float:left;padding:4% 3% 4% 3%;font-variant: small-caps;
		display:flex;justify-content:center;align-items:flex-end; transition:all .4s;
	}
	#homelinks a:hover, #homelinks a:focus{text-decoration:none;/*background-color:rgba(47, 49, 51, 0.4);*/}
	#homelinks a.last{border-right:0;}
	#homelinks a strong{display:block;font-weight:600;font-size:200%;line-height:100%;margin-bottom:40px;position:relative;transition:all .2s;}
	#homelinks a:hover strong, #homelinks a:focus strong{margin-bottom:56px;}
	#homelinks a strong:after{content:"";display:block;width:18px;height:10px;background:url('img/arrow-down.svg') no-repeat center;
		position: absolute;bottom: -25px;left: 50%;margin-left: -9px;transition:all .2s;
	}
	#homelinks a:hover strong:after, #homelinks a:focus strong:after{bottom:-33px;}
	#homelinks a strong span{display:block;font-weight:300;line-height:100%;}
	#homelinks a em{display:block;font-weight:300;font-style:normal;letter-spacing:2px;font-size:95%;line-height:140%;}

}


@media (max-width:1400px){

	#homewrap2 .fili1{top:-14%;}

	#swiperdomaine{margin-top:130px;}

	.page-template-vins .fili1{top:60%;}
	.page-template-philosophie #pagewrap{margin-bottom:120px;}

	#vins{margin-top:125px;}
	#vinsbtls > div > div > a span{width:100px;margin-left: -50px;}

	.page-template-esprit #pagewrap #ctn{margin-top:50px;}
	.page-template-esprit #pagewrap > h1{margin-left:12.5%;}
	.page-template-esprit #pagewrap > .pagewrapimg2{top:-150px;}
	.page-template-esprit #pagewrap2{padding-bottom:10%;}

	.page-template-contact #pagewrap > .pagewrapimg1{top:50px;}
	.page-template-contact #pagewrap #ctn{margin: 30px 0 0 2.5%;width: 27.5%;}
	
	.page-template-cuvees #pagewrap > .pagewrapimg1{top:50px;}
	.page-template-cuvees #pagewrap #ctn{margin: 30px 0 0 0;width: 100%;}

}


@media (max-width:1280px){

	#homelinks a strong, #navmenu a strong{font-size:140%;line-height: 120%;}
	#navmenu a em, #homelinks a em{line-height:125%;}

	#homewrap{padding: 90px 0 90px 0;}
	.contenu h1, .contenu h2{line-height:120%;font-size:3vw;}

	/* Accueil */
	#homewrap1{padding-bottom:60px;}
	#homewrap1 p{margin: 0 0 60px 7.5%;width: 25%;}
	#homewrap1 .btwrap{margin: 0 0 0 7.5%;width: 25%;}
	#homewrap2{padding-top: 90px;}
	#homewrap2 .fili1{top:0%;}
	#homewrap2 .btwrap{width:35%;}

	/* Page */
	#wraptitle strong{margin-top:90px;width:25%;font-size:4vw;}
	#wraptitle{height:550px;}

	/* Domaine */
	.page-template-domaine #pagewrap > img{width:57.5%;}
	.page-template-domaine #pagewrap #ctn{width:40%;}
	#swiperdomaine{margin-top:90px;margin-bottom:90px;}
	.slideimg1{width:40%;height:380px;}
	.slidetexte{width:37%;}
	.slideimg2{width:40%;margin-top:-150px;height:380px;}
	#swiperdomaine .fili{right:6%;font-size:14vw;}

	/* Philosophie */
	.page-template-philosophie #pagewrap > h1{margin-left:21%;}
	.page-template-philosophie #pagewrap #ctn{margin-top:0;width:45%;}
	.page-template-philosophie #pagewrap{margin-bottom:90px;}
	.philoslider{margin-bottom:60px;}
	.philoslidertxt{padding-top:0;}
	.philoslider1 .philoslidertxt h2, .philoslider3 .philoslidertxt h2{margin-right:0;margin-bottom:30px;}
	.philoslider2 .philoslidertxt h2{margin-left:0;margin-bottom:30px;}
	#philovinsr{margin-bottom:60px;}
	#philovinsr, #philovinsb{width:80%;}
	#philovins{padding-bottom:90px;}


	/* Vins */
	#vins{margin-top:30px;}
	.page-template-vins #pagewrap #ctn{width:45%;}
	#vinsliste h3{font-size:160%;}
	#cartesparcelles{margin:60px auto 0 auto;padding-bottom:90px;}
	#vinsbtls > div > div > a span{background-color: #676c73;color: #fff;}


	/* Esprit */
	.page-template-esprit #pagewrap #ctn{margin:0 0 60px 50%;width: 39.5%;}
	.page-template-esprit #pagewrap2 #ctn2{margin:220px 0 0 12.5%;width:40%;}
	#esprit > p{width:40%;}
	#espritl, #espritr{width:80%;}
	#espritl{margin-bottom:60px;}

	/* Contact */
	.page-template-contact .fili1{bottom: 5%;right: 1%;}
	#carte > strong{font-size:90%;}

	.page-template-cuvees .fili1{bottom: 5%;right: 1%;}

	/* Footer */
	/*#footer{background: #2f3133 url('img/madeinchampagneG_animated.svg') center center no-repeat;background-size: 90px;}*/
	#footer{background: #2f3133 ;background-size: 90px;}
	#footerbloc1, #footerbloc2{width:30%;}

}


@media (max-width:880px){

	.contenu h1, .contenu h2{font-size:140%;line-height: 130%;}
	.trait2, .trait4{display:none;}
	.fili{display:none;}

	#logo{width:80%;margin:45px auto 40px auto;}
	.home #logo{margin:60px auto 50px auto;}
	#showmenu{top: 15px;left: 20px;}
	#navmenu{padding-top:76px;}
	#navmenu a{width:100%;height:110px;border-right:0;padding:0 5% 0 5%;border-top: 1px solid rgba(255,255,255,.1);align-items: center;}
	#navmenu a:hover, #navmenu a:focus{padding-bottom:0;}
	#navmenu a strong span{display:inline;}
	#navmenu a em br{display:none;}
	#navrs{top: 17px;right: 5%;}

	/* Accueil */
	.homelinksbg{display:none;}
	#homelinks{position:relative;}
	#homelinks .swiper-slide{height:280px; background-size:cover;background-repeat:no-repeat;background-position:center;
		color:#fff;text-decoration:none;padding:0 5%;position:relative;
		display:flex;align-items:center;justify-content:flex-start;
	}
	#homelinks .swiper-slide:after{content:'';position:absolute;z-index:1;background:rgba(0,0,0,.3);top:0;left:0;right:0;bottom:0;}
	#homelinks a strong{text-shadow:0 0 6px rgba(0,0,0,.3); display:block;font-weight:600;font-size:160%;line-height:110%;position:relative;z-index:2; margin-bottom:15px;}
	#homelinks a strong span{display:block;font-weight:300;line-height:100%;}
	#homelinks a em{text-shadow:0 0 4px rgba(0,0,0,.3); display:block;font-weight:300;font-style:normal;letter-spacing:2px;font-size:95%;line-height:120%;position:relative;z-index:2;}

	#homelinks .swiper-button-prev, #homelinks .swiper-button-next{top:100%;margin-top:-25px;background:#bf981b url('img/arrow-right.svg') left center no-repeat;background-size:35px;width:50px;height:50px;border-radius:50px;}
	#homelinks .swiper-button-prev{left:5%;transform:rotate(180deg);}
	#homelinks .swiper-button-next{right:5%;}
	#homelinks .swiper-button-next:after, #homelinks .swiper-button-prev:after{display:none;}
	#homelinks .swiper-button-prev:focus, #homelinks .swiper-button-next:focus{outline:none;}

	#homewrap{padding: 60px 0 0 0;}
	#homewrap1{padding-bottom:10px;}
	#homewrap1 h1{width:90%;margin: 0 0 30px 5%;}
	#homewrap1 p{margin: 0 0 30px 20%;width: 75%;font-size: 100%;}
	#homewrap1 .btwrap{margin: 0 0 10px 5%;width: 90%;}
	#homewrap1 .homewrap1img1{position: relative;top: 0;right: 0;width: 100%;}
	#homewrap1 .homewrap1img2{position: relative;top: -30px;right: 0;width: 100px;z-index: 9;margin: 0 auto;}

	#homewrap2{padding-top:0;padding-bottom:0;}
	#homewrap2 h2{margin:0 0 30px 5%;width: 90%;}
	#homewrap2 .btwrap{margin: 0 0 10px 5%;width: 90%;}
	#homewrap2 .homewrap2img1{position: relative;top: 0;left: 0;width: 100%;}

	/* Page */
	#wraptitle{height:280px;display: flex;align-items: center;}
	#wraptitle strong{width:70%;font-size: 220%;margin:0 0 0 5%;text-align:left;}

	/* Domaine */
	.page-template-domaine #pagewrap{padding-top:60px;}
	.page-template-domaine #pagewrap #ctn{position:relative;top:0;left:0;width:90%;margin-left:5%;color: #676c73;margin-bottom:30px;}
	.page-template-domaine #pagewrap > h1{position:relative;top:0;left:0;width: 90%;margin: 0 0 0 5%;margin-bottom:30px;font-size:140%;line-height: 130%;}
	.page-template-domaine #pagewrap .pagewrapimg{position:relative;top:0;left:0;width:100%;}
	
	#swiperdomaine{margin:30px auto 30px auto;width:90%;padding:0 20px;}
	#dateprev, #datenext{width:40px;height:40px;font-size: 90%;padding-top: 12px;}
	#swiperdomaine .swiper-slide{padding-top: 40px;margin-top: 20px;}
	.slidedatecurrent{width:40px;height:40px;top:-21px;font-size: 90%;padding-top: 12px;}
	#dateprevmask, #datenextmask{width:20px;height:40px;}
	#swiperdomaine .swiper-button-prev, #swiperdomaine .swiper-button-next{width: 60px;height: 40px;}
	.slidetitre{float:none;position:relative;top:0;left:0;width:80%;font-size:140%;line-height: 130%;margin-bottom:15px;}
	.slideimg1{float:none;width:100%;height:280px;margin-left:0;margin-bottom:15px;}
	.slidetexte{float:none;width:100%;margin-left:0;margin-bottom:15px;}
	.slideimg2{float:none;width:100%;margin-top:0px;height:280px;position:relative;margin-left:0;}

	/* Philosophie */
	.page-template-philosophie #pagewrap{padding-top:60px;margin-bottom:30px;}
	.page-template-philosophie #pagewrap > h1{position:relative;top:0;left:0;float:none;width: 90%;margin: 0 0 30px 5%;font-size:140%;line-height: 130%;}
	.page-template-philosophie #pagewrap #ctn{width: 90%;margin-left:5%;float:none;margin-bottom:30px;}
	.page-template-philosophie .pagewrapimg{position:relative;width:100%;margin:0 0 30px 0;top:0;left:0;}
	.philoslider{width:100%;margin: 0 auto 55px auto;}
	.philoslider3{margin-bottom:0;padding-bottom:85px;}
	.philoslidertxt{float:none;width:100%;width: 90%;margin-left: 5%;}
	.philosliderimgs{float:none;width:100%;}
	.philosliderimgs .swiper-slide{height:280px;}
	.philoslidertxt h2{margin-bottom:20px;font-size:140%;line-height: 130%;}
	.philoslider1 .philoslidertxt h2, .philoslider3 .philoslidertxt h2, .philoslider2 .philoslidertxt h2{margin-bottom:20px;}
	.philoslidertxt h2 br{display:none;}
	.philoslider .swiper-button-prev, .philoslider .swiper-button-next{top:100%;margin-top: -25px;}
	.philoslider .swiper-button-next{right:5%;}
	.philoslider .swiper-button-prev{left:5%;}

	#philovins{padding:0 0 30px 0;width:90%;}
	#philovinsr, #philovinsb{width:100%;float:none;margin-bottom:30px;}
	.philovinsrimg, .philovinsbimg{float:none;width:100%;}
	#philovins .contenu{width:100%;float:none;padding-top:30px;}
	#philovins h2{margin-bottom:20px;margin-left:0;}
	#philovins .bt{width:90%;margin-bottom:0;margin-top:10px;margin-left: 5%;}

	/* Vins */
	.page-template-vins #pagewrap{padding-top:60px;}
	.page-template-vins #pagewrap > h1{position:relative;top:0;left:0;float:none;width: 90%;margin: 0 0 30px 5%;font-size:140%;line-height: 130%;}
	.page-template-vins #pagewrap #ctn{width: 90%;margin-left:5%;float:none;margin-bottom:30px;margin-top:0;}
	.page-template-vins #pagewrap > .pagewrapimg1{position:relative;width:100%;margin:0 0 0 0;top:0;left:0;}
	.page-template-vins #pagewrap > .pagewrapimg2{position:relative;width:100%;margin:0 0 30px 0;top:0;left:0;}

	#vins{margin-top:60px;width:90%;margin-bottom:30px;}
	#vinsliste{float:none;width:100%;padding:0;margin-bottom:30px;}
	#vinsliste h3{margin-left:0;}
	#vinsliste a{margin-left:0px;}
	#vinsliste a.activem{margin-left:20px;}
	#vinsbtls{width:100%;position:relative;padding-bottom:10px;}
	#vinsbtls > div{position:relative;opacity:1;visibility:visible;}
	#vinsbtls > div > div{flex-wrap:wrap;justify-content: center;}
	#vinsbtls > div > div > a{width:48%;margin-bottom:20px;}
	#vinsbtls > div > div:hover > a img{filter:blur(0px);}
	.vinpop1{width:100%;float:none;}
	.vinpop1a{display:none;}
	.vinpop1b{width:90%;}
	.vinpop2{display:none;}

	#cartesparcelles{margin:30px auto 0 auto;padding-bottom:30px;width:90%;}
	#cartesparcelles a{float:none;width:100%;margin-right:0;margin-bottom:40px;display: block;}
	#cartesparcelles a span{bottom:-10px;}

	/* Esprit */
	.page-template-esprit #pagewrap{padding-top:60px;padding-bottom:0px;}
	.page-template-esprit #pagewrap2{padding-top:00px;padding-bottom:0px;}
	.page-template-esprit #pagewrap > h1{position:relative;top:0;left:0;float:none;width: 90%;margin: 0 0 30px 5%;font-size:140%;line-height: 130%;}
	.page-template-esprit #pagewrap #ctn, .page-template-esprit #pagewrap2 #ctn2{width: 90%;margin-left:5%;float:none;margin-bottom:30px;margin-top:0;}
	.page-template-esprit #pagewrap > .pagewrapimg1, .page-template-esprit #pagewrap2 > .pagewrap2img1{position:relative;width:100%;margin:0 0 0 0;top:0;left:0;}
	.page-template-esprit #pagewrap > .pagewrapimg2, .page-template-esprit #pagewrap2 > .pagewrap2img2{position:relative;width:100%;margin:0 0 30px 0;top:0;left:0;}
	#esprit > strong{position:relative;top:0;left:0;float:none;width: 90%;margin: 0 0 30px 5%;font-size:140%;line-height: 130%;}
	#esprit > p{margin:0 0 0 5%;width:90%;}
	#espritlr{padding-bottom:60px;padding-top:30px;width:90%;}
	#espritl, #espritr{width:100%;display:block;}
	#espritl{margin-bottom:30px;}
	#espritl > div, #espritr > div{width:100%;}
	.espritlimg, .espritrimg{width:100%;margin-left:0;}

	/* Contact */
	.page-template-contact #pagewrap{padding-top:60px;}
	.page-template-contact #pagewrap > h1{position:relative;top:0;left:0;float:none;width: 90%;margin: 0 0 30px 5%;font-size:140%;line-height: 130%;}
	.page-template-contact #pagewrap #ctn{width: 90%;margin-left:5%;float:none;margin-bottom:30px;margin-top:0;}
	.page-template-contact #pagewrap > .pagewrapimg1{position:relative;width:100%;margin:0 0 0 0;top:0;left:0;}
	.page-template-contact #pagewrap > .pagewrapimg2{position:relative;width:100%;margin:0 0 30px 0;top:0;left:0;}
	
	.page-template-cuvees #pagewrap{padding-top:60px;}
	.page-template-cuvees #pagewrap > h1{position:relative;top:0;left:0;float:none;width: 90%;margin: 0 0 30px 5%;font-size:140%;line-height: 130%;}
	.page-template-cuvees #pagewrap #ctn{width: 90%;margin-left:5%;float:none;margin-bottom:30px;margin-top:0;}
	.page-template-cuvees #pagewrap > .pagewrapimg1{position:relative;width:100%;margin:0 0 0 0;top:0;left:0;}
	.page-template-cuvees #pagewrap > .pagewrapimg2{position:relative;width:100%;margin:0 0 30px 0;top:0;left:0;}
	

	#carte > img{display:none;}
	#carte{padding-top:0px;width:90%;padding-bottom:60px;}
	#googlemap{width:100%;height:450px;float:none;}
	#carte > h2{position:relative;font-size:140%;line-height: 130%;width:100%;top:0;float:none;}
	#carte > strong{width:100%;margin-top:0;font-size: 100%;margin-bottom:30px;display:block;float:none;}

	/* Pied de page */
	#footer{padding:60px 0 130px 0;background-position: center bottom 30px;background-size:60px;}
	#footerbloc1, #footerbloc2{width:90%;text-align:left;}

}