@import url(http://fonts.googleapis.com/css?family=Cardo:400,400italic,700|Open+Sans:400italic,700italic,800italic,300,400,600,800);
img.superbg {
    position:fixed;
    top:0;
    left:0;
    z-index:-1;
}
.row.clearfix.top,.row.clearfix.home {
  margin-left: 0;
  margin-right: 0;
  background:url(../img/fnd-top.png)top right no-repeat;
  background-size:contain;
}
.row.clearfix.top .col-md-12 {
  padding: 0;
}
h1.logo {
z-index: 2;
width: 22.5%;
height:auto;
margin: 20px auto;
}
.navbar-header h1{margin:0; padding:0; display:inline-block; position:relative;}
.top-panier{display:block; position:relative;width:100%;text-align:right;font-size:10px;margin-bottom:10px; padding-top:10px;}
.top-panier button{font-size:11px; font-weight:400;margin:0 5px;}
.top-panier button:hover,.top-panier button:focus{background:#efefef;color:#003366;}
.top-panier a{font-weight:800;text-decoration:underline;}
.footer{font-size:10px;margin-left: 0;color:#cfa09e;
  margin-right: 0;margin-top:20px; background:url(../img/charbaux-freres-initiales.png) center center no-repeat; }
  .footer .container{border-top:solid 1px #993333;max-width:1140px; padding-top:10px;}
  a.copyright{color:#cfa09e;margin: 5px 0;}
.footer .nav-tabs > li > a{padding:5px 0;}
.footer .nav-tabs > li{}
.footer .nav-tabs > li > a::after{content: '|';
  color: #003366;
  margin-left: 8px;}
  .footer .nav-tabs > li:last-child a::after{content:'';}
  .nom{font-family: 'Cardo', serif;
  font-weight: 700;font-size:22px; display:block;line-height:1em;color:#993333;}
  .accueil-cuvees{text-align:center; font-size:16px; font-weight:700;}
  .accueil-cuvees p{display:inline-block; margin:10px 2%;vertical-align:bottom;}
  .accueil-cuvees a img {transition:all 2s;}
  .accueil-cuvees a img:hover{ opacity:0.4;}
 a.supp{font-size:18px;color:#993333;transition:all 0.8s;}
a.supp:hover{color:#ccc;}
a.supp:focus{color:#000;}
.champs-obligatoires{color:#993333;}
.paiement{max-width:500px;display:block;margin:10px auto; border:solid 1px #000; padding:10px 30px;}
.recapitulatif{max-width:80%;display:block;margin:10px auto; border:solid 1px #000; padding:10px 30px;}
.puce-deco{display:block; position:absolute; z-index:999; margin:-16px auto 0; background:url(../img/motif.png)center center no-repeat; width:100%; height:24px;}
/*-------------------------------------------
-----------------------------------*/
.page-header img{display:block; position:relative; width:100%; height:auto;z-index:0; transition:all 2s;}



.form-control.qte{width:30px; display:inline-block;padding:4px; text-align:center;}
.choix-option{display: inline-block; width:14px; vertical-align:top; margin-left:10px;cursor:pointer; text-align:center;}
.choix-option a{margin:-3px 15px 4px -12px;display:block;transition: all 1s;}
.choix-option a:hover{ opacity:0.5;}
.photos p{margin:0 auto 16%;}
.photos img{width:100%; height:auto;}
.container.contenus{max-width:1160px;width: auto;padding-right: 0px;padding-left: 0px;padding-bottom:20px;}

.map iframe{width:100%; min-height:300px; max-height:600px;margin:20px auto;}
form .form-control {background-color:#fff;}
/*+++++++++++++++++++++++++++++++++++++*/  
  @media (max-width:799px){

  }
  @media only screen and (min-width:768px) and (max-width:1024px) {
	  h1.logo{width:18%;}
.navbar-nav { width: 78%; float:left;}
.navbar-default .navbar-nav > li > a { font-size: 11px;}
  .navbar-nav > li > a {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .navbar-nav > li {
    float: left;  margin: 0 0.5%;
  }
  .well h2 {
    font-size: 3.6em;
  }
  }
  @media (max-width:900px){

  }
  @media (max-width:767px){
	p.top-panier{margin:2px 0;}
	h1.logo{width:50%;}
	.navbar-collapse.in li ul.dropdown-menu li{border:none;}
  		.top-panier{width:auto;max-width: 100%;float: none;}
		.top-panier button {font-size: 10px;font-weight: 400;margin: 0px 1px 5px 0px;padding: 3px;}
		.footer{background-position:bottom center;background-size: 20% auto;}
		.footer .nav-tabs{display:block; width:100%;}
		.footer .nav-tabs > li {float:none;display:inline-block;}
		a.copyright{float:none;display:inline-block;margin: 5px 0 0;}
  }
   @media (max-width:360px){


   }
   .vignette
{
  height: auto;
  width: 100%;
}