@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400);

/* RESETS */
html, body, figure, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	text-decoration:none;
}
.clear	{ clear:both; }

body {
	color: #000;
	text-align:center;
	font-family: 'Source Sans Pro', sans-serif;
	line-height: 12px;
	font-size:12px;
	background: #26333c;
	overflow-x: hidden !important; margin:0; padding: 0;
	position: relative;
}

h1 {
font-family: Arial, Helvetica, sans-serif;
font-size:2em;
line-height:1.2em;
text-transform:uppercase;
color:#26333c;
letter-spacing: -1px;
font-weight: 400;
margin:1em 0 1em 0;
text-align:left;
}

h2 {
font-family: 'Source Sans Pro', sans-serif;
font-weight:bold;
font-size:1.7em;
line-height:1.2em;
text-transform:uppercase;
color:#26333c;
letter-spacing: -1px;
margin:1em 0 1em 0;
text-align:left;
}

h3 {
font-family: Arial, Helvetica, sans-serif;
font-size:1.2em;
line-height:1em;
text-transform:uppercase;
color:#26333c;
letter-spacing: -1px;
font-weight: 400;
margin:1em 0 1em 0;
text-align:left;
}

p 
{ 
font-size:1.2em;
font-weight:normal;
font-family: Arial, Helvetica, sans-serif;
margin:1em 0 1em 0;
line-height:1.2em;
text-align:justify;
 }
a {text-decoration:none; color:#000000;font-family: 'Source Sans Pro', sans-serif;}
a:hover { text-decoration:none; color:#000000;}
a img { border: none }


/* Structure */

header{
z-index:10001;
position: fixed;
top: 0;
left: 0;
overflow: hidden;
-webkit-transition: height 0.3s;
-moz-transition: height 0.3s;
transition: height 0.3s;
width:100%;
height: 276px;
background: url('../images/header_nav.png');
background-repeat:no-repeat;
background-position: top center;
background-size: 100%;
}

div#content, div.content-center
{
	display: flex;
	align-items: center;
}

logo-content, #leftcontent, #rightcontent
{
	padding: 10px;
}

.ruban-global
{
	position: absolute;
	z-index: -1;
	top: 53%;
}

.ruban-global.right
{
	right: 0;
}

/* *************** CONTACT *********** */
body.contact #rightcontent
{
	flex: 1 !important;
}



/* *******************  MENU  ************************* */

.headermobile{
display:none;
height: 320px;
top: 0;
left: 0;
overflow: hidden;
-webkit-transition: height 0.3s;
-moz-transition: height 0.3s;
transition: height 0.3s;
width:100%;

background:transparent;
background-repeat:no-repeat;
background-position: top center;
background-size: 100%;

}

.headerstandard-inner{
background:transparent;
width: 80%;
margin: 0 auto;
padding: 0;
}

.menustandard {
background:transparent;
text-align:center;
float: left;
color: #000;
}


img{
margin:0 auto;
max-width:100%;height:auto;
}

.logo img{
padding-top:10%;
}


.headerstandard nav.menustandard{
width:100%;
background:transparent;
-webkit-transition: height 0.3s;
-moz-transition: height 0.3s;
transition: height 0.3s;
}

.menustandard ul {

list-style-type:none;
/*text-align:center;*/
background:transparent;
}

.menustandard li {
display:inline-block;
float:left;
position:relative;
background:transparent;
width:20%;
left:0;
text-align:left;
margin: 9% auto 0;
}

.menustandard li.champagnes {
left:5%;
}


.menustandard li.contact {
left:5%;
}

.menustandard li.home {
left:5%;
}

.menustandard li.terroir {
left:5%;
}


.menustandard li.logo-jjh{
text-align:center;
margin-top:0%;
}

.headerstandard nav.menustandard a {
text-transform:uppercase;
font-family: 'PT Sans Caption', sans-serif;
display:block;
-webkit-transition: height 0.3s;
-moz-transition: height 0.3s;
transition: height 0.3s;
background:transparent;
width:100%;
color:#000000;
height:30px;
line-height:30px;
}

.menustandard li ul {
margin-top:0px;
width:180px;
min-height:50px;
text-align:center;

}

.menustandard li ul {
	left: -999em;
	position: absolute;

}

.menustandard li:hover > ul {
	left:-30px;
}

#triangle{
margin-left:50px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 5px 12px 5px;
border-color: transparent transparent #26333c transparent;
}

.menustandard li ul li{
background:#fff;
margin:0px;
padding:0px;
text-align:center;
border:1px solid #938b82;
}

.menustandard li ul li.tradition{
-webkit-border-top-left-radius: 10px;
-moz-border-radius-topleft: 10px;
border-top-left-radius: 10px;
border-bottom:0px;	
}


.menustandard li ul li{
width:100%;
display:inherit;
}



.menustandard li li a{
text-decoration:none;
display:block;
color:#fff;
background:#26333c;

}

.menustandard li ul li a{
padding:0px;

}

.menustandard li ul li.tradition a{
padding:0px;
-webkit-border-top-left-radius: 10px;
-moz-border-radius-topleft: 10px;
border-top-left-radius: 10px;
}

.menustandard li ul li:hover li ul li a{
color:#fff;

text-transform:inherit;
}
.menustandard li ul li:hover a, .menustandard li li:hover a{
color:#fff;
background:#26333c;	
}

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


/* *********************** CONTENT *********************** */

#global {
width:80%;
margin:0% 10%;
background:rgba(179, 183, 186, 0.9);
height:auto!important;
}





#contenu {
width:100%;
margin:11% auto 2%;
position: relative;
}

#content{
width:100%;
padding-top:100px;
padding-bottom: 50px;
}

/* ***************  TRADITION/PRESTIGE  **************** */

.cuvee{
width:100%;
float:none;
padding-left:10%;
}

.cuvee h1{
margin-top:0;
}

.texte{
padding:2%;
margin:0;
width:63%;
float:left;
}

.bouteille{
margin:0;
padding:0;
max-width:15%;
float:left;
}

.texte-assemblage{
padding:1%;
margin-top:25%;
width:65%;
float:left;
}
.cuvee-assemblage{margin:0;
padding:0;
max-width:30%;
float:left;}

.texte-chardonnay{
padding:1%;
margin-top:25%;
width:65%;
float:left;
}
.cuvee-chardonnay{margin:0;
padding:0;
max-width:30%;
float:left;}

.texte-eleganza{
padding:1%;
margin-top:25%;
width:65%;
float:left;
}

.cuvee-eleganza{margin:0;
padding:0;
max-width:30%;
float:left;}


/* **************POPUP **************** */


		.btn {
			background-color: #547C85;
			color: #fff;
			padding: .15em .4em;
			display: inline-block;
			border-radius: 4px;
			-webkit-transition: all 0.3s ease-in-out;
			-moz-transition: all 0.3s ease-in-out;
			-o-transition: all 0.3s ease-in-out;
			-ms-transition: all 0.3s ease-in-out;
			transition: all 0.3s ease-in-out;

		}
		.btn:hover {
			color: #F1C15C;
		}
		code {
			background-color: #E1F1F7;
		}
		code.block {
			padding: 1em;
			display: inline-block;
			border: 1px solid #547C85;
			border-radius: 4px;
			text-align: left;
		}

/* *********** FOOTER  ******************* */

#footer {
position:relative;
width:80%;
margin:0% 10%;
float:left;
	
}


.abus p{
color:#fff;
font-size:1em;
text-align:center;
}


/* *********** CONTACT FORM  **************** */
#contact{
position:relative;
z-index:111111;
width:100%;
float:none;
margin: 2%;
}


#contact-form{

margin:0%;
padding-top:5%;
min-width:280px;
width:60%;
border:1px solid rgba(38, 51, 60, 0.9);

background:rgba(38, 51, 60, 0.9);
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
font-size: 0.9em;
font-family: 'Source Sans Pro', sans-serif;
text-align:left;
}

#contact-form input[type="text"],
#contact-form input[type="email"],
#contact-form textarea {
font-family: 'Lato', Calibri, Arial, sans-serif;
width:80%;
border: 0px;
margin:10px 30px 5px 30px;
padding:10px;
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
}

#contact-form button[type="submit"] {
font-family: 'Source Sans Pro', sans-serif;
font-size: 1.7em;
cursor:pointer;
width:50%;
border:none;
margin:10px 22%;
padding:5px 0px;
border-radius:5px;
}

#contact-form button[type="submit"]:hover {}

/*  ******** COORDONNEES  ************ */

#coordonnees{
width:100%;
float:none;
margin: 2%;
}


#coordonnees a {
color:#26333c;
}

#coordonnees a:hover{
color:#000;
}

/* ********* MAPS *********** */

#maps-jjh{
margin: 2%;
width:80%;
float:none;
}

/* *******************************************

MEDIA-QUERIES

******************************************** */



@media only screen and (min-width:1800px) and (max-width: 1900px ){


}

@media only screen and (min-width:1680px) and (max-width: 1799px ){



.logo img{
height:165px;
width:142px;
}

}


@media only screen and (min-width: 1600px ) and (max-width: 1679px ) {


.logo img{
height:156px;
width:134px;
}

/* *****************   MENU   ******************  */

.logo img{
height:148px;
width:127px;
}

/* *********************** CONTENT *********************** */


/* ***************  TRADITION/PRESTIGE  **************** */

.cuvee{
width:100%;
float:none;
padding-left:0%;
}

.cuvee h1{
margin-top:0;
}

.texte{
padding:1%;
margin:0;
width:65%;
float:left;

}

.bouteille{
margin:0;
padding:0;
max-width:15%;
float:left;

}


/* ********** POPUP ********** */

 .jslghtbx-thmb {
  margin: 0em;
}


}

@media only screen and (min-width: 1440px ) and (max-width: 1599px ) {

/* *****************   MENU   ******************  */

.logo img{
height:148px;
width:127px;
}

/* *********************** CONTENT *********************** */


/* ***************  TRADITION/PRESTIGE  **************** */

.cuvee{
width:100%;
float:none;
padding-left:0%;
}

.cuvee h1{
margin-top:0;
}

.texte{
padding:1%;
margin:0;
width:70%;
float:left;

}

.bouteille{
margin:0;
padding:0;
max-width:15%;
float:left;

}

/* ********** POPUP ********** */

 .jslghtbx-thmb {
  margin: 0em;
}


}

@media only screen and (min-width: 1351px ) and (max-width: 1439px ) {



/* *****************   MENU   ******************  */

.logo img{
height:137px;
width:118px;
}

/* *********************** CONTENT *********************** */

/* ***************  TRADITION/PRESTIGE  **************** */

.cuvee{
width:100%;
float:none;
padding-left:0%;
}

.cuvee h1{
margin-top:0;
}

.texte{
padding:1%;
margin:0;
width:75%;
float:left;
}

.bouteille{
margin:0;
padding:0;
max-width:15%;
float:left;
}

/* ********** POPUP ********** */

 .jslghtbx-thmb {
  margin: 0em;
}

}


@media only screen and (min-width: 1280px ) and (max-width: 1350px) {


/* *****************   MENU   ******************  */


.logo img{
height:132px;
width:114px;
}


/* *********************** CONTENT *********************** */


/* ***************  TRADITION/PRESTIGE  **************** */

.cuvee{
width:100%;
float:none;
padding-left:0%;
}

.cuvee h1{
margin-top:0;
}

.texte{
padding:1%;
margin:0;
width:70%;
float:left;

}

.bouteille{
margin:0;
padding:0;
max-width:17%;
float:left;

}


/* ********** POPUP ********** */

 .jslghtbx-thmb {
  margin: 0em;
}

}


@media only screen and (min-width: 1152px ) and (max-width: 1279px) {

/* *****************   MENU   ******************  */

.logo img{
height:116px;
width:100px;
}


/* *********************** CONTENT *********************** */

/* ***************  TRADITION/PRESTIGE  **************** */

.cuvee{
width:100%;
float:none;
padding-left:0%;
}

.cuvee h1{
margin-top:0;
}

.texte{
padding:1%;
margin:0;
width:69%;
float:left;

}

.bouteille{
margin:0;
padding:0;
max-width:19%;
float:left;

}

/* ********** POPUP ********** */

 .jslghtbx-thmb {
  margin: 0em;
}


}

@media only screen and (max-width: 1024px )
{
	.logo-content
	{
		display: none;
	}
}


@media only screen and (min-width: 1024px ) and (max-width: 1151px) {

/* *****************   MENU   ******************  */

.menustandard li {
margin: 8% auto 0;
}


.logo img{
height:108px;
width:93px;
}



/* *********************** CONTENT *********************** */

/* ***************  TRADITION/PRESTIGE  **************** */

.cuvee{
width:100%;
float:none;
padding-left:0%;
}

.cuvee h1{
margin-top:0;
}

.texte{
padding:1%;
margin:0;
width:69%;
float:left;

}

.bouteille{
margin:0;
padding:0;
max-width:22%;
float:left;

}

/* ********** POPUP ********** */

 .jslghtbx-thmb {
  margin: 0em;
}


}

@media only screen and (min-width: 960px ) and (max-width:1023px ) {

/* *****************   MENU   ******************  */

.menustandard li {
margin: 8% auto 0;
}


.logo img{
height:97px;
width:84px;
}

/* *****************   CONTENT  ******************  */


/* ***************  TRADITION/PRESTIGE  **************** */

.cuvee{
width:100%;
float:none;
padding:0%;
}
.cuvee h1{
margin-top:10px;
}


.texte{
padding:0;
margin:0;
width:100%;
float:none;
}

.texte p{
padding:10px;
}

.bouteille{
text-align:center;
margin:0 auto;
padding:0;
width:100%;
float:none;
}

.bouteille img{

margin:0 auto;
max-width:100px;height:auto;
}

/* ********** POPUP ********** */

 .jslghtbx-thmb {
  margin: 0em;
}





}

@media only screen and (min-width: 860px ) and (max-width:959px ) {

/* *****************   MENU   ******************  */

.menustandard li {
margin: 8% auto 0;
}


.logo img{
height:92px;
width:80px;
}
/* *****************   CONTENT  ******************  */

/* ***************  TRADITION/PRESTIGE  **************** */

.cuvee{
width:100%;
float:none;
padding:0%;
}
.cuvee h1{
margin-top:10px;
}


.texte{
padding:0;
margin:0;
width:100%;
float:none;
}

.texte p{
padding:10px;
}

.bouteille{
text-align:center;
margin:0 auto;
padding:0;
width:100%;
float:none;
}

.bouteille img{

margin:0 auto;
max-width:100px;height:auto;
}

/* ********** POPUP ********** */

 .jslghtbx-thmb {
  margin: 0em;
}


}



@media only screen and (min-width: 800px ) and (max-width: 859px) {

/* *****************   MENU   ******************  */

.menustandard li {
margin: 7% auto 0;
}

.logo img{
height:82px;
width:71px;
}

/* *****************   CONTENT  ******************  */

/* ***************  TRADITION/PRESTIGE  **************** */

.cuvee{
width:100%;
float:none;
padding:0%;
}
.cuvee h1{
margin-top:10px;
}


.texte{
padding:0;
margin:0;
width:100%;
float:none;
}

.texte p{
padding:10px;
}

.bouteille{
text-align:center;
margin:0 auto;
padding:0;
width:100%;
float:none;
}

.bouteille img{

margin:0 auto;
max-width:100px;height:auto;
}

/* ********** POPUP ********** */

 .jslghtbx-thmb {
  margin: 0em;
}



}

@media only screen and (min-width: 769px ) and (max-width: 799px ) {

/* *****************   MENU   ******************  */

.menustandard li {
margin: 7% auto 0;
}

.logo img{
height:82px;
width:71px;
}



/* ***************  TRADITION/PRESTIGE  **************** */

.cuvee{
width:100%;
float:none;
padding:0%;
}
.cuvee h1{
margin-top:10px;
}


.texte{
padding:0;
margin:0;
width:100%;
float:none;
}

.texte p{
padding:10px;
}

.bouteille{
text-align:center;
margin:0 auto;
padding:0;
width:100%;
float:none;
}

.bouteille img{

margin:0 auto;
max-width:100px;height:auto;
}

/* ********** POPUP ********** */

 .jslghtbx-thmb {
  margin: 0em;
}
}

@media only screen and (max-width: 768px ) {

/* *****************   MENU   ******************  */

.headerstandard{
display:none;
}

.headermobile{
display:block;
}


/* *************** CONTACT *********** */
body.contact #content
{
	flex-direction: column;
}


/* *****************   CONTENT  ******************  */



#global {
width:90%;
margin:5% 5% 2%;
}

#content
{
	padding: 0;
}

#contenu {
margin:3% auto 2%;
}


/* *****************   CUVEES   ******************  */

.cuvee{
width:100%;
float:none;
padding:0%;
}
.cuvee h1{
margin-top:10px;
}


.texte{
padding:0;
margin:0;
width:100%;
float:none;
}

.texte p{
padding:5px;
}

.texte-assemblage{
padding:0;
margin:0;
width:100%;
float:none;
}

.texte-assemblage p{
padding:5px;
}

.texte-chardonnay{
padding:0;
margin:0;
width:100%;
float:none;
}

.texte-chardonnay p{
padding:5px;
}

.texte-eleganza{
padding:0;
margin:0;
width:100%;
float:none;
}

.texte-eleganza p{
padding:5px;
}

.bouteille{
text-align:center;
margin:0 auto;
padding:0;
width:100%;
float:none;
}

.bouteille img{
margin:0 auto;
max-width:100px;height:auto;
}

.cuvee-eleganza{margin:0;
text-align:center;
margin:0 auto;
padding:0;
width:100%;
float:none;
}

.cuvee-chardonnay{
text-align:center;
margin:0 auto;
padding:0;
width:100%;
float:none;
}

.cuvee-assemblage{
text-align:center;
margin:0 auto;
padding:0;
width:100%;
float:none;
}

.cuvee-eleganza img{
margin:0 auto;
max-width:100px;height:auto;
}

.cuvee-chardonnay img{
margin:0 auto;
max-width:100px;height:auto;
}

.cuvee-assemblage img{
margin:0 auto;
max-width:100px;height:auto;
}

/* ********** POPUP ********** */

 .jslghtbx-thmb {
  margin: 0em;
} 

}

@media only screen and (max-width: 480px ) {
/* ************ HEADER ***************** */

/* *****************   MENU   ******************  */

.headerstandard{
display:none;
}

.headermobile{
display:block;
}

.ruban-global
{
	display: none;
}

.content-center
{
	flex-direction: column;
}

#leftcontent
{
	max-width: 150px;
}


/* *****************   CONTENT  ******************  */


#global {
width:100%;
margin:12% 0% 2%;
}

#contenu {
margin:1% auto 2%;
}

/* ************* MAPS **************** */

#maps-jjh{
margin:2%;
width:100%;

}



/* *****************   CUVEES   ******************  */

.cuvee{
width:100%;
float:none;
padding:0%;
}
.cuvee h1{
margin-top:10px;
}


.texte{
padding:0;
margin:0;
width:100%;
float:none;
}

.texte p{
padding:5px;
}

.bouteille{
text-align:center;
margin:0 auto;
padding:0;
width:100%;
float:none;
}

.bouteille img{
margin:0 auto;
max-width:100px;height:auto;
}

/* ********** POPUP ******* */

  .jslghtbx-thmb {
      margin: 1em 0; }

}

@media only screen and (max-width: 320px ) {
/* ************ HEADER ***************** */

/* *****************   MENU   ******************  */



.headerstandard{
display:none;
}

.headermobile{
display:block;
}




/* *****************   CONTENT  ******************  */

#global {
width:100%;
margin:12% 0% 2%;
}

#contenu {
margin:1% auto 2%;
}


/* ************* MAPS **************** */

#maps-jjh{
margin:2%;
width:100%;

}



/* *****************   CUVEES   ******************  */

.cuvee{
width:100%;
float:none;
padding:0%;
}


.texte{
padding:0;
margin:0;
width:100%;
float:none;
}

.texte p{
padding:2px;
}

.bouteille{
text-align:center;
margin:0 auto;
padding:0;
width:100%;
float:none;
}

.bouteille img{

margin:0 auto;
max-width:100px;height:auto;
}

/* ********** POPUP ******* */

  .jslghtbx-thmb {
      margin: 1em 0; } 


}