html, body {margin: 0;font-family: 'Roboto', sans-serif;font-weight: 300;color:#1e1e28;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d0d0d0+0,d4d4d4+35,ffffff+72,efefef+100 */
background: #d0d0d0; /* Old browsers */
background: -moz-linear-gradient(left,  #d0d0d0 0%, #d4d4d4 35%, #ffffff 72%, #efefef 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #d0d0d0 0%,#d4d4d4 35%,#ffffff 72%,#efefef 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #d0d0d0 0%,#d4d4d4 35%,#ffffff 72%,#efefef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0d0d0', endColorstr='#efefef',GradientType=1 ); /* IE6-9 */}
@font-face {
    font-family: 'zenithcpregular';
    src: url('fonts/zenith-webfont.eot');
    src: url('fonts/zenith-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/zenith-webfont.woff2') format('woff2'),
         url('fonts/zenith-webfont.woff') format('woff'),
         url('fonts/zenith-webfont.ttf') format('truetype'),
         url('fonts/zenith-webfont.svg#zenithcpregular') format('svg');
    font-weight: normal;
    font-style: normal;}
@font-face {
    font-family: 'henrymorganhandregular';
    src: url('fonts/henrymorganhand-webfont.eot');
    src: url('fonts/henrymorganhand-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/henrymorganhand-webfont.woff2') format('woff2'),
         url('fonts/henrymorganhand-webfont.woff') format('woff'),
         url('fonts/henrymorganhand-webfont.ttf') format('truetype'),
         url('fonts/henrymorganhand-webfont.svg#henrymorganhandregular') format('svg');
    font-weight: normal;
    font-style: normal;}


a:focus{outline: none;}

/* ----------------------------------------------------- */
/* ---------------------- NAV -------------------------- */
/* ----------------------------------------------------- */

nav.menuTop {position: fixed;top:0;z-index:10000;background:white; opacity:1;width: 100%;height: 60px;font-family: 'zenithcpregular';font-size: 40px;}
nav.menuTop ul{margin: 0; padding: 0;display: block; margin:auto;width: 1025px;}
nav.menuTop ul li{list-style: none;display: inline-block;}
nav.menuTop ul li a{color:black;text-decoration: none;padding: 40px;line-height: 60px;}
nav.menuTop ul li a:hover{color: #93D3EB; }
nav.menuTop img{opacity: 0;}
/* ----------------------------------------------------- */
/* ------------------- NAV MOBILE ---------------------- */
/* ----------------------------------------------------- */

a span.glyphicon{position: absolute;font-size: 30px;}
a span.glyphicon-menu-hamburger{z-index: 198;right: 20px; top: 20px;position: fixed;color: white;}
a span.glyphicon-remove{z-index: 202;right: 20px; top: 20px;color: #666;}
nav.navMobile{padding-top:60px;font-size:22px;height: 100%;width:100%;z-index: 201;background-color: white;position: fixed;top:-120%;opacity: 0;}
nav.navMobile ul{padding: 0px;margin:0px;}
nav.navMobile ul li{text-align: center;padding: 20px;border-: 1px solid white;}
nav.navMobile ul li a{color: black;text-decoration:none; }

/* ----------------------------------------------------- */
/* ---------------------- ACCUEIL ---------------------- */
/* ----------------------------------------------------- */

#sky {
  height: 100vh;
  background: #93d3eb;
  position: relative;
  overflow: hidden;
  -webkit-animation: sky_background 50s ease-out infinite;
  -moz-animation: sky_background 50s ease-out infinite;
  -o-animation: sky_background 50s ease-out infinite;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  }
.clouds_one {
  background: url("images/cloud3.png") no-repeat;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 300%;
  -webkit-animation: cloud_one 250s linear infinite;
  -moz-animation: cloud_one 250s linear infinite;
  -o-animation: cloud_one 250s linear infinite;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3); 
  }
.clouds_two {
  background: url("images/cloud2.png");
  position: absolute;
  left: 0;
  top: -7%;
  height: 100%;
  width: 300%;
  -webkit-animation: cloud_two 250s linear infinite;
  -moz-animation: cloud_two 250s linear infinite;
  -o-animation: cloud_two 250s linear infinite;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  opacity: 1;}
.clouds_three {
  background: url("images/cloud1.png") no-repeat;
  position: absolute;
  left: 0;
  top: -80px;
  height: 100%;
  width: 300%;
  -webkit-animation: cloud_three 200s linear infinite;
  -moz-animation: cloud_three 200s linear infinite;
  -o-animation: cloud_three 200s linear infinite;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0)}

@-webkit-keyframes cloud_one {
  0% {
    left: 0
  }
  100% {
    left: -200%
  }
}

@-webkit-keyframes cloud_two {
  0% {
    left: 0
  }
  100% {
    left: -200%
  }
}

@-webkit-keyframes cloud_three {
  0% {
    left: 0
  }
  100% {
    left: -200%
  }
}


@-moz-keyframes cloud_one {
  0% {
    left: 0
  }
  100% {
    left: -200%
  }
}

@-moz-keyframes cloud_two {
  0% {
    left: 0
  }
  100% {
    left: -200%
  }
}

@-moz-keyframes cloud_three {
  0% {
    left: 0
  }
  100% {
    left: -200%
  }
}
section h2{background: url('images/puce_titre.png') no-repeat bottom center;font-size: 50px; color: black;line-height: 180px;text-shadow: 0 5px 10px #808080;font-family: 'Roboto', sans-serif;font-weight: 100;text-align: center; }

header #bg1{background:url(images/bg1.png) no-repeat bottom;height:100%;width:100%;position:absolute;top:0;z-index: 100;-webkit-box-shadow: 0 0 20px 3px #7A7A7A;
box-shadow: 0 0 20px 3px black; }
header img{position: absolute;z-index: 100;left: 50%;top: 50%;
    transform: translate(0,65%);margin-left: -381px;margin-top: -250px;}

/* ----------------------------------------------------- */
/* ---------------------- MAISON ----------------------- */
/* ----------------------------------------------------- */

section.maison {width: 100%;}
section.maison h3{font-family: 'zenithcpregular';font-size: 60px;line-height: 80px;}
section.maison div.raisin1{position: absolute;left: 0;z-index: 99;opacity: 0;}
section.maison div.raisin2{position: absolute;right: 0;z-index: 99;opacity: 0;}

/* ----------------------------------------------------- */
/* ---------------------- CUVEE ------------------------ */
/* ----------------------------------------------------- */

section.cuvee {position: relative;}
section.cuvee h3{font-family: 'Noto Serif', serif;font-size: 42px;color: #eaffaf;}
section.cuvee div.text_champagne{margin-left: 50px;margin-top: 100px;}
section.cuvee div.text_champagne p{font-size: 20px;}
section.cuvee div.text_champagne p:last-child{font-size: 15px;}
section.cuvee p{color: white;}
section.cuvee div.text_champagne h4{font-family: 'Noto Serif';font-size: 30px;color: white}
section.cuvee div.slider img{margin-right: inherit;margin-top: 100px;width:100%;height: auto;}

section.cuvee div.slider{display: none;min-height: 470px;}
section.cuvee div.slider.active{display: block;}

section.cuvee nav.cuve{position: absolute;bottom: -72px;left: 50%;margin-left: -268px;font-size: 20px;}
section.cuvee nav.cuve ul{margin: 0px;padding: 0px;}
section.cuvee nav.cuve ul li {list-style: none;float: left;background:#333;}
section.cuvee nav.cuve ul li a {text-decoration: none;color: white;padding: 10px 20px;
  font-family: 'zenithcpregular';font-size: 40px;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;}
section.cuvee nav.cuve ul li a:hover {color: #a3a3a3;
  -webkit-transition: all 200ms ease;-moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;-o-transition: all 200ms ease;
  transition: all 200ms ease;}
section.cuvee nav.cuve ul li a:focus {color: #666}
section.cuvee a span.glyphicon{position: absolute;font-size: 30px;z-index: 999}
section.cuvee a span.glyphicon-menu-right{z-index: 98;left: 20px; top: 50%;color: #666;font-size: 50px;}
section.cuvee a span.glyphicon-remove{z-index: 102;right: 5px; top: 5px;color: white;font-size: 20px;}

section.cuvee section#bgSlider{}
section.cuvee section#bgSlider ul { margin: 0px; padding: 0px; position: absolute; left:0px; top:220px; width: 100%; height: 100%;}
section.cuvee section#bgSlider ul li { list-style: none; padding: 0px; margin: 0px;  position: absolute; left:0px; top:0px; width: 100%; height: 100%; display: none;}
section.cuvee section#bgSlider ul li.active { display: block;  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease; }
section.cuvee section#bgSlider ul li img { width: 100%;height: 560px;-webkit-box-shadow: 0 0 20px 3px #7A7A7A;
box-shadow: 0 0 20px 6px #7A7A7A; }


/* ----------------------------------------------------- */
/* ---------------------- ACTU ------------------------- */
/* ----------------------------------------------------- */

section.actu {margin-top: 200px;}
section.actu div.actu{margin:30px 0px;}
section.actu div.actu img{display:block;margin:auto;border-radius: 20px;-webkit-box-shadow: 0 0 20px 3px #7A7A7A;
box-shadow: 0 0 10px 5px #999;}
section.actu div.actu h3{font-family: 'zenithcpregular';font-size: 60px;margin-top:0px;}

/* ----------------------------------------------------- */
/* ---------------------- GALERIE ---------------------- */
/* ----------------------------------------------------- */

section.galerie {margin-top: 100px;}

/* ----------------------------------------------------- */
/* ---------------------- CONTACT ---------------------- */
/* ----------------------------------------------------- */

section.contact{}
section.contact div.shadow{margin-top: -6px;background:url('images/shadow_cuvee.png') no-repeat;width:100%;height: 58px;}
section.contact div.formulaire input{height:35px;width: 100%;background-color: white;color: black;border:#999 1px solid;padding:2px;padding-left:10px;margin-bottom:5px; }
section.contact div.formulaire #cp{margin-left: 10%;width: 90%;}
section.contact div#merci{display:none;}
section.contact div.formulaire{margin-bottom:100px;margin-top: 50px;}
section.contact h3{text-align: center;line-height:30px;font-family: 'Roboto', sans-serif;font-weight: 300;font-size: 30px;margin: 50px 0px;}
section.contact h3 span{font-size: 70px; text-align: center;display: block;color: #97B14C;}
section.contact p.hesite{font-size: 75px;font-family: 'zenithcpregular';text-align: center;}
section.contact p{text-align: center;font-size: 20px;}
section.contact div.border {background-color: #686868;width: 250px; height: 2px;display: block;margin:auto;}

section.contact #societe-error, #nom-error, #mail-error, #prenom-error, #tel-error{color:#F00!important;font-size:10px;}

textarea {height:250px;width:100%;resize:none;margin-bottom:20px;;padding:10px;}

section.contact #button-blue{font-family: 'Roboto', sans-serif;font-weight: 300;height:40px;width: 100%;color:#fff;border:#999 solid 1px;cursor:pointer;background-color:#666;font-size:18px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  margin:auto;}
section.contact #button-blue:hover{background-color:#97B14C;color:#fff;}

.wpcf7-form p{margin: 0;}
p input{text-align: left;font-size: 15px;}
/* ----------------------------------------------------- */
/* ----------------------- FOOTER ---------------------- */
/* ----------------------------------------------------- */

footer{background: #666666;margin-top: 60px;-webkit-box-shadow: 0 0 20px 3px #7A7A7A;
box-shadow: 0 0 20px 3px #7A7A7A;}
footer img{width: 300px;margin:10px;margin:auto;display: block;margin-top: 25px;  }
footer p{text-align: center;padding: 20px;padding-bottom: 0px;color: white;margin-bottom: 0px;}
footer a{color: white;font-weight: bold;}
footer a:hover{color: #97B14C;font-weight: bold;}
footer .fa{text-align: center; color: white;font-size:35px;width: 100%;margin-top: 15px;}
footer .fa:hover{color: #97B14C;}


/* ----------------------------------------------------- */
/* -------------------- MENTION LEGALES ---------------- */
/* ----------------------------------------------------- */

section.mentions_legales{
  margin-top: 100px;
}
section.mentions_legales h2{
  color: #97B14C;text-align: center;font-size: 50px;
}

/* ----------------------------------------------------- */
/* ---------------------- MEDIA ------------------------ */
/* ----------------------------------------------------- */


@media (max-width:1800px){  
  section.maison div.raisin1{width: 340px;}
  section.maison div.raisin2{width: 300px;}

}
@media (max-width:1700px){  
  section.maison div.raisin1{width: 170px;}
  section.maison div.raisin2{width: 170px;}

}





@media (max-width:1199px){  
  #sky {height:900px;}
  section.cuvee h3{font-family: 'Noto Serif', serif;font-size: 30px;color: #eaffaf;}
  section.cuvee div.text_champagne{margin-left: 0px;margin-top: 50px;}
  section.cuvee div.text_champagne p{font-size: 15px;}
  section.cuvee div.text_champagne p:last-child{font-size: 12px;}
  section.cuvee p{color: white;}
  section.cuvee div.text_champagne h4{font-family: 'henrymorganhandregular';font-size: 50px;color: white}
  .shadow{display: none;}
  section.cuvee div.slider{display: none;min-height: 270px;}
  section.contact p.first-child{margin: 30px 0px;}
  section.cuvee section#bgSlider ul li img { height: 430px; }

  section.maison div.raisin1{width: 200px;}
  section.maison div.raisin2{width: 200px;}

section.cuvee nav.cuve{bottom:-50px;}



}
  
@media (max-width:999px){
  section.cuvee div.container img{margin-bottom: -30px;margin-top: 0px;}
  section.cuvee section#bgSlider { display: none;}
  section.cuvee nav.cuveMobile{top: 400px;width: 25%;}
  section.cuvee h3{font-size: 30px;text-align: center;}

  section.cuvee div.text_champagne p{font-size: 14px;color:#1e1e28;text-align: center;}
  section.cuvee div.text_champagne p:last-child{font-size: 12px;color:#1e1e28;}
  section.cuvee div.text_champagne h4{font-size: 50px;text-align: center;color:#1e1e28;}
  section.cuvee div.text_champagne{margin-left:0px;margin-top: 0px;min-height: 200px;padding-right: 0px;}

  section.cuvee nav.cuveMobile{position: absolute;left: -100%;opacity: 0;width: 25%;top:170px;z-index: 999}
  section.cuvee nav.cuveMobile ul{margin:inherit;padding:inherit;}
  section.cuvee nav.cuveMobile ul li {list-style: none;text-align:center;border-bottom: 1px solid white;}
  section.cuvee nav.cuveMobile ul li a {color: white;padding: 10px 20px;background-color: #3d3d3d;width: 100%;display: block;}

  section.maison div.raisin1{width: 100px;}
  section.maison div.raisin2{width: 100px;}
  

  footer{margin-top: 40px;}

section.cuvee div.container img {

    margin: auto;
    display: block;

}
  
@media (max-width:767px){

  section.cuvee div.slider img{width:inherit;height: auto;}


  section.cuvee nav.cuveMobile{top:320px;width: 50%;}

  header img{margin-left: -220px;width: 450px;}

  section.galerie{margin-top: 150px;}

  section.cuvee section#bgSlider ul li img {width: 100%;}
  section.cuvee div.text_champagne{}

 
  section.contact p:first-child{font-size: 50px;}
  section.contact div.formulaire{margin-bottom:30px;margin-top: 25px;}

  footer{margin-top: 20px;}
  section.galerie {margin-top: 100px;}

  section.maison div.raisin1{width: 70px;}
  section.maison div.raisin2{width: 70px;}
}

@media (max-width:467px){
  section.maison div.raisin1{width: 50px;}
  section.maison div.raisin2{width: 50px;}

  #sky {height: 700px;}
  header img{margin-left: -150px;width: 300px;}
  section h2{background:none;font-size: 35px; line-height: 50px;text-shadow: 0 5px 10px #808080;}
  section.maison h2{font-size: 40px;line-height: 50px;}
  section.contact h3{line-height:15px;font-size: 20px;margin: 20px 0px;}
  section.contact p{font-size: 15px;}
  section.contact h3 span{font-size: 50px;}


  section.cuvee section#bgSlider ul li img {width: 100%;}

  section.cuvee div.text_champagne{}
}