/*
	font-family: 'Lora', serif;
	beige : d9b377
*/

body, html {
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	text-rendering: optimizeLegibility;
}
body{
	padding: 0;
	margin: 0;
	background: rgba(0, 0, 0, 1) url("images/pattern-brou.png") repeat fixed 0 0;
	width: 100%;
	height: 100%;
	font-family: 'Lora', serif;
	font-size: 25px;
	color: #fff;
	overflow-x: hidden;
}
::selection{
	background: rgba(217,179,119,0.4);
}
::-webkit-selection{
	background: rgba(217,179,119,0.4);
}
::-moz-selection{
	background: rgba(217,179,119,0.4);
}
::-o-selection{
	background: rgba(217,179,119,0.4);
}

.zone_question p a {
	font-size: 1.2em;
}

ul, li{
	padding: 0;
	margin-left: 0;
	list-style: none;
}
.full{
	width: 100%;
	margin: auto;
}
.border-b{
	border-bottom: solid 1px rgba(217,179,119,0.4);
}
.container{
	width: 1200px;
	margin: auto;
}
.relative{
	position: relative;
}
.overlay_couv, .overlay_case{
	width: 100%;
	height: 100%;
	content: "";
	background: rgba(0,0,0,0.3);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.tk-birch-std, h1, h2, h3, h4, h5{
	font-family: "birch-std";
	margin: 0;
	font-weight: 100;
}
.transition{
	transition: all ease 0.3s;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
}
.active_lang{
	color: #d9b377;
}
a{
	text-decoration: none;
}
.scrollblock {
	position: unset !important;
}
.main{
	filter: blur(0px);
}
.col33{
	width: 33.33%;
	float: left;
	padding-bottom: 80px;
	font-size: 0.8em;
}
/*=======================
	DEBUT NAV
=======================*/
#toggle, #toggle_close{
	background-size: 100%;
	width: 55px;
	height: 62px;
	position: fixed;
	top: 20px;
	right: 40px;
	z-index: 1500;
	display: block;
	cursor: pointer;
}
#toggle{
	background: url(svg/toggle.svg) no-repeat;
	background-size: 100%;
}
#toggle_close{
	background: url(svg/toggle_close.svg) no-repeat;
	background-size: 100%;
	display: none;
}
.zone_nav{
	background: rgba(0,0,0,0.85);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	opacity: 0;
	left: 0;
	z-index: 999;
	pointer-events: none;
}
nav {
	font-size: 1.5em;
	width: auto;
	position: relative;
	left: 0;
	margin-left: 0;
	top: 50%;
	margin-top: -325px;
	text-align: center;
}
.nav_open{
	opacity: 1;
	position: fixed;
	pointer-events: auto;
}
.nav_close{
	opacity: 0;
}
nav ul li{
	text-align: center;
	cursor: pointer;
}
nav a{
	color: #fff;
	text-align: center;
	display: inline-block;
	padding: 0 20px 20px 20px;
	letter-spacing: 0px;
	
	transition: all ease 0.3s;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
}
nav ul li:hover a{
	letter-spacing: 3px;
	text-shadow: 0 0 40px;
	-webkit-text-shadow: 0 0 40px;
	-moz-text-shadow: 0 0 40px;
	-o-text-shadow: 0 0 40px; 
}
nav ul li:hover .deco_nav{
	opacity: 1;
}
.deco_nav{
	background: rgba(0, 0, 0, 0) url("svg/separator.svg") no-repeat scroll 0 0 / 100% auto;
    display: block;
    height: 25px;
    margin: auto;
    transform: rotate(180deg);
    width: 73px;
    
    opacity: 0;
}
.choix_lang{
	font-size: 0.6em;
	color: #fff;
	text-align: center;
}
.choix_lang a{
	padding: 5px;
}
.choix_lang a:hover{
	color: #d9b377;
}
/*=======================
	FIN NAV
=======================*/
/*=======================
	DEBUT INDEX
=======================*/
.couv{
	z-index: 2;
	border-bottom: solid 1px rgba(217,179,119,0.4);
}
.couv_index{
	background: url(images/couv_index.png) no-repeat center center / cover;
	width: 100%;
	height: 1000px;
}
.logo_header, .logo-nav{
	background: url(svg/logo-header.svg) no-repeat;
	background-size: 100%;
	width: 214px;
	height: 137px;
	position: absolute;
	z-index: 3;
	top: 10px;
	left: 50%;
	margin-left: -107px;
}
.scroll{
	background: url(images/arrow.png) no-repeat;
	background-size: 100%;
	width: 22px;
	height: 44px;
	position: absolute;
	bottom: 20px;
	left: 50%;
	margin-left: -11px;
	z-index: 4;
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	
	animation: move 2s infinite;
	-webkit-animation: move 2s infinite;
	-moz-animation: move 2s infinite;
	-o-animation: move 2s infinite;
}

@keyframes move{
	0%{bottom: 20px;}
	50%{bottom: 40px;}
	100%{bottom: 20px;}
}
@-webkit-keyframes move{
	0%{bottom: 20px;}
	50%{bottom: 40px;}
	100%{bottom: 20px;}
}
@-moz-keyframes move{
	0%{bottom: 20px;}
	50%{bottom: 40px;}
	100%{bottom: 20px;}
}
@-o-keyframes move{
	0%{bottom: 20px;}
	50%{bottom: 40px;}
	100%{bottom: 20px;}
}

.place_text{
	width: 100%;
	text-align: center;
}
h2{
	color: #d9b377;
	letter-spacing: 4px;
	font-weight: 100;
	font-size: 2.5em;
}
.text_courant{
	text-align: center;
	line-height: 30px;
}
#text_bienvenue{
	padding: 70px 0;
	width: 750px;
	margin: auto;
}
/*=======================
	FIN INDEX
=======================*/

/*=======================
	DEBUT SOMMAIRE
=======================*/
#sommaire{
	width: 100%;
	margin: auto;
	position: relative;
	z-index: 800;
}
.case{
	width: 25%;
	float: left;
}
.case a {
	text-align: center;
	color: #fff;
	font-family: "birch-std";
	font-size: 2em;
	display: block;
	position: absolute;
	z-index: 2;
	top: 50%;
	margin-top: -61px;
	width: 100%;
	left: 0;
	margin-left: 0;
	letter-spacing: 0px;
	transition: all ease 0.3s;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
}
.rotate{
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
}
.case_famille{
	background: url(images/case_famille.jpg) no-repeat center center / cover;
	background-size: 100%;
	width: 100%;
	height: 659px;
	
	transition: all ease 0.3s;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
}
.case_histoire{
	background: url(images/case_histoire.jpg) no-repeat center center / cover;
	background-size: 100%;
	width: 100%;
	height: 659px;
	
	transition: all ease 0.3s;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
}
.case_degustation{
	background: url(images/case_degustation.jpg) no-repeat center center / cover;
	background-size: 100%;
	width: 100%;
	height: 659px;
	
	transition: all ease 0.3s;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
}
.case_cuvee{
	background: url(images/case_cuvee.jpg) no-repeat center center / cover;
	background-size: 100%;
	width: 100%;
	height: 659px;
	
	transition: all ease 0.3s;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
}
.deco_case{
	background: url(svg/separator.svg) no-repeat;
	background-size: 100%;
	width: 96px;
	height: 31px;
	margin: auto;
	display: block;
}
.overlay_case{
	background: rgba(0,0,0,0.8);
}
/*=======================
	FIN SOMMAIRE
=======================*/

/*=======================
	DEBUT FOOTER
=======================*/
.pre_footer{
	background: #d9b377;
	padding: 40px 0 80px 0;
}
.logo_footer{
	background: url(svg/logo-footer.svg) no-repeat;
	background-size: 100%;
	width: 99px;
	height: 86px;
	margin: auto;
	opacity: 0.4;
}
.division{
	width: 750px;
	margin: 40px auto 0 auto;
}
.col50{
	width: 50%;
	min-height: 150px;
	float: left;
	text-align: center;
	font-size: 0.8em;
	border-right: solid 1px rgba(255,255,255,0.5);
}
.nop{
	border-right: none;
	width: calc(50% - 1px);
}
.pre_footer a{
	color: #fff;
	border: solid 1px rgba(255,255,255,0.5);
	padding: 10px 20px;
	letter-spacing: 0px;
	font-size: 0.7em;
	
	transition: all ease 0.3s;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
}
.pre_footer a:hover{
	border: solid 1px rgba(255,255,255,1);
	letter-spacing: 4px;
}
footer{
	background: #b29967;
	width: 100%;
	padding: 15px 0;
	font-size: 0.45em;
	text-align: center;
}
footer p{
	margin: 5px 0;
}
footer a{
	color: #fff;
	letter-spacing: 0px;
}
footer a:hover{
	letter-spacing: 2px;
}
.mentions p{
	font-size: 0.8em;
}
/*=======================
	FIN FOOTER
=======================*/

/*=======================
	DEBUT FAMILLE
=======================*/
.couv_famille{
	background: url(images/couv_famille.png) no-repeat center center / cover;
	width: 100%;
	height: 1000px;
}
.accroche{
	z-index: 3;
	text-align: center;
	position: absolute;
	bottom: -100px;
	left: 50%;
	margin-left: -350px;
	bottom: 40%;
	width: 700px;
}
.accroche h1{
	color: #d9b377;
	letter-spacing: 6px;
	font-size: 2.5em;
	font-weight: 100;
}
.accroche2 {
	z-index: 3;
	text-align: center;
	position: absolute;
	right: 0;
	left: 0;
	margin: auto;
	bottom: unset;
	top:50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	width: auto;
}
.accroche2 h1{
	margin-bottom: 30px;
}
.accroche p{
	margin: 0;
}
.separator_couv{
	background: url(svg/separator.svg) no-repeat;
	background-size: 100%;
	width: 176px;
	height: 56px;
	position: relative;
	z-index: 3;
	margin: auto;
}
#text_famille .col50{
	padding: 70px 0 0 0;
	border: none;
}
.img_famille{
	background: url(images/img_famille2.jpg) no-repeat;
	background-size: 100%;
	width: 528px;
	height: 790px;
	position: absolute;
	z-index: 2;
	left: -150px;
	top: 0;
	border: 15px solid rgba(217, 179, 119, 0.2);
}
.place_img{
	width: 100%;
	height: 750px;
}
.deco_img{
	width: 900px;
	height: 700px;
	
	background: rgba(255,255,255,0.1); /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, rgba(255,255,255,0) , rgba(255,255,255,0.1)); /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, rgba(255,255,255,0) , rgba(255,255,255,0.1)); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
        
	position: absolute;
	top: 50px;
	left: 400px;
	transform: skewY(4deg);
	-webkit-transform: skewY(4deg);
	-o-transform: skewY(4deg);
	-moz-transform: skewY(4deg);
	z-index: 1;
	pointer-events: none;
}
.line_img{
	width: 550px;
	height: 700px;
	
	background: rgba(255,255,255,0);
	border: solid 1px rgba(217,179,119,0.4);
        
	position: absolute;
	top: 80px;
	left: -200px;

	z-index: 3;
}
#text_famille .place_text{
	padding: 100px 0 0 0;
	width: 80%;
	margin: auto;
}
.separator{
	background: url(svg/separator.svg) no-repeat;
	background-size: 100%;
	width: 120px;
	height: 39px;
	margin: auto;
}
.place_text a {
	display: inline-block;
	padding: 10px 20px;
	border: solid 1px rgba(217,179,119,1);
	color: rgba(217,179,119,1);
	width: auto;
	font-size: 2em;
	letter-spacing: 4px;
	margin: 40px auto 0 auto;
	position: relative;
}
.place_text a:hover{
	letter-spacing: 8px;
}
.place_text a:hover .arrow{
	right: -50px;
	opacity: 1;
}

.place_text a.btn-retour-form {
	font-size: 0.8em;
}

.decouvrir{
	display: block;
	font-size: 0.35em;
	color: #fff;
	font-family: 'Lora', serif;
	letter-spacing: 0px;
}
.arrow{
	background: url(images/arrow.png) no-repeat;
	background-size: 100%;
	width: 20px;
	height: 40px;
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -20px;
	right: 0px;
	opacity: 0;
	
}
/*=======================
	FIN FAMILLE
=======================*/
/*=======================
	DEBUT HISTOIRE
=======================*/
.couv_histoire{
	background: url(images/couv_histoire.png) no-repeat center center / cover;
	width: 100%;
	height: 1000px;
}
#text_histoire .place_text{
	padding: 100px 0 0 0;
	width: 80%;
	margin: auto;
}
#text_histoire .col50{
	padding: 70px 0 0 0;
	border: none;
}
.img_histoire{
	background: url(images/img_histoire.jpg) no-repeat;
	background-size: 100%;
	width: 528px;
	height: 790px;
	position: absolute;
	z-index: 2;
	left: 150px;
	top: 0;
	border: 15px solid rgba(217, 179, 119, 0.2);
}
#text_histoire .line_img{
	left: 200px;
	pointer-events: none;
}
#text_histoire .place_text a{
	padding: 10px 10px;
}
#text_histoire .deco_img{
	left: -400px;
}

.suite_cache{
	font-size: 0.8em;
	width: 80%;
	margin: auto;
	display: none;
}
.plus{
	font-size: 0.6em !important;
	letter-spacing: 2px !important;
	margin-bottom: 40px !important;
	border: 1px solid rgba(217, 179, 119, 0) !important;
}
.plus:hover{
	letter-spacing: 3px !important;
	border-bottom: 1px solid rgba(217, 179, 119, 0.4) !important;
}
/*=======================
	FIN HISTOIRE
=======================*/
/*=======================
	DEBUT CUVEE
=======================*/
.couv_cuvee{
	background: url(images/couv_cuvee.png) no-repeat center center / cover;
	width: 100%;
	height: 1000px;
}
#text_cuvee .place_text{
	padding: 100px 0 0 0;
	width: 80%;
	margin: auto;
}
#text_cuvee .col50{
	padding: 70px 0 0 0;
	border: none;
}
.img_cuvee{
	background: url(images/bttle_brou.png) no-repeat;
	background-size: 100%;
	width: 200px;
	height: 733px;
	position: absolute;
	z-index: 5;
	left: 40px;
	top: 0;
}
.etuis{
	background: url(images/etuis_brou.png) no-repeat;
	background-size: 100%;
	width: 600px;
	height: 1085px;
	position: absolute;
	z-index: 4;
	left: -420px;
	top: -60px;
}
.zone_info{
	position: absolute;
	top: 80px;
	right: -90px;
}
.boite{
	padding: 20px;
	color: #fff;
	width: 180px;
	margin-bottom: 40px;
	box-sizing: border-box;
}
.boite_info{
	background: rgba(217, 179, 119, 0.6);
}
.boite p{
	margin: 0;
}
.assemblage{
	font-size: 1.5em;
	margin-top: 10px !important;
}
.citation{
	font-size: 1.5em;
	letter-spacing: 4px;
	margin-top: 10px !important;
}
#text_cuvee .rotate{
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
}
#text_cuvee{
	padding: 50px 0;
}
/*=======================
	FIN CUVEE
=======================*/
/*=======================
	DEBUT DEGUSTATION
=======================*/
.couv_degustation{
	background: url(images/couv_degustation.png) no-repeat center center / cover;
	width: 100%;
	height: 1000px;
}
.img-1_degustation{
	background: url(images/img-1_degustation.jpg) no-repeat;
	background-size: 100%;
	width: 528px;
	height: 790px;
	position: absolute;
	z-index: 2;
	right: 40px;
	top: 0;
	border: 15px solid rgba(217, 179, 119, 0.2);
}
.img-2_degustation{
	background: url(images/img-2_degustation.jpg) no-repeat;
	background-size: 100%;
	width: 528px;
	height: 790px;
	position: absolute;
	z-index: 2;
	left: 40px;
	top: 0;
	border: 15px solid rgba(217, 179, 119, 0.2);
}
#text_degustation .line_img{
	left: 60px;
}
#text_degustation .place_text a{
	padding: 10px 10px;
}
#text_degustation .deco_img{
	left: -400px;
}
#text_degustation .place_text{
	padding: 100px 0 0 0;
	width: 80%;
	margin: auto;
}
/*=======================
	FIN DEGUSTATION
=======================*/
/*=======================
	DEBUT FORMULAIRE
=======================*/
form .label input, form .label textarea{
	transform: unset;
	-webkit-transform: unset;
	-moz-transform: unset;
	-o-transform: unset;
	font-family: 'Lora', serif;
	border: none;
	border-bottom: 1px solid rgba(217, 179, 119, 0.6);
	border-top: 1px solid rgba(217, 179, 119, 0);
	border-right: 1px solid rgba(217, 179, 119, 0);
	border-left: 1px solid rgba(217, 179, 119, 0);
    box-sizing: border-box;
    color: #fff;
    font-size: 0.7em;
    padding: 10px 20px;
    resize: none;
    width: 100%;
    background: rgba(11,34,14,0.5);
    letter-spacing: 0px;
    
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
}
form .label input:hover, form .label textarea:hover{
	border: 1px solid rgba(217, 179, 119, 0.6);
	background: rgba(217, 179, 119, 0.1);
}
form .label input:hover{
	letter-spacing: 4px;
}
form{
	margin: 50px 0;
}
textarea{
	height: 300px;
}
.couv_contact{
	width: 100%;
	height: 1000px;
}
.couv_contact .accroche{
	bottom: 30%;
}
.couv_contact .overlay_couv{
	background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
}
#formulaire{
	width: 60%;
	margin: auto;
}
.adresse{
	font-size: 0.65em;
}
.brun{
	color: rgba(217, 179, 119, 1);
}
.btn-envoyer{
	border: solid 1px rgba(217, 179, 119, 1);
	padding: 10px 20px;
	background: rgba(0,0,0,0);
	color: rgba(217, 179, 119, 1);
	font-size: 1em;
	letter-spacing: 2px;
	display: block;
	margin: 40px auto 0 auto;
	width: 200px;
}
.btn-envoyer:hover{
	letter-spacing: 4px;
	cursor: pointer;
}
#formulaire .btn-envoyer:hover .arrow{
	left: 240px;
	opacity: 1;
}
.error-message{
	color: red;
	font-size: 0.5em;
	text-align: left;
	display: block;
	line-height: 15px;
	padding-top: 10px;
	box-sizing: border-box;
	letter-spacing: 2px;
}
/*=======================
	FIN FORMULAIRE
=======================*/



.fancybox-close:hover{
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	
	transition: all ease 0.3s;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
}
.couv_contact.envoye {
    height: 200px;
}
.couv_cuvee, .couv_histoire, .couv_famille, .couv_index, .couv_degustation{
opacity: 0;
background-size: 10%; 

transition: all ease 2s;
-webkit-transition: all ease 2s;
-moz-transition: all ease 2s;
-o-transition: all ease 2s;
}

#mentions a{
	border: none;
	font-size: 0.8em;
	letter-spacing: 2px;
	display: inline-block;
	width: auto;
	margin: 0;
	padding: 0;
}
#mentions a:hover{
	letter-spacing: 2px;
	text-decoration: underline;
}
#suite, #chateau, #formulaire, #mentions{
	padding: 40px 0;
}
.displaynone{
	display: none;
}
/*=======================
	DEBUT GALERIE
=======================*/
#zone_galerie{
	padding: 80px 0;
}
#zone_galerie ul li{
	width: 25%;
	float: left;
	overflow: hidden;
}
#zone_galerie ul li a{
	display: block;
	position: relative;
}
#zone_galerie ul li a img{
	vertical-align: middle;
}
.overlay{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	background: rgba(0,0,0,0.7);
}





/*=======================
	FIN GALERIE
=======================*/


/* NOUVELLE *//* NOUVELLE *//* NOUVELLE *//* NOUVELLE *//* NOUVELLE *//* NOUVELLE */
/* NOUVELLE *//* NOUVELLE *//* NOUVELLE *//* NOUVELLE *//* NOUVELLE *//* NOUVELLE */
/* NOUVELLE *//* NOUVELLE *//* NOUVELLE *//* NOUVELLE *//* NOUVELLE *//* NOUVELLE */

/* NOUVELLE *//* NOUVELLE *//* NOUVELLE *//* NOUVELLE *//* NOUVELLE *//* NOUVELLE */
/* NOUVELLE *//* NOUVELLE *//* NOUVELLE *//* NOUVELLE *//* NOUVELLE *//* NOUVELLE */
/* NOUVELLE *//* NOUVELLE *//* NOUVELLE *//* NOUVELLE *//* NOUVELLE *//* NOUVELLE */

.img_nouvelle {
	background: url(images/nouvelle/bg-nouvelle-left.jpg) no-repeat;
	background-size: 100%;
}

.couv_nouvelle{
	background: url(images/nouvelle/bg-nouvelle-top2.jpg) no-repeat center center / cover;
	width: 100%;
	height: 1000px;
}

.img_nouvelle_bottom {
	background: url(images/nouvelle/bg-nouvelle-bottom.jpg) no-repeat center center / cover;
	width: 100%;
	height: 1000px;
}

.img_nouvelle_right{
	background: url(images/nouvelle/bg-nouvelle-right2.jpg) no-repeat;
	background-size: 100%;
}

.text_deg{
	color: #d9b377;
}

a.or_deg{
	font-size: 1em;
	background: transparent;
	color: #d9b377;
}

a.or_deg:hover{
	letter-spacing: 4px;
	background: #d9b377;
	color: #fff;
}


/*=======================
	DEBUT RESPONSIVE
=======================*/
@media screen and (max-width:1600px){
	.img-1_degustation{
		left: -160px;
	}
	#text_degustation .line_img{
		left: 60px;
		width: 380px;
	}
	.img-2_degustation{
		right: -160px;
	}
	#text_degustation .place_text{
		width: 100%;
	}
}
@media screen and (max-width:1500px){
	.couv_cuvee, .couv_histoire, .couv_famille, .couv_index, .couv_degustation, .couv_contact{
		height: 750px;
	}
	.case_cuvee, .case_famille, .case_histoire, .case_degustation{
		height: 520px;
	}
	.line_img{
		left: -110px;
	}
	.img_famille{
		left: -80px;
	}
	#text_histoire .line_img {
	    left: 110px;
	}
	.img_cuvee{
		left: 100px;
	}
	.etuis{
		left: -320px;
	}
}

@media screen and (max-width:1300px){
	.img_cuvee{
		left: 200px;
	}
	.etuis{
		left: -240px;
	}
	#text_cuvee .line_img{
		left: -30px;
	}
	
	.img-1_degustation{
		left: -200px;
	}
	#text_degustation .line_img{
		left: 20px;
		width: 380px;
	}
	.img-2_degustation{
		right: -200px;
	}
	
}

@media screen and (max-width: 1200px){
	body{
		font-size: 20px;
	}
	.container{
		width: 100%;
	}
	.img_famille, .img_histoire{
	    height: 681px;
	    left: 60px;
	    width: 454px;
	}
	.img-2_degustation, .img-1_degustation{
		height: 681px;
	    width: 454px;
	}
	#text_famille .line_img{
		left: 40px;
	}
	#text_histoire .line_img {
	    left: 20px;
	}
	#text_degustation .line_img {
	    left: 40px;
	    width: 330px;
	}
	.img_cuvee{
		width: 160px;
		height: 593px;
	}
	.etuis{
		left: -130px;
		width: 500px;
		height: 825px;
	}
	.case_cuvee, .case_famille, .case_histoire, .case_degustation{
		height: 420px;
	}
	#text_cuvee .place_text{
		width: 60%;
		float: right;
		padding-right: 60px;
	}
	.zone_info{
		right: -75px;
	}
	.boite{
		width: 150px;
		padding: 20px 0;
	}
}

@media screen and (max-width: 1100px){
	.img_famille {
	    left: -60px;
	}
	#text_famille .line_img{
		left: -30px;
	}
	#text_histoire .img_histoire{
		right: 0;
	}
	.img-2_degustation{
		right: -210px;
	}
	.col33{
		padding-bottom: 20px;
	}
}


@media screen and (max-width: 980px){
	#text_bienvenue{
		width: 80%;
	}
	.case_cuvee, .case_famille, .case_histoire, .case_degustation{
		background-size: cover !important;
	}
	.couv_cuvee, .couv_histoire, .couv_famille, .couv_index, .couv_degustation, .couv_contact{
		height: 550px;
	}
	.img_cuvee {
	    left: 200px;
	    margin-top: 70px;
	}
	#text_famille .place_text {
	    float: right;
	    padding: 100px 20px 100px 0;
	}
	
	#text_cuvee .line_img{
		left: -30px;
	}
	
	.img-1_degustation{
		left: -230px;
	}
	#text_degustation .line_img{
		left: -20px;
	}
	.img-2_degustation{
		right: -240px;
	}
	#formulaire{
		width: 80%;
	}
	
}
@media screen and (max-width: 900px){
	#zone_galerie ul li{
		width: 33.32%;
	}
}
@media screen and (max-width: 850px){
	.img_famille, .img_histoire, .img-2_degustation, .img-1_degustation {
	    height: 561px;
	    width: 374px;
	}
	#text_degustation .line_img{
		left: 30px;
		width: 220px;
	}
	.img-2_degustation {
	    right: -160px;
	}
	.img-1_degustation {
	    left: -160px;
	}
	.line_img {
	    height: 600px;
	    left: -200px;
	    width: 410px;
	}
	.img_cuvee{
		left: 150px;
	}
	.etuis{
		left: -180px;
	}
	#text_cuvee .line_img {
	    left: -20px;
	}
	.zone_info {
	    right: -50px;
	}
	.boite{
		width: 100px;
	}
}

@media screen and (max-width: 750px){
	.case{
		width: 50%;
	}
	.logo_header, .logo-nav{
		width: 170px;
		margin-left: -85px;
	}
	nav{
		top: 40%;
	}
	.col50{
		width: 100%;
		border-right: none;
	}
	.img_famille, .img_histoire, .img-2_degustation, .img-1_degustation{
		left: 50%;
		margin-left: -202px;
	}
	.deco_img{
		right: 0;
	}
	#text_famille .line_img{
		left: 50%;
		margin-left: -240px;
	}
	.place_img{
		height: 700px;
	}
	.place_text{
		padding: 0 20px !important;
		box-sizing: border-box;
	}
	#text_famille .place_text, #text_cuvee .place_text{
		padding: 0 0 100px 0;
		margin: auto;
		float: none;
	}
	.no-padd{
		padding-top: 0px !important;
	}
	.col33{
		width: 100%;
	}
	
	#text_degustation .line_img{
	    height: 600px;
	    width: 410px;
	    left: 50%;
	    margin-left: -225px;
	}
	#text_degustation .place_img{
		height: 640px;
	}
	#text_degustation .place_text{
		height: 640px;
	}
	#text_cuvee .line_img{
		left: 50%;
		margin-left: -205px;
	}
	.img_cuvee {
	    left: 50%;
	    margin-left: -80px;
	}
	.etuis{
		left: 50%;
		margin-left: -450px;
	}
	.zone_info {
	    right: -90px;
	}
	.boite {
	    width: 180px;
	}
	.division{
		width: 100%;
	}
	.deco_img{
		width: 100%;
		position: unset !important;
		left: unset !important;
	}
	.accroche{
		width: 100%;
		left: unset;
		margin-left: 0;
	}
}
@media screen and (max-width: 600px){
	#zone_galerie ul li{
		width: 50%;
	}
}
@media screen and (max-width: 630px){
	.img_cuvee {
	    left: 50%;
	    margin-left: -60px;
	    width: 120px;
	    height: 453px;
	}
	.etuis{
		left: 50%;
		margin-left: -340px;
		width: 360px;
		height: 625px;
	}
	.zone_info {
	    right: -20px;
	}
	.boite{
		width: 120px;
	}
	#text_cuvee .place_img{
		height: 620px;
	}
	#text_cuvee .place_text{
		width: 80%;
	}
	#toggle, #toggle_close{
		right: 10px;
		top: 10px;
	}
}
@media screen and (max-width: 400px){
	body{
		font-size: 17px;
	}
	.accroche h1{
		font-size: 2em;
	}
	.accroche p{
		font-size: 0.8em;
	}
	#text_famille .line_img {
	    height: 420px;
	    margin-left: -160px;
	    width: 260px;
	}
	#text_histoire .line_img{
	    height: 350px;
	    left: 35px;
	    width: 250px;
	}
	#text_degustation .line_img{
	    height: 390px;
	    margin-left: -155px;
	    width: 250px;
	}
	.place_img, #text_degustation .place_img{
		height: 500px;
	}
	#text_cuvee .col50{
		padding: 0px;
	}
	.img_cuvee {
	    height: 343px;
	    margin-left: -45px;
	    width: 90px;
	}
	.etuis {
	    height: 465px;
	    margin-left: -250px;
	    width: 280px;
	}
	.zone_info{
		top: 10px;
	}
	#text_cuvee .line_img{
		height: 400px;
	}
	#text_cuvee .place_img {
	    height: 490px;
	}
	.plus{
		font-size: 0.8em !important;
	}
	#text_cuvee .line_img{
		width: 80%;
		margin-left: -40%;
	}
}


@media screen and (max-height: 977px){
	nav{
		top: 55%;
	}
}
@media screen and (max-height: 750px){
	nav{
		top: 60%;
	}
	nav a{
		padding: 0 10px 10px;
	}
}
@media screen and (max-height: 640px){
	nav{
		top: 70%;
	}
}
@media screen and (max-height: 560px){
	nav{
		top: 80%;
	}
	nav a{
		padding: 0;
	}
}
@media screen and (max-width: 300px){
	#zone_galerie ul li{
		width: 100%;
	}
}
/*=======================
	FIN RESPONSIVE
=======================*/




















.retour{
	clear: both;
}