/* html / body et hn 
----------------------------------------- */
html { }
body {  font-family: Arial, Helvetica, sans-serif; background:#000 url(../images/interface/bg.jpg) no-repeat top center; font-size:72.5%; }

#wrapper {margin:0 auto;  width:960px; background:#fff; padding:5px 0; margin-bottom:36px}


h1 { font-size : 300% ; margin-bottom:0px;  }
h2 { font-size : 250% ; margin-bottom:18px; }
h3 { font-size : 200% ;font-weight:bold;   border-bottom:1px solid #eee; padding-bottom:18px; margin-bottom:27px; }
h4 { font-size : 130% ; font-weight:bold; margin-bottom:9px;}

h1, h2, h4 {color:#d2a936; clear:both;}

p { margin-bottom:36px;}

a { text-decoration:underline; color:#dfa95d}
a:hover { text-decoration:none; }

ul { margin:0; padding: 0; list-style:none; }
li { margin:0; padding: 0}


#prelude {display:none;}


/* Accueil 
----------------------------------------- */
body#accueil {  font-family: "Times New Roman", Times, serif, Times, serif; background:#000 url(../images/interface/bg.jpg) no-repeat top center; font-size:82.5%; margin-top:80px; }
body#accueil #wrapper {margin:0 auto;  width:960px; background:none; padding:5px 0; margin-bottom:36px}


#content-accueil {background:#fff url(../images/interface/fond-accueil.jpg) no-repeat top center; color:#2f2921; padding-top:270px; padding-bottom:27px;  font-size:120%;   }

#text-accueil { text-align:center; padding-top:18px; color:#aaa;  }
#entries-fr { text-align:right; padding-bottom:27px; padding-top:18px; }
#entries-fr a {padding:5px 10px; }
#entries-fr a:hover { background:#000; color:#FFF;  }

#entries-en { padding-bottom:27px; padding-top:18px;  }
#entries-en a {padding:5px 10px; }
#entries-en a:hover { background:#000; color:#FFF;  }

#footer-accueil { font-size: 120%; color:#FFF; padding-top:27px; }
#footer-accueil h2 { display:none;}

#copyright strong { color:#7d705c; }
#footer-accueil #mentions { text-align:right;}
#footer-accueil #mentions a { color:#7d705c; }
#footer-accueil #mentions li {display:inline; padding-right:5px; margin-right:5px}
#footer-accueil #mentions li.noborder { border-right:none;}

body#accueil  .mentions-legales h4 {  border-bottom:1px solid #ccc; padding:5px 10px; color:#d2a936; text-decoration:none;  background:#fafafa;}







/* top 
----------------------------------------- */
#lang {padding-top:18px; padding-bottom:18px;  }


a#ico-en { background-image:url(../images/interface/flag-en.gif); width:40px; height:25px; display:block; text-indent:-8000em; }
a#ico-en:hover { background-image:url(../images/interface/flag-en-hover.gif);   }

a#ico-fr { background-image:url(../images/interface/flag-fr.gif); width:40px; height:25px; display:block; text-indent:-8000em; }
a#ico-fr:hover { background-image:url(../images/interface/flag-fr-hover.gif);   }


/* header 
----------------------------------------- */
#header {height:125px; background-color:#000;  font-size:120%; font-family:"Times New Roman", Times, serif }
#header h1 { text-indent: -1000em; overflow: hidden; background-image:url(../images/interface/logo.gif); height: 125px; width: 490px; }
#header h1 a { display:block; height: 125px; width: 490px;}

#header-text { color:#c6c6c6; font-size:125%; padding-top:45px; width:430px; line-height:24px;  }

/* photo 
----------------------------------------- */
#photo { background:#FFF; border-top:5px solid #222; height:200px; overflow:hidden; }
#photo-left {float:left; width:615px; height:200px; overflow:hidden;}
#photo-right {float:left; border-left:1px solid #fff; width:334px; height:200px; overflow:hidden;}



/* navigation 
----------------------------------------- */
#navigation { background-color:#5c8773;  background-image:url(../images/interface/navigation-bg.gif); text-align:center; padding:15px 0 10px 0;  }
#navigation h2 {display:none; }

#nav-left {text-align:right}
#nav-right {text-align:left}

#navigation ul { }
#navigation #nav-left li {display:inline; font-weight:bold; text-transform:uppercase; padding-left:20px; margin-left:20px; border-left:1px solid #FFF;}
#navigation #nav-left li a {text-decoration:none; color:#FFF; }
#navigation #nav-left li a:hover {color:#d2a936;}
#navigation #nav-left li.noborder { border-left:none; }

#navigation #nav-right li {display:inline; font-weight:bold; text-transform:uppercase; padding-right:15px; margin-right:15px; border-right:1px solid #FFF;}
#navigation #nav-right li a {text-decoration:none; color:#FFF; }
#navigation #nav-right li a:hover {color:#d2a936;}
#navigation #nav-right li.noborder { border-right:none; }




/* Content 
----------------------------------------- */
#content {background-color:#fff; color:#2f2921; padding-top:27px;  }

#content ul {padding-bottom:36px;}

ul#coord li {padding-left:35px; padding-bottom:7px; }

ul#coord .ico-adresse { background-image:url(../images/interface/ico.gif); background-repeat:no-repeat; background-position:0 -25px; }
ul#coord .ico-tel { background-image:url(../images/interface/ico.gif); background-repeat:no-repeat; background-position:0 -50px;  margin-top:10px;}
ul#coord .ico-mail { background-image:url(../images/interface/ico.gif); background-repeat:no-repeat; margin-top:15px;}
ul#coord .ico-plan { background-image:url(../images/interface/ico.gif); background-repeat:no-repeat; margin-top:15px;}

ul#coord .ico-mail a, ul#coord .ico-plan a {padding:4px 15px; background-color:#d2a936; color:#FFF; font-weight:bold; text-decoration:none;}
ul#coord .ico-mail a:hover, ul#coord .ico-plan a:hover { background-color:#000; color:#fff}


/* Champagne 
----------------------------------------- */
ul#champagne-navigation { margin-left:100px; margin-bottom:25px; font-size:110%; }
ul#champagne-navigation li { float:left; width:125px; height:35px; text-align:center;margin-right:10px; }
ul#champagne-navigation li a { display:block; width:111px; height:22px; padding:8px 7px 5px 7px; background:transparent url(../images/interface/menu-champagne.gif) no-repeat 0 0;  color:#FFF; text-decoration:none; font-weight:bold;  }
ul#champagne-navigation li a:hover, ul#champagne-navigation li.actif a { background:transparent url(../images/interface/menu-champagne-hover.gif) no-repeat 0 0;  color:#FFF;}

.champagne-fiche {height:450px}
.photo-champagne img {  }
.note-degustation { padding-top:18px; }
.note-degustation h3 {color:#2f2921; padding-top:36px; text-transform:uppercase;}



/* Recompenses 
----------------------------------------- */
ul#recompenses-navigation { margin-left:300px; margin-bottom:25px; font-size:110%; }
ul#recompenses-navigation li { float:left; width:125px; height:35px; text-align:center;margin-right:10px; }
ul#recompenses-navigation li a { display:block; width:111px; height:22px; padding:8px 7px 5px 7px; background:transparent url(../images/interface/menu-champagne.gif) no-repeat 0 0;  color:#FFF; text-decoration:none; font-weight:bold;  }
ul#recompenses-navigation li a:hover, ul#recompenses-navigation li.actif a { background:transparent url(../images/interface/menu-champagne-hover.gif) no-repeat 0 0;  color:#FFF;}







/* footer
-----------------------------------------------------------------------------*/
#footer {  background-color:#000; color:#FFF; /* background-image:url(../images/interface/footer-bg.gif); background-repeat:repeat-y; */padding-top:27px; }
#footer h2 { display:none;}

#footer #copyright strong { color:#dfa95d; }
#footer #mentions a { color:#ccc; }
#footer #mentions li {display:inline; padding-right:5px; margin-right:5px}
#footer #mentions li.noborder { border-right:none;}



/* Mentions légales 
----------------------------------------- */
.mentions-legales h4 {  border-bottom:1px solid #ccc; padding:5px 10px; color:#d2a936; text-decoration:none;  background:#fafafa;}


/* formulaire de contact 
----------------------------------------------------*/
#formulaire { 	margin-top:40px;}

.form-row { padding:5px;  }
.field-label { width:150px; font-weight:bold; color:#d2a936; text-align:right; padding-top:2px;}
.field-widget { margin:-18px 0 0 180px; }

input, textarea {  border: 1px solid #ccc; width: 250px; font-size:12px; padding:3px; 	}
textarea { height: 120px;}

input.bton {   float:left; width:100px; height:35px; margin:10px 10px 50px 10px; padding: 3px 5px;   font-weight:bold; cursor:pointer;   }

input.mail { border:1px solid #d2a936; background:#d2a936 ; color:#fff;}
input.effacer { border:1px solid #d2a936; background:#d2a936 ; color:#fff;}

input.mail:hover {  border: 1px solid #000;  background:#000 ; color:#FFF;  }
input.effacer:hover {  border: 1px solid #000;  background:#000 ; color:#FFF;}

.button-submit {margin-left:175px; }

input.required, textarea.required { border:1px solid #d2a936; }
p.error { background-color:#000; padding:5px; color:#fff; width: 250px; margin:5px 0 0 0; font-weight:bold;}


/* Googlemap
-----------------------------------------------------*/

.googlemap-link { background-color:#d2a936; padding:5px 7px; color:#FFF; text-decoration:none;  }
.googlemap-link:hover { background-color:#000; color:#FFF; }



/* nyromodal
------------------------------------------------*/
div#nyroModalFull {
	font-size: 12px;
	color: #777;
	font-family: Verdana;
}
div#nyroModalLoading {
	border: 4px solid #FFF;
	width: 150px;
	height: 150px;
	text-indent: -9999em;
	background: #fff url(../img/ajaxLoader.gif) no-repeat;
	background-position: center;
}
div#nyroModalLoading.error {
	border: 4px solid #f66;
	line-height: 20px;
	padding: 20px;
	width: 300px;
	height: 100px;
	text-indent: 0;
	background: #fff;
}
div#nyroModalWrapper {
	background: #fff;
	border: 4px solid #FFF;
}
a#closeBut {
	position: absolute;
	display: block;
	top: -30px;
	right: 0px;
	width: 200px;
	height: 15px;
	text-align:right;
	/*text-indent: -9999em;*/
	/*background: url(../img/close.gif) no-repeat;*/
	outline: 0;
	color:#FFF;
	font-weight:bold;
}
h1#nyroModalTitle {
	margin: 0;
	padding: 0;
	position: absolute;
	top: -22px;
	left: 5px;
	font-size: 12px;
	color: #ddd;
	display:none;
}
div.wrapper div#nyroModalContent {
	padding: 5px;
}
div.wrapperImg div#nyroModalContent {
	position: relative;
	overflow: hidden;
	text-align: center;
}
div.wrapperImg img {
	vertical-align: baseline;
}
div.wrapperImg div#nyroModalContent div {
	position: absolute;
	bottom: 0;
	left: 0;
	background: black;
	padding: 10px;
	margin: 10px;
	border: 1px white dotted;
	overflow: hidden;
	opacity: 0.2;
	filter: alpha(opacity=20);
}
div.wrapperImg div#nyroModalContent div:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	cursor: help;
}
div.wrapperImg a {
	outline: none;
	position: absolute;
	top: 0;
	height: 100%;
	cursor: pointer;
	text-indent: -9999em;
	background-image: url(data:image/gif;base64,AAAA); /* Trick IE6 */
}
a.nyroModalPrev {
	left: 0;
	width: 40%;
}
a.nyroModalPrev:hover {
	background: url(../img/prev.gif) left 20% no-repeat;
}
a.nyroModalNext {
	right: 0;
	width: 40%;
}
a.nyroModalNext:hover {
	background: url(../img/next.gif) right 20% no-repeat;
}