body {font-family: 'Lato', sans-serif;}

/* HEADER & NAVIGATION */

.navbar {border:none; border-radius: 0; background-color: #908f80; margin: 0;}
.navbar-brand img{width: 100px;}
button.navbar-toggle {border-radius: 0; background-color: #fff; border: none; width: auto; height: auto;}
.navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>li>a:focus  {color: #FFF; text-transform: uppercase; font-size: 18px; text-align: right;}
.navbar-default .navbar-nav>li>a:hover {color: #EDEDED;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {color: #FFF; background-color: transparent;}
.navbar-default .navbar-nav>.active>a::before {position: relative; top: 1px; left: -15px; font-size: 12px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e074";}
.navbar-collapse {border: none; margin: 0;}
.navbar-default .navbar-nav>li>a img {height: 20px; margin-top: 0px; float: right; margin-bottom: 20px;}

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

  .navbar {height: 120px;}
  .navbar-brand {padding:0; margin-top: 37px;}
  .navbar-brand img{width: 150px;}
  .navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>li>a:focus  {color: #FFF; text-transform: uppercase; font-size: 16px; margin-top: 58px; padding-left: 18px; padding-right: 18px;}
  .navbar-default .navbar-nav>li>a:hover {color: #EDEDED;}
  .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {color: #FFF; background-color: transparent; padding-left: 6px;}
  .navbar-default .navbar-nav>.active>a::before {position: relative; top: -30px; left: 50%; font-size: 12px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e074";}
  .navbar-default .navbar-nav>li>a img {height: 16px; margin-top: 2px; float: right; margin-bottom: 0px;}
}

/* FOOTER */

.footer {padding-top:0px; background-color: #908f80; margin-top: 90px; }
.logo-footer {margin:-50px auto 20px;}
.bloc-footer p {color: #fff; margin-bottom: 50px; text-align: center;}
.bloc-footer a {display: block; color: #FFF; padding: 0px; text-transform: uppercase;}
.bloc-footer a:hover {color: #EDEDED; text-decoration: none; cursor: pointer;}
.bloc-footer img {width: 30px; margin-top: 10px;}

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

  .bloc-footer-left p {text-align: left;}
  .bloc-footer-right p {text-align: right;}
}


/* VISUELS */
.visuel-intro {background-repeat: no-repeat; background-position: center center; /*background-attachment: fixed;*/ -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height: 500px; }
.visuel-accueil {background-image: url(../img/visuel_accueil.jpg);}
.visuel-terroir {background-image: url(../img/terroir_main.jpg);}
.visuel-vins {background-image: url(../img/vins_main.jpg);}
.visuel-rooms {background-image: url(../img/sejour_main.jpg);}
.visuel-chateau {background-image: url(../img/chateau_main.jpg);}
.visuel-contact {background-image: url(../img/visuel_contact.jpg);}
.visuel-WineTourism {background-image: url(../img/WineTourism_main.jpg);}



/* TITRES & MISE EN PAGE GLOBALE */

h1 {font-weight: 300; text-transform: uppercase; color: #908f80; text-align: center; margin: 50px 0 40px 0;}
h2 {font-weight: 300; color: #908f80; margin: 20px 0;}
h3 {font-weight: 300; color: #908f80; margin: 0;}
p {color: #57584e; font-size: 16px;}
button {width: 160px; height: 40px; text-transform: uppercase; background-color: #908f80; color: #FFF; border:none; margin-top: 20px;}
button:hover {text-decoration: none;}
a:hover {text-decoration: none;}

.nopadding {
   padding: 0 !important;
   }

.separateur-3c {width: 10px; height: 10px; background-color:#908f80; margin: 60px auto; clear: both;}
.separateur-3c::before {width: 10px; height: 10px; background-color:#908f80; top: -5px; left: -20px; content: ""; position: relative; display: inline-block;}
.separateur-3c::after {width: 10px; height: 10px; background-color:#908f80; top: -25px; left: 20px; content: ""; position: relative; display: inline-block;}
/*.visible-xs-block .separateur-3c {margin: 0px auto 60px;}*/

/* page d'Accueil */

.bloc-rubrique {text-align: center; margin-bottom: 60px;}
.bloc-rubrique img {width: 150px;}
.bloc-rubrique h2 {text-align: center;}

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

  .bloc-rubrique p {min-height: 70px;}
}

/* page intérieures  */

.ligne-txtimg {margin-bottom: 60px; /*padding:0px;*/}
.ligne-txtimg h2 {text-align: center;}

@media screen and (min-width: 768px) { 
  .ligne-txtimg h2 {margin-top: -5px; text-align: left;}
}

.img-quadri {padding-bottom: 30px;}

.intro-centree h2, .intro-centree p {text-align: center;}
.intro-centree button {margin-top: 5px;}



/* CONTACT */
.bloc-contact p.introduction {margin-bottom: 30px;}
.facebook-link {color:#908f80; padding: 0 0px 1px 2px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease;}
.facebook-link img {width: 20px; margin-top: -3px; z-index: 10; background-color:#908f80;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease;}
.facebook-link:hover {color:;}
.facebook-link:hover img {background-color:#3b5998;}

.floating-label-form-group {position: relative; background:#f7f7f7; margin-bottom:20px; padding-bottom: 12px; border: 1px solid #908f80;}
.floating-label-form-group input;, .floating-label-form-group textarea {z-index: 1; position: relative; padding-right: 0; padding-left: 0; border: 0; border-radius: 0; font-size: 18px; color:#57584e; background: 0 0; box-shadow: none!important; resize: none;}
.floating-label-form-group label {display: block; z-index: 2; position: relative; top: 10px; margin: 0; font-size: 14px; line-height: 1.764705882em; vertical-align: middle; vertical-align: baseline; opacity: 0;
    color: #908f80; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease;}
.floating-label-form-group-with-value label {top: 5px; opacity: 1;}
.floating-label-form-group-with-focus label {color: #908f80;}

.text-danger, .text-danger:hover {color: #d2222a;/*rouge*/font-size: 14px;}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {background-image: none!important; color: #57584e!important; -webkit-box-shadow:0 0 0 30px #f7f7f7 inset!important; /* pour masquer la couleur jaune d'autocomplétion sur Chrome */ -webkit-text-fill-color: #57584e;}

.alert-success {background-color: #378a49;/*vert*/ border-color: #378a49;/*vert*/ color: #ffffff;}
.alert-danger {background-color: #be2027;/*rouge*/ border-color: #be2027;/*rouge*/ color: #ffffff;}
.alert {padding: 15px; margin-bottom: 21px; border: none; border-radius: 0;}
.alert strong{font-weight: 400;}

button.close {margin-top: 0px; color: #fff; opacity: 1; width: auto; height: auto;}
.close:focus, .close:hover {color: #fff; text-decoration: none; cursor: pointer; filter: alpha(opacity=50); opacity: .5;}

.form-group button {margin-top: 0px;}

.google-maps {position: relative; padding-bottom: 100%;/* This is the aspect ratio*/ height: 0; overflow: hidden;}
.google-maps iframe {position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important;}

/* Boutique Vins  */

.block-vin {/*padding :15px; border:1px solid transparent;*/ margin-bottom: 60px; position: relative;}
/*.block-vin:hover {background-color: #f5f5f5;}
.rouge:hover {background-color: #ffd3cc; border-color: #861D0C;}
.rose:hover {background-color: #ffe8e5; border-color: #F69287;}
.blanc:hover {background-color: #f2f2e6; border-color: #DCD9A7;}*/

.block-vin .vin-infos {/*padding: 0;*/}
.block-vin img {padding: 0; /*max-width: 320px;*/}
@media screen and (min-width: 768px) { 
  .block-vin img {/*padding-left: 15px;*/}
}
/*@-moz-document url-prefix() {
  .block-vin .vin-infos {max-height: 255px;}
}*/

p.vignette {text-transform: uppercase; font-size: 14px; text-align: center; width: 80px; height: 26px; line-height: 26px; margin: 0 10px 10px 0; float: left;}
p.millesime {background-color: #DDD; color: #908f80;}
.rouge p.couleur {background-color: #861D0C; color: #FFF;}
.rose  p.couleur {background-color: #F69287; color: #FFF;}
.blanc p.couleur {background-color: #DCD9A7; color: #57584E;}
p.appellation {font-weight: 300; color: #908f80; font-style: italic; font-size: 20px;}
p.descriptif {/*font-size: 14px;*/border-top: 1px dotted #908f80; border-bottom: 1px dotted #908f80; padding: 15px 0;}
p.prix {font-weight: 300; font-size: 24px; float: left;}
p.prix span {font-size: 16px;}
.bouton {float: right; font-weight: 300; font-size: 24px; width: 34px; text-align: center; background-color: #908f80; color:#fff; cursor: pointer; height: 34px; margin-top: 0;}
.btn {width: 130px; height: 40px; text-transform: uppercase; background-color: #908f80; color: #FFF; border:none;  cursor: pointer;}
.vin-infos-supp {padding-top: 20px; border-top: 1px dotted #908f80;}
.vin-infos-supp table td {padding-bottom: 15px;}
.vin-infos-supp .picto {padding-right: 15px; vertical-align: top;}

.bon-de-commande button {margin-bottom: 100px;}
.bon-de-commande-vins button {font-size: 10px; margin-top:0; height:26px;}

#gift {
    position: relative;    
    top: -1em;
}