@import url(http://fonts.googleapis.com/css?family=PT+Serif:400,400italic);

body{color:#333; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:18px; background:#111111;}



.clear{clear:both; display:block;}

header{ background:#111;}
header h1,header a.no-accueil{width:980px; height:300px; display:block; margin:auto; text-indent:-9999px; background:url(../images/template/champagne-maillard-dida.png) no-repeat center;}
header nav{ background:#333; height:50px; line-height:50px; color:#fff;}
header nav .inner{ width:980px; margin:auto; position:relative; }
header nav a{ text-decoration:none; color:#fff; font-size:1.2em; }
header nav span.sep{ padding:0 20px;}
header nav span.telephone{position:absolute; right:79px; top:0; color:#D7BB71; font-weight:bold; height:50px; font-size:1.3em; line-height:50px; padding-left:40px; background:url(../images/template/bg-telephone.png) no-repeat left center;}

header nav .inner #flags{width:69px; height:32px; position:absolute; right:0; top:9px;}
header nav .inner #flags a{float:left; width:32px; height:32px; text-indent:-9999px;}
header nav .inner #flags a.flag-fr-en{margin-right:5px; background:url(../images/template/flag-fr-en.png) no-repeat bottom;}
header nav .inner #flags a.flag-ch{ background:url(../images/template/flag-ch.png) no-repeat bottom;}
header nav .inner #flags a.flag-fr-en.current,header nav .inner #flags a.flag-ch.current,header nav .inner #flags a:hover.flag-fr-en,header nav .inner #flags a:hover.flag-ch{ background-position:top;}


header nav  a.bt-mobile{ display:none;}

header nav a:hover,header nav a.current{color:#D7BB71;}

#slider{ width:100%;    background-image: url('../images/template/fond-slider.jpg'); background-repeat:no-repeat; }

#slider #actu{width:900px; height:300px; display:table; margin:auto; padding:30px 0;  color:#fff; }
#slider #actu .content{display:table-cell; width:100%; vertical-align:middle;}
#slider #actu h2{font-size:3.5em; line-height:normal; font-family: 'PT Serif', serif; font-style:italic; font-weight:normal; color:#D7BB71; padding-bottom:25px; margin-bottom:30px; border-bottom:2px solid #D7BB71; text-align:center; }
#slider #actu p{ font-weight:bold; margin-bottom:15px;}
#slider #actu p:last-child{margin-bottom:0;}

#slider a#alaune{width:900px; height:300px; display:none; margin:auto; padding:30px 0;  color:#fff; text-decoration:none;}

#slider a#alaune span.content{width:100%; display:table; }

#slider a#alaune span.content .image,#slider a#alaune span.content .texte{ display: table-cell; vertical-align: middle;}
#slider a#alaune span.content .image{width:200px; box-sizing: border-box; padding-right:20px;}
#slider a#alaune span.content .image img{ display: block; width:100%;}
#slider a#alaune span.content .texte{ width:calc(100% - 200px);}

#slider a#alaune span.content span.titre{ display:block; font-size:2.8em; line-height:normal; font-family: 'PT Serif', serif; font-style:italic; font-weight:normal; color:#D7BB71; padding-bottom:25px; margin-bottom:30px; border-bottom:2px solid #D7BB71; text-align:center;}
#slider a#alaune span.content span.resume{ display:block; font-weight:bold; text-align:center; margin-bottom:30px;}
#slider a#alaune span.content span.plus{width:150px; height:40px; line-height:40px; margin:auto; display:block; background:#D7BB71; color:#fff; font-weight:bold; text-align:center; text-transform:uppercase;}

#slider #sleeve{width:900px; height:300px; display:none; margin:auto; padding:30px 0;  color:#fff;}
#slider #sleeve .image,#slide #sleeve .texte{  display:table-cell; vertical-align:middle; }
#slider #sleeve .image{width:200px; padding-right:20px; height:300px;}
#slider #sleeve .image img{display:block;}
#slider #sleeve .texte{padding-top:30px;}
#slider #sleeve .texte h2{font-size:3.5em; line-height:normal; font-family: 'PT Serif', serif; font-style:italic; font-weight:normal; color:#D7BB71;  margin-bottom:40px; }

#slider #sleeve .texte p{ font-weight:bold; font-size:1.6em; line-height:1.4em; }

#content{padding:40px 0; background:#fff;}

#content .inner{ width:980px; margin:auto; position:relative;}


#content .inner article{width:470px; height:300px; display:table; float:left;  margin-right:40px; margin-bottom:40px;}
#content .inner article.lastcol{margin-right:0;}
#content .inner article.lastrow{margin-bottom:0;}


#content .inner article .content,#content .inner article a.bouteille{ display:table-cell; vertical-align:middle;}

#content .inner article a.bouteille{ width:100px;  }

#content .inner article .content{ padding:10px;}
#content .inner article .content h2{ font-family: 'PT Serif', serif; font-style:italic; font-size:1.5em; line-height:normal; font-weight:normal; margin-bottom:15px; }
#content .inner article .content h2 span.champagne{color:#D7BB71;}

#content .inner article .content ul,#content .inner article .content .bloc-ch p{ list-style-type:none; list-style-position:inside; margin-bottom:10px;}
#content .inner article .content .bloc-ch p.composition{margin-bottom:15px;}
#content .inner article .content ul strong,#content .inner article .content p.composition strong{ margin-bottom:10px; display:block;}

#content .inner article .content .bloc-fr{width:170px; float:left; }
#content .inner article .content .bloc-en{width:170px; float:right; color:#888; font-style:italic;}


#list-actualite{padding:40px 0; background:#fff;}

#list-actualite .inner{width:980px; margin:auto;}

#list-actualite .inner h1{font-size:3.5em; line-height:normal; font-family: 'PT Serif', serif; font-style:italic; font-weight:normal; color:#D7BB71;  margin-bottom:40px; }

#list-actualite .inner a{width:100%; display:table; text-decoration:none; color:#333; padding-bottom:20px; border-bottom:2px solid #D7BB71; margin-bottom:15px;}
#list-actualite .inner a:last-child{border:none; margin-bottom:0; padding-bottom:0;}

#list-actualite .inner a span.image,span.texte{ display:table-cell; vertical-align:middle;}
#list-actualite .inner a span.image{ width:300px; padding-right:20px; }
#list-actualite .inner a span.image img{width:100%; display:block;}

#list-actualite .inner a span.texte span.titre{display:block; color:#D7BB71;  font-family: 'PT Serif', serif; font-style:italic; font-size:1.5em; line-height:normal; font-weight:normal; margin-bottom:5px;}
#list-actualite .inner a span.texte span.publication{ display:block; font-style:italic; margin-bottom:20px;}

#list-actualite .inner a:hover span.texte span.resume{ text-decoration:underline;}


#detail-actualite{padding:40px 0; background:#fff;}

#detail-actualite .inner{width:980px; margin:auto;}

#detail-actualite .inner h1{font-size:3.5em; line-height:normal; font-family: 'PT Serif', serif; font-style:italic; font-weight:normal; color:#D7BB71;  margin-bottom:40px; }

#detail-actualite .inner .texte{margin-bottom:40px;}

#detail-actualite .inner .texte p{margin-bottom:15px;}
#detail-actualite .inner .texte p:last-child{margin-bottom:0;}


.video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
	
	margin-bottom:40px;
}





.video iframe,
.video object,
.video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


#pdf{margin-bottom:40px;}
#pdf a{float:left; padding-left:35px; color:#333; text-decoration:none; line-height:30px; height:30px; margin-bottom:10px; background:url(../images/template/pdf.png) no-repeat;}
#pdf a:hover{ text-decoration:underline;}

#galerie a{width:180px; display:block; float:left; margin-right:20px; margin-bottom:20px;}

#galerie a.lastcol{ margin-right:0;}
#galerie a.lastrow{ margin-bottom:0;}

#galerie a img{width:100%; display:block;}


#contact{background:#fff;}

#contact #gmap{height:300px;}

#contact .inner{width:980px; margin:auto; padding:40px 0;}


#contact #coordonnees{float:left; width:580px;}

#contact #coordonnees h1{font-size:2.5em; line-height:normal; font-family: 'PT Serif', serif; font-style:italic; font-weight:normal; color:#D7BB71;  margin-bottom:40px; }
#contact #coordonnees p{margin-bottom:20px; line-height:25px; }
#contact #coordonnees p:last-child{margin-bottom:20px;}

#contact #coordonnees p.contact{ background:url(../images/template/bg-contact.png) no-repeat left center; padding-left:50px;}
#contact #coordonnees p.telephone{ background:url(../images/template/bg-tel-contact.png) no-repeat left center; padding-left:50px;}
#contact #coordonnees p.email a{ background:url(../images/template/bg-email.png) no-repeat left center; padding-left:50px; line-height:25px; display:block; color:#333}
#contact #coordonnees p.email a:hover{ text-decoration:none;}
#contact #coordonnees p.adresse{ background:url(../images/template/bg-adresse.png) no-repeat left center; padding-left:50px;}

#contact #formulaire{float:right; width:400px; }



p#contactok{background:#50B9A4; padding:5px; text-align:center; color:#fff; font-size:0.9em; margin-bottom:10px; display:none;}
p#contactbad{background:#EA6152; padding:5px; text-align:center; color:#fff; font-size:0.9em; margin-bottom:10px; display:none;}


#formulaire .elem{margin-bottom:10px; position:relative;}

#formulaire .error-cell{position:absolute; width:150px; left:400px; top:0; padding-left:20px; height:37px; font-size:11px; background:url(../images/template/bg-bloc-erreur.png) no-repeat left;  }

#formulaire .error-cell div{background:#EA6152; line-height:27px; padding:5px; color:#fff;}


#formulaire input{width:390px; height:30px; padding:0 5px; border:none; background:#A2A9B1;  line-height:30px; color:#fff; font-family: 'Raleway', sans-serif; font-size:1em; font-weight:300;}
#formulaire textarea{width:390px; height:57px; max-width:390px; max-height:57px; min-width:390px; min-height:57px; padding:5px; border:none; background:#A2A9B1;  border:none; line-height:16px; color:#fff; font-family: 'Raleway', sans-serif; font-size:1em; font-weight:300;}

#formulaire a.bt-submit{display:block; width:150px; height:30px; float:right; line-height:30px; background:#D7BB71; color:#fff; text-align:center; text-decoration:none;    }
#formulaire a:hover.bt-submit{background:#111;}



#mentions{padding:40px 0; background:#fff;}

#mentions .inner{width:980px; margin:auto;}


#mentions .inner h1{font-size:3.5em; line-height:normal; font-family: 'PT Serif', serif; font-style:italic; font-weight:normal; color:#D7BB71;  margin-bottom:40px; }

#mentions .inner article{ padding-bottom:20px; border-bottom:2px solid #D7BB71; margin-bottom:15px;}
#mentions .inner article h2{display:block; color:#D7BB71;  font-family: 'PT Serif', serif; font-style:italic; font-size:1.5em; line-height:normal; font-weight:normal; margin-bottom:20px;}
#mentions .inner article:last-child{margin-bottom:0; border-bottom:0; padding-bottom:0;}


footer{ padding:10px 0; background:#333; border-bottom:50px solid #111;}
footer .inner{width:980px; margin:auto; text-align:center; color:#D7BB71;}

footer .inner a{ text-decoration:underline; color:#D7BB71;}

footer .inner a:hover{ text-decoration:none;}