/*
Theme Name: 1855
Theme URI: https://gcc-1855.fr
Author: C2 STUDIOS
Author URI: https://c2-studios.fr/
Description: 1855 custom theme.
Version: 1.0
Text Domain: 1855
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
20.0 Print
20.0 Print
20.0 Print
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/

html {
	font-family: droid-serif, serif;
	font-weight: 400;
	font-style: normal;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
}

article,
aside,
footer,
header,
nav,
section {
	display: block;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

figcaption,
figure,
main {
	display: block;
}

figure {
	margin: 1em 0;
}

hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

a {
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
}

a:active,
a:hover {
	outline-width: 0;
}

abbr[title] {
	border-bottom: 1px #767676 dotted;
	text-decoration: none;
}

b,
strong {
	font-weight: inherit;
}

b,
strong {
	font-weight: 700;
}

code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

dfn {
	font-style: italic;
}

mark {
	background-color: #eee;
	color: #222;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

audio,
video {
	display: inline-block;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

img {
	border-style: none;
}

svg:not(:root) {
	overflow: hidden;
}

button,
input,
optgroup,
select,
textarea {
	font-family: sans-serif;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

button,
input {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

fieldset {
	border: 1px solid #bbb;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

progress {
	display: inline-block;
	vertical-align: baseline;
}

textarea {
	overflow: auto;
}

[type="checkbox"],
[type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

details,
menu {
	display: block;
}

summary {
	display: list-item;
}

canvas {
	display: inline-block;
}

template {
	display: none;
}

[hidden] {
	display: none;
}

/*--------------------------------------------------------------
2.0 Accessibility
--------------------------------------------------------------*/

/* Text meant only for screen readers. */

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
3.0 Alignments
--------------------------------------------------------------*/

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
4.0 Clearings
--------------------------------------------------------------*/

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.entry-footer:before,
.entry-footer:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after,
.nav-links:before,
.nav-links:after,
.pagination:before,
.pagination:after,
.comment-author:before,
.comment-author:after,
.widget-area:before,
.widget-area:after,
.widget:before,
.widget:after,
.comment-meta:before,
.comment-meta:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.entry-footer:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.nav-links:after,
.pagination:after,
.comment-author:after,
.widget-area:after,
.widget:after,
.comment-meta:after {
	clear: both;
}



/*--------------------------------------------------------------
1855 
THEME
--------------------------------------------------------------*/





/*--------------------------------------------------------------
FONTS
--------------------------------------------------------------*/


html, body {
font-family: droid-serif, serif;
font-weight: 400;
font-style: normal;
font-size: 14px;
text-rendering: optimizeLegibility !important;
-webkit-font-smoothing: antialiased !important;
-moz-osx-font-smoothing: grayscale !important; 
	 
	
}

.menu, .futura {
font-family: futura-pt, sans-serif;
font-weight: 400;
font-style: normal;
letter-spacing: 2px;
	text-transform: uppercase;
}

.menu strong,  strong.futura, .futura strong {
font-family: futura-pt, sans-serif;
font-weight: 600;
font-style: normal;
letter-spacing: 2px;
}

h1 {
    font-family: kepler-std-display,serif;
    font-size: 56px;
    font-style: normal;
    font-weight: 900;
    line-height: 48px;
    margin: 0;
}


h2 {
    font-family: kepler-std-display, serif;
	font-size: 36px;
    font-weight: 900;
    margin: 0;
	line-height: 36px;
}


h2:not(.titre) {
	margin-bottom: 20px;
}


 

h2.titre, h1.titre {
    font-family: kepler-std-display, serif;
	font-size: 50px;
    font-weight: 900;
    margin: 0;
	 
}


ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

a {
	text-decoration: none;
	color:#960035;
}

p {
    font-size: 16px;
    line-height: 26px;
    margin: 0 0 20px;
	text-align: justify;
}

/*--------------------------------------------------------------
COLORS
--------------------------------------------------------------*/


.gold, .gold_lettering:first-letter {
	color:#E7AF4F;
}
.wine, .wine_lettering:first-letter {
	color:#960035;
}
.white, .white_lettering:first-letter {
	color: #FFFFFF;
}
.bones, .bones_lettering:first-letter {
	color: #EDE7E0;
}

.maroon, .maroon_lettering:first-letter {
	color: #554A3F;
}

.darkgrey, .darkgrey_lettering:first-letter {
	color: #232323;
}

.lightgrey, .lightgrey_lettering:first-letter {
	color:#CDCBCB;
}


.mediumgrey, .mediumgrey_lettering:first-letter {
	color:#29241F;
}

.textgrey, .textgrey_lettering:first-letter {
	color: #4A4A4A;
}

.black, .black_lettering:first-letter {
	color: #000;
}

.blue, .blue_lettering:first-letter {
	color: #424253;
}



.bg_gold, h2.titre.gold:before {
	background-color:#E7AF4F;
}
.bg_wine, h2.titre.wine:before,  h1.titre.wine:before,   h1.wine:before {
	background-color:#960035;
}
.bg_white, h2.titre.white:before  {
	background-color: #FFFFFF;
}
.bg_bones, h2.titre.bones:before  {
	background-color: #EDE7E0;
}
.bg_maroon {
	background-color: #554A3F;
}
.bg_darkgrey {
	background-color: #232323;
}
.bg_mediumgrey {
	background-color:#29241F;
}
.bg_textgrey {
	background-color: #4A4A4A;
}
.bg_black {
	background-color: #000;
}
.bg_blue {
	background-color: #424253;
}
.bg_green {
	background-color: #798261;
}

 

/*--------------------------------------------------------------
STRUCTURE
--------------------------------------------------------------*/

.wrap {
    margin: auto;
     max-width: 1250px;
    position: relative;
    width: calc(100% - 340px);
}

.flex {
	display: flex;
	 justify-content: space-between;
	flex-wrap: wrap;
}

.border {
	 border: 1px solid;
}

.btn {
    display: inline-block;
    padding: 12px 16px;
}

.up {
	text-transform: uppercase;
}
.logo {
    color: #000;
    font-size: 103px;
    height: 42px;
    left: 40px;
    line-height: 0;
    position: fixed;
    top: 40px;
    width: 104px;
    z-index: 10;
}
.open_up .logo, .open_up .burger {
    color: #ede7e0;
    z-index: 100;
}


.logo span {
    display: inline-block;
    height: 30px;
    line-height: 28px;
}
.logo .bg_wine {
    bottom: 0;
    display: inline-block;
    height: 2px;
    left: 0;
    position: absolute;
    width: 66.66%;
}
.logo .bg_gold {
     bottom: 0;
	display: inline-block;
    height: 2px;
    width: 33.33%;
	left: 66.66%;
    position: absolute;
    
}

.logo .barre {
	width: 77%;
	position: absolute;
	bottom: 0;
}

.text_content  {
    padding-top: 60px;
}

.burger {
    color: #000;
    position: fixed;
    right: 40px;
    text-align: right;
    text-transform: uppercase;
    top: 40px;
	z-index: 2;
}

.burger span {
    font-size: 38px;
}


.fullscreen {
    display: inline-block;
    height: 100vh;
    width: 100vw;
	position: relative;
}


hr, hr.wrap {
    border: medium none;
    height: 1px;
    margin-bottom: 100px;
}



.section {
    box-sizing: border-box;
    clear: both;
    display: inline-block;
    margin-bottom: 60px;
}


 



blockquote {
    font-size: 20px;
    font-style: italic;
    margin: auto;
    padding: 0;
    width: 66%;
}

blockquote.two {
    font-size: 20px;
    font-style: italic;
    margin: inherit;
    padding: 0;
    width: 76%;
}

 
blockquote p {
    font-size: 20px;
    line-height: 34px;
    text-align: center;
}

.section.indient {
    padding-left: 33%;
}


#classement-head {
    display: flex;
    justify-content: center;
    position: absolute;
    right: 0;
	 top: 40px;
	z-index: 2;
}

#item_search {
    height: 0;
    overflow: hidden;
    padding-top: 24px;
    position: absolute;
	background-color: #000;
}

#filter_search:hover #item_search {
	height: auto;
	 overflow:auto;
}

 

#item_search a {
    display: flex;
    height: 24px;
    line-height: 24px;
    width: 150px;
}


#item_search a.active {
    position: absolute;
    top: 0;
}

#filter_search {
    margin-left: 80px;
}

#item_search a span {
    display: none;
}
#item_search a.active span {
    display: inline-block;
    float: right;
    line-height: 24px;
    margin-left: 10px;
    vertical-align: middle;
}


.home .bg_home {
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-repeat: no-repeat;
	background-position: center;
	 
}
.home #wine.bg_home {
    background-image: url("images/feuille-de-vigne-red.png");
    background-size: cover;
    height: 760px;
    left: calc(50% - 50px);
    transform: translateX(-50%);
    width: 780px;
	opacity: 0;
	top: calc(50% - 320px);
}

.home.ready #wine.bg_home {
	opacity: 1;
	-webkit-transition: all 2s linear;
    transition: all 2s linear;
	top: calc(50% - 320px);
}
.home #bottle.bg_home {
    background-image: url("images/bottle-red.png");
    background-position: center top;
    background-size: cover;
    height: 760px;
    left: calc(50% - 125px + 154px);
    top: calc(60% - 320px);
    width: 210px;
	opacity: 0;
}

.home.ready #bottle.bg_home {
	opacity: 1;
	top: calc(50% - 320px);
	-webkit-transition: all 1s linear 2s;
    transition: all 1s linear  2s;
}




.home #flux.bg_home {
    background-image: url("images/bg-home.jpg");
    background-position: center -20px;
    background-size: cover;
    height: 100%;
    left: 0;
    mix-blend-mode: exclusion;
    top: 0;
    width: 100%;
	opacity: 0;
}


.home.ready #flux.bg_home {
	opacity: 1;
	-webkit-transition: all 0.9s linear 2s;
    transition: all 0.9s  linear  2s;
}






.home .banner {
    display: flex;
    height: 100vh;
    position: relative;
	padding-top: 50px;
}


.home .banner .inner {
    margin: auto;
    position: relative;
    width: 700px;
}

.home .banner h1 .big {
	position: relative;
	left: -18px;
}


.home .banner h1 {
    font-size: 51px;
	margin-bottom: 0;
    padding-bottom: 0;
}


.home .banner h1 small {
    display: block;
    font-size: 13px;
    letter-spacing: 3px;
    line-height: 20px;
	opacity: 0;
}


.error_first {
	display: none;
}

.valid_age.home .banner h1 .big {
    display: block;
    font-size: 246px;
    line-height: 176px;
	position: relative;
	width: 510px;
	animation-duration: 4s;
    animation-name: home_date;
	left: -18px;
}



@keyframes home_date {
	from {
		left: 270px;
		opacity: 0;
		
	}
	
	to {
		left: -18px;
		opacity: 1;
	}
}



.home .banner h1 .gold {
	opacity: 0;
	 font-weight: 700;
}


.home .banner h1:before {
	display: none;
}

.home .legende {
    display: block;
    font-size: 16px;
    letter-spacing: 1px;
    margin-bottom: 30px;
    padding-bottom: 10px;
    position: relative;
    width: 380px;
	opacity: 0;
}

 
.home .site-header .wrap a {
	opacity: 0;
	-webkit-transition: all 1.2s linear 2.2s;
    transition: all 1.2s linear  2.2s;
	
}
.home.ready .banner h1 small, .home.ready .banner h1 .gold, .home.ready .legende, .home.ready .site-header .wrap  a {
     opacity: 1;
	-webkit-transition: all 1.2s linear 2.2s;
    transition: all 1.2s linear  2.2s;
}


.home .legende:after {
    display: block;
	content: "";
	position: absolute;
	left: 0;
	bottom:0;
	height: 4px;
	width: 69%;
	background-color:#960035;
}

.home .legende:before {
    display: block;
	content: "";
	position: absolute;
	right: 0;
	bottom:0;
	height: 4px;
	background-color:#E7AF4F;
	width: 31%;
}

.home .banner p {
    font-size: 15px;
    line-height: 30px;
    padding-top: 20px;
    position: relative;
    width: 410px;
	opacity: 0;
	left: -30px;
	-webkit-transition: all 1s linear 2.1s;
    transition: all 1s linear  2.1s;
	
}

.home.ready .banner p {
    opacity: 1;
	left: 0px;
	
}


.home .banner p::before {
    background-color: #fff;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    margin-bottom: 0;
    position: absolute;
    top: 0;
    width: 17px;
}
.home .banner a.white {
    bottom: 0;
    font-weight: bold;
    position: absolute;
    right: 0;
	opacity: 0;
	-webkit-transition: all 0.6s linear 2.9s;
    transition: all 0.6s linear  2.9s;
}

.home.ready .banner a.white {
	opacity: 1;
}


#next_home::before {
    background-color: #fff;
    content: " ";
    display: block;
    height: 0px;
    left: 50%;
    position: absolute;
     top: -100px;
    width: 1px;
	-webkit-transition: all 0.8s linear 3.8s;
    transition: all 0.8s linear  3.8s;
}


.home.ready #next_home::before {
	height: 240px;
   
     
}
#next_home {
    height: 250px;
    position: relative;
    width: 100%;
}

.home .content {
    position: relative;
}
.home .content .wrap {
    position: initial;
}

.home .site-content .content:before {
    background-image: url("images/logo-tampon.png");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    content: "";
    height: 690px;
    opacity: 0.2;
    position: absolute;
    right: 0;
    top: -280px;
    width: 40%;
}

.left_50 {
    margin-bottom: 40px;
    width: 48%;
}
.right_50 {
    bottom: 100px;
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    padding: 70px calc(70px + 40px) 70px 70px;
    position: absolute;
    right: 0;
    width: 48%;
    z-index: 1;
}

.bg_wine.right_50 a {
	color: #FFF;
}
.left_70 {
    background-image: url("https://gcc-1855.fr/wp-content/themes/1855/images/parchemin.jpeg");
    background-size: cover;
    display: block;
    height: 450px;
    margin-bottom: 100px;
    position: relative;
    width: 60%;
}
 
/*--------------------------------------------------------------
MENU
--------------------------------------------------------------*/

 
#box_menu {
    background-color: #000;
    height: 100vh;
    left: 0;
    position: fixed;
    top: 110vh;
    width: 100vw;
	z-index: 0;
	align-items: center;
	display: flex;
	 overflow: auto;
	-webkit-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  	transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	-webkit-overflow-scrolling: touch;
	
}


.open_menu #box_menu {
 top: 0vh;
	z-index: 100;
  -webkit-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}


#box_menu .logo {
position: fixed;
	left: 40px;
}

#box_menu .content, #box_footer .content {
	position: relative;
 	margin: auto;
}
#box_menu .content:before {
    background-image: url("images/logo-tampon.png");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    opacity: 0.2;
    position: absolute;
    top: 0;
    width: 100%;
	z-index: -1;
}

#box_menu .wrap, #box_footer .wrap {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    
}

#box_menu .wrap {
	opacity: 0;
	position: relative;
	top: 40px;
	-webkit-transition: all 0.6s ease;
  	transition: all 0.6s ease;
	min-height: 700px;
}

.open_menu #box_menu .wrap {
	opacity: 1;
	top: 0px;
	-webkit-transition: all 0.6s ease 0.5s;
  	transition: all 0.6s ease 0.5s;
}


#box_menu .wrap .inner, #box_footer .wrap .inner {
    width: 100%;
	
}

.flag {
    margin-right: 10px;
}



 
#box_menu .wrap .inner .close {
    font-size: 12px;
    letter-spacing: 2px;
    position: fixed;
    right: 40px;
    text-align: right;
    text-transform: uppercase;
    top: 40px;
	z-index: 20;
	
}

#box_menu .logo span {
	color: #ede7e0;
}



			 

#box_menu .wrap .inner .close span {
    font-size: 30px;
}


#box_menu .header, #box_menu .middle {
    margin-bottom: 7vh;
}


#box_footer .header {
    margin-bottom: 60px;
}

#box_footer {
	padding: 60px 0 ;
	border-top:1px solid #E7AF4F;
	background-image: url("images/bg-paper.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	
}
.titre_site h1 {
    font-size: 40px;
    line-height: 36px;
}
.titre_site span {
    font-size: 15px;
    letter-spacing: 2px;
}

#box_footer .titre_site span {
    font-size: 12px;
    letter-spacing: 1px;
}




#box_menu ul li a, #box_footer ul li a {
    display: block;
    font-size: 15px;
    letter-spacing: 1px;
    margin-bottom: 20px;
    text-transform: uppercase;
	font-weight: 600;
	opacity: 1;
	position: relative;
	line-height: 20px;
	 
}


#box_menu ul li a span, #box_footer ul li a span {
	font-weight: 400;
}

#box_menu ul li a.btn, #box_menu ul li a.btn, #classement-head a.btn, .banner a.btn {
	display: inline-block;
	font-weight: 400;
	border: 1px solid #e7af4f;

}


.banner a.btn {
    bottom: 44px;
    position: absolute;
    right: 0;
}



#box_menu ul li a.btn.no_marge {
	margin-bottom: 3px;
}


/* #box_menu ul li a:hover:before, #box_menu ul li a.active:before { */
#box_menu ul li a:before, #box_menu ul li a.active:before {
 
	background-color: #960035;
    bottom: -5px;
    content: "";
    display: inline-block;
    height: 1px;
    left: 0;
    position: absolute;
    vertical-align: middle;
    width: 0px;
	-webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  	transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	 
	
}

/* #box_menu ul li a:hover:before, #box_menu ul li a.active:before { */
#box_menu ul li a:not(.btn):hover:before, #box_menu ul li a.active:not(.btn):before {
  
    width: 50px;
	-webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  	transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	 
	
}

ul li .icon-download  {
    display: inline-block;
    font-size: 24px;
    line-height: 8px;
    margin-right: 10px;
    position: relative;
    top: 5px;
}



ul li .icon-panier {
    display: inline-block;
    font-size: 18px;
    line-height: 8px;
    margin-right: 10px;
    position: relative;
    top: 3px;
}


#box_menu .flex .col .sep, #box_footer .flex .col .sep {
    
    display: block;
    height: 1px;
    margin-bottom: 40px;
    width: 33%;
}


#box_menu ul li a .icon-arrow-right, #box_footer ul li a .icon-arrow-right {
    display: inline-block;
    font-size: 14px;
    line-height: 4px;
    margin-left: 10px;
    position: inherit;
    right: 0;
    top: -2px;
    vertical-align: middle;
}

#box_menu .new, #box_footer .new {
    font-size: 11px;
    margin-left: 5px;
    padding: 2px 6px;
    position: relative;
    top: -2px;
	letter-spacing: 1px;
}

#box_menu .flex .col, #box_footer .flex .col {
    width: 33%;
}


 #box_footer .flex .col:last-child {
    /* display: flex;
    flex-flow: column wrap;
    justify-content: space-between; */
	 position: relative;
	 box-sizing: border-box;
    display: block;
}
 #box_footer .flex .col:last-child p {
	 position: relative;
	 top: -2px;
}
#box_menu .flex .col.last, #box_menu .footer.flex .col,
#box_footer .flex .col.last, #box_footer .footer.flex .col 
{
    display: flex;
	align-items: flex-end;
}


#box_menu .footer p, #box_footer .last_footer p {
    font-size: 14px;
    line-height: 26px;
	margin-bottom: 0;
}


#box_menu .footer.flex  .col {
    align-items: flex-start;
    flex-flow: column nowrap;
    justify-content: space-between;
}

#box_menu .footer.flex .col.last {
	justify-content: flex-end;
}

#changelang {
    margin-top: 14px;
}

#box_menu p.address {
	margin-top: 10px;
}



#box_footer .col:last-child p.mentions {
    border: 0 none;
    bottom: -20px;
    display: block;
    float: none;
    height: 40px;
    left: 0;
    position: absolute;
    top: auto;
    width: auto;
}

.open_up #box_footer {	
	display: none;
	}
	


#box_menu .flex .col.last ul {
    position: relative;
    /* top: -14px; */
    width: 100%;
}


p.mentions {
   
    width: 100%;
}

p.mentions a {
	text-decoration: underline;
	margin-right: 40px;
	
}

p.followus {
    letter-spacing: 2px;
    text-transform: uppercase;
}
p.followus a {
    font-size: 32px;
    margin-right: 5px;
    vertical-align: middle;
}


.last_footer p.followus {
    margin-top: 68px;
}


.sep_2 {
    display: inline-block;
    height: 1px;
    margin-bottom: 3px;
    margin-left: 10px;
    margin-right: 10px;
    width: 16px;
}


.clear {
	display: block;
	width: 100%;
	flex: none;
	float: left;
	clear: both;
}

#lang_switcher {
    background-color: #fff;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 100vh;
    justify-content: center;
    padding: 20px;
    position: fixed;
    right: -100vw;
    top: 0;
    width: 400px;
	z-index: 99999;
	
 
	-webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  	transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}




#lang_switcher .icon-close-thin {
    color: #444;
    position: absolute;
    right: 40px;
    top: 40px;
	z-index: 200;
	cursor: pointer;
}


#lang_switcher  li a::before, #lang_switcher li a.active::before {
    background-color: #960035;
    bottom: -5px;
    content: "";
    display: inline-block;
    height: 1px;
    left: 0;
    position: absolute;
    transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
    vertical-align: middle;
    width: 0;
}
#lang_switcher li.current-lang a {
    background-color: #efefef;
}
#lang_switcher li a {
    display: block;
    font-size: 15px;
    font-weight: normal;
    letter-spacing: 1px;
    line-height: 20px;
    margin-bottom: 20px;
    opacity: 1;
    position: relative;
    text-transform: uppercase;
}

#lang_switcher li a {
	margin-right: 10px;
}


#lang_switcher_rgpd  {
    margin-top: 20px;
}
#lang_switcher_rgpd li {
    display: inline;
}

#lang_switcher_rgpd li:before {
    content: ' - ';
	color: #222;
}

#lang_switcher_rgpd li:first-child:before {
    content: '';
}





#homebox .header {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: auto auto 40px;
    text-align: left;
    width: 100%;
}
#homebox #logo_homebox {
    height: auto;
    margin-right: 30px;
    opacity: 0.6;
    width: 140px;
}




#moove_gdpr_cookie_modal .moove-gdpr-modal-content {
    border-radius: 0;
}

#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close {
    background: transparent none repeat scroll 0 0;
    border-radius: 0;
    display: block;
    height: 40px!important;
    line-height: 40px!important;
    padding: 0;
    position: absolute;
    right: 20px!important;
    text-align: center;
    text-decoration: none;
    top: 20px!important;
    width: 40px!important;
    z-index: 99;
}

#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close i, #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close span.gdpr-icon {
     
    border-radius: 0!important;
    color: #fff;
    display: block;
    font-size: 48px;
    height: 40px!important;
    line-height: 40px!important;
    transition: all 0.3s ease 0s;
    width: 40px!important;
}

.main-modal-content {
    padding-top: 110px;
}

.moove-gdpr-branding-cnt {
	display: none;
}



#logo_trad {
    height: auto;
    margin: auto;
    opacity: 0.6;
    width: 150px;
}
#lang_switcher.active {
	right: 0;
}
     

#lang_switcher li a {
    border-bottom: 1px solid #efefef;
    margin-bottom: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-top: 10px;
}

#lang_switcher li.current-lang a {
    background-color: #efefef;
     
}




#footer_bis p {
    font-size: 12px;
    margin: 0;
    padding: 10px;
    text-align: center;
}








/*--------------------------------------------------------------
Intro
--------------------------------------------------------------*/


#homebox  {
    align-items: center;
    display: flex;
    height: 100vh;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 10000;
	text-align: center;overflow: auto;
	background-color: rgba(0, 0, 0, 1);
	
}


#homebox .bg_layer {
    background-image: url("images/logo-tampon.png");
    background-position: 140% bottom;
    background-repeat: no-repeat;
    background-size: 53% auto;
    height: 100%;
    left: 0;
    opacity: 0.2;
    position: absolute;
    top: 0;
    width: 100%;
}

#homebox .popup {
    color: #fff;
    max-width: 750px;
    padding: 20px;
    width: calc(100% - 40px);
}

#homebox h2 {
 font-size: 32px;
	margin-bottom: 40px;
}

#homebox .inner {
    padding: 40px;
    position: relative;
    z-index: 1000;
	 
}


#homebox p {
	text-align: center;
	margin-bottom: 40px;
}
#homebox .btn {
    border: 1px solid #e7af4f;
    margin-left: 20px;
    margin-right: 20px;
    width: 160px;
}

#homebox input {
    border: medium none;
    display: inline-block;
    font-family: kepler-std-display,serif;
    font-size: 32px;
    margin-bottom: 40px;
    max-width: 300px;
    padding: 10px;
    text-align: center;
	max-width: calc(100% - 20px);
}


.lity.lity-opened {
    z-index: 9999999;
}

.change-settings-button {
	cursor: pointer;
}



#logo_home {
    height: auto;
    margin-bottom: 40px;
    width: 140px;
	opacity: 0.6;
}




.valid_age #homebox h2, .valid_age #homebox p,  .valid_age #homebox input,  .valid_age #homebox .btn,  .valid_age #homebox #logo_home,  .valid_age #homebox ul {
	opacity: 0;
	transform:translateY(20px);
	-webkit-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  	transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
}




.valid_age #homebox  {
	opacity: 0;
	-webkit-transition: opacity 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.4s;
  	transition: opacity 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.4s;
	
	 
}


 

/*--------------------------------------------------------------
HEADER
--------------------------------------------------------------*/


.site-content-contain .inner {
	opacity: 0;
	-webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.1s;
  	transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.1s;
}
.first_ready .site-content-contain .inner {
	opacity: 1;
	-webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.1s;
  	transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.1s;
}


.page-template-default .logo span, .page-template-default  .burger,
.home .logo span, .home  .burger,
.page-template-page-classement .logo span, .page-template-page-classement .burger,
.single-product .logo span, .single-product .burger,
.grands-crus-classes-template-default .logo span, .grands-crus-classes-template-default .burger,
.woocommerce-page  .logo span, .woocommerce-page  .burger 
{
	color: #EDE7E0;
}

.black_menu #masthead .logo span, .black_menu #masthead .burger {
	color: #ede7e0;
	
}

.white_menu #masthead .logo span, .white_menu #masthead .burger  {
	color: #000;
	
}



.section.home {
    background-color: #000;
    display: inline-block;
    height: 100vh;
    width: 100vw;
	background-image: url("images/bg-home.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


.home {
    background-color: #000;
    
}



body:not(.home) .banner::before {
    background-image: url("images/logo-tampon.png");
    background-position: 2% 2%;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    display: block;
    height: 100%;
    opacity: 0.2;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    right: 10%;
    top: 60px;
    width: 550px;
}

body:not(.home) .no_bg::before {
	display: none;
}
body:not(.home) .banner {
    background-position: center bottom;
    background-size: cover;
    overflow: hidden;
    padding-bottom: 20px;
    padding-top: 180px;
    position: relative;
}

.banner h1, h1.titre {
    display: inline-block;
      line-height: 45px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    position: relative;
}

.banner h1:before,  h1.titre:before {
    background-color: #fff;
    bottom: 0;
    content: "";
    display: block;
    height: 3px;
    left: 0;
    margin: 0;
    position: absolute;
    width: 50px;
}
h1.wine:before {
	background-color:#960035;
}


h2.titre:before {
    background-color: #fff;
    bottom: 0;
    content: "";
    display: block;
    height: 3px;
    left: 0;
    margin: 0;
    position: absolute;
    width: 50px;
}

.classement h2.titre:before {
	display: none;
}
.classement h2.titre {
	display: block;
	    margin: 0 0 3px;
    padding: 0;
}

p.lettering:first-letter {
    display: inline-block;
    float: left;
    font-size: 52px;
    line-height: 31px;
    margin-right: 9px;
    margin-top: 9px;
    position: relative;
    top: 10px;
    vertical-align: bottom;
}



.banner p {
    font-size: 16px;
    line-height: 24px;
}
 
.post-edit-link {
    background-color: #960035;
    border-radius: 4px;
    color: #fff;
    padding: 2px 10px;
    position: absolute;
    right: 0;
    top: 200px;
    z-index: 100;
}



.page-template-page-classement #content, .single-grands-crus-classes  #content {
	padding-top: 180px;
}				


 
body:not(.home) .banner .wrap {
    align-items: start;
    display: flex;
    min-height: 220px;
}
body:not(.home) .banner .sep {
    background-color: #fff;
    display: block;
    height: 3px;
    margin: 40px 0;
    width: 50px;
}









/*--------------------------------------------------------------
CLASSEMENT
--------------------------------------------------------------*/


.page-template-page-classement, .single-grands-crus-classes {
	background-color: #000;
	
}


.classement {
    display: block;
    position: relative;
	margin-bottom: 0;
}


.classement h2 {
	margin-bottom: 5px;
}
.list_wrapper {
    display: flex;
    margin: 40px 0;
	flex-wrap: wrap;
}

.item {
    padding-top: 20px;
    position: relative;
    text-align: center;
    width: 200px;
	 overflow: hidden;
}
.item:before {
    background-color: #29241f;
    content: "";
    display: block;
    height: 0px;
    position: absolute;
    bottom: 60px;
    width: calc(100%);
    z-index: -1;
	opacity:0;
	left: 0;
	-webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.1s;
  	transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.1s;
}
.item:hover:before {
 	opacity:1;
    height: calc(65% - 60px);
	-webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.1s;
  	transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.1s;
     
}
.item:after {
    background-color: #554A3F;
    content: "";
    display: block;
    height: 35%;
    position: absolute;
    top: 0px;
    width: 1px;
    z-index: -1;
	right: 0;
	
	
}

.item.shadow {
    opacity: 0;
}


.item h3 {
    display: block;
    height: 120px;
    line-height: 20px;
    margin: 0;
}
 

.item h3 strong {
    display: inline-block;
    margin-top: 10px;
}




.item img {
    height: 360px;
	 width: auto;
	-webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) ;
  	transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) ;
}

.item:hover img {
	transform: scale(1.1);
	-webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) ;
  	transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}


.item .shadow {
	display: block;
	width: 300%;
	height: 100%;
	background-color: #000;
	opacity: 0;
	position: absolute;
	left: -100%;
	top: 0;
	z-index: 10;
	
	-webkit-transition: opacity 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  	transition: opacity 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	
}


.item.innactive .shadow {
	opacity: 0.6;

	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+25,1+75,0+100 */
background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 25%, rgba(0,0,0,1) 75%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 25%,rgba(0,0,0,1) 75%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 25%,rgba(0,0,0,1) 75%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */

	-webkit-transition: left 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  	transition: left 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	
}
.item.active .shadow {
	opacity: 0;
	 
}


.item.left .shadow, .shadow_slider .before {
 
	-webkit-transition: left 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  	transition: left 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	left: -200%;
	
 
}

.item.right  .shadow, .shadow_slider .after {
  -webkit-transition: left 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  	transition: left 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	left: 0; 

}




.shadow_slider {
	position: absolute;
	pointer-events: none;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100%;
	z-index: 2;
}


.shadow_slider .before {
	position: absolute;
	pointer-events: none;
	left: 0;
	top: 0;
	width: 150px;
	height: 100%;
	display: block;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&1+0,0+100 */
background: -moz-linear-gradient(left,  rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */

}



.shadow_slider .after {
	 
	
	position: absolute;
	pointer-events: none;
	left: auto;
	right: 0;
	top: 0;
	width: 150px;
	height: 100%;
	display: block;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100 */
background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=1 ); /* IE6-9 */

}


.nav_slide .prev {
    font-size: 36px;
    height: 80px;
    line-height: 80px;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    width: 80px;
    z-index: 20;
	left: 0;
	cursor: pointer;
} 


.nav_slide .next {
    font-size: 36px;
    height: 80px;
    line-height: 80px;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    width: 80px;
    z-index: 20;
	right: 0;
	cursor: pointer;
} 




.swiper-button-disabled {
	background-color: #4a4a4a;
}








/*--------------------------------------------------------------
CLASSMENT POP_UP
--------------------------------------------------------------*/



.pop_up {
    height: 100vh;
    left: 0;
    position: fixed;
    top: 100vh;
    width: 100vw;
    z-index: 99;
	 
}
.open_up .pop_up {
    
    top: 0;
     
	 
}
.open_up  #box_menu .wrap .inner .close {
	display: none;
}


.pop_up .bg_layer {
    background-color: #000;
    height: 100vh;
    position: fixed;
    width: 100vw;
    z-index: 1;
	top: 100vh;
	opacity: 0;
	-webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  	transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	
	background-image: url("images/bg-home.jpg");
    background-position: center;
    background-size: cover;
	
	
}
.open_up .pop_up .bg_layer {
	top: 0;
	opacity: 1;
	-webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  	transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.pop_up_inner .wine_logo img {
    height: auto;
    margin-bottom: 30px;
    max-height: 110px;
    max-width: 140px;
    mix-blend-mode: multiply;
    width: auto;
}


.pop_up .content {
    align-items: center;
    display: flex;
    height: 100vh;
    justify-content: center;
    margin: auto;
    position: relative;
    z-index: 2;
	width: 100vw;
	overflow: hidden;
	background-image: none!important;
}

.open_up .pop_up .close {
	opacity:1;
	-webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.6s;
  	transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.6s;
}

.pop_up .close {
    color: #fff;
    position: absolute;
    right: 190px;
    top: 30px;
    z-index: 2;
	opacity:0;
	cursor: pointer;
}


.pop_up .close span {
    font-size: 14px;
    line-height: 8px;
    margin-right: 10px;
    position: relative;
    top: -2px;
    vertical-align: middle;
}

.pop_up .nav_slide .prev {
    left: -90px;
	-webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  	transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.pop_up .nav_slide .next {
    right: -90px;
	-webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  	transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) ;
}

.open_up .pop_up .nav_slide .prev {
    left: 0px;
	-webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.5s;
  	transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.5s;
}

.open_up .pop_up .nav_slide .next {
    right: 0px;
	-webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.5s;
  	transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.5s;
}


 
.pop_up_inner {
   box-sizing: border-box;
    display: flex;
    height: 70vh;
    max-width: 1020px;
    min-height: 600px;
    min-width: 920px;
    padding: 40px;
    position: relative;
    width: calc(100% - 340px - 20px);
	max-height: 650px;
}



.pop_up_inner:before {
    height: 100%;
    width: 100%;
	position: absolute;
	left: -100vw;
	top:0;
	background-color: #FFF;
	background-image: url("images/bg-paper.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	
	content: "";
	z-index: -1;
	-webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) ;
  	transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) ;
}


.open_up .pop_up_inner:before {
	left: 0;
	-webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  	transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.pop_up_inner .about {
    margin-left: 20px;
    margin-right: 20px;
    width: 100%;
}
.pop_up_inner .www {
    padding-top: 20px;
	opacity: 0;
	-webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) ;
  	transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

body.medoc .pop_up_inner .www {
    border-top: 10px solid #960035;
    
}
body.sauternes-barsac .pop_up_inner .www {
    border-top: 10px solid #e7af4f;
}




.open_up .pop_up_inner .www {
    
	opacity: 1;
	-webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.3s;
  	transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.3s;
}



 

.pop_up_inner .bottle {
    align-items: center;
    display: inline-block;
    flex: 0 0 auto;
    float: left;
    height: 100%;
    left: 80px;
    opacity: 0;
    position: relative;
    text-align: center;
    top: 0;
    -webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) ;
  	transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) ;
    width: 200px;
}


.open_up .pop_up_inner .bottle {
    opacity: 1;
    left: 0px;
	-webkit-transition: all 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.3s;
  	transition: all 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.3s;
     
}


.pop_up_inner .about {
    display: flex;
    flex-flow: column wrap;
    
    justify-content: space-between;
    vertical-align: top;
	opacity: 0;
	-webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  	transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.open_up .pop_up_inner .about {
	opacity: 1;
	-webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.3s;
  	transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.3s;
}

.pop_up_inner .wine_logo {
    align-items: center;
    display: flex;
    height: 140px;
    justify-content: left;
    vertical-align: middle;
}
.pop_up_inner .bottle img {
    height: 100%;
    max-height: 90vh;
    position: relative;
    top: -1vh;
    transform: scale(1.3);
    width: auto;
}


.pop_up .titre h1 {
    font-size: 46px;
    line-height: 40px;
    margin-bottom: 6px;
}

 
.pop_up .titre .legende {
    display: block;
    line-height: 16px;
    margin-bottom: 10px;
}


.pop_up_inner .www {
    width: calc(101% - 380px);
}

.about .www p, .about .carte p {
    text-align: left;
    font-size: 14px;
}

.pop_up .visuel {
    bottom: 40px;
    height: 355px;
    left: auto;
    position: absolute;
    right: -50vw;
    top: inherit;
    width: 460px;
    z-index: 10;
	background-position: center center;
    background-size: cover;
	overflow: hidden;
	-webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) ;
  	transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) ;
	display: flex;
	vertical-align: middle;
	justify-content: center;
}




.open_up .pop_up .visuel {
    right: -70px;
	-webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  	transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
     
}




.pop_up .visuel img {
    height: 100%;
    width: auto;
}



.about .titre h1 {
    margin-top: -10px;
}
 

body.sauternes-barsac #pop_up {
	display: none;
}

body.medoc #pop_up_2 {
	display: none;
}






.content[data-hash="chateau-prieure-lichine"] .wine_logo img {

    max-width: 200px;
    height: auto;
    max-height: 160px;
    margin-bottom: 10px;

}



/*--------------------------------------------------------------
TERROIR
--------------------------------------------------------------*/


.submenu_t .inner {
    display: flex;
}

.submenu_t {
    position: relative;
} 

.submenu_t:before {
    display: flex;
	content: "";
	background-color: #960035;
	position: absolute;
	left: 0;
	width: 50vw;
	height: 100%;
	top: 0;
}


.submenu_t:after {
    display: flex;
	content: "";
	background-color: #e7af4f;
	position: absolute;
	right: 0;
	width: 50vw;
	height: 100%;
	top: 0;
}
.submenu_t a.active {
    width: 100%;
} 

.submenu_t a {
    box-sizing: border-box;
    color: #fff;
    line-height: 40px;
    padding: 0vw 2vw;
    position: relative;
    text-align: left;
    width: 22vw;
    z-index: 1;
	min-width: 280px;
}

.submenu_t .inner {
    display: flex;
}



.bg_paper {
	background-image: url("images/bg-paper.jpg");
    background-repeat: repeat;
    background-size: 100% auto;
	 
	
}
 

 

.paragraphe_1.p_gold {
    clear: both;
    display: inline-block;
    padding-bottom: 60px;
	width: 100%;
}


.page-template-page-terroir  .bg_paper .inner  {
    padding-bottom: 60px;
}

.page-template-page-terroir  .section_sliders {
	padding-bottom: 30px;
	padding-top: 40px;
	padding-bottom: 0;
}

.page-template-page-terroir h3 {
	font-family: futura-pt, sans-serif;
	font-weight: 600;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-size: 18px;
}

.image_center {
    background-position: center center;
    background-size: cover;
    height: 80vh;
}


.editor img.alignleft {
    display: inline;
    float: left;
    height: auto;
    margin-right: 1.5em;
    width: 35vw;
}

.slide h2 {
    align-items: flex-end;
    border-bottom: 1px solid #999;
    display: flex;
    justify-content: space-between;
    line-height: 36px;
    margin-bottom: 20px;
    padding-bottom: 10px;
	cursor: pointer;
	
}


.page-id-57  .slide h2 {
    border-bottom: 1px solid #960035;
}

.page-id-58  .slide h2 {
    border-bottom: 1px solid #e7af4f;
}


.slide h2 span {
    font-size: 20px;
    vertical-align: bottom;
    width: 30px;
	line-height: 35px;
}
.slide h2 span.icon-arrow-down, .slide.active h2 span.icon-arrow-right  {
    display: none;
}

.slide.active h2 span.icon-arrow-down, .slide h2 span.icon-arrow-right {
    display: block;
}


.slide .content_slide {
    display: none;
    margin-bottom: 90px;
}

.slide {
    margin-bottom: 40px;
}



.slide.active .content_slide {
    display: block;
}


.conclusion {
    padding: 60px 0;
}

.conclusion h2 {
    margin-bottom: 40px;
}

.p75 {
    width: 75%;
}


.flex_2_col {
    display: flex;
    flex-wrap: wrap;
	justify-content: space-between;
}
.flex_2_col div {
    width: 48%;
}


h2.titre {
	font-size: 56px;
    font-style: normal;
    font-weight: 900;
    line-height: 48px;
    margin: 0;
	display: inline-block;
	position: relative;
    margin-bottom: 20px;
    padding-bottom: 20px;
}



.gb_gold h2.titre  {
	color: #e7af4f;
	
}
.gb_gold  h2.titre:before {
    background-color: #e7af4f;
     
}
.gb_wine h2.titre  {
	color: #960035;
}
.gb_wine  h2.titre:before {
    background-color: #960035;
     
}

 
/*--------------------------------------------------------------
MILLESIMES
--------------------------------------------------------------*/





#millesime {
    align-items: center;
    background-image: url("images/feuille-de-vigne.png"), url("images/bg-paper.jpg");
    background-position: center 8%, center center;
    background-repeat: no-repeat, no-repeat;
    background-size: auto 80%, cover;
    display: flex;
    flex-flow: column wrap;
    justify-content: space-between;
    min-height: 100vh;
    width: 100%;
	overflow: hidden;
}

#timeline_content {
	margin: 0 auto;
    overflow-y: hidden;
    position: relative;
    transform: translateZ(0px);
	 width: calc(100vw - 230px - 170px);
	padding-right: 170px;
	
}
#timeline_slider {
    align-items: flex-end;
    display: flex;
    flex-flow: row wrap;
    height: 15vh;
    justify-content: baseline;
	padding-top: 30px;
    width: 8160px;
}

#timeline  {
	display: flex;
}


#timeline .legende_time {
    position: relative;
    text-align: right;
    width: 230px;
	font-size: 12px;
}

.timeline_slide {
    height: 100%;
    overflow: hidden;
    padding-bottom: 30px;
    position: relative;
    text-align: center;
    top: -30px;
    width: 36px!important;
	cursor: pointer;
}

#timeline  .titre_legende_1 {
    position: absolute;
    right: 0;
    top: -10px;
	margin-right: 10px;
	 
}

#timeline  .titre_legende_2 {
    position: absolute;
    right: 0;
    top: 25px;
}
#timeline .titre_legende_3  {
    bottom: 11px;
    position: absolute;
    right: 0;
}

.titre_legende_2:after , .titre_legende_3:after {
	display: block;
	height: 1px;
	width: 20px;
	vertical-align: middle;
	display: inline-block;
	margin: 0 10px;
	content: "";
	background-color: #4a4a4a;
}

.timeline_slide:hover span.repere:before {
	background-color: #E7AF4F;
}

.timeline_slide span.year {
    display: block;
    font-family: kepler-std-display,serif;
    font-size: 16px;
    font-style: normal;
    font-weight: lighter;
    height: 30px;
	color: #E7AF4F;
	opacity: 0.8;
}


.timeline_slide.active span.year {
	color: #960035;
	opacity: 1;

}

.timeline_slide.innactive span.year {
	 
	opacity: 0.8;

}


.timeline_slide span.repere {
	height: 100%;
}

.timeline_slide span.repere::before {
    border: 1px solid #E7AF4F;
	
    border-radius: 8px;
    content: "";
    display: block;
    height: 8px;
    margin: auto;
    width: 8px;
}
.timeline_slide.active span.repere:before {
	border: 1px solid #960035;
	background-color: #960035;
}
.timeline_slide span.repere::after {
    background-color: #E7AF4F;
    content: "";
    display: block;
    height: 100%;
    margin: auto;
    width: 1px;
}
.timeline_slide.active span.repere:after {
    background-color: #960035;
}

 .timeline_slide.q_1 { height: 20%; }
 
 .timeline_slide.q_2 { height: 30%; }
 
 .timeline_slide.q_3 { height: 40%; }
 .timeline_slide.q_4 { height: 50%; }
 .timeline_slide.q_5 { height: 60%; }
 .timeline_slide.q_6 { height: 70%; }
 .timeline_slide.q_7 { height: 80%; }
 .timeline_slide.q_8 { height: 90%; }
 .timeline_slide.q_9 { height: 100%; }
 




#search_millesime {
    float: right;
    position: absolute;
    right: 0;
    text-align: right;
    width: 230px;
    z-index: 22;
}

#search_millesime label {
    display: block;
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 11px;
}


.year_form input {
    background-color: #fff;
    border: 1px solid #efefef;
    display: inline;
    font-family: futura-pt;
    font-size: 30px;
    margin: 0;
    padding: 11px 5px;
    text-align: center;
    width: 30px;
}

.year_form input[type=number]:-webkit-inner-spin-button, 
.year_form input[type=number]:-webkit-outer-spin-button { 
  -webkit-appearance: none; 
   margin: 0; 
}

.year_form input[type=number] {
    -moz-appearance:textfield; /* Firefox */
}
.year_form {
    text-align: right;
}


.year_form input[type=number]::-webkit-inner-spin-button, 
.year_form input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}




#millesime_view p {
	font-size: 16px;
}


.line_millesime p {
    text-align: left;
}

#millesime_view {
    align-items: center;
    display: flex;
    flex-flow: column nowrap;
    height: 78vh;
    justify-content: center;
    width: 100%;
	min-height: 700px;
}

.view {
    width: 100%;
}
.item-milesime {
    background-color: #fff;
    box-shadow: 0 0 7px -4px #000;
    margin: auto 240px auto auto;
    padding: 50px 50px 30px;
    width: 480px;
	display: flex;
	 flex-wrap: wrap;
	z-index: 1;
	position: relative;
}

.item-milesime-shadow {

     margin: auto;
    padding: 50px 50px 30px;
    width: 520px;
	display: flex;
	 flex-wrap: wrap;
	z-index: 1;
	position: relative;
	height: 220px;
}

.box_millesime h4 {
    font-size: 16px;
    margin: 0;
	margin-bottom: 5px;
}

.line_millesime {
    width: 50%;
	padding-right: 20px;
    box-sizing: border-box;
}
 
 

.volume span {
    font-size: 30px;
    line-height: 40px;
    margin-right: 4px;
	color: #DDDDDD;
}

.qualite span {
    color: #dddddd;
    font-size: 15px;
    line-height: 20px;
    margin-right: 5px;
}


.volume span.active, .qualite span.active {
  
	color: #E7AF4F;
}


#millesime_view h2.year_titre {
    font-size: 250px;
    left: 50%;
    line-height: 128px;
    margin-top: 10px;
    position: relative;
    text-align: center;
    top: 10px;
    transform: translateX(-490px);
    z-index: 0;
}


#millesime_view h2.year_titre span {
    color: #232323;
    font-size: 50px;
    left: -25px;
    line-height: 0;
    position: relative;
    top: -10px;
}

.millesime_nav {
    height: 78vh;
    margin-top: 10px;
    position: absolute;
    width: 100%;
	min-height: 700px;
	overflow: hidden;
}


.next_year a, .prev_year a {
	color: #fff;
	z-index: 2;
	position: relative;
}

.next_year {
    color: #fff;
    display: inline-block;
    font-family: kepler-std-display,serif;
    font-size: 40px;
    line-height: 40px;
    padding: 30px;
    position: absolute;
    right: 0;
    text-align: right;
    top: 50%;
    transform: translateY(165px);
    width: 30vw;
	opacity: 1;
	-webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  	transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.next_year.innactive {
    opacity: 0;
	right: -60vw;
	-webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  	transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
 

.next_year span {
    font-size: 26px;
    margin-left: 10px;
	
	-webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  	transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.next_year:hover span {
    font-size: 26px;
     margin-left: 16px;
	 margin-right: -4px;
	-webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  	transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.prev_year {
    color: #fff;
    display: inline-block;
    font-family: kepler-std-display,serif;
    font-size: 40px;
    line-height: 40px;
    padding: 30px;
    position: absolute;
    right: 60%;
    text-align: left;
    top: 50%;
    transform: translateY(70px);
    width: 23vw;
	opacity: 1;
	-webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  	transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.prev_year.innactive {
    opacity: 0;
	right: 30%;
	-webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  	transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
 


.prev_year span {
    font-size: 26px;
    margin-right: 10px;
	-webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  	transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.prev_year:hover span {
    font-size: 26px;
    margin-right: 16px;
	 margin-left: -4px;
	-webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  	transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}



#preambule p.lettering:first-letter {
    color: #960035;
}
 
#millesimes_data_box.innactive, #preambule.innactive  {
	display: none;
}


 
#millesimes_data_box {
	position: relative;
}

#millesimes_data_box .item-milesime {
    top: 0;
	right: 0px;
    position: absolute;
	opacity: 0;
	z-index: 0;
    
}


#millesimes_data_box .item-milesime.innactive {
    display: flex;
    right: -100px;
    position: absolute;
    top: 0;
	z-index: 1;
	opacity: 0;
	/* -webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  	transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); */
}

#millesimes_data_box .item-milesime.millesimes_out {
	opacity: 0;
	z-index: 1;
	animation-name: millesimes_out;
    animation-duration: 1s;
	pointer-events: none;
     
}

#millesimes_data_box .item-milesime.active {
    display: flex;
    right: 0px;
    position: absolute;
    top: 0;
	
	 opacity: 0;
    z-index: 2;
	
	
	/* -webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  	transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); */
}

#millesimes_data_box .item-milesime.millesimes_in {
	 
	 animation-name: millesimes_in ;
     animation-duration: 0.5s;
	 animation-delay: 0.4s;
	 animation-fill-mode: forwards;
    
	 
}

 

 @keyframes millesimes_out {
    from { opacity: 1; right: 0px; }
    to   { opacity: 0; right: -100px;   }
  }


 @keyframes millesimes_in {
    from { opacity: 0; right: 10px; }
    to   { opacity: 1; right: 0px; }
  }



.single-product .text_content h1, .single-product .text_content p, .woocommerce-page .text_content h1, .woocommerce-page .text_content p, .page-template-page-commande-plaquette .text_content h1, .page-template-page-commande-plaquette .text_content p {
color: #ede7e0;
}
.single-product .text_content > *, .woocommerce-page .text_content  > *, .page-template-page-commande-plaquette.text_content  > * {
	color: #ede7e0;
}
.woocommerce div.product p.price {
    margin-bottom: 20px;
}

.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
    float: left;
    width: 100%;
}


.single-product .text_content, .woocommerce-page #content  .text_content {
padding-top: 180px;
}

.single-product .text_content .woocommerce-product-details__short-description {
 
    display: block;
    width: 100%;
}
  
#content .product {
    display: flex;
	padding-bottom: 40px;
}

 

.woocommerce .products ul, .woocommerce ul.products {
    clear: both;
   /*  display: flex; */
    justify-content: space-between;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    box-sizing: border-box;
    float: left;
    margin: 0;
    padding: 0 4% 0 0;
    position: relative;
    width: 50%;
}



.woocommerce ul.products li.product figure {
    margin: 0;
}


.woocommerce ul.products li.first, .woocommerce-page ul.products li.first {
    clear: both;
    margin-right: 6%;
}

.woocommerce ul.products li.product h2.titre {
    display: inline-block;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 23px;
     margin: 0 0 14px;
    padding-bottom: 23px;
    position: relative;
}


.woocommerce ul.products .intro {
    flex: 1 1 auto;
}

.woocommerce ul.products {
    box-sizing: border-box;
    margin-top: 60px;
    padding-bottom: 60px;
}

.woocommerce ul.products li.product a img {
    box-shadow: none;
    display: block;
    height: auto;
    margin: 0;
    width: 100%;
}


.woocommerce ul.products li.product h2.titre:before {

    width: 40px;
}

 

.woocommerce img, .woocommerce-page img {
    height: auto;
    max-height: 90vh;
	max-width: 90%;
	width: auto;
}

#content .product .img {
    text-align: left;
    width: 50%;
	
}


#content .product .about {
    margin-left: 0;
    width: 50%;
}
#content ul.products  .product .about {
    margin-left: 20px;
    width: 100%;
}

#content  ul.products .product .img {
    width: 400px;
}



.woocommerce ul.products li.product a.btn {
    text-align: center;
    text-decoration: none;
}



.woocommerce div.product p.price, .woocommerce div.product span.price {
    color: #960035;
    font-family: futura-pt, sans-serif;
    font-size: 20px;
    font-weight: bold;
}


.single-product #content .woocommerce-Price-amount {
    color: #960035;
}


.input-text.qty {
    background-color: #ede7e0;
    border: medium none;
    font-family: futura-pt;
    font-size: 14px;
    line-height: 1;
    margin: 0;
    padding: 20px 10px;
}


.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    background-color: #960035!important;
    background-image: none;
    border: 0 none;
    border-radius: 0;
    box-shadow: none;
    color: #ede7e0!important;
    cursor: pointer;
    display: inline-block;
    font-family: futura-pt;
    font-size: 14px;
    font-weight: normal!important;
    left: auto;
    letter-spacing: 1px;
    line-height: 1;
    margin: 0;
    overflow: visible;
    padding: 20px 0;
    position: relative;
    text-decoration: none;
    text-shadow: none;
    text-transform: uppercase;
    width: 240px;
	text-align: center;
}



#box_menu ul li a#btn_panier {
     margin-top: 56px;
}

#box_menu .flex .col.last {
    align-items: inherit;
    display: block;
}

.block_btn {
 padding: 20px 0;
 width: 240px;	
	text-align: center;
}

.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
	color: #FFF!important;
}


.woocommerce-cart .text_content .wrap {
    margin: auto;
    position: relative;
    width: 550px;
}

.woocommerce-cart-form {
    display: inline-block;
    width: 100%;
}

.woocommerce .cart-collaterals {
    display: inline-block;
    width: 100%;
	margin-bottom: 120px;
}

.woocommerce .cart-collaterals H2 {
    height: 40px;
	font-size: 22px;
	display: none;
	
}

.woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit[disabled]:disabled, .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button[disabled]:disabled, .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button[disabled]:disabled, .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button[disabled]:disabled {
	display: none;
}

.woocommerce a.remove {
    
    color: #960035!important;
	
}

.woocommerce-terms-and-conditions-checkbox-text {
    color: #333;
    font-size: 9px;
    letter-spacing: 0;
    line-height: 1;
    text-align: left;
}


.form-row.validate-required {
	text-align: left!important;
}


.woocommerce ul.products li.product h3 {
    font-size: 20px;
    line-height: 22px;
    margin: 0;
    padding: 0.5em 0;
}




.woocommerce a.remove:hover {
    
    background-color: #960035;
	
}

#add_payment_method table.cart td, #add_payment_method table.cart th, .woocommerce-cart table.cart td, .woocommerce-cart table.cart th, .woocommerce-checkout table.cart td, .woocommerce-checkout table.cart th,
#add_payment_method .cart-collaterals .cart_totals table, .woocommerce-cart .cart-collaterals .cart_totals table, .woocommerce-checkout .cart-collaterals .cart_totals table{
 font-family: futura-pt;
    font-size: 14px;
    font-weight: normal;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.woocommerce-cart table.cart .order-total {
    font-size: 28px;
}


.woocommerce form .form-row label {
    line-height: 2;
	font-family: futura-pt;
    font-size: 14px;
    font-weight: 900;
	letter-spacing: 1px;
	text-transform: uppercase;
	 
}

.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
    float: none;
    width: 100%;
	margin-bottom: 40px;
}
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
    float: none;
    width: 100%;
}

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
    background-color: #111;
    border: none;
    box-sizing: border-box;
    color: #fff;
    font-family: futura-pt;
    font-size: 18px;
    font-weight: normal;
    line-height: normal;
    margin: 0;
    outline: 0 none;
    padding: 10px;
    width: 100%;
	border-radius: 1px;
	resize: none;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 27px;
	font-family: futura-pt;
    font-weight: normal;
	font-size: 18px;
	
}

 .woocommerce form .form-row.woocommerce-invalid .select2-container, .woocommerce form .form-row.woocommerce-invalid input.input-text, .woocommerce form .form-row.woocommerce-invalid select {
    border-left: 4px solid #960035;
     
}

.woocommerce form .form-row .select2-container {
    width: calc(50% - 20px)!important;
}


.woocommerce div.product form.cart div.quantity {
    float: left;
    margin: 0 4px 0 0;
    position: absolute;
    top: -10000px;
}

.woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button, .woocommerce-page .woocommerce-error .button, .woocommerce-page .woocommerce-info .button, .woocommerce-page .woocommerce-message .button {
    display: none;
}


#customer_details {
    display: inline-block;
    position: relative;
    width: 59%;
}

#customer_details.brochure {
    display: inline-block;
    position: relative;
    width: 100%;
}


#order_review_heading {
    display: inline-block;
    float: right;
    left: 69%;
    position: absolute;
    vertical-align: top;
    width: 30%;
}


#billing_country_field, #billing_state_field {
    border-bottom: none ;
    padding-bottom: 10px;
}

#order_review {
    clear: none;
    display: inline-block;
    float: none;
    margin-left: 10%;
    padding-top: 70px;
    vertical-align: top;
    width: 30%;
}

#brochure_form #order_review {
   
    display: inline-block;
    float: none;
    margin-left: 0;
    padding-top: 40px!important;
    vertical-align: top;
    width: 100%;
}

#brochure_form .woocommerce-shipping-fields {
	position: absolute;
	top: -50000px;
}


.woocommerce  h3  {
    margin-bottom: 20px;
}
.woocommerce h3 {
    font-family: kepler-std-display,serif;
    font-size: 36px;
    font-weight: 600;
    line-height: 36px;
    margin: 0;
	margin-bottom: 20px;
	margin-top: 20px;
}


.woocommerce table.shop_table th {
    font-family: futura-pt;
    font-size: 16px;
    font-weight: 900;
    line-height: 1.5em;
    padding: 9px 0;
}


.woocommerce table.shop_table .product-name, .woocommerce table.shop_table .product-total, .woocommerce table.shop_table .cart-subtotal td,  .woocommerce table.shop_table .order-total td {
    padding-left: 0;
	font-family: futura-pt;
	
}

.woocommerce table.shop_table .product-name {
    font-size: 14px;
}

.woocommerce table.shop_table .product-name strong {
    font-weight: normal;
}



.woocommerce table.shop_table .woocommerce-Price-amount {
     font-family: futura-pt;
	font-size: 18px;
	color: #960035;
}

.woocommerce .cart-collaterals .woocommerce-Price-amount {
    float: right;
}

.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
    float: none;
    width: 100%;
}

 
.woocommerce .wc-proceed-to-checkout .checkout-button {
    float: right;
    padding: 20px 40px!important;
    width: inherit!important;
}


.woocommerce table.shop_table {
    border: 1px solid rgba(255, 255, 255, 0);
	border-radius: 0;
	border-collapse: collapse;
    margin-bottom: 20px;
}

.woocommerce table.shop_table td {
    border-top: 1px solid rgba(255, 255, 255, 0.4);
	border-radius: 0;
}


#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
    background: #ebe9eb none repeat scroll 0 0;
    border-radius: 5px;
    color: #333;
	
}




#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before {
    
    border-color: transparent transparent #333;
     
}
#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
    background-color: #333;
    
}

.woocommerce-page #content #payment .payment_box p {
    font-size: 14px;
    line-height: 24px;
}

.woocommerce-page #content #payment .woocommerce-privacy-policy-text p {
    color: #333;
    font-size: 10px;
    line-height: 15px;
}


.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
    float: left;
    width: 100%;
}



.blockUI.blockOverlay {
	background-color: #000 !important;
	opacity: 0.5 !important;
	box-shadow: 0 0 10px 1px #000 !important;
}




.woocommerce-error::before {
    color: #fff;
}


.woocommerce-error {
    border-top-color: #b81c23;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message {
    background-color: #960035;
    border-top: 3px solid #b81c23;
    color: #fff;
     
}
 

.woocommerce .woocommerce-customer-details, .woocommerce .woocommerce-order-details, .woocommerce .woocommerce-order-downloads {
    display: inline-block;
    margin-bottom: 2em;
    max-width: 700px;
    vertical-align: top;
    width: 100%;
}



.woocommerce-order-received table.shop_table td {
 
    padding: 9px 0;
 }



.woocommerce .woocommerce-customer-details address, .page-template-page-commande-plaquette .woocommerce-customer-details address {
    border: 0 solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    font-family: futura-pt;
    font-size: 18px;
    font-style: normal;
    margin-bottom: 0;
    padding: 0;
    text-align: left;
    width: 100%;
}



.woocommerce-page #content .text_content {
    padding-top: 180px;
	 padding-bottom: 60px;
	background-image: url("images/bg-home.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
	background-attachment: fixed;
}

.home.woocommerce-page #content .text_content {
	background-image: none;
}

.payment_method_stripe {
    background-color: transparent!important;
    color: #999!important;
    padding: 0!important;
}

#stripe-payment-data {
    color: #515151!important;
    margin-top: 20px!important;
}
#stripe-payment-data p {
	display: none;
}

.payment_method_stripe:before {
    border-color: transparent!important;
}


#wc-stripe-cc-form  div.form-row {
    padding: 0!important;
}

.woocommerce form #wc-stripe-cc-form .form-row label {
   
    line-height: 1;
	
}

.stripe-source-errors ul {
	margin-bottom: 0!important;
}

#wc-stripe-cc-form br {
	display: none;
}

.woocommerce div.product div.images {
    margin-bottom: 0;
}





#shipping_method  label {
	font-size: 0px;
}

#shipping_method label span {
	font-size: 18px;
}

.woocommerce-shipping-totals.shipping td {
	padding-left: 0!important;
}

#shipping_method li {
	margin-bottom: 0!important;
}


.page-template-taxonomy-appelation-php  #carte {
	background-image: url(images/bg-paper.jpg);
overflow-x: hidden;
 
} 



h3#ship-to-different-address {
	font-size: 20px;
}

h3#ship-to-different-address input {
    margin-right: 4px;
}

.woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th {
    font-weight: 700;
    border-top: 1px solid rgba(255,255,0255, 0.4);
    margin: 0;
    width: 100%;
}

.page-template-page-carte #content .content, .tax-appelation #content .content {
background-image: url(images/bg-paper.jpg);
overflow-x: hidden;
}


.page-template-page-carte #content  .content::before {
    background-color: #fff;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 240px;
}



#carte {
    height: 100vh;
    position: absolute;
    right: 0;
    text-align: right;
    width: calc(100% - 470px);
	overflow: hidden;
	 
	background-size: cover;
}

#carte .map_preview_box  {
  
    right: 40px;
    position: absolute;
    top: 130px;
	z-index: 1;
    
}


#carte .map_preview {
    background-color: #fff;
    background-image: url("images/ue.jpg");
    background-position: center center;
    background-size: cover;
    border: 1px solid #dcd4cb;
    display: block;
    float: right;
    height: auto;
    margin-bottom: 10px;
    text-align: right;
    width: 25vh;
	
}

#carte .map_preview_box h2 {
    margin-bottom: 10px;
}


#carte  .map_preview:after  {
	content: "";
    display: block;
    padding-bottom: 100%;
}

#carte::after {
    background-color: #fff;
    background-image: url("images/nord.png");
    background-size: cover;
    bottom: 40px;
    content: "";
    display: block;
    height: 205px;
    opacity: 0.2;
    position: absolute;
    right: 170px;
    width: 144px;
	z-index: 1;
	mix-blend-mode: multiply;
	pointer-events: none;
}





#back_to_map {
    clear: both;
    display: block;
    float: none;
    font-size: 14px;
    margin-top: 12px;
    text-align: right;
    z-index: 2;
}


.inner_carte {
	display: flex;
}

#menu_carte {
    background-color: #fff;
    box-sizing: border-box;
    height: 100vh;
    margin-left: 170px;
    padding-top: 130px;
    position: relative;
    width: 300px;
    z-index: 1;
}


 .tax-appelation  #menu_carte {
	background-color: transparent;
}


#bg_x5F_carte:hover {
	display: none;
}


#carte_svg {
    left: 0;
}
 #container_carte {
    display: inline-block;
    float: left;
    position: relative;
    width: auto;
	 height: 100%;
}


#menu_carte h3 {
    width: 200px;
	font-family: futura-pt, sans-serif;
	font-weight: 600;
	font-style: normal;
	margin-top: 0;
	margin-bottom: 20px;
	line-height: 18px;
}


#menu_carte ul  {
   
    margin-bottom: 20px;
}
#menu_carte ul li {
    display: block;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 6px;
}



.legende_carte {
    left: 0;
    position: absolute;
    top: 0;
    z-index: 1;
	font-size: 12px;
}


.archive .legende_carte {
	display: none;
}

#txt-bassin {
    left: 4%;
    text-align: center;
    top: 73%;
}
#txt-bordeaux {
    left: 37%;
    top: 62%;
}
#txt-gironde {
    left: 16%;
    top: 17%;
    transform: rotate(42deg);
}
#txt-atlantique {
    left: -23px;
    top: 40%;
    transform: rotate(-84deg);
}
#txt-barsac {
    left: 51%;
    top: 80%;
}
#txt-sauternes {
    left: 54%;
    top: 85%;
}
#txt-pessac {
    left: 28%;
    top: 65%;
}
#txt-saint-estephe {
    left: 29%;
    top: 34%;
}
#txt-haut-medoc {
    left: 12%;
    top: 43%;
}
#txt-saint-julien {
    left: 30%;
    top: 41.3%;
}
#txt-pauillac {
    left: 29.5%;
    top: 37.6%;
}
#txt-margaux {
    left: 33.5%;
    top: 49%;
}

#carte_svg.active {
    transform: scale(15) translateX(24%);
}









.castel {
    border-radius: 60px;
    display: block;
    font-size: 36px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    width: 60px;
	background-color: #960035;
	color: #FFF;
	position: absolute;
}




.castel {
    background-color: #000;
    border-radius: 60px;
    box-shadow: 0 0 10px -4px #000;
    color: #fff;
    display: block;
    font-size: 36px;
    height: 60px;
    line-height: 60px;
    position: absolute;
    text-align: center;
    width: 60px;
	z-index: 0;
	transform: scale(0.3);
	-webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  	transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}


.castel span {
	opacity: 0;
	position: relative;
	-webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  	transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.castel:hover span {
	opacity: 1;
	transform: scale(0.8);
	z-index: 1000;
}
.castel:hover  {
	opacity: 1;
	transform: scale(0.5);
	z-index: 1000;
}

.castel.active:hover span {
	color: #960035;
}
.castel.active, .castel.active span {
    color: #960035;
    background-color: #fff;
	opacity: 1;
	transform: scale(0.5);
	z-index: 1000;
}



.inner_carte {
	overflow: hidden;
}

.castel-item.active {
	z-index: 90;
}
.castel-item-box {
    background-color: #fff;
    box-shadow: 0 0 6px -3px #000;
    box-sizing: border-box;
    display: block;
     left: 60px;
    opacity: 0;
    padding: 20px;
    position: absolute;
    text-align: left;
   top: -60px;
    transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
    width: 300px;
	z-index: 90;
	font-size: 14px;
	pointer-events: none;
}
.castel-item-box::before {
    background-color: #fff;
    content: "";
    display: block;
    height: 20px;
    left: -17px;
    position: absolute;
    top: 90px;
    transform: rotate(45deg) translateY(-50%);
    width: 20px;
	z-index: -3;
	box-shadow: 0 0 6px -3px #000;
}

.castel-item-box::after {
    background-color: #fff;
    content: "";
    display: block;
    height: 100%;
    width: 100%;
	 position: absolute;
	 left: 0;
    top: 0;
	z-index: -2;
}
.castel-item-box a, .castel-item-box p {
    font-size: 14px;
}
.castel-item-box h2 {
    line-height: 30px;
    margin-bottom: 7px;
}
.castel-item-box.active  {
     left: 80px;
    opacity: 1;
    top: -60px;
	 
	pointer-events:auto;
	-webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  	transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
 

#castel-chateau-cos-destournel {

    left: 22.9%;
    top: 69.5%;

}

#castel-chateau-lafon-rochet {

    left: 17%;
    top: 73%;

}

.castel-item {
	position: relative;
	transform: translateY(-30px) translateX(-30px);
}

.castel-item-box .icon-close {
    position: absolute;
    right: 20px;
    top: 20px;
	cursor: pointer;
}



#castel-chateau-calon-segur {

    left: 21%;
    top: 27.4%;

}

#castel-chateau-montrose {

    left: 30%;
    top: 52.7%;

}

#castel-chateau-cos-labory {

    left: 20.5%;
    top: 70.6%;

}

#box_menu .wrap, #box_footer .wrap {
   
    height: auto;
	
}

#castel-chateau-la-tour-carnet {

    left: 18.5%;
    top: 37.4%;

}

#castel-chateau-belgrave {

    left: 19.6%;
    top: 37%;

}


#castel-chateau-de-camensac {

    left: 19.5%;
    top: 39%;

}

#castel-chateau-cantemerle {
    left: 35.5%;
    top: 70.5%;
}

#castel-chateau-la-lagune {
    left: 36.3%;
    top: 74%;
}







#castel-chateau-haut-brion {
    left: 21%;
    top: 60%;
}












#castel-chateau-dyquem {
    left: 28%;
    top: 60%;
}

#castel-chateau-la-tour-blanche {
    left: 19%;
    top: 62%;
}

#castel-chateau-lafaurie-peyraguey {
    left: 24%;
    top: 56%;
}

#castel-clos-haut-peyraguey {
    left: 23%;
    top: 59%;
}

#castel-chateau-de-rayne-vigneau {
    left: 21%;
    top: 57%;
}

#castel-chateau-suduiraut {
    left: 31%;
    top: 50%;
}

#castel-chateau-guiraud {
    left: 26%;
    top: 70%;
}

#castel-chateau-rieussec {
    left: 32%;
    top: 66%;
}

#castel-chateau-rabaud-promis {
    left: 25%;
    top: 49%;
}

#castel-chateau-sigalas-rabaud {
    left: 22.5%;
    top: 53%;
}


#castel-chateau-darche {
    left: 22%;
    top: 66%;
}

#castel-chateau-filhot {
    left: 22%;
    top: 78%;
}

#castel-chateau-de-malle {
    left: 41%;
    top: 42%;
}

#castel-chateau-romer-du-hayot {
    left: 37%;
    top: 50%;
}

#castel-chateau-lamothe {
    left: 38%;
    top: 29%;
}


#castel-chateau-lamothe-guignard {
    left: 19%;
    top: 70%;
}

#castel-chateau-romer {
    left: 38%;
    top: 48%;
}













#castel-chateau-coutet {
    left: 36%;
    top: 53%;
}

#castel-chateau-climens {
    left: 30%;
    top: 58%;
}

#castel-chateau-de-myrat {
    left: 31%;
    top: 50%;
}

#castel-chateau-doisy-daene {
    left: 34%;
    top: 56%;
}

#castel-chateau-doisy-dubroca {
    left: 33%;
    top: 55.5%;
}



#castel-chateau-doisy-vedrines {
    left: 37%;
    top: 63%;
}

#castel-chateau-broustet {
    left: 33%;
    top: 62.5%;
}


#castel-chateau-nairac {
    left: 39.5%;
    top: 35%;
}

#castel-chateau-caillou {
    left: 29%;
    top: 54.5%;
}


#castel-chateau-suau {
    left: 41%;
    top: 43%;
}









#castel-chateau-gruaud-larose {
    left: 28%;
    top: 60%;
}

#castel-chateau-ducru-beaucaillou {
    left: 39%;
    top: 48%;
}


#castel-chateau-lagrange {
    left: 16%;
    top: 50%;
}

#castel-chateau-langoa-barton {
    left: 35%;
    top: 38%;
}

#castel-chateau-saint-pierre {
    left: 33%;
    top: 56%;
}

#castel-chateau-talbot {
    left: 24%;
	top: 35%;
}

#castel-chateau-branaire-ducru {
    left: 37%;
    top: 59%;
}

#castel-chateau-beychevelle {
    left: 41%;
    top: 59%;
}

#castel-chateau-leoville-poyferre {
    left: 34%;
    top: 32%;
}

#castel-chateau-leoville-barton {
    left: 38%;
    top: 38%;
}






#castel-chateau-du-tertre {
    left: 18%;
    top: 57%;
}

#castel-chateau-dauzac {
    left: 40%;
    top: 46%;
}

#castel-chateau-marquis-de-terme {
    left: 19.3%;
    top: 30.4%;
}

#castel-chateau-prieure-lichine {
    left: 27.5%;
    top: 36.3%;
}

#castel-chateau-pouget {
    left: 29%;
    top: 44%;
}

#castel-chateau-marquis-dalesme-becker {
    left: 20.5%;
    top: 26%;
}

#castel-chateau-ferriere {
    left: 19%;
    top: 25%;
}


#castel-chateau-desmirail {
    left: 29%;
    top: 39%;
}

#castel-chateau-palmer {
    left: 23%;
    top: 31%;
}

#castel-chateau-cantenac-brown {
    left: 19%;
    top: 39%;
}

#castel-chateau-boyd-cantenac {
    left: 27%;
    top: 43%;
}


#castel-chateau-malescot-saint-exupery {
    left: 19.5%;
    top: 28%;
}

#castel-chateau-giscours {
    left: 31%;
    top: 56%;
}

#castel-chateau-dissan {
    left: 26.5%;
    top: 30%;
}

#castel-chateau-kirwan {
    left: 27%;
    top: 40.4%;
}

#castel-chateau-brane-cantenac {
    left: 21%;
    top: 43%;
}
#castel-chateau-lascombes {
    left: 17%;
    top: 27%;
}


#castel-chateau-durfort-vivens {
    left: 21.3%;
    top: 28%;
}

#castel-chateau-rauzan-gassies {
    left: 21%;
    top: 31.2%;
}

#castel-chateau-rauzan-segla {
    left: 20%;
    top: 33.7%;
}

#castel-chateau-margaux {
    left: 23%;
    top: 24%;
}








#castel-chateau-pichon-baron {
    left: 27%;
    top: 75%;
}


#castel-chateau-croizet-bages {
    left: 24%;
    top: 56%;
}

#castel-chateau-clerc-milon {
    left: 19%;
    top: 18%;
}


#castel-chateau-pedesclaux {
    left: 25%;
    top: 28%;
}

#castel-chateau-haut-bages-liberal {
    left: 28%;
    top: 65%;
}

#castel-chateau-darmailhac {
    left: 16%;
    top: 30%;
}

#castel-chateau-lynch-moussas {
    left: 11%;
    top: 65%;
}

#castel-chateau-lynch-bages {
    left: 27%;
    top: 55%;
}

#castel-chateau-grand-puy-ducasse {
    left: 26%;
    top: 42%;
}

#castel-chateau-grand-puy-lacoste {
    left: 17%;
    top: 57%;
}

#castel-chateau-haut-batailley {
    left: 17%;
    top: 78%;
}

#castel-chateau-batailley {
    left: 15%;
    top: 74%;
}

#castel-chateau-pontet-canet {
    left: 16%;
    top: 33%;
}


#castel-chateau-duhart-milon {
    left: 27%;
    top: 46%;
}

#castel-chateau-pichon-longueville-comtesse-de-lalande {
    left: 30%;
    top: 74%;
}


#castel-chateau-pichon-longueville {
    left: 23%;
    top: 58%;
}


#castel-chateau-mouton-rothschild {
    left: 16%;
    top: 23%;
}



#castel-chateau-latour {
    left: 32%;
    top: 76%;
}

#castel-chateau-lafite-rothschild {
    left: 15%;
    top: 19%;
}




.archive #carte .map_preview {
 	 
	background-image: url(images/map-back.jpg);
	
}






.last_rapport {
	display: flex;
	width: calc(50% - 20px);
}



.last_rapport img {
	height: auto;
    margin-right: 20px;
    width: calc(50% - 20px);
	border: 1px solid #efefef;
}



.rapport h3 {
    margin-bottom: 20px;
    margin-top: 0;
    text-transform: uppercase;
}

.rapport span, .rapport p, .rapport h3 {
	margin-bottom: 20px;
	display: block;
	text-align: left;
}
.rapport_archives {
    display: flex;
}

.rapport_archives .rapport {
    margin-right: 20px;
    position: relative;
    width: calc(50% * 0.5 - 60px);
	
}

.rapport_archives .rapport img {
    height: auto;
    width: 100%;
	margin-bottom: 20px;
	border: 1px solid #efefef;
}

.inner {
	position: relative;
}


.page-template-page-rse-php .inner {
    position: relative;
    width: 100%;
}

.home .inner {
	position: inherit;
}

.download_docs {
    position: relative;
	margin-bottom: 20px;
	max-width: 750px;
	margin-left: 20px;
}


.download_docs .icon-pdf-file  {
    display: inline-block;
    float: left;
    font-size: 44px;
    margin-right: 20px;
    position: absolute;
    vertical-align: top;
}
 
.download_docs .a {
    margin-left: 60px;
}

.download_docs h3, .download_docs p  {
    margin: 0 0 0px;
}




.page-template-page-ressources  .nav_slide .prev {
    
    top: 35%;
    transform: translateY(-50%) translateX(-100%);
     
}


.page-template-page-ressources  .nav_slide .next {
    
    top: 35%;
    transform: translateY(-50%) translateX(100%);
   
}




#slider_partenaires .swiper-wrapper {
    flex-flow: row wrap;
}


#slider_partenaires .rapport {
    flex-flow: row wrap;
}

#slider_partenaires .rapport .logo_part {
   /*  border: 1px solid #efefef; */
    box-sizing: border-box;
    display: inline-block;
    filter: grayscale(100%);
    /* padding: 20px; */
    position: relative;
    width: 100%;
	margin-bottom: 10px;
}

#slider_photos img {
	margin-bottom: 10px;
}

#slider_partenaires .rapport .logo_part img  {
    margin: 0;
}








.open_menu .site-content-contain, .pop_up .site-content-contain {
	overflow: hidden;
	pointer-events: none;
}








.wp-caption-text {
    font-size: 12px;
    font-style: italic;
    font-weight: bold;
}





.wp-image-61 {
    height: auto;
    width: 25%;
}

.wp-image-60, .wp-image-62  {
    height: auto;
    width: 33%;
}
.wp-image-65, .wp-image-63 {
	width: 100%;
	height: auto;
}
, .wp-image-64  {
    height: auto;
    width: 50%;
}



#attachment_65 {
    width: 33%!important;
}

#attachment_63 {
    width: 50%!important;
}




	 
.s1855_slider { position:relative; overflow:hidden; }
.s1855_slider ul { position:absolute; top:0; left:0; overflow:hidden; }

	 
.s1855_slider {
    overflow: hidden;
    position: relative;
    width: 8000px;
}
	 
.classement .swiper-wrapper {
   
    margin: 40px 0;
	 
}
	 
.list_wrapper.s1855_slider {
		margin: 40px 0!important;
	 }	
	 
.classement .swiper-slide {
    box-sizing: border-box;
    padding: 50px 8px 60px;
    width: calc((100vw - 340px) / 5);
}
	 
 
	 
.swiper-pagination-bullet {
    background: #666 none repeat scroll 0 0;
	 }
.swiper-pagination-bullet-active {
    background: #960035 none repeat scroll 0 0;	 
	 }

	 
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction  {
    display: flex;
    width: calc(100% - 80px);
    margin: auto;
    position: inherit;
	 justify-content: space-around;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next,
	 .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: none;
}

	.pop_up .swiper-container {
    height: 100%;
}
	 
	 
	.grid  .item {
    margin-bottom: 0px;
		 
	 }
	

.invisible-slider .nav_slide, .invisible-slider  .shadow_slider, 
.classement-item-1 .nav_slide, .classement-item-1  .shadow_slider  {
	display: none;
}


.classement-item-1 .item:after {
     
    display: none;
     
}

.stripe-source-errors {
	float: left;
}




.single-product {
		background-color: #000;
	}
	
.only_smart {
		display: none;
	}


@media screen and (min-width: 200px) and (max-width: 1250px) {

.item-milesime {
	width: 380px;
	
}
#millesime_view h2.year_titre {
    font-size: 200px;
    left: 54%;
    line-height: 98px;
	
	}
}

	
	
	
@media screen and (min-width: 200px) and (max-width: 850px) {

.item-milesime {
	width: 320px;
	
}
	
	.volume span {
    
    font-size: 22px;
	}
    .item-milesime {
    width: 310px;
	padding: 30px 30px;
	}
	#millesime_view h2.year_titre {
    font-size: 200px;
    left: 54%;
    line-height: 98px;
}	
		
 
	
	
}
	
	
@media screen and (min-width: 200px) and (max-width: 1125px) {


.wrap {
    margin: auto;
    max-width: 1250px;
    position: relative;
    width: calc(100% - 80px);
}

	
.classement .swiper-slide {
    box-sizing: border-box;
    padding: 50px 8px 80px;
    width: calc((100vw - 80px) / 5);
}
	
	
.prev_year {
	right: auto;
	width: 43vw;
	
}
	
	
	
#box_menu .logo {
    left: 0px;
    position: absolute;
    top: 40px;
}
	
#box_menu .content::before {
    
    background-size: auto 70%;
	}
	
#box_menu .wrap .inner .close {
    right: 0px;
    top: 40px;
	position: absolute;
}
	
#box_menu .content {
    padding-top: 110px;
}
	
	
}



@media screen and (min-width: 200px) and (max-width: 740px) {

		
	
	
	
	#homebox .header {
    align-items: center;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    margin: auto auto 20px;
    width: 100%;
}
	
	#homebox .header .titre_site h1 {
    font-size: 30px;
    line-height: 32px;
}
	
	#homebox .header  .titre_site span {
    font-size: 10px;
    letter-spacing: 2px;
}
	
	
	#homebox h2 {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 20px;
}
	
	
	#homebox #logo_homebox {
    height: auto;
    margin-bottom: 20px;
    margin-right: 0;
    margin-top: 20px;
    opacity: 0.6;
    width: 100px;
}
	
	
	
	body .logo span.icon-linktohome-black, body .burger {
		color: #ede7e0!important;
	}
	
	.no_smart {
		display: none;
	}
	html, body {
		overflow-x: hidden;
  		 position: relative;
 		
	}	
	
	.open_menu   { 
		 overflow: hidden;
		  
	}
	
	
	
	p, .banner p {
    font-size: 14px;
    line-height: 24px;
     
}
	

.invisible-slider .nav_slide, .invisible-slider  .shadow_slider {
	display: block;
}

.classement-item-1 .nav_slide, .classement-item-1  .shadow_slider   {
	display: none;
}

.swiper-container .item::after {
   
	display: none;
}
	
.last_rapport {
    display: flex;
    width: 100%;
}
	
#content #related_post .product {
    align-items: flex-start;
    display: flex;
    padding-bottom: 40px;
	width: 100%;
}	
 
.woocommerce ul.products li.product h3 {
	margin-top: 0;
    padding-top: 0;
	}
.woocommerce ul.products {
    box-sizing: border-box;
    margin-top: 30px;
    padding-bottom: 0;
}
	
.woocommerce img, .woocommerce-page img {
    height: auto;
    max-height: 90vh;
    max-width: 100%;
    width: auto;
}
	
#content article.product  .img {
    display: inline-block;
    margin-bottom: 20px;
    width: 100%;
}
.woocommerce ul.products li.product a img {
    box-shadow: none;
    display: block;
    height: auto;
    margin: 0;
    width: 90%;
}
	
body:not(.home) .banner .wrap {
    align-items: start;
    display: flex;
    min-height: auto;
}
	
	
	h2 {
    font-size: 30px;
		
		
	}
	
	.banner h1, h1.titre {
    display: inline-block;
    line-height: 36px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    position: relative;
}
h2.titre, h1.titre {
    font-family: kepler-std-display,serif;
    font-size: 39px;
    font-weight: 600;
    
}
	
	
	.woocommerce h3 {
    
    font-size: 28px;
		
	}
.text_content {
    padding-top: 40px;
}	
.logo {
    left: 20px;
    top: 20px;
}
	
	
	
#box_menu .logo {
    left: 0;
    position: absolute;
    top: 0;
}
	
#box_menu .wrap .inner .close {
    position: absolute;
    right: 0;
    top: 0;
}	
.burger {
    right: 20px;
    top: 20px;
}	
	
.burger font.txt, .close font.txt {
		display: none;
	}
	
.wrap {
    margin: auto;
    position: relative;
    width: calc(100% - 40px);
}
	
	.left_50, .right_50 {
    margin-bottom: 40px;
    width: 100%;
	 bottom: 0;
		position: inherit;
}
	
.right_50 {
    margin-bottom: 0;
    margin-left: -20px;
    padding: 20px 20px 40px;
    width: calc(100% + 40px);
}
	
	.left_70 {
  
    display: none;
		
	}
	
	#box_footer {
     
     display: none;
 }
	
	
	#footer_bis {
		background-color: #000;
	}
	
	
	h2.titre, h1 {
    font-size: 36px;
    line-height: 35px;
    
}
	
.home .banner .inner {
    margin: auto;
    position: relative;
    width: 300px;
}
	
	
.home .banner h1 .big {
    line-height: 100px;
    font-size: 146px;
	width: 100%;
	
	}
	
 .home .banner h1 small {

    line-height: 10px;
	 
	}
	
	.home .legende {
      width: 100%;
    font-size: 14px;
    
}
	.home .banner p {
    width: 100%;
		line-height: 24px;
	}
	
	
	.home .banner p br {
    display: none;
	}
	
.home .banner h1 {
    font-size: 30px;
}
	
	
	
	.home #wine.bg_home {
     
    height: 300px;
    left: calc(50%);
    transform: translateX(-50%) translateY(60%);
    width: 100%;
}
	
	
	
	.home #bottle.bg_home {
 
    height: 450px;
    left: calc(50% - 125px + 154px);
    top: calc(60% - 320px);
    width: 110px;
}
	
	.home.ready #bottle.bg_home {
    opacity: 1;
    top: calc(50% - 231px);
 }
	
	
	.home .banner a.white {
  
    position: inherit;
		
	}
	
	
	#next_home {
    height: 130px;
		
	}
	
	.home.ready #next_home::before {
    top: -80px;
}

	
	
#btn_panier {
    position: inherit;
	top: 0;
}	
	
	#box_menu .wrap, #box_footer .wrap {
    display: block;
		padding-top: 20px;
		
	}

	
	#box_menu .content {
    padding-top: 70px;
}
  
	
	
	
	
#box_menu .header, #box_menu .middle {
    display: block;
    flex-wrap: inherit;
    justify-content: inherit;
    margin-bottom: 7vh;
}
	
	
#lang_switcher {
    
    padding: 100px 20px 20px;
    right: -180vw;
    width: 100%;
}
	
#box_menu ul li a.btn {
    margin-bottom: 40px;
}	
	
#box_menu .header, #box_menu .middle, #box_menu .flex .col .sep, #box_footer .flex .col .sep {
   
    margin-bottom: 4vh;
}
	
	
	
	body:not(.home) .banner {
   
    padding-top: 100px;
		
	}
	
	.section.indient {
    padding-left: 13%;
}
	
	
	.wp-image-61, .wp-image-60, .wp-image-62, .wp-image-64  {
    height: auto;
    margin-bottom: 40px;
    width: 100%!important;
}
	
	
	#attachment_65 , #attachment_63 {
    width: 100%!important;
	 
}
	
	blockquote, blockquote.two {
		width: 100%;
}
	
	blockquote p {
    font-size: 20px;
    line-height: 28px;
    text-align: center;
}
	
	
	
	
#classement-head {
    display: flex;
    justify-content: center;
    position: absolute;
    right: 0px;
    text-align: right;
    top: 70px;
}
	
	
#item_search {
     
    right: 0;
}
	
	
	
	
 
	.page-template-page-classement #content, .single-grands-crus-classes #content {
    padding-top: 90px;
}
	
	
	
	#classement-head a.btn {
		display: none;
	}
	
	
	 
 
.item::after {
    bottom: 0px;
    height: 1px;
     bottom: 0;
	top: auto;
    width: 100%;
    
}
	
	
	.item .shadow {
    display: none;
		
	}
	
	.slide h2 {
  
    line-height: 35px;
	}
	
	
.editor img.alignleft {

    margin-bottom: 20px;
    margin-right: 0;
    width: 100%;
}	
	
.p75 {
    width: 100%;
}
	
	.flex_2_col div {
    width: 100%;
}
	
	.submenu_t a {
    box-sizing: border-box;
    color: #fff;
    line-height: 20px;
    min-width: 46vw;
    padding: 14px 4vw;
    position: relative;
    text-align: left;
    width: 22vw;
    z-index: 1;
		opacity: 0.7;
}
	
	
.submenu_t a.active {
    font-weight: bold;
    opacity: 1;
    width: 100%;
}
	
	

	
#slider_partenaires .swiper-wrapper {
    flex-flow: row wrap;
    justify-content: space-between;
}	
	
	
	
	.rapport_archives .rapport {
    margin-right: 20px;
    position: relative;
    width: 100%;
}
	
	
#slider_partenaires .rapport_archives .rapport {
    margin-right: 0;
    position: relative;
    width: calc(33% - 10px);
}
	
	
	
.download_docs {
    margin-bottom: 40px;
    margin-left: 0;
     position: relative;
}
	
.download_docs h3, .download_docs p {
    margin: 0;
    text-align: left;
}
	
.download_docs .a span a {
    display: block;
    margin-top: 20px;
}

#content .product .img {
    display: inline-block;
    margin-bottom: 40px;
    width: 100%;
}
#content .product .about {
    margin-left: 0;
    width: 100%;
}	
	
	
 
	
#content .product {
    display: block;
    padding-bottom: 40px;
}
	
	
.woocommerce ul.products li.product a {
    text-decoration: none;
	color: #ede7e0;
}
	
	
.woocommerce ul.products li.product h2.titre {

    height: 68px;
	}
	
.product .about p {
    margin-bottom: 20px;
}	
	
#content ul.products .product .img {
    width: 100%;
}
	
#content ul.products .product .img {
    margin-bottom: 20px;
    width: 100%;
}
	
	
#content ul.products .product .about {
    margin-left: 0;
    width: 100%;
}
	
	
	
	.woocommerce-page #content .text_content {
    
    padding-bottom: 0px;
    padding-top: 90px;
}
	
	
.woocommerce-cart .wrap {
    margin: auto;
    position: relative;
    width: calc(100% - 40px);
}	
	
.woocommerce table.shop_table td {
    
    padding: 9px 0;
     
}	
	
	
	
	.cart_totals td, .cart_totals tr {
		border: none!important;
	}
	
	
	
	
	.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
    background-color: #343434;
	}
	#customer_details {
    display: inline-block;
    position: relative;
    width: 100%;
}
	
#order_review_heading {
    display: inline-block;
    float: right;
    left: 0;
    position: inherit;
    vertical-align: top;
    width: 100%;
}
	#order_review {
    clear: none;
    display: inline-block;
    float: none;
    margin-left: 0;
    padding-top: 0;
    vertical-align: top;
    width: 100%;
}
	
	
	
	
.classement .swiper-slide {
    box-sizing: border-box;
    margin: auto;
    padding: 40px 8px 60px;
    width: 50vw;
}
	
.classement .grid .swiper-slide {
    margin: auto ;
    overflow: inherit;
    padding-bottom: 40px;
    width: 100%;
}	
	
	
 
	.nav_slide .prev, .nav_slide .next {
    cursor: pointer;
    font-size: 20px;
    height: 50px;
    line-height: 50px;
    
    transform: translateY(-50%);
    width: 50px;
     
}
	
	.list_wrapper.s1855_slider {
    margin: 0!important;
    border-bottom: 1px solid #222;
    margin-bottom: 40px!important;
}
	
	
	
	#masthead {
    background-color: #000;
    height: 73px;
    position: fixed;
    width: 100%;
    z-index: 20;
}

	
	#filter_search {
    display: inline-block;
    margin-left: 0;
    position: fixed;
    right: 20px;
    text-align: left;
    top: 20px;
    transform: translateX(calc(-2vw - 100% - 30px));
}
	

	
#item_search {
    left: 0;
}	
#item_search {
    box-sizing: border-box;
    height: 0;
    overflow: hidden;
    padding-top: 20px;
    position: absolute;
	 right: auto;
}
	
#item_search a {
    display: block;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    width: 110px;
}
	

.pop_up {
     
	transition: top 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
	-webkit-transition:  top 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
}
	
	
.pop_up .swiper-container {
		top: 100vh;
		transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
	}
	

.pop_up .swiper-container {
		transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
		top: 0vh;
	}
	
.open_up .pop_up {
    background-color: #000;
    overflow: auto;
    top: 0;
	transition: top 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
	-webkit-transition:  top 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
}
.open_up .pop_up .bg_layer {
    opacity: 1;
    top: 70px;
    transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
	-webkit-transition:  all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
}
	
.pop_up .swiper-container {
    height: auto;
    padding-bottom: 30px;
}
 
.pop_up_inner:before {
	left: 0;
	-webkit-transition: none;
  	transition: none;
}



.pop_up_inner .www {
    
	opacity: 1;
	-webkit-transition: none;
  	transition: none;

}

.pop_up_inner .bottle {
    opacity: 1;
    left: 0px;
	-webkit-transition: none;
  	transition: none;

     
}


.pop_up_inner .about {
	opacity: 1;
	-webkit-transition: none;
  	transition: none;

}

.pop_up .visuel {
    right: -70px;
	-webkit-transition: none;
  	transition: none;

     
}

 
	
.pop_up .content {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    overflow-x: hidden;
    overflow-y: auto;
    padding-bottom: 0px;
    padding-top: 40px;
    position: relative;
    width: 100vw;
    z-index: 2;
}
	
body .pop_up_inner .www {
    border-top: medium none!important;
	padding-top: 0!important;
}

	
	
.pop_up .close {
    color: #fff;
    cursor: pointer;
    left: 20px;
    opacity: 0;
    position: relative;
    right: 0;
    top: 20px;
    z-index: 2;
}

	
	.pop_up .content {
    align-items: center;
    display: flex;
    height: auto;
		
		
	}
	
   
.pop_up_inner {
    display: block;
    height: auto;
    max-height: inherit;
    max-width: 1020px;
    min-height: 100%;
    min-width: calc(100% - 40px);
    padding: 20px;
    position: relative;
    width: calc(100% - 340px - 20px);
}
.pop_up_inner .bottle {
    height: 300px;
    left: auto!important;
    margin-bottom: 20px;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 25%;
}
	
.pop_up_inner .bottle img {
    height: 100%;
    max-height: 90vh;
    position: relative;
    top: 0vh;
    transform: scale(1);
    width: auto;
}

	
	.about	.carte p {
		margin-bottom: 0;
	}
.pop_up_inner .about {
    height: 300px;
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 0;
    width: 72%;
}
	
	
.nav_slide .prev, .nav_slide .next {
    cursor: pointer;
    font-size: 20px;
    height: 40px;
    line-height: 40px;
    transform: translateY(-100%);
    width: 33px;
}
	
 
	
.pop_up .titre .legende {
    display: block;
    font-size: 12px;
    letter-spacing: 0px;
    line-height: 16px;
    margin-bottom: 10px;
}
	
.pop_up .titre h1 {
    font-size: 26px;
    line-height: 25px;
    margin-bottom: 6px;
}	
	

	
	.menu, .futura {
    font-family: futura-pt,sans-serif;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
}
	
.pop_up_inner .wine_logo {
    display: none;
	
	}
	
	
.pop_up_inner .www {
    width: auto!important;
}
	
.about p  {
    font-size: 14px;
    line-height: 18px;
    text-align: left;
}
	
.nav_slide .next, .nav_slide .prev {
    top: 50vh;
}
	
.open_up .pop_up .visuel {
    right: auto;
    transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
}
.pop_up .visuel {
    background-position: center center;
    background-size: cover;
    bottom: auto;
    display: flex;
    height: 235px;
    justify-content: center;
    left: -20px;
    overflow: hidden;
    position: relative;
    right: -50vw;
    top: inherit;
    transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
    vertical-align: middle;
    width: calc(100% + 40px);
    z-index: 10;
	bottom: -20px;
}

	
	

	
	
#homebox {
  
    display: block;
	
	}
	
#homebox .header {
    text-align: center;
}	
	
#homebox .inner {
    padding: 0;
    position: relative;
    z-index: 1000;
}

	
#homebox .btn {
    margin-bottom: 20px;
     
}
#homebox .bg_layer {
    background-image: none;
	}
	
	
	
	
	
.wrap_carte  {
   margin: auto;
    width: 100%;
}
.inner_carte {
    display: flex;
    flex-flow: column nowrap;
    justify-content: unset;
}	
#menu_carte {
    background-color: #fff;
    box-sizing: border-box;
    height: auto;
    margin-left: 0;
    padding-top: 100px;
    position: relative;
    width: 100%;
    z-index: 1;
}
	#carte {
    background-size: cover;
    height: auto;
    overflow: hidden;
    position: relative;
    right: 0;
    text-align: right;
    width: 100%;
	padding-bottom: 0vh;
}

	
#carte .map_preview {
	display: none;
	}
#menu_carte {
    /* background-color: #fff; */
    box-sizing: border-box;
    height: auto;
    margin: auto;
    padding: 100px 20px 0;
    position: relative;
    width: 100%;
    z-index: 1;
	background-image: url("images/bg-paper.jpg");
    background-position: center;
}
	
#container_carte {
 
    height: 430px;
	
}
	
	.tax-appelation #menu_carte h3, .tax-appelation #menu_carte ul {
		display: none;
	}

#carte .map_preview_box {
    margin-bottom: 20px;
    padding-left: 20px;
    position: relative;
    right: 0;
    text-align: left;
    top: 0;
    z-index: 1;
}

	
	
.term-barsac #container_carte {
    position: relative;
     
}
	
.term-sauternes #container_carte {
    position: relative;
     
}
		

	
	
.castel {
	
transform: scale(0.15);
}
	
#back_to_map {
    clear: both;
    display: block;
    float: none;
    font-size: 14px;
    margin-top: 12px;
    text-align: left;
    z-index: 2;
}
	
	#carte::after {
		display: none;
	
	}
	
	
#box_menu .content::before {
    background-image: none;
}

	

	.home .site-content .content::before {
    
    background-size: auto 70%;
    
    top: -320px;
    width: 70%;
}
	
	
	
#box_menu .wrap::before {
    background-attachment: fixed;
    background-attachment: scroll;
    background-image: url("images/logo-tampon.png");
    background-position: 15vh 30vh;
    background-repeat: no-repeat;
    background-size: auto 50vh;
    content: "";
    display: block;
    height: 100%;
    left: 20px;
    opacity: 0.2;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
 
	#box_menu .flex .col, #box_footer .flex .col {
    width: 100%;
}
	
	
	
	#timeline {
		margin-left: 0;
		padding-top: 0px;
	}
	
	#timeline .legende_time {
		display: none;
	}
	
.timeline_slide span.year {
    height: auto;
    transform: rotate(-90deg) translateX(10px);
    width: 30px;
}
	.timeline_slide {
  top: 0;
    overflow: visible;
		padding-bottom: 0;
		
	}
	
	 #timeline_slider {
    padding-bottom: 30px;
    padding-top: 70px;
}
	
	
	#millesime_view {
    align-items: center;
    display: block;
    flex-flow: column nowrap;
    height: auto;
    justify-content: center;
    min-height: auto;
    position: relative;
    width: 100%;
	padding-top: 130px;
	transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
}
	
	#millesime_view.searching {
    padding-top: 200px;
	transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
	}
	
	
	.item-milesime {
    background-color: #fff;
    box-shadow:0 0 18px -4px rgba(0, 0, 0, 0.4);
    box-sizing: border-box;
    display: flex;
    flex-flow: column nowrap;
    margin: auto;
    padding: 20px 42px 20px 20px;
    position: relative;
    width: 100%;
    z-index: 1;
}
	
	
#timeline_content {
    
    width: 100vw;
}
	
	
	.line_millesime {
    box-sizing: border-box;
    padding-right: 0;
    width: 100%;
}
	
	.item-milesime-shadow {
    box-sizing: border-box;
    height: 430px;
		visibility: hidden;
		pointer-events: none;
		
	}
	
	
	#millesime {
     
    background-position: center 28%, center center;
    
    background-size: 100% auto, auto auto;
     
}
	
	
	#millesime_view h2.year_titre {
    font-size: 130px;
    left: 0;
    line-height: 60px;
    margin-top: 10px;
    position: relative;
    text-align: center;
    top: 10px;
    transform: none;
    z-index: 0;
}
	
	#search_millesime {
    float: right;
    position: inherit;
		
	}
	
	.millesime_nav {
    height: auto;
    margin-top: 0;
    min-height: auto;
    overflow: hidden;
    position: inherit;
    width: 100%;
    z-index: 200;
	
}
	
	
	#millesime_view h2.year_titre span {
    color: #232323;
    font-size: 50px;
    left: 0;
    line-height: 0;
    position: relative;
    top: -14px;
}
	
	
	#millesime_view p {
    font-size: 14px;
    text-align: left;
}
	
	.prev_year, .next_year {
    color: #fff;
    display: inline-block;
    font-family: kepler-std-display,serif;
    font-size: 20px;
    line-height: 20px;
    opacity: 1;
    padding: 20px 6px!important;
    position: absolute;
		z-index: 90;
    
    text-align: left;
    top: 40%;
    transform: translateY(70px);
    transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
    width: auto;
	}
	.prev_year {
		left: 0;
		right: auto;
	}
	
	.nect_year {
		right: 0;
	}
	
	.next_year span, .prev_year span, a.next_year[href="#1855"] font {
    	display: none;
	}
	
	
	a[href="#1855"].next_year span  {
    	display: block;
	}
	
	
	#search_millesime {
    float: none;
    left: 0;
    position: absolute;
    top: 90px;
		z-index: 1;
}

	
#search_millesime label {
    display: block;
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 11px;
    text-align: center;
}
	
	.year_form {
    	position: absolute;
		top: -5000px;
		opacity: 0;
		text-align: center;
		transition: opacity 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
}
	

	
	#millesime_view.searching .year_form {
   	position: inherit;
	opacity: 1;
	transition: opacity 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.2s;
	
	}
	#search_millesime label span {
    margin-left: 6px;
    vertical-align: bottom;
	
}
	

	
	.only_smart {
		display: block;
	}	
	
	
#millesime_view .view {
				display: none;
}
			
			
.only_smart #millesimes_data_box  .item-milesime {
				 width: 90vw;
				 opacity: 1;
				 position: inherit;
				 right: 0px;
				 padding-left: 50px;
    			padding-right: 50px;
				 padding-top: 50px;
    			padding-bottom: 50px;
}
			
			
#search_millesime {
    		float: none;
    		left: 0;
    		margin-bottom: 30px;
    		position: inherit;
   			 top: 0;
   			 width: 100%;
    		z-index: 1;
}
		
			
#millesime_view.searching, #millesime_view {
    padding-top: 100px;
}
			
#search_millesime {
    display: block;
}
			
			
#millesimes_data_box {
    position: relative;
    align-items: start;
}
			
			
			
.only_smart #millesimes_data_box #preambule {
    margin-right: 20px;
    padding-left: 30px;
    padding-top: 30px;
    width: 295px;
}
	
	
	

	
	
	
	

 

.castel:hover span {
	opacity: 1;
	transform: scale(1);
}
.castel:hover  {
	opacity: 1;
	transform: scale(0.15);
	z-index: 2;
}
.castel:hover span {
	color: #000;
}
.castel.active:hover span {
	color: #960035;
}
.castel.active, .castel.active span {
    color: #960035;
    background-color: #fff;
	opacity: 1;
	transform: scale(0.5);
	z-index: 2;
}

	
.castel-item-box {
    left: 50%;
    pointer-events: auto;
    position: fixed;
    top: 100%;
    transform: translateX(-50%) translateY(-50%);
    transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
	pointer-events: none;
}
	
	
.castel-item-box.active {
    left: 50%;
    opacity: 1;
    pointer-events: auto;
    position: fixed;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
	pointer-events: inherit;
}
	
.castel-item-box::before {
 
	display: none;
}	
	
	
	.valid_age.home .banner h1 .big {
     
    font-size: 136px;
 	width: auto;
    line-height: 96px;
	}
	
	
	
	.image_center {
    
    height: 250px;
}
	
	.page-template-page-terroir .bg_paper .inner {
    padding-bottom: 0px;
}
	.paragraphe_1.p_gold {
    
    padding-bottom: 0;
	}
	
	
	
	
	
	
	
	body:not(.home) .banner .wrap {
    align-items: start;
    display: block;
    min-height: auto;
}
	
	
.banner a.btn {
    bottom: inherit;
    position: inherit;
    right: 0;
}
	
	
	
}





.post-edit-link {
	display: none;
}