/* CSS Document */

html, body{width:100%}
body{
	font:normal normal 12px/normal Arial, Helvetica, sans-serif;
	color:#76665c;
	/*background:#c8c8b7 url(../medias/img/body_bg.jpg) repeat-x left top;*/
	background:#c7c8b6 url(../medias/img/body_bg.jpg) repeat-x left top;
}

body, h1, h2, h3, h4, h5, h6, dl, dt, dd, form, fieldset, p, ul, li {margin:0;padding:0;}
a img{border:none;}

#illustration{
	float:left;
	width:100%;
	min-height:71px;
	/*background:url(../medias/img/illustration_bg.jpg) no-repeat center top;*/
	background:url(../medias/img/illustration_bg.jpg) no-repeat center top;
}

#container{
	position:relative;
	margin:0 auto;
	width:968px;
}

#header{
	float:left;
	width:968px;
	height:71px;
}

#header .logo{
	float:left;
	padding:14px 0 0 18px;
}
#header .accroche{
	float:right;
	padding:34px 22px 0 0;
}
#header .logo img, #header .accroche img{display:block;}

#mainMenu{
	float:left;
	width:845px;
	height:50px;
	padding:20px 114px 0 9px;
	/*background:url(../medias/img/mainmenu_bg.gif) no-repeat left bottom;*/
	background:url(../medias/img/mainmenu_bg.gif) no-repeat left bottom;
}
#mainMenu li, #mainMenu a, #mainMenu img{
	display:block;
	float:left;
	position:relative;
}
#mainMenu li{
	width:233px;
	height:50px;
	overflow:hidden;
	margin:0 5px 0 0;
}
#mainMenu li a{
	width:233px;
	height:50px;
	overflow:hidden;
}
#mainMenu li a img{
	left:0;
	top:0;
}
#mainMenu li a:hover img, #mainMenu li.active a img{
	top:-50px;
	*top:0;
	*margin-top:-50px;
}

#mainMenu li.contact{
	width:126px;
	height:50px;
}
#mainMenu li.contact a{
	width:109px;
	height:40px;
	padding:10px 0 0 17px;
	/*background:url(../medias/img/mainmenu_bg_contact.gif) no-repeat left top;*/
	background:url(../medias/img/mainmenu_bg_contact.gif) no-repeat left top;
	color:#9d2323;
	font:normal normal 12px/normal Arial, Verdana, sans;
	text-decoration:none;
}
#mainMenu li.contact a:hover{background-position:left -50px;}
#mainMenu li.contact a img{top:4px;}
#mainMenu li.contact a:hover img{
	top:4px;
	*margin-top:0;
}

#main{
	float:left;
	width:950px;
	padding:0 9px 16px 9px;
	background:url(../medias/img/main_bg.png) repeat-y left top;
}

#productList{
	float:left;
	width:176px;
	min-height:260px;
	color:#ffffff;
	background:#a7978d;
	margin:0 5px 0 0;
}
#productList .list{
	background:#a7978d;
	list-style-type:none;
}
#productList .list li{
	font:normal normal 18px/normal Arial, Helvetica, sans-serif;
	border-bottom:1px solid #d3cbc6;
}
#productList .list li a{
	display:block;
	padding:5px 0 4px 18px;
	color:#ffffff;
	text-decoration:none;
	background:none;
}
#productList .list li a:hover, #productList .list li.active a{
	background:url(../medias/img/prodlist_puce.gif) no-repeat right 11px;
}

#productList .list .p_annexes{
	background-color:#c1b6af;
	color:#89796f;
}

#footer{
	float:left;
	width:960px;
	padding:11px 4px 11px 4px;
	/*background:url(../medias/img/footer_bg.jpg) no-repeat left top;*/
	background:url(../medias/img/footer_bg.jpg) no-repeat left top;
}
#footer a { text-decoration:none; color:black; }
#footer .content{
	float:left;
	width:940px;
	background:#e6e6d9;
	padding:7px 10px;
}
#footer .left, #footer .right{
	float:left;
	width:460px;
}
#footer .left{padding-right:10px;}
#footer .right{
	padding-left:10px;
	list-style-type:none;
	text-align:right;
}
#footer .right li{
	display:inline;
}
#footer .right li a{
	color:#76665c;
	text-decoration:none;
	border-right:1px solid #76665c;
	padding:0 5px;
}
#footer .right li.lastChild a{
	border:none;
	padding-right:none;
}
#footer .right li a:hover{color:#9d2323;}

.colTitle{
	font:normal normal 18px/normal Arial, Helvetica, sans-serif;
	background:url(../medias/img/prodlist_bg_title.gif) no-repeat left top;
	padding:1px 0 3px 10px;
	color:#ffffff;
	border-bottom:1px solid #ffffff;
}

.contextTip{
	display:none;
	z-index:2;
	position:absolute;
	right:0;top:0;
	width:134px;
	border:1px solid #d3cbc6;
}
.contextTip .content{
	border:1px solid #ffffff;
	background:#eae7e4;
	padding:2px 6px;
}
.contextTip .grph{
	z-index:2;
	position:absolute;
	left:28px;bottom:-13px;
	width:13px;
	height:14px;
	background:url(../medias/img/ctxtip_grph.gif) no-repeat left top;
}

/*----HOME----*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#flashArea{
	z-index:1;
	float:left;
	width:769px;
	height:260px;
}

#pushProd{
	float:left;
	width:769px;
	min-height:124px;
}
#actu {
	float:left;
	width:176px;
	min-height:124px;
	margin:0;
	padding: 0 5px 0 0 ;
}

#actu .title{
	border-bottom:1px solid #ffffff;
	font:normal normal 20px/normal Arial, Helvetica, sans-serif;
	color:#76665c;
	width:176px;
	display:block;
	margin-top:10px;
	border-bottom:1px solid #d3cbc6;
}

#actu .actuTitre {
	font-weight:bold;
	margin-top:10px;
}

#actu .actuTxt {
}

#actu .actuNext a {
	text-decoration:none;
	float:right;
	color:#990000;
	margin-top:5px;
}

#engagements {
	width:162px;
	padding:4px 7px 0 5px;
	font-size:11px;
	border:1px solid #9d2323;
}
#engagements ul li{
	list-style:none;
	font:normal normal 11px/normal Arial, Verdana, sans;
	color:#000000;
	margin:0;
	padding:0 0 0 20px;
}

#engagements ul #l1{
	background:url(../medias/img/chiffre_engag1.gif) no-repeat;
}

#engagements ul #l2{
	background:url(../medias/img/chiffre_engag2.gif) no-repeat;
}

#engagements ul #l3{
	background:url(../medias/img/chiffre_engag3.gif) no-repeat;
}

#engagements p {
	font-size:10px;
	font-style:italic;
	margin-top:10px;
	color:#9d2323;
}
/*#pushProd .title{
	float:left;
	width:217px;
	height:124px;
	border-bottom:1px solid #ffffff;
	font:normal normal 20px/normal Arial, Helvetica, sans-serif;
	color:#76665c;
	padding:16px 15px 0 28px;
}
*/
#pushProd .title{
	border-bottom:1px solid #ffffff;
	font:normal normal 20px/normal Arial, Helvetica, sans-serif;
	color:#76665c;
	width:769px;
	display:block;
	margin-top:10px;
	border-bottom:1px solid #d3cbc6;
}
#pushProd .item{
	float:left;
	position:relative;
	width:138px;
	height:124px;
}
#pushProd .item a{
	display:block;
	width:138px;
	height:124px;
}
#pushProd .item a img{
	display:block;
	position:relative;
	margin:0 auto;
}

.contentBlockHome{
	float:left;
	width:455px;
	padding:0 6px 0 11px;
}
.contentBlockHome .title{
	border-top:1px solid #d3cbc6;
	font:normal normal 22px/normal Arial, Helvetica, sans-serif;
	color:#9d2323;
	padding:1px 0 7px 0;
}
.contentBlockHome .illustration{
	display:block;
	padding:0 0 8px 0;
}
.contentBlockHome .subTitle{
	font:normal normal 15px/normal Arial, Verdana, sans;
	color:#9d2323;
	padding:0 0 4px 0;
}

#pushProd .item .contextTip{
	right:-70px;top:10px;
	*right:0;
}
#pushProd .item:hover .contextTip{display:block;}
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


/*----INTERIEUR----*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#leftCol{
	float:left;
	width:176px;
}


#productList.alternate{float:none;min-height:1px;}

#selectList{
	width:165px;
	padding:25px 0 0 12px;
}
#selectList .title{
	font:normal normal 17px/normal Arial, Helvetica, sans-serif;
	color:#76665c;
	border-bottom:1px solid #a7978d;
}
#selectList ul{list-style-type:none;}
#selectList ul li{
	position:relative;
	text-align:center;
}
#selectList ul li .contextTip{right:-30px;top:-50px;}
#selectList ul li:hover .contextTip{display:block;}

#content{
	float:left;
	width:558px;
	padding:0 20px;
}

#content-static{
	float:left;
	width:334px;
	padding:0 25px;
}
#content-vitrine{
	float:left;
	width:730px;
	padding:0 0 0 25px;
}
#titre-static {
	position:relative;
	width:910px;
	padding:0 20px;
	text-align:center;
}

#rightCol2{
	margin:45px 20px 0 0;
	float:right;
	width:263px;
}

#leftCol2{
	margin:45px 0 0 20px;
	float:left;
	width:263px;
}

#content p.p_standard{color:#000000;}

.pageAccess{
	float:left;
	width:558px;
	color:#9c2323;
	padding:4px 0 5px 0;
}
.pageAccess table{
	float:right;
	position:relative;
	right:-10px;
}
.pageAccess td{padding:0 4px;}
.pageAccess a{
	text-decoration:none;
	color:#9c2323;
}
.pageAccess a:hover{text-decoration:underline;}
.pageAccess td.active{
	border:1px solid #9c2323;
}

#list{
	margin-top:20px;
	float:left;
	width:558px;
	list-style-type:none;
}
#list li{
	float:left;
	width:180px;
	height:280px;
	padding:0 0 10px 0;
	margin:0 9px 0 0;
}
#list li.lastChild{margin:0;}
#list .itemWindow{
	position:relative;
	width:178px;
	height:238px;
	overflow:hidden;
	border:1px solid #d3cbc6;
	margin:0 0 4px 0;
}
#list .itemWindow a.link{
	display:block;
	width:178px;
	height:238px;
}
#list .itemWindow a.link img{
	display:block;
	position:relative;
	margin:0 auto;
}
#list .itemWindow .overlay{
	display:none;
	position:absolute;
	left:0;bottom:0;
	width:168px;
	padding:3px 5px;
	background:#ffffff;
	border-top:1px solid #d3cbc6;
}
#list .itemWindow .contextTools{
	width:168px;
}
#list .itemWindow .contextTools td{
	min-width:33%;
}
#list .itemWindow .contextTools td.link{
	text-align:center;
	padding:0 0 3px 0;
}
#list .itemWindow .contextTools td.link a{
	color:#9d2323;
	text-decoration:none;
}
#list .itemWindow .contextTools td.link a:hover{text-decoration:underline;}
#list .itemWindow .contextTools td.price{
	text-align:center;
	font:normal normal 18px/normal Arial, Helvetica, sans-serif;
	color:#9d2323;
	padding:0 0 3px 0;
}
#list .itemWindow .contextTools td.addCart{
	text-align:center;
}
#list .itemWindow .contextTools td.addCart .qty{
	font:normal normal 11px/normal Arial, Verdana, sans;
	width:20px;
}
#list .itemWindow .contextTools td.addCart .add{
	font:normal normal 11px/normal Arial, Verdana, sans;
	background:#9d2323;
	color:#ffffff;
	border:none;
	padding:1px 0 2px 0;
	cursor:pointer;
}
#list .itemWindow:hover .overlay{display:block;}

#rightCol{
	float:right;
	width:176px;
}

#cart{
	width:162px;
	background:#d3cbc6;
	padding:4px 7px 15px 7px;
	font-size:11px;
	border-bottom:4px solid #ffffff;
}
#cart table{
	width:162px;
	border-collapse:collapse;
}
#cart th{
	text-align:left;
	padding:4px 0;
}
#cart th img{float:right;}
#cart .separator{
	height:9px;
	background:url(../medias/img/cart_separator.gif) repeat-x left center;
}
#cart .item{text-align:left;}
#cart .eachQty{
	min-width:23px;
	text-align:right;
	padding:4px 0;
}
#cart .total td{
	font-size:12px;
	font-weight:bold;
	color:#9d2323;
}
#cart .warning{padding:6px 0 4px 0;}
#cart .submit{
	display:block;
	width:162px;
	height:37px;
	background:url(../medias/img/fr/voir-panier.jpg) no-repeat left top;
	border:none;
	cursor:pointer;
}

#login, #livraison, #service_client, #securityArea {
	width:162px;
	padding:4px 7px 0 7px;
	font-size:11px;
	color:#ffffff;
	background:#a7978d;
}
#service_client a {
	text-decoration:none;
	color:#990000;
}
#login .access, #livraison .tarifs{
	padding:18px 0 10px 0;
	background:url(../medias/img/login_access_bg.gif) no-repeat left 10px;
}
#login .access a, #livraison .tarifs a{color:#ffffff;text-decoration:none;}
#login .access a:hover, #livraison .tarifs a:hover{color:#9c2323;}
#livraison ul li, #service_client ul li{
	list-style:none;
	background:url(../medias/img/livraison_puce.gif) no-repeat left 3px;
	padding-left:7px;
}

#securityArea{
	width:162px;
	padding:4px 7px 0 7px;
	font-size:11px;
}
#securityArea p{padding:8px 0;}

.mainIllustration{
	float:left;
	min-width:200px;
	text-align:center;
	border:1px solid #d3cbc6;
	padding:10px 0;
	margin:0 10px 10px 0;
}
.contextItemPrice{
	font:normal normal 18px/normal Arial, Helvetica, sans-serif;
	padding:0 0 10px 0;
}
.conteners{
	padding:0 0 10px 0;
}
.contextAddCart{
	clear:both;
	width:558px;
	text-align:right;
	padding:20px 0;
}
.contextAddCart .qty{
	font:normal normal 12px/normal Arial, Verdana, sans;
}
.contextAddCart .add{
	font:normal bold 12px/normal Arial, Verdana, sans;
	background:#9d2323;
	color:#ffffff;
	border:none;
	padding:3px 2px 4px 2px;
	cursor:pointer;
}

.backToList{padding:0 0 10px 0;}
.backToList a{color:#9c2323;text-decoration:none;}
.backToList a:hover{text-decoration:underline;}
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


/*----CHECKOUT----*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#checkout{
	float:left;
	width:769px;
	padding:0 0 0 5px;
}

.checkoutTitle{
	font:normal normal 18px/normal Arial, Helvetica, sans-serif;
	background:url(../medias/img/checkout_bg_title.gif) repeat left top;
	padding:1px 0 3px 10px;
	color:#ffffff;
	border-bottom:1px solid #ffffff;
	text-transform:uppercase;
}

.cart{
	width:100%;
	font:normal normal 11px/normal Arial, Verdana, sans;
	color:#76665c;
	border-collapse:collapse;
	background:#ffffff url(../medias/img/cart_bg.gif) repeat-x left bottom;
	margin:0 0 26px 0;
}
.cart th{
	font-size:12px;
	color:#000000;
	border-bottom:1px solid #000000;
	padding:4px 5px;
}
.cart td.prod{text-align:left;}
.cart td{
	text-align:center;
	background:url(../medias/img/cart_separator2.gif) repeat-x left bottom;
	padding:4px 10px;
}
.cart tr.lastChild td{background:none;}
.cart tr.shipment td{
	font-weight:bold;
	color:#000000;
	padding:8px 10px;
}
.cart tr.total td{
	background:none;
	border-top:1px solid #9c2323;
	font:normal bold 18px/normal Arial, Helvetica, sans-serif;
	color:#9c2323;
	padding:8px 10px;
}
.cart tr.shipment td.title, .cart tr.total td.title{text-align:right;}

.blockCheckout{
	float:left;
	width:694px;
	background:#a7978d;
	margin:38px;
}
.blockCheckout2{
	float:left;
	width:558px;
	background:#a7978d;
	margin:0;
}
.blockCheckout .ctxTitle{
	background:url(../medias/img/checkout_bg_title.gif) repeat-x left top;
	border-bottom:1px solid #ffffff;
	font:normal bold 17px/normal Times New Roman, Georgia, serif;
	color:#ffffff;
	padding:1px 0 3px 10px;
}
.blockCheckout .ctxTitle img{vertical-align:middle;}
.blockCheckout .content{
	float:left;
	width:641px;
	padding:26px 26px 0 26px;
}
.blockCheckout2 .content{
	float:left;
	width:506px;
	padding:26px 26px 0 26px;
}
.blockCheckout .nextStep{
	float:left;
	width:658px;
	padding:2px 5px 5px 5px;
	background:url(../medias/img/cart_separator2.gif) repeat-x left top;
	text-align:right;
}

.blockCheckout2 .nextStep{
	float:left;
	width:500px;
	padding:2px 5px 5px 5px;
	background:url(../medias/img/cart_separator2.gif) repeat-x left top;
	text-align:right;
}
.blockCheckout .nextStep input, .blockCheckout2 .nextStep input{
	color:#ffffff;
	font:normal bold 11px/normal Arial, Verdana, sans;
	background:url(../medias/img/nxtspet_bg.gif) no-repeat right top;
	padding:1px 20px 4px 5px;
	border:none;
	cursor:pointer;
}

.blockCheckout .nextStep a, .blockCheckout2 .nextStep a{
	color:#ffffff;
	font:normal bold 11px/normal Arial, Verdana, sans;
	background:url(../medias/img/nxtspet_bg.gif) no-repeat right top;
	padding:1px 20px 4px 5px;
	border:none;
	cursor:pointer;
	text-decoration:none;
}

.blockCheckout .nextStepFinal a, .blockCheckout2 .nextStepFinal a{
	color:#ffffff;
	font:normal bold 11px/normal Arial, Verdana, sans;
	padding:1px 20px 4px 5px;
	border:none;
	cursor:pointer;
	text-decoration:none;
}

.blockCheckout .nextStep a:hover, .blockCheckout2 .nextStep a:hover{
	color:#9c2323;
}

.blockCheckout .nextStepFinal a:hover{
	color:#9c2323;
}

.blockCheckout .nextStep input:hover{color:#9c2323;}

#cartBreadcrumb{
	float:left;
	width:769px;
	list-style-type:none;
}
#cartBreadcrumb li, #cartBreadcrumb a, #cartBreadcrumb img{display:block;float:left;}

.classicArea{
	float:left;
	width:641px;
	padding:2px 0;
}
.classicArea label{
	display:block;
	float:left;
	font-size:11px;
	color:#000000;
	width:150px;
	cursor:pointer;
}
.classicArea input{
	border:1px solid #76665c;
}

.shipmentChoise{
	border-collapse:collapse;
	width:641px;
	border:1px solid #9c2323;
	background:#ffffff url(../medias/img/cart_bg.gif) repeat-x left top;
}
.shipmentChoise td{
	padding:10px;
	color:#000000;
}
.shipmentChoise label{cursor:pointer;}

.address{
	width:313px;
	height:149px;
	margin:0 0 15px 0;
	border:1px solid #000000;
}
.address.left{float:left;margin-right:10px;}
.address.right{margin-left:10px;}
.address legend{
	color:#9d2323;
	font-size:12px;
	font-weight:bold;
}
.address p{
	color:#ffffff;
	padding:15px;
}

.payment{
	width:641px;
	padding:15px 0;
	margin:0 0 26px 0;
	text-align:center;
	border:1px solid #9c2323;
	color:#000000;
	background:#ffffff url(../medias/img/cart_bg.gif) repeat-x left top;
}

.blockCheckout.half{
	float:left;
	width:308px;
	background:#a7978d;
	margin:38px;
}
.blockCheckout.half .content{
	float:left;
	width:282px;
	min-height:90px;
	padding:8px 13px 12px 13px;
}
.blockCheckout.half p.classicArea{
	width:100%;
	padding:0 5px 4px 5px;
	color:#ffffff;
}
.blockCheckout.half .nextStep{
	width:298px;
}

.error{
	padding:2px;
	color:#A22C2C;
}
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#main-bg1 {
	padding-bottom:100px;
	background: url(../medias/img/photos/distillerie/distillerie_bg.jpg) no-repeat center bottom;	
}
#main-bg2 {
	padding-bottom:100px;
	background: url(../medias/img/photos/musee/musee_bg.jpg) no-repeat center bottom;	
}
#bg2 p.p_paragraphe {
	margin:20px 0;
}

.arrowleft {
	float:left;
	margin: 0 5px;
	padding: 0 3px;
}

.arrowrigth {
	float:right;
	margin: 0 5px;
	padding: 0 3px;
}



/* ---------------------- Page cocktails ---------------*/

#page_cocktails ul, #page_cocktails dl {
	margin-left: 20px;
}

#page_cocktails li, #page_cocktails dd {
	margin-left: 10px;
}

#page_cocktails fieldset {
	background:#F7F7F7;
	margin: 18px;
	padding:20px;
	border:solid 1px #999;
}

/* IE FIX */
html legend{
    position:absolute;
    top: -.5em;
    left: .5em;
}
	
html fieldset{
    position: relative;
    margin-top:1em;
    padding-top:.75em;
}
/* IE FIX */

#page_cocktails legend {
	background:#FFF;
	color:#000;
	margin:0 20px;
	padding:0 5px;
	font: bold 14px Arial, Helvetica, sans-serif;
	/*border: 1px solid #999;*/
}

.intro {
	font: italic normal 12px Arial, Helvetica, sans-serif;	
	margin: 15px 0;
}

h2.drink {
	background:#990000 url(../medias/img/bg_rub_title.jpg) repeat-x 0 0;
	color:#FFF;
	text-align:center;
	padding:2px;
}


p.drinktitre {
	font-weight:bold;
	margin-top:10px;
}


/* ---------------------- page parteniares ---------------*/

.partenaire {
	clear:left;
	margin:10px 0;	
}


.partenaireTitre {
	font-weight:bold;
}

.partenaireTxt {
}

.partenaireUrl a {
	text-decoration:none;
}

.partenaireImg {
	float:left;
	margin: 0 10px 10px 0;
	padding:2px;
	border:solid 1px #990000;
}


/*----LIGHTBOX----*/
#lightbox{
	background-color:#eee;
	padding:10px;
	border-bottom:2px solid #666;
	border-right:2px solid #666;
	}
#lightboxDetails{
	font-size:0.8em;
	padding-top:0.4em;
	}	
#lightboxCaption{float:left;}
#keyboardMsg{float:right;}

#lightboximg{border:none;}
#overlayimg{border:none;}
#overlay{background-image:url(../medias/img/lightbox/overlay.png);}
#closeButton{right:0;}
*html#overlay{
	background-color:#000;
	back\ground-color:transparent;
	background-image:url(blank.gif);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./medias/img/lightbox/overlay.png", sizingMethod="scale");
	}
	
	
	/*----GREYBOX----*/
	#greybox{
	background-color:#eee;
	padding:10px;
	border-bottom:2px solid #666;
	border-right:2px solid #666;
	}
#greyDetails{
	font-size:0.8em;
	padding-top:0.4em;
	}