/* #######################################################################################"" */
/* MAIN */
/* #######################################################################################"" */

body 	{
	behavior: url("./includes/css/csshover.htc");
	font: 1.0em verdana, arial, sans-serif;  
	position:relative; 
	background-color:#fefefe;
/* 	background-color:#bbbbbb; */
	}

* {margin:0; padding:0;}

a {text-decoration:none; color:#FF0000; }



#header	{
/* 	position:absolute; */
	position:relative;
	left:0px;
	top:0px;
	width:100%;
/* 	height:146px; */
/* 	background-color:red; */
	height:100px;
	background-color:#e7ebe1;

	}

#header	img
	{
	margin-top:14px;
	margin-left:13px;
	}


#main	{	
/* 	width:100%; */
/* 	position:relative; */
	}

#share_div	
	{
	text-align:right; 
	margin:0;  
	padding:0; 
	font-family:Arial,Helvetica,sans-serif;  
	color:#000000;
	width:800px;
	height:20px;
	line-height:20px;
	}

#footer	{	
	
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	height:28px;

	font-size:10px;
	}


.minipub
	{
	margin-bottom:5px;
	}
/* #######################################################################################"" */
/* HEADER */
/* #######################################################################################"" */

#brand_list
	{
	position:absolute; 
	top:-39px;
	height:27px;
	line-height:32px;
	overflow:hidden;
	margin-left:0px;
	left:0px;
/* 	margin-left:50px; */
	padding-left:50px;
	}

#brand_list a 
	{
	position:relative; 
	top:0px;
/* 	line-height:32px; */

/* 	background-repeat: no-repeat;	 */
	}

#brand_list a:hover
	{
/* 	background-position: 0 -32px; */
	position:relative; 
	top:-27px;
	}

#header_pix
	{
/* 	visibility:hidden; */
	position:absolute;
	left:50px;
	top:0px;
	}

/* #######################################################################################"" */
/* MENU */
/* #######################################################################################"" */

#menu_bar 	
	{
	height:27px;

	position:absolute;
	left:0px;
	top:100px;

/* 	ICI */
	width:100%;
	padding-left:0px; 
/* 	padding-left:50px; */
/* 	ICI */

/* 	border-top: 1px solid #bcbcbc; */
/* 	padding-top: 3px; */
	background-color:#cfd7c3;

	}

#menu	{
/* 	margin-left:-7px;	 */
	margin-left:7px;	
	}

#menu ul {

	list-style: none;
	margin: 0;
	padding: 0;
	width:130px;
	background:#cfd7c3;
	float: left;
	}

#menu ul li ul li {	
		    width:440px;
		    background:#cfd7c3;
		    padding-left:7px;
		  }

#menu ul li ul 	 {
		  width:450px;
		  padding: 5px 0 15px 0;
		  }

#menu a, #menu h2 
	{
	font: normal 12px/16px helvetica, arial, sans-serif;
	display: block;
	margin: 0;
	padding: 2px 3px;
	}

#menu h2 
	{
	height:20px;
	line-height:20px;
	background-color:#000000;
	
	display: block;
	margin: 2px 0 0 0;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	text-align:center;
	color:#666666;
	}

#menu a h2 
	{
	color:#ffffff;
	line-height:20px;
	}

#menu a h2:hover
	{
	color:#000000;
	background-color:#d40000;
	}

#menu a {
	
	/*background:#F0EFE4;*/
	display: block;
	margin: 0;
	text-align:center;
	text-decoration: none;
	color:#000000;
	}

#menu a:hover 
	{
	color:#ff0000;
/* 	background-color:red; */
	}

#menu a:active
	{
	color:#000000;
	}

#menu li 
	{
	position: relative;		
	}

#menu ul ul 
	{
/* 	background-color:white; */
	position: absolute;
	z-index: 500;	
	font-size:.7em;	
	}

#menu ul ul a
	{	
	margin:0 3px 0 3px;
	height:18px;
	line-height:18px;
/* 	font-size:.7em; */
	text-align:left;

	}

#menu ul ul a:hover 
	{
/* 	color:#000000; */
/* 	background-color:#00a1cb; */
	}

#menu ul ul ul 
	{
	position: absolute;
	top: 0;
	left: 100%;
	}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

#contact_form
	{
	position:relative;
	height:39px;
	line-height:39px;
	left:10px;
	float:left;
	}

#contact_form *
	{
	margin-top:10px;
	float:left;
	}

#contact_form .input
	{
	width:200px;
	background-color:#e0e0e0;
 	color: #000000;
	border: 1px solid #686868;
	}

/* #######################################################################################"" */
/* CONTENT */
/* #######################################################################################"" */

#content_wrap
	{
	top:140px;
	left:0px;
/* 	visibility:hidden; */
	position:absolute;
	width:100%;
	text-align:center;
	}

#about, #contact, #subscribe, #article, #degustation
  {
/*   position:absolute; */
/*   visibility:hidden; */
/*   display:none; */
  margin-top:5px;
  text-align:left;
  font: .8em verdana, arial, sans-serif;  
  position:relative;
  width:800px;
/*   top:29px; */
/*   background-color:#dedede; */
  }

#about
  {
  display:block;
  border: 1px solid #202020;
  }

#contact, #subscribe
  {
  display:none;
  }

#about p, #degustation p
  {
  margin: 12px 12px 12px 12px;
  }

#article
  {
/*   background-color:#bbbbbb; */
  }

#contact *
  {
  font-size:1em;
  }

#privacy
  {
  font-size:.8em;
  margin-top:2px;
/*   float:right; */
  }

#post_msg
  {
  font-size:.8em;
  font-color:#ff0000;
  }


#article #article_mail h1
  {
  width:780px;
  font-size:2em;
  padding:0px;
  margin:0px
  }

#degustation
  {
  display:block;
  border: 1px solid #202020;
  }

#degustation h1
  {
  margin: 30px 12px 0px 12px;
  color: #aa0000;
  font-size:1.6em;
  font-style:normal;
  }

#degustation h2
  {
  margin: -2px 12px 12px 14px;
  color: #000000;
  font-size:1em;
  font-style:italic;
  }

#degustation .event
  {
  height:170px;
  margin: -2px 12px 18px 14px;
  color: #000000;
  font-size:1em;
  background-color:#f2f2f2;
  }

#degustation .event h1
  {
  margin: 0px 12px 0px 14px;
  color: #aa0000;
  font-size:1.5em;
  font-style:bold;
  font-style:italic;
  }

#degustation .event h2
  {
  margin: -4px 12px 5px 16px;
  color: #000000;
  font-size:1em;
  font-style:normal;
  font-style:bold;
  }

#degustation .event p
  {
  margin: 0px 12px 12px 16px;
  color: #000000;
  font-size:.8em;
  font-style:normal;
  }

#degustation .event .infos
  {
  margin: 15px 12px 12px 16px;
  color: #000000;
  font-size:.7em;
  font-style:italic;
  font-style:bold;
  }

#degustation .event img
  {
  width:170px;
  height:170px;
  float:left;
  clear:both;
  margin: 0 10px 0  0;
  
  }

/* #######################################################################################"" */
/* PRELOAD */
/* #######################################################################################"" */

#preload
	{
	visibility:hidden;
	}

/* #######################################################################################"" */

#footer_block
	{
	visibility:hidden;
	}

/* #######################################################################################"" */
/*  PUERH -> Pu Er Tea */
/* #######################################################################################"" */

.translation
	{
	font-size:.8em;
	color:#303040;
/* 	color:#ff0000; */
	display:none;
	}

/* #######################################################################################"" */