body {
padding: 0px ;
color: #3b2301;
}

hr {
color: #dbccb6;
border-color: #dbccb6;
background-color: #dbccb6;
clear: both;
}
hr.transp {
color: transparent;
border-color: transparent;
background-color: transparent;
}
.img-center {
margin: 0 auto;
}
.purple {
color: #a475a0;
}
/* --------------------------------------------- */
/*             Position & alignment              */
/* --------------------------------------------- */

.absolute{
  position:absolute;
}

.relative{
  position:relative;
}

.aligncenter{
  text-align:center;
}

.aligncenter span{
  margin-left:0;
}

.floatright {
  float:right;
}

.floatleft {
  float:left;
}

.floatnone {
  float:none;
}

.aligncenter {
  text-align:center;
}
.alignjustify {
  text-align:justify;
}
/* --------------------------------------------- */
/*                     MENU                      */
/* --------------------------------------------- */
nav {
z-index: 1;
}

.navbar-nav {
        margin: 0 auto;
        display: table;
        table-layout: fixed;
        float:none;
  }
.navbar {
 background-color: transparent;
}
@media (min-width: 1024px) {
	.navbar-nav {
	}
}
.navbar-default {
border: none;
}
.navbar-default ul{

}
.navbar-default .navbar-brand {
color: #8c5913; 
height: auto;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
color: #ffbbbc; 
}
.navbar-default .navbar-nav > li > a {
  background-color: #fff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
font-family: 'Lobster Two', cursive;
font-size: 18px;
color: #8c5913; 
border: 1px solid #dbccb6;
margin:0px 5px 0 0;
padding: 8px 8px 8px 8px ;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
color: #fff; 
background-color: #8c5913;
}
.navbar-default .navbar-nav .active > a,
.navbar-default .navbar-nav .active > a:hover,
.navbar-default .navbar-nav .active > a:focus {
color: #fff; 
background-color: #8c5913;
}
.navbar-default .navbar-nav .open > a, .navbar-default .navbar-nav .open > a:hover,
.navbar-default .navbar-nav .open > a:focus {
color: #fff; 
background-color: #8c5913;
}
.navbar-default .navbar-nav .open > a .caret,
.navbar-default .navbar-nav .open > a:hover .caret,
.navbar-default .navbar-nav .open > a:focus .caret {
border-top-color: #dbccb6;
border-bottom-color: #dbccb6; 
}
.navbar-default .navbar-nav > .dropdown > a .caret {
border-top-color: #8c5913;
border-bottom-color: #8c5913; 
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {

border-top-color: #fff;
border-bottom-color: #fff; 
}
.navbar-default .navbar-toggle {
border-color: #fddfbc; 
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
background-color: #fddfbc; 
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #8c5913; 
}
.dropdown-header {
background-color: #fddfbc;
color: #8c5913;
font-size: inherit;
}
a.dropdown-toggle:focus {
  border-color: #fff;
}
.navbar-default .navbar-nav > li.langVersion > a {
background-color: #fff
}
.navbar-default .navbar-nav > li.langVersion > a:hover,
.navbar-default .navbar-nav > li.langVersion > a:focus {
background-color: #fff
}
li.langVersion img {
    opacity: 0.3;
    filter: alpha(opacity=30); /* For IE8 and earlier */
}

li.langVersion img:hover {
    opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}
#vignes {
height: 126px;
background-image: url("images/adresse3.png");
margin-bottom: 30px;
}
div.terraVitis, div.vigneronIndependant, div.hve {
  float: right;
  margin :50px 20px 0 0;
}
 
@media (max-width: 940px) {
  #vignes {
    width: 100%;
  }
}
@media (max-width: 767px) {
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
	color: #bf8bbd;   
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
	color: #58585a;
	background-color: #e8cde7;   
	}
  nav img {
  width: 100%;
  }
}


/* --------------------------------------------- */
/*                    Blocs                      */
/* --------------------------------------------- */

img.haut {
  display: block;
  margin: 0px auto 20px auto;
}


#backg {
display:block;
position:fixed;
top: 0;
height: 100%;
width: 100%;

border: none;
overflow: hidden;
z-index: -99999;
}

div.bloc-colonne {
padding: 20px;
margin: 0 0 20px 0;
}

div.bloc-arrondi {
border: 1px solid #dbccb6;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}


.btn-marron {
background-color: #8c5913;
border-color: #c49c65;
color: #fff !important;
font-weight: bold;
}
.btn-marron:hover {
background-color: #5d3704;
border-color: #ffe1b8;
color: #fff
}
.blanc {
background-color: transparent;
background-image: url("images/blanc70.png");
}
.vert {
background-color: transparent;
background-image: url("images/vert80.png");
}

.marron {
background-color: transparent;
background-image: url("images/marron80.png");
}
.marron {
background-color: transparent;
background-image: url("images/marron80.png");
}

.vert p, .marron p {
color: #fff;
}
.bloc-colonne h3 {
padding: 0px 0px 10px 0px ;
margin: 0px 0px 10px 0px ;
color: #fff;
text-align: center;
border-bottom: 1px solid #dbccb6;
}
.colonne.bloc-colonne.blanc h3 {
color: #3b2301;
border-bottom: 1px solid #dbccb6;
}
.colonne.bloc-colonne.blanc p {

}
.colonne.bloc-colonne.blanc a {
color: #3b2301;
}
.margeDroite {
margin-right: 10px;
}
/* --------------------------------------------- */
/*                    Slide Show                 */
/* --------------------------------------------- */
/* Normal slide in inactive state */
.slideBg {
    transition-property: opacity, transform, z-index;
  transition-duration: 0ms;
  transition-function: linear;
  transition-delay: 5000ms, 5000ms, 0ms;
    display:block;
    position: absolute;
  width: 100%;
  height: 100%;
    top: 0;
  left: 0;
  right: 0;
  bottom: 0;
    background-size: cover;
  background-position: center;
    opacity: 0;
  transform: scale(1.2) rotate(0deg);
  z-index: 1;
}

/* Active slide */
.slideBg.active {
  transition-property: opacity, transform, z-index;
  transition-duration: 5000ms, 5000ms, 0ms;
  transition-function: linear;
  transition-delay: 0ms;
  transform: scale(1);
  opacity: 1;
  z-index: 10;
}

/* Slide activated by clicking next/prev navigation button.
 * May have, for instance, faster transition time, or a completely differen effect */
.slideBg.activated {
  transition-property: opacity, transform, z-index;
  transition-duration: 1000ms, 1000ms, 0ms;
  transition-function: linear;
  transition-delay: 0ms;
  transform: scale(1);
  opacity: 1;
  z-index: 10;
}

.slideBg.deactivated {
  transition-property: opacity, transform, z-index;
  transition-duration: 1000ms, 1000ms, 0ms;
  transition-function: linear;
  transition-delay: 0ms;
  transform: scale(2) rotate(10deg);
  opacity: 0.0001;
  z-index: 1;
}

.slideBg span {
  display: block;
  font-size: 30px;
  position: absolute;
  bottom: 200px;
  left: 50px;
  background-color: rgba(255,255,255,.4);
  padding: 15px 20px;
  color: #000;
  font-family: sans-serif;
  text-shadow: 1px 1px 1px rgba(0,0,0,.1);
  border-radius: 4px;
}

/* Navigation buttons */
.next,
.prev {
  transition: 150ms linear all;
  position: absolute;
  top: 50%;
  border-radius: 100px;
  margin-top: -10px;
  background-color: rgba(0,0,0,.65);
  color: #fff;
  text-align: center;
  font-size: 30px;
  line-height: 25px;
  padding: 3px 3px;
  text-shadow: 0 0 1px #000;
  cursor: pointer;
  opacity: .5;
  visibility: hidden;
}
.next:hover,
.next:active,
.prev:hover,
.prev:active {
  opacity: 1;
}
.next {
  right: 25px; z-index: 10;
}
.prev {
  left: 25px; z-index: 10;
}
.degradeblanc {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url('images/degradeblanc.png');
  background-repeat: repeat-x;

}

/* --------------------------------------------- */
/*                    Footer                     */
/* --------------------------------------------- */


footer {
  padding: 0;

}
footer {
  border-top: 0px solid;
}
footer a, footer p {
  color: #fff;
}
.txt-white {
  color: #fff;
}
.footerBloc1 {
  background-color: #f1ebe2;
  padding: 30px 20px 30px 20px;
 }
.footerBloc1 h3 {
  color: #cfbb9e
}
.lienRevendeur img {
    opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */

}
.lienRevendeur img:hover {
    opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */

}
.footerBloc2 {
  background-color: #8c5913;
  padding: 10px 20px 10px 20px;
}

.finDePage {
  margin-bottom: 60px;
  visibility: hidden;
}

.footerAdresse p {
color: #3b2301
}
/* --------------------------------------------- */
/*              Page des Bouteilles              */
/* --------------------------------------------- */


.hovereffect {

  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
  margin :10px;
  padding: 0px 0 20px 0;
/*  border: 1px solid #ffedd5;
  background-color: #fff;*/
}

.hovereffect .overlay {
  cursor: pointer;  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
}

.hovereffect img {
  margin: auto;
  display: block;
  position: relative;
  -webkit-transform: scale(1.0);
  -ms-transform: scale(1.0);
  transform: scale(1.0);
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
}

.hovereffect:hover img {
  -webkit-transform: scale(0.8) translate3d(0,45px,0);
  -ms-transform: scale(0.8);
  transform: scale(0.8) translate3d(0,45px,0);
 
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.7" /><feFuncG type="linear" slope="0.7" /><feFuncB type="linear" slope="0.7" /></feComponentTransfer></filter></svg>#filter');
  filter: brightness(0.7);
  -webkit-filter: brightness(0.7);
}

.hovereffect p {
  text-align: center;
  position: relative;
  font-size: 15px;
  padding: 0px;
  font-style: italic;
}

.hovereffect a.info {
  display: inline-block;
  text-decoration: none;

}

.hovereffect a.info:hover {
  box-shadow: 0 0 5px #fff;
}


.hovereffect a, .hovereffect p {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0,100%,0);
  transform: translate3d(0,100%,0);
}

.hovereffect:hover a, .hovereffect:hover p {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}


/* --------------------------------------------- */
/*                    Animations                 */
/* --------------------------------------------- */

.animatedParent animateOnce {position: absolute; width: 100%; height: 100%}

.loader {
position : absolute;
z-index: 9999;
background-color: #fddfbc;
background-image: url('images/coccinelle.png'); 
background-position: center center;
background-repeat: no-repeat;
top : 0px;
left : 0px;
height : 100%;
width : 100%;
cursor : wait;
}



h1,h2,h3 {
  font-family: 'Lobster Two', cursive;
}
h1 {
border-bottom: 1px dotted;
margin: 0px 0px 10px 0px;
padding: 0px 0px 10px 0px;
}


p.intro {
font-style: italic;
font-size: 16px;
margin: 10px;
line-height: 30px;
}
#CarouselAccueil {
  /*width: 200px;*/
}
#CarouselAccueil .carousel-caption {
  top: 200px;
  margin: 0px 0px 0px 0px ;
  padding: 0;
}
#CarouselAccueil .carousel-caption h3{
color: #3b2301;
margin :0;
padding: 0;
}
#CarouselAccueil .carousel-control.left, .carousel-control.right {
    background-image: none;
color: #3b2301;
}
#CarouselAccueil .carousel-inner > .item > img,
#CarouselAccueil .carousel-inner > .item > a > img {
      

      margin: auto;
  }
#CarouselAccueil .carousel-inner .item {
    height: 250px;
    padding: 0 60px 0 60px;
}

.minHeight {
min-height: 70%;
}
.fb-page, 
.fb-page span, 
.fb-page span iframe[style] { 
    width: 100% !important; 
}
/* --------------------------------------------- */
/*             Carousel Page Cuvée               */
/* --------------------------------------------- */
.carousel-fade {
    .carousel-inner {
        .item {
            transition-property: opacity;
        }
        
        .item,
        .active.left,
        .active.right {
            opacity: 0;
        }

        .active,
        .next.left,
        .prev.right {
            opacity: 1;
        }

        .next,
        .prev,
        .active.left,
        .active.right {
            left: 0;
            transform: translate3d(0, 0, 0);
        }
    }

    .carousel-control {
        z-index: 2;
    }
}

.hide-bullets {
list-style:none;
margin-left: -40px;
margin-top:20px;
}
.carousel-inner {
text-align: center;
}
.carousel-inner img {
margin: auto;
}
.thumCuvee {
width: 10.5%; /* LARGEUR DES THUMBS CHAMPAGNE.PHP / au nombre de bouteilles */
float: left;
margin-left: 0.5%;
}
.thumCuvee img {
padding-top: 30px;
}
.thumCuvee span {
width: 10.5%; /* LARGEUR DES THUMBS CHAMPAGNE.PHP / au nombre de bouteilles */
display: block;
position: absolute;
text-align: center;
font-family: 'Lobster Two', cursive;
font-size: 16px;
}
a.thumbnail {
border: 1px solid #c5ab88;
}
a.thumbnail.active {
background-color: #cad2af;
border: 2px solid #7b8f36;
cursor: pointer;
}
a.thumbnail:hover {
background-color: #dacab3;
border: 1px solid #8c5812;
cursor: pointer;
}
.cuveeIntro {
font-style: italic;
font-size: 18px
}
.cuveeDescrip {

}
#myCarousel {
padding-bottom: 25px;
}
h1.bouteille {
color: #7b8f36 !important;
font-size: 60px;
border-bottom: none;
}
.well {
background-color: #dbccb6;
border-color: #8c5913
}

.well li {
display: block;
}

.well li:before {
/*Using a Bootstrap glyphicon as the bullet point*/
content:"\e006";
font-family: 'Glyphicons Halflings';
font-size: 11px;
float: left;
margin-top: 4px;
margin-left: -17px;
color: #415000;
}

/*************************************  ***********************************/
.da-thumbs li {
float: left;
margin: 1%;
background: rgba(255,255,255,0.5);
padding: 8px;
position: relative;
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
width: 31%;
list-style-type: none;
}
.da-thumbs li a,
.da-thumbs li a img {
margin: 10px auto auto auto ;
display: block;
position: relative;
}
.da-thumbs li a {
overflow: hidden;
}
.da-thumbs li a div {
position: absolute;
background: rgba(202,152,83,0.2);
width: 100%;
height: 100%;
}
.da-thumbs .overlayTitre h2 {
background: rgba(59,34,0,0.5);
color: #fff;
text-align: center;
margin: 20% auto 0 auto ;
}
.da-thumbs .overlayTitre p {
background: rgba(59,34,0,0.5);
color: #fff;
text-align: center;
}