/*body, html {height: 100%;}*/
body {
	margin: 0px auto;
	padding: 0; 
	font: Arial; 
	font-size: 13px;
	color:#000000;
}

.text, p, td, .galery_title { color: #595959; font-family: Arial; font-size: 13px; font-weight: none; line-height: 20px;margin-left : 10px; }
small {color: #595959; font-family: Arial;}

a {color: #595959; font-family: Arial; font-size: 13px; text-decoration: underline; font-weight: bold;}
a:hover {text-decoration: underline; font-weight: bold;}

#body {
	margin: 0 auto;
	font: Arial; 
	font-size: 13px;
	color:#000000;	
	background: #595959 url(img/bg.jpg) repeat-x;
}

#container1 {
	margin: 0 auto;
	width : 915px;
	background : transparent url(img/titre.jpg) no-repeat top;
	overflow: hidden;
	/*border : solid 1px red;*/
}

#header {		
	width : 915px;
	background : transparent url(img/autour-domaine.jpg) no-repeat top;
	margin-top : 84px;
	overflow: hidden;
}
#block_logo {
	width : 265px;
	height:150px;
	margin-top: 0px;
	margin-left : 325px;
	overflow: hidden;
	clear: both;
	/*border : solid 1px blue;*/
}

#logo {margin: 0;overflow: hidden;}
#logo h1 {margin: 0;}
#logo h1 a {display: block; width: 265px; height: 150px; }
#logo h1 a * {display: none;}


#container2 {		
	margin: 0 auto;
	width : 915px;
	height : 45px;
	clear: both;
	/*border : solid 1px yellow;*/
}

#menu_div {
	width : 915px;
	height : 30px;
	font-family: Arial;
	background-color : #BA994C;
	color: #FFFFFF;
	/*border : solid 1px grey;*/
}
#menu {margin-left:22px;display:inline;}
#container3 {		
	margin: 0 auto;
	width : 915px;
	clear: both;
	overflow: hidden;
	/*border : solid 1px grey;*/
}

#content {
	margin: 0 auto;
	width : 915px;
	background-color : #FFFFFF;
	text-align: left;
	overflow: hidden;
	/*border : solid 1px green;*/
}


#titre {
	margin: 0;
	padding : 0px;
	text-align : left;
}

#titre h1 {
	color: #000000; 
	font: normal 20px Arial;
	margin-left : 30px;
}

#menu-shop {
	margin: 0 auto;
	width : 915px;
	height: 48px;
	background : transparent url(img/bg-shop.jpg) no-repeat top;
	overflow: hidden;	
}

.shop_retour{
	width:270px;
	height : 41px;
	overflow:hidden;
	float: left;
}

.shop_conditions{
	width:200px;
	height : 48px;
	float: right;
	padding-top : 1px;
}

.shop_panier{
	width:94px;
	height : 48px;
	float: right;
	padding-top : 2px;
}

.shop_id{
	width:149px;
	height : 48px;
	float: right;
	padding-top : 4px;
}
.shop_logout{
	width:130px;
	height : 41px;
	float: right;
	padding-top : 0px;
	background:url(../../images/shop/logout-shop.png) no-repeat left 4px;
	line-height:39px;
}
.shop_logout a {display:inline-block;width:100px;height:41px;padding-left:40px;*height:20px;*margin-top:14px;}



#container4 {		
	margin: 0 auto;
	width : 915px;
	clear: both;
	overflow: hidden;
	/*border : solid 1px red;*/
}

#footer {
	width: 915px;
	height : 50px;
	background: transparent url(img/footer.jpg) no-repeat center top; 
	overflow: hidden;
	clear: both;
	font-family: Arial; font-size: 11px; font-weight: normal; color: #595959;
}

#footer p.footer {margin-top : 12px; margin-left: 10px; padding: 0;}

/* text footer style, with links */
.footer { font-family: Arial; font-size: 11px; font-weight: normal; color: #595959;}
a.footer:link {font-family: Arial; font-size: 11px; font-weight: normal; color: #595959; text-decoration: underline; }
a.footer:visited { font-family: Arial; font-size: 11px; font-weight: normal; color: #595959; text-decoration: underline; }
a.footer:hover	{ font-family: Arial; font-size: 11px; font-weight: normal; color: #595959; text-decoration: underline; }
a.footer:active	{ font-family: Arial; font-size: 11px; font-weight: normal; color: #595959; text-decoration: underline; }

.title { text-align:left;}
div.short {width:90%;margin:0 auto;margin-bottom:22px;}
.light {text-align:center;margin-bottom:16px;}
.shop_list_center {position:relative;left:50%;float:left;}
div.more a {padding-right:16px;display:block;float:right;background:url(http://www.vignerons-alsace.com/includes/img/ico_more.gif) no-repeat right center;}
.user_login {width:90%;margin:0 auto;}

div.shop_step {width:80%; margin:40px auto; background: transparent url("../../external/img/shop_step_bar.gif") repeat-x center 20px; text-align:center;}
.shop_step td {text-align: center; padding-bottom:15px; background: transparent url("../../external/img/shop_step_noactive.gif") no-repeat center 16px; color:#bbbbbb; font: normal 10px Arial,Tahoma,sans-serif;}
.shop_step td.active {color:#888888; padding-bottom:15px; background: transparent url("../../external/img/shop_step_active.gif") no-repeat center 16px;}
#content .shop_step td{text-align: center;}

th.shop_cart_header {background:#eee;height:30px;border-bottom:1px solid #949086;border-top:1px solid #949086;font-weight:normal;}
.shop_cart_line {border-bottom:1px solid #949086; padding:2px 0;}

#err_msg {text-align:center;color:red;}

/* shop styles */
.shop_list { font-family: Arial; font-size: 12px; font-weight: bold; color: #595959; text-decoration: none;margin-left:20px; }
.shop_title{ font-family: Times New Roman; font-size: 25px; font-weight: none; text-decoration: none; color: #BA994C;}
.shop_short, .shop_short a { font-family: Arial; font-size: 12px; font-weight: bold; text-decoration: none; color: #595959; }
.shop_short a:hover {text-decoration:underline;}
.shop_desc { font-family: Arial; font-size: 12px; font-weight: none; text-decoration: none; color: #595959;margin-left:5px; }
.shop_buy  { font-family: Arial; font-size: 12px; font-weight: none; text-decoration: none; color: #595959; }
.shop_price_prefix {font-family: Arial; font-size: 12px; font-weight: bold; text-decoration: none; color: #595959; }
.shop_settings {color: #595959; font-family: Arial; font-size: 13px; font-weight: none; line-height: 20px;}
.shop_menu {width:950px; margin-left:-50px;}

/* title look in editor and pages */
H1	 { font-family: Arial; font-size: 20px; color: #BA994C; font-weight: normal; font-style: none;margin-left : 30px;}
H2	 { font-family: Arial; font-size: 16px; color: #443F3F; font-weight: bold; font-style: italic;margin-left : 20px; }
H3  { font-family: Arial; font-size: 13px; color: #595959; font-style: italic; font-weight: none;margin-left : 20px;}
H4  { font-family: Arial; font-size: 14px; color: #CC0000; font-weight: bold; font-style: none;margin-left : 20px;}
H5  { font-family: Arial; font-size: 12px; font-style: italic; color: #523C15;margin-left : 20px; }
H6  { font-family: Arial; font-style: italic; font-size: 12px; color: #CC0000;margin-left : 20px; }

.short h2 {margin:6px 0 18px 5px;font-style:normal;}

.copyright a { color: #FFFFFF; font-family: Arial; font-size: 11px; font-weight: none;}
a.copyright {color: #FFFFFF; font-family: Arial; font-size: 11px; text-decoration: underline; font-weight: bold;}

.titre-catalogue { font-family: Tahoma; font-size: 15px; font-weight: normal; color: #595959; text-decoration: none; line-height: 13px;}

a.tradi:link { font-family: Tahoma; font-size: 15px; font-weight: normal; color: #595959; text-decoration: none; line-height: 15px;}
a.tradi:visited { font-family: Tahoma; font-size: 15px; font-weight: normal; color: #595959; text-decoration: none; line-height: 15px;}
a.tradi:hover	{ font-family: Tahoma; font-size: 15px; font-weight: normal; color: #1A4430; text-decoration: none; line-height: 15px;}
a.tradi:active	{ font-family: Tahoma; font-size: 15px; font-weight: normal; color: #1A4430; text-decoration: none; line-height: 15px;}

a.terroir:link { font-family: Tahoma; font-size: 15px; font-weight: normal; color: #595959; text-decoration: none; line-height: 15px;}
a.terroir:visited { font-family: Tahoma; font-size: 15px; font-weight: normal; color: #595959; text-decoration: none; line-height: 15px;}
a.terroir:hover	{ font-family: Tahoma; font-size: 15px; font-weight: normal; color: #0B2E94; text-decoration: none; line-height: 15px;}
a.terroir:active	{ font-family: Tahoma; font-size: 15px; font-weight: normal; color: #0B2E94; text-decoration: none; line-height: 15px;}

a.gc:link { font-family: Tahoma; font-size: 15px; font-weight: normal; color: #595959; text-decoration: none; line-height: 16px;}
a.gc:visited { font-family: Tahoma; font-size: 15px; font-weight: normal; color: #595959; text-decoration: none; line-height: 16px;}
a.gc:hover	{ font-family: Tahoma; font-size: 15px; font-weight: normal; color: #E9A12F; text-decoration: none; line-height: 16px;}
a.gc:active { font-family: Tahoma; font-size: 15px; font-weight: normal; color: #E9A12F; text-decoration: none; line-height: 16px;}

a.rouge:link { font-family: Tahoma; font-size: 15px; font-weight: normal; color: #595959; text-decoration: none; line-height: 15px;}
a.rouge:visited { font-family: Tahoma; font-size: 15px; font-weight: normal; color: #595959; text-decoration: none; line-height: 15px;}
a.rouge:hover	{ font-family: Tahoma; font-size: 15px; font-weight: normal; color: #AB1D29; text-decoration: none; line-height: 15px;}
a.rouge:active { font-family: Tahoma; font-size: 15px; font-weight: normal; color: #AB1D29; text-decoration: none; line-height: 15px;}

a.cremant:link { font-family: Tahoma; font-size: 15px; font-weight: normal; color: #595959; text-decoration: none; line-height: 15px;}
a.cremant:visited { font-family: Tahoma; font-size: 15px; font-weight: normal; color: #595959; text-decoration: none; line-height: 15px;}
a.cremant:hover	{ font-family: Tahoma; font-size: 15px; font-weight: normal; color: #A38A56; text-decoration: none; line-height: 15px;}
a.cremant:active { font-family: Tahoma; font-size: 15px; font-weight: normal; color: #A38A56; text-decoration: none; line-height: 15px;}


/* extra cat */
.color1_bg {background: #eff2f0 url('img/color1_bg.jpg') repeat-x center top;}
.color2_bg {background: #eef0f7 url('img/color2_bg.jpg') repeat-x center top;}
.color3_bg {background: #fdf8f0 url('img/color3_bg.jpg') repeat-x center top;}
.color4_bg {background: #f9eff0 url('img/color4_bg.jpg') repeat-x center top;}
.color5_bg {background: #fbf8f4 url('img/color5_bg.jpg') repeat-x center top;}
.color_sep {height:10px; background: #ffffff url('img/color_sep.jpg') no-repeat center top;}
.color_fruit {height:130px; background-color: #ffffff;}

.extra_cat_title {height:50px; background: transparent url('img/extra_cat_title.jpg') no-repeat left top;}
.extra_cat {background: transparent url('img/extra_cat_bg.jpg') no-repeat left top; padding: 9px 0 10px 8px;}
.extra_cat_end {background: transparent url('img/extra_cat_end.jpg') no-repeat left bottom; padding-bottom:5px; margin-bottom: 5px;}
.extra_cat_sep {height:10px; background: transparent url('img/extra_cat_sep.gif') no-repeat center 5px;}
.extra_cat .column {width:178px; float:left; margin-left:1px; color: #707070; font: normal 13px Verdana,Tahoma,Arial,sans-serif; text-align:center;}
.extra_cat .column a font, .extra_cat .column a {display:block; color: #B49D7D; font: normal 14px Verdana,Tahoma,Arial,sans-serif; text-align:center; text-decoration: none; margin-top:4px;}
.extra_cat .column a font:hover, .extra_cat .column a:hover {color: #B49D7D; font: normal 14px Verdana,Tahoma,Arial,sans-serif; text-align:center; text-decoration: underline;}

.extra_cat_green {background: url('img/extra_cat_green.jpg') no-repeat left bottom; padding-bottom:5px; margin-bottom: 5px;}
.extra_cat_blue {background: url('img/extra_cat_blue.jpg') no-repeat left bottom; padding-bottom:5px; margin-bottom: 5px;}
.extra_cat_yellow {background: url('img/extra_cat_yellow.jpg') no-repeat left bottom; padding-bottom:5px; margin-bottom: 5px;}
.extra_cat_red {background: url('img/extra_cat_red.jpg') no-repeat left bottom; padding-bottom:5px; margin-bottom: 5px;}
.extra_cat_beige {background: url('img/extra_cat_beige.jpg') no-repeat left bottom; padding-bottom:5px; margin-bottom: 5px;}

.extra_cat .color1 a.active font {color: #1A4430;}
.extra_cat .color2 a.active font {color: #0B2E94;}
.extra_cat .color3 a.active font {color: #EAA130;}
.extra_cat .color4 a.active font {color: #AB1D29;}
.extra_cat .color5 a.active font {color: #846E3F;}

.extra_cat .header a {display:block; height:25px; color: #ffffff; font: bold 11px Georgia, "Times New Roman", serif; text-align:center; text-decoration: none; margin:0;}
.extra_cat .header a:hover {display:block; height:25px; color: #ffffff; font: bold 11px Georgia, "Times New Roman", serif; text-align:center; text-decoration: none; margin:0;}
.extra_cat .color5 .header a {display:block; height:25px; color: #846E3F; font: bold 11px Georgia, "Times New Roman", serif; text-align:center; text-decoration: none; margin:0;}
.extra_cat .color5 .header a:hover {display:block; height:25px; color: #846E3F; font: bold 11px Georgia, "Times New Roman", serif; text-align:center; text-decoration: none; margin:0;}

.shop_price_prefix .input {width:30px;text-align:center;}
.gallery_cat img, .gallery_list img {border:1px solid #cabd89;}
.gallery_cat_top h1 {color:black;text-align:left;margin-bottom:0px;padding-bottom:0px;}

#err_msg {text-align:center;color:red;}
#msg {text-align:center;color:green;}

.shop_button_count {width:67px; height:56px; background:url(../../images/shop/cart_acheter.jpg) no-repeat left top;border:0;}
.shop_prod_desc {width:160px;float:right;border-left:1px solid white;padding-left:20px;}
.shop_prod_desc .input {width:24px;font:normal 11px Tahoma;border:1px solid #ba994d;text-align:center;}
.shop_prod_desc b, .shop_prod_desc .input {float:left;margin-left:4px;}


ul.pureCssMenu ul{display:none}
ul.pureCssMenu li:hover>ul{display:block}
ul.pureCssMenu ul{position: absolute;left:0px;top:98%;}
ul.pureCssMenu ul ul{position: absolute;left:98%;top:0px;}
ul.pureCssMenu,ul.pureCssMenu ul {
	margin:0;
	list-style:none;
	padding:0;
	border:0px;
}
ul.pureCssMenu table {border-collapse:collapse}ul.pureCssMenu {
	display:block;
	zoom:1;
	float: left;
}
ul.pureCssMenu ul{
	border:1px solid white;
}
ul.pureCssMenu li{
	display:block;
	margin:0;
	font-size:0px;
}
ul.pureCssMenu a:active, ul.pureCssMenu a:focus {
outline-style:none;
}
ul.pureCssMenu a, ul.pureCssMenu li.dis a:hover, ul.pureCssMenu li.sep a:hover {
	height: 30px;
	border:0px;
	padding:0px;
	_padding-left:0;
  padding-left:12px;
  padding-right:12px;
	display:inline-block;
	font-family: Arial;
	font-size: 13px;
	color: #FFFFFF;
	font-weight:normal;
	text-decoration:none;
	cursor:hand;
	text-align:left;
	line-height:30px;
}
ul.pureCssMenu span{
	overflow:hidden;
}
ul.pureCssMenu li {
	float:left;
}
ul.pureCssMenu ul li {
	float:none;
}
ul.pureCssMenu ul a {
	text-align:left;
	white-space:nowrap;
	background-image:none;
	background-color:#ba994c;
	font-size:13px;
  display:block;
	height:26px;
	line-height:26px;
}
*html ul.pureCssMenu ul a {overflow:hidden;width:162px;}
ul.pureCssMenu li.sep{
	text-align:center;
	padding:0px;
	line-height:0;
	height:100%;
}
ul.pureCssMenu li:hover{
	position:relative;
}
ul.pureCssMenu li:hover>a{
	font:normal 13px Arial;
	display:block;
	color: #ba994c;
	text-decoration:none;
	line-height:30px;
	background:white;
}
ul.pureCssMenu li a:hover{
	position:relative;
	background:white;
	font-family: Arial;
	font-size: 13px;
	color: #ba994c;
	font-weight:normal;
	text-decoration:none;
	line-height:30px;
}
ul.pureCssMenu li li a:hover{
	background:#ba1f11;
	display:block;
	color:white;
	line-height:26px;
	font-size:13px;
	margin:-1px;
	border:1px solid white;
}
*html ul.pureCssMenu li li a:hover{width:162px;}
ul.pureCssMenu li a.active{
	background:url(img/menu_active.jpg) repeat-x left center;
	margin-left:8px;
	margin-right:8px;
	color: #ba994c;
}
ul.pureCssMenu li a.active:hover {
	background:white;
	color: #ba994c;
	height:30px;
	margin-top:0px;
}
ul.pureCssMenu li li a.active{
display:block;
margin:0;
background:#ba994c;
color:white;
}
*html ul.pureCssMenu li li a.active{width:162px;}
ul.pureCssMenu li li a.active:hover{
	background:#ba1f11;
	color:white;
	line-height:26px;
	font-size:13px;
	border:1px solid white;
	display:block;
	margin:-1px;
	height:26px;
}
*html ul.pureCssMenu li li a.active:hover{width:160px;}
ul.pureCssMenu li.dis a {
	color: #AAAAAA !important;
}

ul.pureCssMenu img.over{display:none}
ul.pureCssMenu li.dis a:hover img.over{display:none !important}
ul.pureCssMenu li.dis a:hover img.def {display:inline !important}
ul.pureCssMenu li:hover > a img.def  {display:none}
ul.pureCssMenu li:hover > a img.over {display:inline}
ul.pureCssMenu a:hover img.over,ul.pureCssMenu a:hover ul img.def,ul.pureCssMenu a:hover a:hover ul img.def,ul.pureCssMenu a:hover a:hover a:hover ul img.def,ul.pureCssMenu a:hover a:hover img.over,ul.pureCssMenu a:hover a:hover a:hover img.over,ul.pureCssMenu a:hover a:hover a:hover a:hover img.over{display:inline}
ul.pureCssMenu a:hover img.def,ul.pureCssMenu a:hover ul img.over,ul.pureCssMenu a:hover a:hover ul img.over,ul.pureCssMenu a:hover a:hover a:hover ul img.over,ul.pureCssMenu a:hover a:hover img.def,ul.pureCssMenu a:hover a:hover a:hover img.def,ul.pureCssMenu a:hover a:hover a:hover a:hover img.def{display:none}
ul.pureCssMenu a:hover ul,ul.pureCssMenu a:hover a:hover ul,ul.pureCssMenu a:hover a:hover a:hover ul{display:block}
ul.pureCssMenu a:hover ul ul,ul.pureCssMenu a:hover a:hover ul ul{display:none}