@font-face {
    font-family: 'theano';
    src: url('theanomodern-regular-webfont.eot');
    src: url('theanomodern-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('theanomodern-regular-webfont.woff') format('woff'),
         url('theanomodern-regular-webfont.ttf') format('truetype'),
         url('theanomodern-regular-webfont.svg#theano_modernregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
    font-family:'theano', sans-serif;
}

body {
    font-size: 1em;
    line-height: 1.2;
    background:#fff;
    height:100%;
}
a span{
    display: block;
    font-style: italic;
    text-transform: initial;
    font-size: 0.8em;
}
/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: rgba(160,135,98,.5);
    text-shadow: none;
}

::selection {
    background: rgba(160,135,98,.5);
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #A08762;
    margin: 1em 0;
    padding: 0;
    width:100%;
    clear : both;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */


html { overflow-y:scroll; height:100%; width:100%;}

a { 
text-decoration:none; color:#A08762;
-webkit-transition: color 350ms ease, background-color 350ms ease;
-moz-transition: color 350ms ease, background-color 350ms ease;
-ms-transition: color 350ms ease, background-color 350ms ease;
-o-transition: color 350ms ease, background-color 350ms ease;
transition: color 350ms ease, background-color 350ms ease;
}
a:hover, a.fake-hover { color:#000;}
.clear { width:100%; clear:both;}
a img { border:0; }
img { max-width:100%; }

#wrapper { height:500%;}
#all { height:100%;}
#global { height:100%;  font-size:1em; position:relative; width:100%; overflow:hidden; }
.section { height:19%; position:relative; }
.section#nousConnaitre {display: none; }
.titre { z-index:2; position:absolute; top:45%; left:30%; width:60%; display:block; text-align:center; letter-spacing:.3em; font-size:4em; color:#E5E5E5; color: rgba(0, 0, 0, 0.1); text-transform:uppercase; }
.no-rgba .titre { color:#e5e5e5;}
.parallaxe { position:absolute; }

.pissenlit { margin-left:-400px; bottom:-520px; left:50%; z-index:4; display: none; }
#lienHistoire { margin-left:-150px; bottom:260px; }
#branche { left:0; top:50%; z-index:3; }
#vigne { right:0; top:50%; transform-origin:100% 50%; -ms-transform-origin:100% 50%; -webkit-transform-origin:100% 50%; }
#graine1 { z-index:3; bottom:550px; left:50%; margin-left:-50px; width:34px; height:39px; background:url(../img/preload/sprite.png) -3px -10px no-repeat; }
#graine2 { z-index:3; bottom:570px; left:50%; margin-left:100px; width:34px; height:39px; background:url(../img/preload/sprite.png) -43px -10px no-repeat; }
#graine3 { z-index:3; bottom:580px; left:50%; margin-left:150px; width:34px; height:39px; background:url(../img/preload/sprite.png) -73px -10px no-repeat; }
#graine4 { z-index:3; bottom:520px; left:50%; margin-left:250px; width:34px; height:39px; background:url(../img/preload/sprite.png) -118px -10px no-repeat; }
#graine5 { z-index:3; bottom:580px; left:50%; margin-left:280px; width:34px; height:39px; background:url(../img/preload/sprite.png) -158px -10px no-repeat; }
#graine6 { z-index:3; bottom:590px; left:50%; margin-left:360px; width:34px; height:39px; background:url(../img/preload/sprite.png) -198px -10px no-repeat; }

#pierre { left:50%; top:58%; margin-left:-500px; z-index:3; }
#lienTerroir { margin-left:-250px; top:78%; }
#feuille { left:50%; top:30%;  margin-left:-350px; z-index:3; }
#lienVigne { margin-left:50px; top:55%; }
#carte { left:50%; margin-left:-300px; top:0; }

#cave { left:50%; margin-left:-350px; top:0; }
#verre { left:50%; margin-left:-50px; top:20%; }
#tonneau { left:50%; margin-left:-500px; top:40%; z-index:3; }
#lienRaisin { margin-left:-80px; top:68%; }
#bouchon { left:50%; margin-left:-400px; top:10%; z-index:3; }

#lune { left:50%; margin-left:-700px; top:-5%; }
#bouteille { left:50%; margin-left:-200px; top:0; z-index:3; }
#lienNaturelle { margin-left:-430px; top:75%;  }
#lienGamme { margin-left:160px; top:63%;}

#photo { left:50%; margin-left:-700px; top:0; z-index:3; }
#lienEquipe { margin-left:250px; top:50%;  }
#famille { left:50%; margin-left:-300px; top:50%; z-index:3; }
#lienRec { margin-left:-595px; top:40%;  }
#raisin { left:50%; margin-left:-100px; top:20%; }

#tel { left:50%; margin-left:-600px; top:-5%; z-index:3; }
#lienCoord { margin-left:100px; top:15%;  }
#plume { left:50%; margin-left:-150px; top:40%; z-index:3; }
#lienEcrire { margin-left:-400px; top:80%;  }

.csstransforms .flecheGauche:before { left:-50px; top:0; content:""; display:block; border-top:4px solid #A08762; border-right:4px solid #A08762; position:absolute; width:32px; height:32px; 
-webkit-transition: border-color 350ms ease;
-moz-transition: border-color 350ms ease;
-ms-transition: border-color 350ms ease;
-o-transition: border-color 350ms ease;
transition: border-color 350ms ease;
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.csstransforms .flecheDroite:before { right:-50px; top:0; content:""; display:block; border-top:4px solid #A08762; border-right:4px solid #A08762; position:absolute; width:32px; height:32px; 
-webkit-transition: border-color 350ms ease;
-moz-transition: border-color 350ms ease;
-ms-transition: border-color 350ms ease;
-o-transition: border-color 350ms ease;
transition: border-color 350ms ease;
-moz-transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.csstransforms .flecheHaute:before { left:50%; margin-left:-20px; top:-50px; content:""; display:block; border-top:4px solid #A08762; border-right:4px solid #A08762; position:absolute; width:32px; height:32px; 
-webkit-transition: border-color 350ms ease;
-moz-transition: border-color 350ms ease;
-ms-transition: border-color 350ms ease;
-o-transition: border-color 350ms ease;
transition: border-color 350ms ease;
-moz-transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
-o-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);
}
.csstransforms .troisLignes:before { top:13px; }
.csstransforms .uneLigne:before { top:-9px; }
.flecheDroite { text-align:right;}
.csstransforms .lienFlottant:hover:before { border-color:#000; }
.lienFlottant { left:50%; z-index:10; position:absolute; text-transform:uppercase; font-size:1.1em; display:block; letter-spacing:.15em; }

#footer { background:#000; color:#fff; }
#footer a { color:#fff; letter-spacing:.1em; }
#footer a:hover { color:#A08762; }
.legals { margin:0; padding:1em; border-top:1px solid #fff; letter-spacing:.2em; text-align:center; clear:both; }
.footerLogo { display:block; width:33%; text-align:center; padding:1em 0; margin:2em 0; float:left; border-right:1px solid #fff; }
.footerLien { display:block; text-align:center; width:33%; padding:2.08em 0; margin:1.5em 0; float:left; border-right:1px solid #fff; font-size:1.4em; }
.footerMenu { padding:0; margin:0; list-style:none; width:28%; margin-top:3.5em; margin-left:5%; float:left; }

.largeur { width:1200px; max-width:98%; margin:auto; }
#nav .menu { padding:1em 0 0; margin:0; list-style:none; }
#nav { border:1px solid #eee; border-top:0; position:fixed; width:210px; padding:20px 20px 10px; background:#fff; background:rgba(255,255,255,.9); z-index:20; left:50%; top:0; margin-left:-580px; }
#nav .menu a { font-size:.9em; padding:.5em 0 .4em; color:#000; display:block; text-transform:uppercase; letter-spacing:.1em; border-bottom:1px solid #000;  }
#nav .last a { border-bottom:0; }
#nav img { display:block; margin:auto; }
#nav .menu a:hover, #nav .menu .menuCurrent { color:#A08762; }

body.preload { height:100%; overflow:hidden; }
html.galOpen { height:100%; overflow:hidden; }
.no-js #preloader { display:none; }
.preload #preloader { z-index:99; height:100%; width:100%; position:fixed; background:#fff; top:0; left:0;}
.preloadLogo { display:block; left:50%; margin-left:-165px; position:absolute; top:50%; margin-top:50px; }
.preloadMention { font-size:1.2em; text-transform:uppercase; letter-spacing:.15em; display:block; text-align:center; width:100%; height:150px; position:absolute; top:50%; margin-top:-150px; left:0;  }
.chiffre { z-index:2; color:#e5e5e5; display:block; text-align:center; position:absolute; top:50%; margin-top:-130px; font-size:2em; left:0; width:100%;}
#chiffre { font-size:3em; position:relative; top:20px; }
.no-textshadow .chiffre{ color:#ccc; }
.progress {background: none repeat scroll 0 0 #f2f2f2;height: 1px;left: 0;position: absolute;top: 50%;width: 100%; margin-top:-40px;}
#bar { background: #A08762; height: 1px; width: 0; }

#legal { display:none; }
.js #legal { position:fixed; background:#fff; display:block; left:0; top:0; width:100%; height:100%; z-index:98; }
.innerLegal { margin-left:50%; width:380px;  font-size:1.1em; padding-top:200px; text-align:center; }
.liensEntrer { font-size:1.3em; position:relative; z-index:5; }
.liensEntrer a{ margin:0 1em; color:#000; position:relative; background:url(../img/fleche.png) no-repeat -50px -50px; }
.liensEntrer a:hover{ color:#A08762; text-decoration:underline;}
.liensEntrer a:hover:before { content:""; position:absolute;  display:block; width:6px; height:12px; background:url(../img/fleche.png) no-repeat 0 0;  position:absolute; margin-right:5px;  right:100%; top:10px; }

.fenetre { border-left:1px solid #eee; overflow-y:auto; overflow-x:hidden; line-height:1.3; position:fixed; z-index:11; top:0; left:70%; width:30%; height:100%; background:#fff; background:rgba(255,255,255,.9); }
.fenetreBottom { z-index:31; border-left:0; border-top:1px solid #eee; margin:0; left:0; width:100%; top:auto; bottom:0; height:auto; max-height:100%; }
.pasVisible { 
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-ms-transform:scale(1.2);
	transform:scale(1.2);
  opacity:0;
	-webkit-transition: -webkit-transform 1s, opacity 2s;
	-moz-transition: -moz-transform 1s, opacity 2s;
	transition: transform 1s, opacity 2s;
}
.visible {
  opacity:1;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
}
.innerFenetre { padding:30px 50px; }
h1 {color: #A08762;font-size: 1.5em;font-weight: normal;letter-spacing: 0.22em;text-transform: uppercase;}
h2 { font-size: 1.2em; font-weight: normal; }


.closeLink { position:absolute; left:20px; width:12px; height:11px; background:url(../img/close.png); cursor:pointer; top:20px; display:block;  }
.closeLink:hover { opacity:.5; }
.closeLinkBottom { position:absolute; left:20px; width:12px; height:11px; background:url(../img/close.png); cursor:pointer; top:20px; display:block;  }
.closeLinkBottom:hover { opacity:.5; }

.lienCurrent { color:#000; }
.csstransforms .lienCurrent:before { border-color:#000; }

.textCenter { text-align:center; }

.galWrapper { position:fixed; top:0; left:0; z-index:30; background:#fff; height:100%; width:100%; }
.galLeft { box-shadow:0 0 5px rgba(0,0,0,.2); }

.closeGal { position:absolute; top:50%; right:20px; height:91px; width:52px; margin-top:-45px; display:block; text-indent:-9999px; overflow:hidden; background:url(../img/fleches.png) 0 0; }
.closeGal:hover { background-position:0 -91px; }
.galRight .closeGal { background-position:-52px 0; left:20px; }
.galRight .closeGal:hover { background-position:-52px -91px; }
.gallerie { padding:55px 0 0; width:960px; max-width:98%; margin:auto; }
.viticulture { padding:100px 0 0; width:1056px; max-width:98%; margin:auto; }
.legende {position: absolute; text-align: center; width: 100%; top:600px;}
.galUl { padding:0; margin:0; font-size:1.2em; letter-spacing:.1em; }
.galUl li{ padding:0; margin:0; list-style:none; float:left;width: 12%; transform: scale(0.8); }
.cuveeLink { background:url(../img/bouteilles.png) no-repeat; display:block; width:160px; height:539px; position:relative; }
.cuveeLink span { position:absolute; top:0; left:0; }
.cuvee0 span { top:20px; }
.cuvee1 span { top:-40px; }
.cuvee2 span { top:-5px; }
.cuvee3 span { top:30px; left:30px; }
.cuvee4 span { top:-20px; }
.cuvee5 span { top:20px; left:4px }
.cuvee6 span { top:-20px; left:44px }
.cuvee7 span { top:20px; left:20px }
.cuvee0{ background-position:0 0; }.cuvee0:hover, .cuvee0.cuvCurr { background-position:0 -539px; }
.cuvee1{ background-position:-150px 0; }.cuvee1:hover, .cuvee1.cuvCurr { background-position:-150px -539px; }
.cuvee2{ background-position: -985px 0; } .cuvee2:hover, .cuvee2.cuvCurr { background-position:-984px -538px; }
.cuvee3{ background-position:-310px 0; }.cuvee3:hover, .cuvee3.cuvCurr { background-position:-310px -539px; }
.cuvee4{ background-position:-480px 0; }.cuvee4:hover, .cuvee4.cuvCurr { background-position:-480px -539px; }
.cuvee5{ background-position:-1139px -20px; }.cuvee5:hover, .cuvee5.cuvCurr { background-position:-1139px -559px; }
.cuvee6{ background-position:-646px -80px; }.cuvee6:hover, .cuvee6.cuvCurr { background-position:-646px -619px; }
.cuvee7{ background-position:-815px 0; }.cuvee7:hover, .cuvee7.cuvCurr { background-position:-815px -539px; }

.viticultureLink{ background:url(../img/bouteilles2.png) no-repeat; display:block; width:140px; height:502px; position:relative; }
.viticulture0 { background-position:0 0; }.viticulture0:hover, .viticulture0.cuvCurr { background-position:0 -502px; }
.viticulture1 { width:130px; background-position:-140px 0; }.viticulture1:hover, .viticulture1.cuvCurr { background-position:-140px -502px; }
.viticulture2 { width:132px; background-position:-270px 0; }.viticulture2:hover, .viticulture2.cuvCurr { background-position:-270px -502px; }
.viticulture3 { width:136px; background-position:-402px 0; }.viticulture3:hover, .viticulture3.cuvCurr { background-position:-402px -502px; }
.viticulture4 { width:226px; background-position:-538px 0; }.viticulture4:hover, .viticulture4.cuvCurr { background-position:-538px -502px; }
.viticulture5 { width:152px; background-position:-764px 0; }.viticulture5:hover, .viticulture5.cuvCurr { background-position:-764px -502px; }
.viticulture6 { background-position:-916px 0; }.viticulture6:hover, .viticulture6.cuvCurr { background-position:-916px -502px; }
.viticultureLink span { position:absolute; top:0; left:0; line-height:1; }
.viticulture0 span { top:20px; left:63px; width:83px; }
.viticulture1 span { top:0; left:40px; text-align:center; width:83px; }
.viticulture2 span { top:-45px; left:20px; text-align:center; width:83px; }
.viticulture3 span { top:20px; left:40px; }
.viticulture4 span { top:-35px; left:98px; text-align:center; width:190px; }
.viticulture5 span { top:80px; left:70px; width:83px; }
.viticulture6 span { top:10px; left:58px }

.col26 { float:left; width:32%; margin-right:2%; }
.col36 { float:left; width:48%; margin-right:2%; }
.col16 { float:left; width:16% }

#header { display:none; }

#mobileNav { display:none; position:absolute; overflow-y:auto; overflow-x:hidden; background:#fff; height:100%; width:90%; top:0; /*left:0;*/ right:100%; border-right:1px solid #e5e5e5;
-webkit-transition: right 800ms ease;
-moz-transition: right 800ms ease;
-ms-transition: right 800ms ease;
-o-transition: right 800ms ease;
transition: right 800ms ease;
}

strong { color:#A08762; font-weight:normal; text-transform:uppercase; }
.fenetre ul {overflow:hidden; padding-left:20px;}

#user-login {
position: fixed;
z-index: 99;
width: 450px;
top: 50px;
left: 50%;
margin-left: -250px;
background: #fff;
padding: 50px;
border: 1px solid #e5e5e5;
}

.form-item label { letter-spacing:.1em; }
.form-text { width:99%; padding:5px 0; margin:3px 0 6px; border:1px solid #000; }
.form-textarea { width:99%; padding:5px 0; height:100px; margin:3px 0 6px; border:1px solid #000; }
.error { border:1px solid #f00; }
.form-submit { padding:3px 5px 1px; float:right; letter-spacing:.1em; border:1px solid #e5e5e5; border-radius:0; background:none; }
.form-actions { height:30px; }
.form-submit:hover, .form-textarea:hover, .form-text:hover{ background:#fafafa; }
.form-submit:focus, .form-textarea:focus, .form-text:focus{ border-color:#A08762; }

.imgTaille { float:left; }

.lnglink { font-size:.8em; line-height:5; }

.yt-link { font-size:1.2em; margin-bottom:1em; margin-left: -33px;}
.yt-link a { padding-left:33px; background:url(../img/video.png) left center no-repeat; }

#footer .largeur{ position:relative; }

.logosfooter {
    position: absolute;
    right: 2.2%;
    top: 35px;
    width: 8%;
}
.logosfooter:nth-of-type(2) {
    position: absolute;
    right: 2.2%;
    top: 100px;
    width: 8%;
}
.footerLogo { width:27%; }
.footerLien { width:27%; }
.footerMenu { width:27%;   border-right: 1px solid #fff;   margin-top: 2.2em;   padding: 1em 0 2em; }


/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (max-height: 850px) {
  .innerLegal { padding-top:100px;}
}

@media only screen and (max-height: 800px) {
  .viticulture { padding:50px 0 0; }
  .gallerie { padding:50px 0 0; }
  #lienEcrire { margin-left:300px;  margin-left:250px; }
  .csstransforms #lienEcrire:before { left:-50px; top:0; content:""; display:block; border-top:4px solid #A08762; border-right:4px solid #A08762; position:absolute; width:32px; height:32px; 
  -webkit-transition: border-color 350ms ease;
  -moz-transition: border-color 350ms ease;
  -ms-transition: border-color 350ms ease;
  -o-transition: border-color 350ms ease;
  transition: border-color 350ms ease;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  }
  #nav { padding:10px 17px 5px; font-size:.9em; width:180px; }
  .innerLegal { padding-top:50px;}
}
@media only screen and (max-height: 700px) {
  #feuille { margin-top:-50px; }
  #lienVigne { margin-top:-50px; }
  #pierre { margin-top:50px;  }
  #lienTerroir { margin-top:70px;  }
  #lune { width:900px; margin-left:-450px; }
  #lienNaturelle {  margin-top:70px;  }
  #lienGamme { margin-top:70px; }
  .preloadLogo { width:200px; margin-left:-100px; }
  .preloadMention {  margin-top:-120px; }
  #graine1 { bottom:450px; }
  #graine2 { bottom:470px; }
  #graine3 { bottom:480px; }
  #graine4 { bottom:420px; }
  #graine5 { bottom:480px; }
  #graine6 { bottom:490px; }
}

@media only screen and (max-height: 600px) {  
  .gallerie { width:960px;}
  .viticulture { width:800px;}
  .legende { top: 470px; }
  .cuveeLink { background-image:url(../img/bouteillessmall.png); font-size:.8em;  }
  .viticultureLink{ background-image:url(../img/bouteilles2small.png); font-size:.8em; height:381px } 
  .viticulture0 { width: 106px; background-position:0 0; }.viticulture0:hover, .viticulture0.cuvCurr { background-position:0 -382px; }
  .viticulture1 { width:101px; background-position:-105px 0; }.viticulture1:hover, .viticulture1.cuvCurr { background-position:-105px -382px; }
  .viticulture2 { width:99px; background-position:-204px 0; }.viticulture2:hover, .viticulture2.cuvCurr { background-position:-204px -382px; }
  .viticulture3 { width:104px; background-position:-304px 0; }.viticulture3:hover, .viticulture3.cuvCurr { background-position:-304px -382px; }
  .viticulture4 { width:170px; background-position:-409px 0; }.viticulture4:hover, .viticulture4.cuvCurr { background-position:-409px -382px; }
  .viticulture5 { width:116px; background-position:-580px 0; }.viticulture5:hover, .viticulture5.cuvCurr { background-position:-580px -382px; }
  .viticulture6 { width:104px; background-position:-695px 0; }.viticulture6:hover, .viticulture6.cuvCurr { background-position:-695px -382px; }
}
@media only screen and (max-height: 500px) {
  .innerLegal { padding-top:10px; font-size:.9em;}
  .innerLegal p{ margin:.2em;}
  .innerLegal img { display:block; margin:auto; width:130px; }
  .liensEntrer { font-size:1.5em; }
}

@media only screen and (max-width: 1550px) {
  .fenetre { left:60%; width:40%; }
  .fenetreBottom { z-index:31; border-left:0; border-top:1px solid #eee; margin:0; left:0; width:100%; top:auto; bottom:0; height:auto; max-height:100%; }
}
@media only screen and (max-width: 1200px) {
  #lienRec { margin-left:230px; }
  #legal .pissenlit { display:none; }
  .innerLegal { margin:auto; width:96%; }
  #nav { margin-left: 0; left:10px; }
  .fenetre { left:52%; width:48%; } 
  .fenetreBottom { z-index:31; border-left:0; border-top:1px solid #eee; margin:0; left:0; width:100%; top:auto; bottom:0; height:auto; max-height:100%; }
}

@media only screen and (max-width: 1100px) {
  .gallerie { width:900px;}
  .cuveeLink { width: 150px; }
  .legende { top: 470px; }
  .viticulture { width:800px;}
  .cuveeLink { background-image:url(../img/bouteillessmall.png); font-size:.8em;  }
  .cuvee4{background-position: -1144px -20px;}   .cuvee4:hover{background-position: -1144px -606px;}
  .cuvee5 {background-position: -666px -80px;} .cuvee5:hover {background-position: -666px -619px;}
  .viticultureLink{ background-image:url(../img/bouteilles2small.png); font-size:.8em; height:381px }
    li:nth-of-type(3) .cuvee1 span {
        top: 49px;
    }
    .viticulture0 { width: 106px; background-position:0 0; }.viticulture0:hover, .viticulture0.cuvCurr { background-position:0 -382px; }
  .viticulture1 { width:101px; background-position:-105px 0; }.viticulture1:hover, .viticulture1.cuvCurr { background-position:-105px -382px; }
  .viticulture2 { width:99px; background-position:-204px 0; }.viticulture2:hover, .viticulture2.cuvCurr { background-position:-204px -382px; }
  .viticulture3 { width:104px; background-position:-304px 0; }.viticulture3:hover, .viticulture3.cuvCurr { background-position:-304px -382px; }
  .viticulture4 { width:170px; background-position:-409px 0; }.viticulture4:hover, .viticulture4.cuvCurr { background-position:-409px -382px; }
  .viticulture5 { width:116px; background-position:-580px 0; }.viticulture5:hover, .viticulture5.cuvCurr { background-position:-580px -382px; }
  .viticulture6 { width:104px; background-position:-695px 0; }.viticulture6:hover, .viticulture6.cuvCurr { background-position:-695px -382px; }
}
@media only screen and (max-width: 600px) {
  .footerLogo { display:none; }
  .footerLien { width:100%; padding:.5em 0; border-bottom:1px solid #fff; font-size:1em; margin:0; border-right:0; float:none, }
  .footerMenu { float:none; width:100%; margin:0; padding:.5em 0; text-align:center; }
  .fenetre { font-size:.8em; }
  .innerFenetre { padding:30px 20px; }
}

@media screen and (max-width: 950px) , screen and (max-height: 500px) {
  #header { display:block; padding-top:5px; height:143px; position: relative; z-index: 32; }
  #logoMobile { width:200px; margin:auto; display:block; }
  #menuToggler { margin-top:5px; display:block; text-align:center; text-transform:uppercase; background:url(../img/toggler.png) no-repeat 5px -28px #A08762; color:#fff; padding:5px 0 3px; }
  #nav { display:none; }
  .titre { display:none; }
  .lienFlottant { display:none; }
  #global .parallaxe{ position:static; margin-left:0; display:none; }
  #global { position:absolute; height:auto; bottom:0; top:148px; left:0; width:100%; }
  .section { position:absolute; top:0; left:0; width:100%; height:100%; }
  #wrapper { height:100%; width:100%; overflow:hidden; padding-bottom:210px;}
  #all { height:100%; position:relative; left:0;
  -webkit-transition: left 800ms ease, margin-left 800ms ease;
  -moz-transition: left 800ms ease, margin-left 800ms ease;
  -ms-transition: left 800ms ease, margin-left 800ms ease;
  -o-transition: left 800ms ease, margin-left 800ms ease;
  transition: left 800ms ease, margin-left 800ms ease;}
  #mobileNav { display:block; z-index:33; }
  #footer { height:210px; }
  .footerLogo { display:none; }
  .footerLien { padding:.5em 0; margin:0; border-bottom:1px solid #fff; border-right:0; width:100%; float:none; font-size:1em; }
  .footerMenu { padding:.5em 0; margin:0; width:100%;  float:none; font-size:1em; text-align:center }
  .menuOn #mobileNav {  right:40px; }
  .menuOn #all { left:100%; margin-left:-40px; }
  .menuOn #menuToggler { left:100%; background-position:5px 5px; }
  #mobileNav ul { padding:20px; margin:0;}
  #mobileNav ul ul { padding:10px 0; }
  /*#mobileNav li { text-align:center; border-bottom:1px solid #000; padding-top:8px; }*/
    #mobileNav li{
        text-align: center;
        border-bottom: 1px solid #000;
        padding-top: 4px;
        padding-left: 10px;
    }
  #mobileNav li li{ text-align:left; border-bottom:0; padding:5px 0;     padding-left: 12px;}
  #mobileNav .last { border-bottom:0; }
  #mobileNav span { text-transform:uppercase; font-size:.9em; }
  #mobileNav a { position:relative; font-size:1.1em; text-transform: capitalize; }
    #mobileNav a span{ font-size: 0.7em; display: block;  text-align: left; }
    #mobileNav a:before { position:relative;
  left:-20px; top:4px; content:""; display:block; border-top:2px solid #A08762; border-right:2px solid #A08762; position:absolute; width:10px; height:10px; 
  -webkit-transition: border-color 350ms ease;
  -moz-transition: border-color 350ms ease;
  -ms-transition: border-color 350ms ease;
  -o-transition: border-color 350ms ease;
  transition: border-color 350ms ease;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  }
  #mobileNav a:hover:before { border-color:#000;}
  .fenetre {  position:absolute; top:0; left:15%; width:85%; margin-left:0; height:auto; bottom:0; }
  #global .pissenlit{ display:block; }
  #global.showqqch .pissenlit{ display:none; }
  #global.showpissenlit .pissenlit{ display:block; }
  #global.showfeuille #feuille{ display:block; }
  #global.showpierre #pierre { display:block; }
  #global.showtonneau #tonneau{ display:block; }
  #global.showbouteille #bouteille{ display:block; }
  #global.showphoto #photo{ display:block; }
  #global.showfamille #famille{ display:block; }
  #global.showtel #tel{ display:block; }
  #global.showplume #plume{ display:block; }
  
  .galWrapper {  position:absolute; top:0; margin-left:15%; left:0; width:85%; height:auto; bottom:0; z-index:9; background:#fff; background:rgba(255,255,255,.9); border-left:1px solid #e5e5e5; overflow:auto; }
  .closeGal { display:none; }
  .viticulture { padding:10px 0 0; }
  .legende { position: static;  text-align: left; padding: 1em;  width: auto;}
  .gallerie { padding:10px 0 0; }
  .galUl li { float:none; border-bottom:1px solid #e5e5e5 }
  .viticultureLink { height:auto; padding:7px 0 5px;  width:auto; background:none; text-align:center; }
  .cuveeLink { height:auto; padding:7px 0 5px;  width:auto; background:none; text-align:center; }
  .viticultureLink span { position:static; }
  .cuveeLink span { position:static; }
  
  .col36 { float: none;  margin-right: 0;  width: 100%;  }
  .col26 { float: none;  margin-right: 0;  width: 100%; padding-bottom:8px;   min-height:446px; }
  .col16 { display:none; }
  
  .logosfooter, .logosfooter:nth-of-type(2) { position:static; display:block; margin:.2em auto;   width: 38px; }
  #footer {   font-size: 0.7em; }
  .footerMenu { border-right:0; }
  .footerLien br { display:none; }
  .yt-link { margin-bottom:0; }
}


/*
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 144dpi) {
    / Style adjustments for high resolution devices /
}
*/
/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow:none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

.footerMenu {
    height: 100px;
}
@media screen and (max-width: 950px), screen and (max-height: 500px){
    ul.footerMenu{
        height: auto;
        padding: 15px 0
    }
    ul.footerMenu li{
        padding: 10px 0
    }
}
.footerLogo {
    width: 54%;
}