@charset "utf-8";

/* layout -------------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
}

body {
	background: #f7f7c3 url(img/page-bg.gif) repeat-x;
	color: #010101;
	text-decoration: none;
	font: 11px Arial, Helvetica, sans-serif;
}

#wrapper {
	width: 800px;
	margin: 0 auto;
	background: url(img/menu-bg.png) repeat-x center 76px;
}

#header {
	height: 76px;
	width: 800px;
}

#header #logo {
	display: inline; 
	float: left;
	background: url(img/logo-la-boutique-x.png) no-repeat;
	height: 76px;
	width: 202px;
	margin: 0; padding: 0;
}

#header #logo a {
	text-indent: -9999px;
	height: 76px;
	width: 202px;
	display: block;
	overflow: hidden;
}

#langbox {
	float: right;
	width: 50px;
	margin-top: 10px;
}

#contentbox {
	margin-top: 25px;
	clear: both;
}

#leftbox {
	float: left;
	width: 230px;
}

#rightbox {
	float: left;
	width: 560px;
}

#footer {
	clear: both;
	height: 50px;
	text-align: center;
	line-height: 50px;
	vertical-align: middle;
	font-size: 10px;
	color: #645c61;
}


/* New menu */
#mainmenu_perso 				{ float: right; height: 50px; width: 598px; margin-top: 58px; padding: 0; }
#mainmenu_perso ul			{ list-style-type: none; }
#mainmenu_perso  li			{ padding-left: 5px; padding-right: 5px; height: 50px; float: right; font-size: 14px; font-weight: bold; text-align: center;} 
#mainmenu_perso a 			{ display: block; height: 50px;color: #ED5E8A; text-decoration: none; font-family: Arial; line-height: 25px; }
#mainmenu_perso a:hover 		{ background: url(img/menu_active.png) no-repeat bottom; color: #9F3F5C; }
#mainmenu_perso a.active 	{ background: url(img/menu_active.png) no-repeat bottom; color: #9F3F5C; }


/* menu ------------------------------------------------------------ */

#mainmenu {
	height: 50px;
	width: 800px;
}

#mainmenu.en {
	background: url(img/menu-en-off.png) no-repeat 202px top;
}

#mainmenu.fr {
	background: url(img/menu-fr-off.png) no-repeat 202px top;
}


#mainmenu li {
	float: left;
	list-style: none;
}

#mainmenu li a {
	height: 50px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}

#link1 a {
	width: 120px;
	margin-left: 202px;
}

#link2 a {
	width: 115px;
}

#link3 a {
	width: 170px;
}

#link4 a {
	width: 190px;
}

#mainmenu.en #link1 a:hover, #mainmenu.en #link1 a.active {
	background: url(img/menu-en-on.png) no-repeat 0px 0px;
}

#mainmenu.en #link2 a:hover, #mainmenu.en #link2 a.active {
	background: url(img/menu-en-on.png) no-repeat -120px 0px;
}

#mainmenu.en #link3 a:hover, #mainmenu.en #link3 a.active {
	background: url(img/menu-en-on.png) no-repeat -235px 0px;
}

#mainmenu.en #link4 a:hover, #mainmenu.en #link4 a.active {
	background: url(img/menu-en-on.png) no-repeat -405px 0px;
}

#mainmenu.fr #link1 a:hover, #mainmenu.fr #link1 a.active {
	background: url(img/menu-fr-on.png) no-repeat 0px 0px;
}

#mainmenu.fr #link2 a:hover, #mainmenu.fr #link2 a.active {
	background: url(img/menu-fr-on.png) no-repeat -120px 0px;
}

#mainmenu.fr #link3 a:hover, #mainmenu.fr #link3 a.active {
	background: url(img/menu-fr-on.png) no-repeat -235px 0px;
}

#mainmenu.fr #link4 a:hover, #mainmenu.fr #link4 a.active {
	background: url(img/menu-fr-on.png) no-repeat -405px 0px;
}

/* shopping cart --------------------------------------------------------------- */

#shoppingcart {
	background: url(img/shopping-cart-mid.png) no-repeat center center;	
	width: 210px;
	margin-left: 10px;
}

#shoppingcart .top {
	background: url(img/shopping-cart-top.gif) no-repeat center top;
	height: 5px;
	width: 210px;
}

#shoppingcart .mid {
	min-height: 150px;
}

#shoppingcart .bot {
	background: url(img/shopping-cart-bottom.gif) no-repeat center bottom;
	height: 5px;
	width: 210px;
}

#shoppingcart h5 {
	font: normal 14px Arial, Helvetica, sans-serif;
	text-align: center;
	color: #72404b;
}

#categoriesbox {
	background: url(img/categories-top.png) no-repeat center top;
	width: 213px;
	margin: 10px 0 0 9px;
}

/* categories menu ----------------------------------------------------------------- */

#categoriesbox .mid {
	margin-bottom: 10px;
}

#categoriesbox .bot {
	background: url(img/categories-bot.png) no-repeat center bottom;
	height: 5px;
	width: 213px;
	clear: both;

}

#categoriesbox h5 {
	font: normal 14px Arial, Helvetica, sans-serif;
	text-align: center;
	color: #FFFFFF;
	margin-top: 0px;
	padding-top: 10px;
}

#categoriesbox ul {
	margin: 10px 0 0 20px;
}

html>body #categoriesbox ul {
	margin: 10px 0 0 13px;
}

#categoriesbox ul li {
	list-style: none;
	float: left;
	width: 83px;
	margin-right: 5px;
}

html>body #categoriesbox ul li {
	width: 90px;
	margin-right: 10px;
}

#categoriesbox ul li a {
	color: #5d2c24;
	text-decoration: none;
}

/* pagination bar ----------------------------------------------------------- */

.bar {
	background: url(img/bar-left.png) no-repeat left center;
	height: 24px;
	line-height: 24px;
	vertical-align: middle;
	padding: 0 0 0 10px;
	font-weight: bold;
	color: #7b3a4e;
	font-size: 11px;
}

.bar2 {
	background: url(img/bar2-left.png) no-repeat left center;
	height: 24px;
	line-height: 24px;
	vertical-align: middle;
	padding: 0 0 0 10px;
	font-weight: bold;
	color: #7b3a4e;
	font-size: 11px;
	clear: both;
}

.bar a, .bar2 a {
	font-weight: bold;
	color: #7b3a4e;
	font-size: 11px;
	text-decoration: none;
}

.left {
	float: left;
}

.right {
	float: right;
}

.bar .right, .bar2 .right {
	background: url(img/bar-right.png) no-repeat right center;
	height: 24px;
	padding-right: 10px;
}

.bar2 .right {
	float: right;
	background: url(img/bar2-right.png) no-repeat right center;
	height: 24px;
	padding-right: 10px;
}

/* products box -------------------------------------------------------------- */

.prod {
	width: 272px;
	height: 200px;
	border: solid 1px #e491aa;
	margin: 4px 3px 4px 2px;
	float: left;
	display: block;
	background: #FFFFFF url(img/product-box-bg.png) repeat-x;
}

html>body .prod {
	width: 273px;
	margin: 4px 3px 6px 2px;
}

.descrip { 
	display: block;
	height: 150px; 
	overflow: hidden;
	font-size: 10px;
	margin: 5px;
}

.prod a:link  , .prod a:visited { color: #000000; text-decoration: none }
.prod form {margin:0px; }
.prod img {float:left; margin:0 10px 0 0 }
.prod table { margin:2px; }
.prod td { font-size:10px; }
.prod strong { color: #ff8401; }
.prod h2 {
	font: bold 12px/19px Arial, Helvetica, sans-serif;
	color: #8b4a5e;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	background: url(img/product-box-header.png) repeat-x left top;

}
.prod h2 a {text-decoration:none; color: #8b4a5e;}

.cartbox {
	clear: both;
	font-size: 16px;
	font-weight: bold;
	color: #ff9423;
	margin: 0 5px;
	width: 262px;
}
.cartbox input { width: 78px; float: left; }
.cartbox span { float: right; display: block; width: 150px; text-align: right; }

.orangetext {
	color: #ff8401;
}