/* yzCSSMapper: /home/yzeoh430/www/css/frontend.css::default */
/*
@palette default{
 width_main:950px;
 width_left:225px;
 width_head:759px;
 width_right:181px;
 width_center:497px;
 width_created:255px;
 width_address:685px;
 width_head2_left:169px;
 width_head2_center:353px;
 width_image1: 184px;
 width_image2: 181px;
 width_image3: 181px;
 height_head:218px;
 height_head2:52px;
 height_middle:225px;
 height_address:58px;
 height_image1:143px;
 height_image3:29px;
 height_image3:46px;
 height_side:225px;
 color_text:#ffcd30;
 color_yzeo:#000;
 color_menu:#685620;
 color_dark:#000;
 color_cat_menu: #990000;
 bg_main:#b41a12;
 bg_inner:#ffcd30;
 bg_input:#FFDF7D;
 bg_button: #FFDF7D;
 bg_prod_title: #fde072;
 bg_total: #d8ac26;
 color_total:#a62426;
 bg_basket: #ffd454;
 bg_basket_head:transparent;
 c_opacity:80;
 color_light:#fff;
 border_input: 1px solid #49280a;
 bg_title_dark:#990000;

 bg_basket_odd: #ffd454;
 bg_basket_even: #ffdd7a;

 bg_url_footer:"../images/charte_13.jpg";
 bg_url_middle:"../images/charte_10.jpg";
 bg_url_main:"../images/bg_main.jpg";
 bg_url_login:"../images/charte_03.jpg";
 }
*/

/*page styles*/

*                   {margin:0;padding:0;color:#000;text-decoration:none;border:none;font:1em Tahoma;}
BODY                {text-align:center;background:#b41a12 url(../images/fond.jpg) repeat-x scroll 0pt 0pt}


A {font-weight: bold}
A:HOVER {text-decoration: underline}
P,UL {font-size:0.9em}
P,UL A {font-weight: bold}
#iContainer         {width:950px;margin:0 auto;text-align:center;background-image:url("../images/bg_main.jpg");background-repeat: repeat-y;}
#iContainer2         {width:950px;margin:0 auto;text-align:center;clear:both;}

#iHead              {width:950px;height:218px;position:relative;text-align:left;}

#iHeadLeft			{width:759px;float:left;clear:left;}
#iHeadLeft EMBED    {width:759px;height:218px}


#iHead2              {width:950px;height:52px;position:relative;text-align:left;}
#iHead2Left          {width:169px;float:left}
#iHead2Left IMG      {width:169px;}
#iHead2Center        {width:353px;float:left}
#iHead2Right         {
						background-attachment:scroll;
						background-color:transparent;
						background-image:url(../images/charte_09.jpg);
						background-position:0 0;
						background-repeat:no-repeat;
						float:right;
						margin-right:10px;
						width:418px;
						text-align:right;
					 }

#iMiddle            {width:950px;position:relative;clear:both;background-image:url("../images/charte_10.jpg");background-repeat:no-repeat;min-height:225px; }
#iMiddleRight       {width:181px;float:left;height:225px;min-height:225px;text-align: left; }
#iMiddleLeft		{width:225px;float:left;clear:left;height:225px;min-height:225px;}
#iMiddleCenter		{width:540px; float:left;background-color:#ffcd30;}
#iMiddleRight		{width:181px;float:left;clear:right;height:225px;}

#iMiddle P          {text-align: left;}

#iAddress			{width:950px;height:@height_adress;clear:both;margin:0;padding:0;clear:both;}
#iAddressBackground	{width:685px;float:left;}

#iCreated           {float:left;width:255px;font-size:0.6em;text-align:right;background-image:url("../images/charte_13.jpg"); background-repeat:no-repeat;margin:0;}
#iCreated #iYzeoLogo{float:right;width:85px;height:58px;margin:0}
#iCreated P 		{margin-top:28px;margin-right:70px;}
#iCreated A 		{font-size:0.9em;color:#000;}
#iCreated P A 		{margin-right:10px}

#iFooter            {width:950px;text-align:center;font-size:0.7em;padding:5px;clear:both; background-color: #b41a12}
#iFooter A 			{font-size:0.9em;color:#000;}

.u		 			{text-decoration:underline;}
.c					{clear:both}
.clearer            {clear:both; height:1px; width:1px; border: none;}
/* forms */

.form           {padding: 10px; margin-left: 20px}
.form .text     {clear: left; float: left; width: 120px; padding: 5px; text-align: right;}
.form .input    {float: left; clear: right; width: 300px; padding: 5px; text-align: left}
.form .submit   {clear: both; text-align: center; padding: 10px;}
.form .submit INPUT{padding: 5px; background-color:#FFDF7D; border: 1px solid #49280a; cursor:pointer;}
.form .submit INPUT:HOVER {background-color:#FFDF7D; }
.form .input INPUT, TEXTAREA,SELECT  {width:290px; border: 1px solid #49280a; background-color: #FFDF7D}
.form .input TEXTAREA {height: 60px}
INPUT#postal_cli {width:60px}
INPUT#ville_cli {width:224px}

/* BASKET */

TABLE.basket                {empty-cells: show; margin: 10px; border:1px solid #000; border-collapse: collapse; font-size: 0.9em; background-color: #ffd454; color: #000}
TABLE.basket TR.odd         {background-color:#ffd454;}
TABLE.basket TR.even        {background-color:#ffdd7a;}
TABLE.basket TH             {background-color:transparent;color:#000; padding: 5px 10px 5px 10px; text-align: center;font-weight:bold;}
TABLE.basket TD             {padding:5px; width: 150px}
TABLE.basket TD.num         {text-align:right; width: 80px;}
TABLE.basket TD.icon        {text-align:center; width: 20px;}
TABLE.basket TD.qte         {text-align:center; width: 20px;}
TABLE.basket TH.num         {text-align:right; width: 120px;}

/**/

#iMainParagraph {float:none; margin-left: 0; width: 500px; font-size:0.9em; text-align:left; }
.columns {}
.columns TD {vertical-align:top; background: #FFDF7D;width:50%!important; height:300px }
/* CATEGORIES */

#yzMenudeGauche {width:160px; float:left; margin-left: -200px; z-index:99; }

#iCategoriesHolder { width:150px; margin-bottom:50px; border:1px solid #900;text-align:left; margin-right:10px;  font-size:0.7em;background-color:#FFDF7D; padding: 5px;filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;}

.clearer {	clear: both;  width: 0;  height: 0;  line-height: 0;}

#iPanierItemsInfo  { width:150px; display:block; margin-bottom:10px; min-height: 30px;   border:1px solid #900; text-align:left; margin-right:10px; font-size:0.7em;background-color:#FFDF7D; padding: 5px;filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;}



UL {list-style: none;font-weight:bold; text-align:left;}
LI {list-style: none; text-align:left;}
UL UL {margin-left:10px; font-weight:normal; text-align:left;}
LI A {color:#990000;}
LI A:HOVER {text-decoration: underline}


#iCatListHolder {text-align:left; margin-top:10px;  line-height:1.8em}
#iCatListHolder  A {color:#685620;font-size:0.8em;}
P.list_header {font-size:0.9em; font-weight: bold; text-align: center; backgrond-color:#FFDF7D}
/* PAGINATION */

.pagination {border:1px solid #000; padding: 5px; background-color:#FFDF7D; font-weight: bold; margin:10px}
.pagination A {padding:3px; font-weight: bold; font-size: 1em}
.pagination .selpage {padding:3px; font-weight: bold; font-size: 1em}


/* PRODUIT */

.vignette {margin:2px; font-size: 0.8em;background-color: #FFDF7D; padding:5px}
.image {float:left; margin-top:12px; margin-right: 10px; margin-top:5px}
.image IMG {border:1px solid #000; max-width:120px}
.message_erreur {margin-left:10px; margin-right: 10px;  padding:10px; border: 1px solid #49280a}
.vignette H3 {text-align: center; padding: 5px; margin:0; padding-top:0; margin-top:10px; clear:both; height:25px}
.vignette H3 A {font-weight: bold; font-size:1em;width:150px; color:#900!important;}
.vignette .description {padding:5px;text-align:justify}
.vignette H2 {text-align: center; padding: 5px; clear:both; height:25px}

P.prix {font-weight: bold; float: right; padding-right: 5px; padding-left:5px; clear: right;}
P.desc { padding:10px;}
P.ref {font-weight: bold; float: left; padding-right: 5px; padding-left:5px; clear: right;}

#iProductHolder  {margin:10px; font-size:0.9em; background-color:#FFDF7D; padding: 10px; float: left; clear:right;}
#iProductHolder H1{clear: both; float:none; font-size: 1.1em; font-weight: bold; color: #900; margin-bottom: 5px}
#iProductHolder H2 {clear: both; float:none; font-size: 1.1em; font-weight: bold; color: #900; margin-bottom: 5px}
#iProductHolder .image {float:none;}
#iProductHolder .image IMG {float:none;}
#iProductHolder IMG {float:none;margin:10px}
#iProductHolder P {}
#iProductHolder TABLE {margin-top: 20px}





.retour {padding:2px; margin:10px; color: #b41a12;  text-align: left; width: 100px; font-size:0.8em; padding-left: 10px }
.retour A {color: #b41a12;}


#iHeadRight         {width:181px;height:218px;float:left;background-image:url("../images/charte_03.jpg");background-position:top; background-repeat: no-repeat}
#iHeadRight IMG     {width:181px;margin:0; padding:0}
#iHeadRight P       {margin-top:67px; text-align: right; margin-right:25px; height: 71px; padding-top: 5px;  color: #fcebad; font-size:0.8em}
#iHeadRight A {color: #fcebad;}
#iHeadRight .b {color: #fcebad;font-weight: bold}

#iHeadRight LABEL   {color: #fff; font-family:arial}
#iHeadRight P INPUT { width:84px; background-color:#000; color: #fff;  border: 1px solid #999; font-size: 0.9em; margin-bottom:4px}
#iHeadRight P BUTTON { width:30px; background-color:#000; color: #fff; border: 1px solid #999;  font-size: 0.9em; }
#iHeadRight #iImage1 {height:143px;width:184px}
#iHeadRight #iImage2 {height:@height_image2; width:181px;}
#iHeadRight #iImage3 {height:46px; width:181px}

#iCheckSummary P { font-weight: normal}
#iCheckSummary UL {margin-top:10px; font-weight: normal}

#iCheckSummary H1 {font-weight: bold; margin-bottom:10px}
.totalite {background-color: #d8ac26!important; color: #a62426!important; font-size: 1.1em}

.commandes {margin-left:10px; border-collapse: collapse; border: 1px solid #49280a; border-spacing: 0px; margin-bottom:20px; font-size:14px }
.commandes TR {border-top: 1px solid #49280a;}
.commandes TH {font-weight: bold; padding: 5px; text-align: center;}
.commandes TD {padding:5px; text-align:left;}
.commandes .n {text-align: right; background-color: #ffd454}

.b {font-weight: bold}

#iAddToBasketLink {text-decoration:none;}
A IMG {border:none!important}

.decl {border:none;border-collapse: collapse;border-spacing: 0;margin:5px; width:440px; font-size:0.8em}
.decl TH {padding: 5px; background-color:#b19b56;  text-align: left; font-weight: bold;}
.decl TD {padding: 3px;}
.decl TR.odd {background-color:#ffe8a3}
.decl TR.even {background-color:#d8c58a}


.Style5 {	font-size: 14px;
	color: #502E08;
}
.Style9 {color: #FFFFCC}
.Style31 {	font-family: Arial, Helvetica, sans-serif;
	color: #C6DCF2;
}
.Style30 {color: #BB8664}
.Style37 {font-family: Arial, Helvetica, sans-serif}
.Style44 {color: #620006}
.Style45 {
	color: #44030B;
	font-weight: bold;
}
.Style47 {
	color: #620006;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}

h1 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #000000;
	font-weight: normal;
}

/* outmost wrapper element */
#scrollable {
	background-color:transparent;
	padding:0;
	width:480px;
	height:200px;
	overflow:hidden;
	position:relative;
	left:0;
}

/* container for the scrollable items */
div.items {
	float:left;
	height:200px;
	position:absolute;
	top:0;
	width:100px;
	left:480px;
}

div.items h3 {
	font-size:1em;
	font-weight:bold;
	height:70px;
}

/* single item */
div.items a.element {
	position:absolute;
	top:0;
	display:block;
	float:left;
	color:#ccc;
	text-decoration:none;
	text-align:center;
	cursor:pointer;
	width:115px !important;
	height:150px;
	padding:0 5px;
}

div.items a:hover {
	color:#999;
}

div.items a.active {
	background-position:-174px 0;
	color:#555;
	cursor:default;
}

.colsel {width:150px}

#iCDGVInner {height: 500px; overflow:auto}
#iCDGVHolder H1 {font-weight: bold; font-size: 16px; text-decoration: underline; margin: 10px 0 10px 0}

.progress { overflow: visible; margin-bottom:10px;}
.progress LI {display: inline; padding-left:5px; color: #966;}
.progress LI.selected { color: #600; font-weight: bold; }

.ajoutpanier {font-weight: bold; margin-left: 10px; margin-right: 10px; padding:10px; border: 1px solid black; background-color:  #FFDF7D; color: #a62426 }


TABLE.remises {border:1px solid #000;  font-size:12px;  border-collapse: collapse;border-spacing: 0; margin: 10px}
TABLE.remises TH {padding: 2px; border:1px solid #000; font-weight: bold }
TABLE.remises TD {padding: 5px; border:1px solid #333; min-width: 60px; text-align: left }