* {
	margin:0;
	padding:0;
}
body {
	font:normal 52.5%/1.6em "Lucida Sans Unicode","Lucida Grande",Sans-serif;
	background:#000000 url('../_img/background_01.jpg') no-repeat fixed center;
	color:#c2c2c2;
	padding-bottom:50px;
}

img {display:block; behavior: url('/_js/iepngfix.htc');}
a{outline:none;}
a img {border:none;}
object:focus {outline:none;}

h1 {font-size:3.0em; font-weight:normal; margin-bottom:0.1em; line-height:0.9em;}
h2 {font-size:2em; font-weight:normal; color:#c87c1c; margin-bottom:1.3em; margin-top:0.6em; line-height:1.2em; clear:both;}
h3 {font-size:1.8em; font-weight:normal; color:#c87c1c; text-transform:uppercase;}

#history .description h2 {font-size:1.8em; font-weight:normal; color:#c87c1c; padding-bottom: 0.8em; margin-bottom:0; clear:both;}
#history h3 {font-size:1.6em; font-weight:normal; color:#c87c1c; text-transform:normal; padding-bottom: 8px; line-height:1.2em;}
.description h2 {font-size:1.7em; font-weight:normal; color:#c87c1c; padding-bottom: 0.8em; margin-bottom:0; clear:both;}
#products .description  h2.accroche {font-size:1.8em; font-weight:normal; color:#c87c1c; margin-top:0.6em; margin-bottom:1.5em; padding-bottom:0; line-height:1.2em; clear:both; }

p, .content li {font-size:1.4em;margin-bottom:1em;line-height:1.4em;}
.content li li {font-size:1em;}
.content ul {list-style:bullet;margin-left:30px}
.nav a:hover, .stage a:hover, #recipes .description .more:hover, #ctas p a:hover {text-decoration:none;color:#c87c1c;}

#info{
	display: none;
}
#wrapper { width:884px;	margin:0 auto; border:1px solid #201e1c; border-top:none; position: relative; background: url('../_img/black_bg.png') repeat-y scroll 0 0 transparent; }
#header { position:relative; background:url(../_img/bg_head.jpg) no-repeat 0 0;	height:100px; }
#logo {	position:absolute; top:10px; left:15px; }
#nav_lev_1 { padding-top:70px; }
.nav li { display: inline; list-style:none;	text-transform:uppercase; }
.nav a { color:#c4c4c4; text-decoration:none; }

/*Menu Style Design*/
.jd_menu, .jd_menu *{ margin: 0; padding: 0; list-style: none; }
.jd_menu{ font-size: 1.4em; }
.jd_menu li a{ height: 30px; padding:0 20px; line-height:30px; border-right:1px solid #181818; }

.jd_menu li a:hover, .jd_menu ul li a:hover{ color:#c87c1c; background:url(../_img/nav_level_1-a.png) no-repeat 50% 0; text-decoration:none; }
.jd_menu ul li a{  background:url(../_img/nav_level_2-a.png) no-repeat 50% 0;  text-align:left;}

/*Menu Style Position and width and displays*/
.jd_menu{ position: absolute; z-index: 80; top: 70px; }
.jd_menu li{ display: inline; float: left; }
.jd_menu li a{ width: auto;	display: block;	white-space: nowrap; float: left; }
.jd_menu ul{ display: block; position: absolute; z-index: 80;top: 30px; left: -90000px;}
.jd_menu ul li{ display: list-item; float: none; }
.jd_menu ul li a{ float: none; display: inline-block; }
.jd_menu ul li ul{ display: none; position: absolute; z-index: 80; }

.jd_menu a.active{ color:#c87c1c; background:url(../_img/nav_level_1-a.png) no-repeat 50% 0; text-decoration:none; }

.nav_level_2 {clear:both; float: left; display:none; zoom: 1;}
.nav_level_3 {clear:both; display:none; zoom: 1;}
.nav_fx {
	position:absolute;
	top:30px;
	right:0;
	font-size:1.2em;
}

.nav_fx .nav { float:left; }
.nav_fx .nav a{ display:inline-block; border-left:1px solid #90908e; line-height:0.8em; padding:0 7px;}
.nav_fx .nav a.no_border{ border: none; }
.nav_fx_lang {padding:0 13px 0 23px;}
.nav_fx_lang a {
	display:inline-block;
	border-left:1px solid #90908e;
	padding:0 7px;
	line-height:0.8em;
}
.nav_fx a.active{color:#c87c1c; }
.nav_fx_lang .active a {
	color:#3a3838;
}

.stage_wrapper {background:url(../_img/bg_stage_bottom.png) repeat-y 0 0;zoom:1;}
.stage {
	background:url(../_img/bg_stage_top.png) no-repeat 0 0;
	border-bottom:4px solid #201e1c;
	overflow:hidden;
	zoom:1;
}

.lineBottom{ height: 1px; width: auto; display:block; background: url(../_img/bg_line_bottom_stage.gif) no-repeat top left; }
.stage_nobg {background:none;}
.stage a {text-decoration:none;color:#c87c1c;}
.swf_wrapper, .description {float:left;}
.swf_wrapper{ line-height:0em;}

.swf_wrapper .mini_selector{ height: 140px;	width: 884px; padding-top: 100px; }
.swf_wrapper .mini_selector p{ width: 884px; }

.swf_wrapper .recipe{ height: 248px;	width: 467px; padding-top: 207px; }
.swf_wrapper .recipe p{ width: 467px; }

.swf_wrapper .selector{ height: 198px;	width: 884px; padding-top: 157px; }
.swf_wrapper .selector p{ width: 884px; }

.swf_wrapper .cuptool{ height: 330px; width: 884px; padding-top: 270px; }
.swf_wrapper .cuptool p{ width: 884px; }

.swf_wrapper .medias{ height: 248px; width: 520px; padding-top: 207px;}
.swf_wrapper .medias p{ width: 520px; }

.swf_wrapper .carousel{ height: 248px; width: 525px; padding-top: 207px;}
.swf_wrapper .carousel p{ width: 525px; }

.swf_wrapper .mini_recipe{ height: 167px; width: 440px; padding-top: 137px;}
.swf_wrapper .mini_recipe p{ width: 440px; }

.swf_wrapper .warningPlayer p{ color: #c4c4c4;	line-height : 1.3em; text-align:center;}

#homepage{ border: none; }

/*PRODUCTS*/

#products, #recipe, #medias, #history, #send2friend { height:457px;	height:auto !important; }
#products .description{ padding:30px 5px 0 23px; width:330px;}
#products .swf_wrapper{	width:525px; }
#products p{ margin-bottom: 0.8em; }

.no_displayed{
	display: none;
}

/*RECIPES - all the recipes list - note the plural*/
#recipes .swf_wrapper { width:440px; height:334px; border-right:1px solid #201e1c; position:relative; overflow: hidden;}
#recipes #listPicture { width: 1400px; position:relative;}

#recipes .description { width:443px; height:334px; position:relative;}
#recipes .description li {
	list-style:none;
	display:block;
	float:left;
	width:395px;
	height: 63px;
	overflow:hidden;
	zoom:1;
	border-bottom:1px solid #201e1c;
	padding:18px 24px;
	position: relative;
	cursor:pointer;
}

#recipes #listPicture img{
	float: left;
	position: relative;
}

#recipes .description li.active {background:#302314;overflow:hidden;}
#recipes .description h3 {float:left;padding-right:10px;margin-bottom:0.4em;}
#recipes .description p {clear:both;margin:0;float:left;width:100%}
#recipes .description p.link {color:#FF9900;text-align:right;padding:0;margin:0;position:absolute;bottom:5px; right:15px;}
#recipes .description .more {
	background:url(../_img/arrows.png) no-repeat 100% 0;
	position:absolute;
	bottom:0;
	right:0;
	width:413px;
	height:29px;
	overflow:hidden;
	padding-right:30px;
	line-height:29px;
	text-align:right;
	text-transform:uppercase;
	font-size:1.3em;
}

/*RECIPE - single recipe detail*/
#recipe.stage{ background: url(../_img/bg_reciepe.jpg) no-repeat top left;}
#recipe .swf_wrapper {padding-top:1px;width:467px;}
#recipe .description {width:387px;padding-right:30px;}
#recipe .description .rating {margin:10px 0 10px 6px}
#recipe .ingredients {font-size:1.4em;line-height:1.4em;margin-bottom:2em;}
#recipe .ingredients li {list-style:none;}
#recipe .actions {font-size:1.4em;color:#C87C1C;padding-top:1em;}
#recipe .actions .rate_widget {margin:9px 0 0 10px;;float:left;}
#recipe .actions .btn {float:left;margin-right:3px;}

#recipe .colorWhite{color: #fff;}
#recipe .colorOrange{color: #C87C1C;}
#recipe h1{ padding-top: 30px;}

/*GALLERY*/
#gallery {
	height:242px;
	padding-bottom:5px;
	background:url('data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAFCAMAAAAwnk+WAAAAD1BMVEWzbxiUWxPIfBx1Rw3///8Lt37PAAAABXRSTlP/////APu2DlMAAAAZSURBVAjXY2AiGTCQARhJBgzMJAMGFpIBALRLAfWzss1wAAAAAElFTkSuQmCC') repeat-x 0 100%
}

/*MEDIAS*/
#medias .swf_wrapper{ width: 520px;}
#medias .description{ padding:30px 5px 0 23px;	width:335px; }
#allMedias{padding-top:12px;padding-left:0;}
#allMedias ul{padding:0;margin:0;}
#allMedias li{width:163px;display:block;list-style:none;padding:0 0 0 0;margin-bottom:4px;}
#allMedias li a{font-size:1.4em;display:block;height:20px;line-height:20px;background:#140d07 url(../_img/littleArrow.gif) 149px 6px no-repeat;padding:0 0 0 10px;color: #c2c1bf;}
#allMedias li a:hover{text-decoration:none;color:#c87c1c;}
#allMedias li ul{margin-top:1px;margin-bottom:6px;display:none;}
#allMedias li li{display:block;width:163px;margin:0 0 1px 0;}
#allMedias li li a{font-size:1.3em;padding:0 0 0 20px;line-height: 20px;height: 20px;background: #140d07;}
#allMedias li li a.active{color:#c87c1c;}

/*HISTORY*/

#history{background: none; }
#history .description{ overflow: hidden; padding:30px 23px 0 23px;}
#history h1{ padding: 0 0 25px 0; }
#history #content_part_1, #history #content_part_2{clear: both; overflow: hidden;z-index: 100;}
#history #content_part_1 div, #history #content_part_2 div{float:left;z-index: 100;} 
#history #content_part_1 .content{width:340px;font-size: 0.9em;line-height: 0.8em; margin: 0 50px 40px 0;}
#history #content_part_1 .picture{width: 420px; height: 340px; margin-top:40px; margin-bottom: 15px;}
#history #content_part_2 .content{width:340px;font-size: 0.9em;line-height: 0.8em; margin: 0 0 55px 48px;}
#history #content_part_2 .picture{ width: 420px; height: 340px; margin-top:40px;}
#history #list_content{text-align:center;margin-bottom: 20px;}
#history #list_content ul li{list-style: none; display:inline; color: #575757;}
#history #list_content li a{color: #575757; font-size: 1.2em;}
#history #list_content li a:hover, #history #list_content a.actived{color: #c87c1c;text-decoration:none;}
#history #btnContent{
	position: absolute;
	top: 130px; 
	right: 20px;
	z-index: 100;
}
#history #btnContent a.history_next{display: block;	background: url(../_img/arrows_next.gif) repeat-x bottom left; float:left; padding: 0 0 0 10px; cursor:pointer;}
#history #btnContent a.history_next span{
	float: left; display: block; text-transform:uppercase; background: url(../_img/arrows_next.gif) repeat-x bottom right; 
	padding: 8px 26px 6px 0; font-size: 1.1em; font-weight: bold; cursor:pointer; height: 15px;
}

#history #btnContent a.history_prev{display: block;	background: url(../_img/arrows_prev.gif) repeat-x bottom left; float:left; padding: 0 0 0 26px; margin-right: 15px; cursor:pointer;}
#history #btnContent a.history_prev span{
	float: left; display: block; text-transform:uppercase; background: url(../_img/arrows_prev.gif) repeat-x bottom right; 
	padding: 8px 10px 6px 0; font-size: 1.1em; font-weight: bold;cursor:pointer; height: 15px;
}

/*CONTACT and newsletter*/

#contact .description, #newsletter .description, #send2friend .description{
	width: 838px;
	padding: 30px 23px 30px 23px;
	overflow: hidden;
}

/*Content Part 1 and 2*/
#contact #content_part_1{width: 419px; float:left;}
#contact #content_part_2{width: 419px; float:left;}
#newsletter #content_part_1, #send2friend #content_part_1{width: 362px; overflow: hidden; float:none;}

#contact fieldset,#newsletter fieldset, #send2friend fieldset { border: none; width: 500px;}
#contact legend, #newsletter legend, #send2friend legend{ display: none; }
#contact p.infos, #newsletter p.infos, #send2friend p.infos{ clear:both; font-size: 1.1em;padding: 10px 0 0 0; } 
#contact .fs, #newsletter .fs, #send2friend .fs{ overflow: hidden; margin-bottom: 10px; clear:both;}
#contact .label, #newsletter .label, #send2friend .label{ float: left; line-height: 1.3em; width: 200px; font-size: 1.4em; height: 20px; padding-top: 1px;}

#contact .field, #newsletter .field{ float: left; }
#send2friend .field{ float:left; }
#contact .field input, #newsletter .field input, #send2friend .field input{
	padding: 1px 0 0 10px;
	background: #140d07;
	border: none;
	height: 20px;
	color: #c2c2c2;
	font-size: 1.2em;
	width: 150px;
}

#contact #situation_part input, #newsletter #situation_part input, #send2friend #situation_part input{
	background: none;
	height: auto;
	width: auto;
	margin-top: 2px;
	margin-right: 10px;
	
}

/*#situation_part*/
#contact #situation_part, #newsletter #situation_part, #send2friend #situation_part{ overflow: hidden; padding-top: 15px;}
#contact #situation_part .paragraphe, #newsletter #situation_part .paragraphe,#send2friend #situation_part .paragraphe{ padding-right: 0px; width: 100px; float: left;}
#contact #situation_part .fs, #newsletter #situation_part .fs, #send2friend #situation_part .fs{ float: left;	 clear: none;	margin-top: 2px; }
#contact #situation_part .label, #newsletter #situation_part .label, #send2friend #situation_part .label{ width: 90px; }
#contact #situation_part .field, #newsletter #situation_part .field, #send2friend #situation_part .field{ padding: 0;   margin: 0; }

#contact #message_part, #newsletter #message_part, #send2friend #message_part{ padding-top: 16px; }
#contact #message_part .field, #contact #message_part .label, #newsletter #message_part .field, #newsletter #message_part .label, #send2friend #message_part .field, #send2friend #message_part .label{float:none; clear:both;}

.chk input{width: 15px !important; height: 15px !important;}
#contact textarea, #send2friend textarea{width: 417px; height: 150px;background: #140d07;color: #c2c2c2; border: none; margin: 10px 0 0 0; font-size: 1.3em; overflow:hidden;}

/*#inscription_newsletter*/

#contact #inscription_newsletter, #send2friend #message_part #inscription_newsletter{ overflow: hidden;}
#contact #inscription_newsletter input, #send2friend #inscription_newsletter input{ margin-top: 2px; margin-right: 15px;}
#contact #inscription_newsletter .label, #send2friend #inscription_newsletter .label{ width: auto; height: auto;}
#contact #inscription_newsletter .field, #send2friend #inscription_newsletter .field{ margin-left: 0px;}
/*
#contact #inscription_newsletter .label, #send2friend #inscription_newsletter .field{ width: auto; height: auto;}
*/
.submit{
	background: url(../_img/btn_next.gif) no-repeat top right;
	height: 29px;
	border: none;
	color: #fff;
	cursor: pointer;
	padding:0 30px 0 10px;
	margin-right:3px;
	float: right;
	text-align: center;
	line-height: 26px;
}

a.preview{
	background: url(../_img/btn_next.gif) no-repeat top right;
	height: 29px;
	border: none;
	color: #fff;
	cursor: pointer;
	padding:0 30px 0 10px ;
	margin-right:3px;
	float: right;
	text-align: center;
	text-decoration: none;
	line-height: 26px;
}

/*Errors*/
#errorMessages {
	float: none; 
	clear: both;
}

#errorMessages #missingInformation p, #errorMessages #wrongInformation p{
	font-weight: bold;	color: #CC0033;   padding: 8px 0px 4px 0;	margin: 0;
}

#errorMessages ul{
	display: none;
	visibility: hidden;
}

/*Confirmation*/
#confirmMessage p{
	font-weight: bold;	color: #009933;   padding: 8px 0px 4px 0;	margin: 0;
}

/*Calls to action*/
#ctas {padding:1px 0 0 1px;overflow:hidden;border-top:1px solid #201e1c;}
#ctas .cta {padding:0 1px 0 0;width:220px;float:left;}
#ctas .cta_cocktails {padding-right:0;}
#ctas p {margin:0;}
#ctas p a{
	display:block;
	background:url(../_img/arrows.png) no-repeat 0 -29px;
	height:28px;
	line-height:26px;
	text-decoration:none;
	padding-left:7px;
	color:#c4c4c4;
} 

#ctas p a.hover {
	background: url(../_img/arrows.png) no-repeat 0 0px;
	color: #c87c1c;
} 


#footer {padding-top:10px;width:886px; height:80px; text-align:center;margin:0 auto;color:#ffffff;font-size:1.5em;}
#footer .logo { width:155px; float:left; padding-top:4px; }
#footer .links { width:576px; float:left; padding-top:33px; }
#footer a {color:#ffffff;text-decoration:none;}


/* RATING */
.rating {
	float:left;
	width:70px;
	height:11px;
	line-height:11px;
	background:url(../_img/stars.png) no-repeat 0 0;
	margin-top:5px;
}

.rating span {display:block;text-indent:-9999px;}
.r_1 {background-position:0 -15px;}
.r_2 {background-position:0 -30px;}
.r_3 {background-position:0 -45px;}
.r_4 {background-position:0 -60px;}
.r_5 {background-position:0 -75px;}

.rate_widget {display:inline-block;overflow:hidden;}
.rate_widget ol {display:block;float:left;list-style:none;overflow:hidden;background:url(../_img/stars.png) no-repeat 0 0;zoom:1;}
.rate_widget ol li {float:left;height:11px;line-height:11px;}
.rate_widget ol li a {display:block;width:14px;height:11px;}
.rate_widget span {text-indent:-9999px;display:block;}


/*BUTTONS*/
.btn { display:inline-block; padding:0 10px; background:url(../_img/arrows.png) repeat-x 0 -56px; height:29px; line-height:29px; }
.btn_arrow { padding:0;	text-decoration:none !important; }
.btn_arrow span { display:inline-block;	background:url(../_img/arrows.png) repeat-x 100% 0;	padding:0 30px 0 12px; }

/*SITEMAP*/
/*ul*/
#sitemap ul{margin: 0; padding:0;}
#sitemap ul.level_1{ padding: 20px 0 0 15px; margin: 0;}
#sitemap ul.level_2{ margin: 12px 0 0 0; padding: 0 0 0 11px; }
#sitemap ul.level_3{}

/*li*/
#sitemap ul li { margin: 0px; list-style: none; font-weight:normal;}
#sitemap ul.level_1 li{ padding-left: 20px; margin-bottom: 15px; background: none;}  
#sitemap ul.level_2 li{ background: url(../_img/arrow-orange.gif) no-repeat left 2px;} 
#sitemap ul.level_3 li{	margin: 5px 0 0 15px; padding: 0 0 0 11px; background: none;}

/*a*/
#sitemap ul li a{ text-transform: uppercase; color:#c4c4c4; text-decoration: none;}
#sitemap ul.level_1 li a:hover, #sitemap ul.level_2 li a:hover, #sitemap ul.level_3 li a:hover{ color: #c87c1c; text-decoration: underline; }
#sitemap ul.level_1 li a { color: #c87c1c; font-size: 1.7em; margin: 0; }
#sitemap ul.level_2 li a { color:#c4c4c4; font-size: 1.4em;}
#sitemap ul.level_3 li a { color:#c4c4c4; font-size: 1.2em;}

/*generic underline*/
span.underline { text-decoration: underline; }