/*body, html {height: 100%;}*/
body {
	margin: 0px auto;
	padding: 0; 
	font: Arial; 
	font-size: 13px;
	color:#000000;
}

.text, p, td { color: #595959; font-family: Arial; font-size: 13px; font-weight: none; line-height: 20px;margin-left : 10px; }

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/banner.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; }


#container2 {		
	margin: 0 auto;
	width : 915px;
	height : 45px;
	clear: both;
	/*border : solid 1px yellow;*/
}

#menu {
	width : 915px;
	height : 30px;
	float : right;
	text-align: left;
	font-family: Arial;
	background-color : #BA994C;
	color: #FFFFFF;
	/*border : solid 1px grey;*/
}

#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:470px;
	height : 41px;
	float: left;
}

.shop_conditions{
	width:200px;
	height : 48px;
	float: left;
	padding-top : 1px;
}

.shop_panier{
	width:94px;
	height : 48px;
	float: left;
	padding-top : 2px;
}

.shop_id{
	width:149px;
	height : 48px;
	float: left;
	padding-top : 4px;
}



#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;}

/* 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{ font-family: Arial; font-size: 12px; font-weight: bold; text-decoration: none; color: #595959; }
.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; }

/* 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; }

.copyright { 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 {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: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 .active a {color: #1A4430;}
.extra_cat .color2 .active a {color: #0B2E94;}
.extra_cat .color3 .active a {color: #EAA130;}
.extra_cat .color4 .active a {color: #AB1D29;}
.extra_cat .color5 .active a {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;}
