/* html / body et hn 
----------------------------------------- */
html { }
body { font-family: "Times New Roman", Times, serif; background:#8c9f0a url(../images/design/bg.jpg) no-repeat top center; font-size:100%; color:#FFF; }

h1 { font-size : 250% ; }
h2 { font-size : 180% ; margin-bottom:0px; }
h3 { font-size : 130% ; font-style:italic; border-bottom:1px solid #b0bd56; padding-bottom:18px; margin-bottom:18px; }
h4 { font-size : 110% ; font-weight:bold; margin-bottom:9px;}

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

p { margin-bottom:36px;}

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

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




/* header 
----------------------------------------- */
#h {display:none;}





/* navigation
----------------------------------------- */
#navigation { position:absolute; margin-top:72px;  z-index:50 }
#navigation h2 {display:none;}

#navigation #menu {  }
#navigation #menu .menu-left { float:left;  width:150px; margin-right:170px ; text-align:right; background:transparent url(../images/design/menu-left.png) no-repeat 0 0;}
#navigation #menu .menu-right {float:left;  width:150px;  background:transparent url(../images/design/menu-right.png) no-repeat 0 0;}

#navigation #menu ul  { margin:0; }
#navigation #menu ul li { text-transform:uppercase; }
#navigation #menu ul li a { width:100px; margin:3px 0 3px 0; padding:5px 25px; font-size:82.5%; text-decoration:none;  color:#FFF; display:block;}
#navigation #menu ul li a:hover {color:#a5b242; font-weight:bold;}

/* Quick access 
----------------------------------------- */

#path { position:absolute;  margin:9px 0 0 740px;}
#path ul { padding:9px 0 27px 0; margin:0; }
#path li { float:left; border-right:1px solid #c9cb87;  }
#path li a { display:block;  padding:0 10px; margin:0 5px; width:25px; height:20px; text-indent:-1000em; }
#path li.noborder {border:none;}

#path .ico-fr { background:transparent url(../images/design/lang-fr.gif) no-repeat 3px -2px;}
#path .ico-en { background:transparent url(../images/design/lang-en.gif) no-repeat 3px -2px;}
#path .ico-home { background:transparent url(../images/design/path.gif) no-repeat 20px 0;}
#path .ico-contact { background:transparent url(../images/design/path.gif) no-repeat 20px -19px;}
#path .ico-plan { background:transparent url(../images/design/path.gif) no-repeat 20px -38px;}

#path .ico-fr:hover { background:transparent url(../images/design/lang-fr-hover.gif) no-repeat 3px -2px;}
#path .ico-en:hover { background:transparent url(../images/design/lang-en-hover.gif) no-repeat 3px -2px;}
#path .ico-home:hover { background:transparent url(../images/design/path-hover.gif) no-repeat 20px 0;}
#path .ico-contact:hover{ background:transparent url(../images/design/path-hover.gif) no-repeat 20px -19px;}
#path .ico-plan:hover { background:transparent url(../images/design/path-hover.gif) no-repeat 20px -38px;}


/* content
----------------------------------------- */
#content { position:absolute; margin-top:220px; z-index:40}
#content .content-text { font-size:90%;}
#content .content-text h2 { font-size:198%;}
#content .content-text h3 { font-size:143%;}
#content .content-text h4 { font-size:121%;}

#bloc-left { text-align: right; }
#bloc-right { }

.content-img {height:170px; margin-bottom:72px; }

#content .content-text  ul {list-style:none; margin-bottom:30px;}
#content .content-text  li {  margin-bottom:9px; background:transparent url(../images/design/ico-arrow-white.gif) no-repeat 0 8px ; padding-left:15px}

#content .content-text a { background-color:#335812; padding:3px 10px; text-decoration:none; color:#FFF; font-weight:bold; margin:0 3px;}
#content .content-text a:hover { background-color:#cbcd87; }


/* Gamme Champagne
-----------------------------------------------------------------------------*/
#content .brut { margin:9px 0;  padding:0; }
#content .victoire { margin:9px 0 56px 0;  padding:0; }

#content .brut li  { display:inline; line-height:40px;  }
#content .victoire li { display:inline; line-height:40px;  }

#content .gamme-navigation li a { margin:0 0 0 0; padding:7px 10px; color:#FFF; font-size:82.5%; text-decoration:none;}

#content .brut li a { background-color:#a5b242;  }
#content .brut li a:hover { background-color:#335812;}

#content .victoire li a { background-color:#96881e;}
#content .victoire li a:hover { background-color:#6a460f;}

#content .gamme-navigation li.brut-actif a {  text-decoration:none; background-color:#335812; font-weight:bold; } 
#content .gamme-navigation li.victoire-actif a {  text-decoration:none; background-color:#6a460f; font-weight:bold; } 

.champagne-wine  {  text-align:left}
.champagne-wine h2 { background:#000; padding:5px; margin-bottom:20px;}
.champagne-wine p {  font-size:90%;}


/* diplome
-----------------------------------------------------------------------------*/
#content #diplomes a { background-color:transparent; padding:0; text-decoration:underline; color:#FFF; font-weight:normal; margin:0;}
#content #diplomes a:hover { background-color:#transparent; text-decoration:none; color:#cbcd87; }

#content .diplome-navigation ul { padding:0; margin:0 }
#content .diplome-navigation li { display:inline; background:none; padding:0; margin:0; }

#content .diplome-navigation li a { margin:0; padding:7px 10px; color:#FFF; font-size:82.5%; text-decoration:none;  background-color:#a5b242;}
#content .diplome-navigation li a:hover { background-color:#335812;}
#content .diplome-navigation li.diplome-actif a {  background-color:#335812;} 

#content .diplome-container h4 { margin-top:18px;}


/*footer
-----------------------------------------------------------------------------*/
#footer { display:none; font-size:82.5%; background:#000; padding-top:20px;}
#footer-accueil { padding-top:36px; padding-bottom:36px; background:transparent url(../images/design/footer.png) no-repeat top center; color:#a5b242; text-align:center;}
#footer-accueil  a { color:#a5b242;}


/* accueil
-----------------------------------------------------------------------------*/
#accueil {height:460px;}
#accueil-first-bloc {margin-bottom:20px; margin-top:36px; }

#tampon {position:absolute; left:50%; margin-left:-150px; margin-top:95px; z-index:99}
.accueil-title { padding-top:36px; font-size:300%; text-align:center; }
.accueil-title  a { text-decoration:none; }

#accueil-img-1, #accueil-img-2, #accueil-img-3 , #accueil-img-4 {text-align:center; }
#accueil-img-1, #accueil-img-2 {padding-bottom:36px;}

/* formulaire de contact 
----------------------------------------------------*/


.form-row { padding:5px; }
.field-label { width:80px; font-size:100%; padding-top: 5px; color:#fff; font-weight:bold;}
.field-widget { margin:-18px 0 0 100px; }

input, textarea {background-color: #FFF; color: #000; border:1px solid #CCC; padding:3px; font-family: Arial, Helvetica, sans-serif; font-size:12px; width: 200px; 	}
textarea { height: 120px;}

input.bton {
width:70px; height:30px;
font-size:12px;
margin:10px 10px 0 0; float:left; padding: 5px; color:#6a460f;
border: 1px solid #CCCCCC;
font-weight:bold;
cursor:pointer;
}
input.bton:hover {color:#FFF;
border: 1px solid #CCCCCC;
background:none;
background-color:#6a460f;
cursor:pointer;
}
.button-submit {margin-left:105px;}


input.required, textarea.required { border:1px solid #6a460f; }
p.error { background-color:#6a460f; padding:5px; color:#FFF; margin:5px 0 0 0; font-weight:bold;}







/* Nyromodal 
------------------------------------------------------------------------------*/
div#nyroModalFull {
	font-size: 12px;
	color: #777;
	font-family: Verdana;
}
div#nyroModalLoading {
	border: 10px 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: 10px solid #FFF;
}
a#closeBut {
	position: absolute;
	display: block;
	top: -13px;
	right: -13px;
	width: 12px;
	height: 12px;
	text-indent: -9999em;
	background: url(../img/close.gif) no-repeat;
	outline: 0;
}
h1#nyroModalTitle {
	margin: 0;
	padding: 0;
	position: absolute;
	top: -22px;
	left: 5px;
	font-size: 12px;
	color: #ddd;
}
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;
}