/* Menu
-------------------------------------------------------------- */

#menuBorderLeft {
	width: 8px;
	height: 24px;
	float: right;
	background: url('images/customer/corner_menu_left.gif') 0 0 no-repeat;
}

#menuBorderRight {
	width: 8px;
	height: 24px;
	float: right;
	background: url('images/customer/corner_menu_right.gif') 0 0 no-repeat;
}

/* Menu Categories
-------------------------------------------------------------- */
		
#catalog_MenuCategories {
	width: 920px;
	height: 72px;
	margin: 23px 22px 10px 22px;
}

	#catalog_MenuCategories a {
		width: 87px;
		height: 14px;
		display: block;
		float: left;
		padding: 58px 6px 0px 0px;

		font-size: 10px;
		color: #fff;
		font-weight: bold;
		text-transform: uppercase;
		text-decoration: none;
		letter-spacing: -1px;
		text-align: right;
	}

	#catalog_MenuCategories a:hover {
		filter: alpha(opacity=70);
		-moz-opacity: 0.7;
		opacity: 0.7;
	}

	#catalog_MenuCategories .interior {
		width: 393px;
		height: 72px;
		float: left;
		margin-right: 10px;
	}

	#catalog_MenuCategories .exterior {
		width: 393px;
		height: 72px;
		float: left;
		margin-right: 10px;
	}

	#catalog_MenuCategories .accessory {
		width: 114px;
		height: 72px;
		float: left;
	}

	#catalog_MenuCategories .catName {
		width: 21px;
		height: 72px;
		float: left;
		padding: 0px;
	}

		#catalog_MenuCategories .int_fr { background:url('images/customer/menu/name_int_fr.jpg') 0px 0px no-repeat; }
		#catalog_MenuCategories .int_en { background:url('images/customer/menu/name_int_en.jpg') 0px 0px no-repeat; }
			#catalog_MenuCategories .int1 { background:url('images/customer/menu/link_int1.jpg') 0px 0px no-repeat; }
			#catalog_MenuCategories .int2 { background:url('images/customer/menu/link_int2.jpg') 0px 0px no-repeat; }
			#catalog_MenuCategories .int3 { background:url('images/customer/menu/link_int3.jpg') 0px 0px no-repeat; }
			#catalog_MenuCategories .int4 { background:url('images/customer/menu/link_int4.jpg') 0px 0px no-repeat; }
		#catalog_MenuCategories .ext_fr { background:url('images/customer/menu/name_ext_fr.jpg') 0px 0px no-repeat; }
		#catalog_MenuCategories .ext_en { background:url('images/customer/menu/name_ext_en.jpg') 0px 0px no-repeat; }
			#catalog_MenuCategories .ext1 { background:url('images/customer/menu/link_ext1.jpg') 0px 0px no-repeat; }
			#catalog_MenuCategories .ext2 { background:url('images/customer/menu/link_ext2.jpg') 0px 0px no-repeat; }
			#catalog_MenuCategories .ext3 { background:url('images/customer/menu/link_ext3.jpg') 0px 0px no-repeat; }
			#catalog_MenuCategories .ext4 { background:url('images/customer/menu/link_ext4.jpg') 0px 0px no-repeat; }
		#catalog_MenuCategories .acc_fr { background:url('images/customer/menu/name_acc_fr.jpg') 0px 0px no-repeat; }
		#catalog_MenuCategories .acc_en { background:url('images/customer/menu/name_acc_en.jpg') 0px 0px no-repeat; }
			#catalog_MenuCategories .acc1 { background:url('images/customer/menu/link_acc1.jpg') 0px 0px no-repeat; }

/* Misc
-------------------------------------------------------------- */

.padding { padding: 10px; }

.bannerZone {
	list-style-type: none;
	padding:0px;
	margin:0px;
	overflow:hidden;
}

.pageBlank .leftColumn {
	width: 728px;
	float: left; 
}

.pageBlank .rightColumn {
	width: 181px;
	float: right; 
}

#avantages {
	width: 960px;
	margin: 10px auto 0 auto;
	height: 80px;	
}
	#avantages a {
		width: 139px;
		display: block;
		height: 50px;
		padding: 30px 0 0 100px;
		float: left;

		color: #318ec9;
		text-decoration: none;
		background: url('images/customer/ico-avantage.gif') no-repeat #ffffff;
		margin: 0 1px 0 0;
		text-transform: uppercase;
	}
	#avantages a.conseillers { background-position: 0 0; }
	#avantages a.paiement { background-position: 0 -80px; }
	#avantages a.garantie { background-position: 0 -160px; }
	#avantages a.livraison { background-position: 0 -240px; }

#paiements-step {
	width: 940px;
	padding: 10px;
	margin: 10px auto 0 auto;
	background-color: #fff;

	font-size: 10px;
	color: #878787;
}

/* Intro
-------------------------------------------------------------- *

#introBox {
	width: 260px;
	height: 290px;
	float: left;
	padding: 20px;
	background:url('images/customer/bg_introbox.jpg') 210px 200px no-repeat #70b22a;
	
	color: #fff;
	font-size: 16px;
	font-family: Arial Narrow;
	text-align: justify;
}

	#introBox big {
		font-size: 36px;
		color: #ffffff;
	}

	#introBox small {
		font-size: 24px;
		letter-spacing: 0px;
	}

	#introBox a {
		display: block;
		margin: 22px 0 0 0;
		padding: 4px 0;
		background-color: #fff;

		font-size: 16px;
		color: #70b22a;
		text-align: center;
		text-transform: uppercase;
		text-decoration: none;
		font-weight: bold;
	}

	#introBox a:hover { color: #000; }

/* Search
-------------------------------------------------------------- */

#searchBox {
	width: 181px;

}

	#searchBox #catalog_ControlProductsSearch {
		padding: 6px 10px;
	}

	#searchBox input {
		width: 130px;
		background-image: none;
	}

/* Banner
-------------------------------------------------------------- *

#bannerHomepage {
	width: 610px;
	height: 360px;
	float: right;
	overflow:hidden;
}

	#bannerHomepage li {
		width: 610px;
		height: 360px;
		overflow:hidden;
	}

	#bannerHomepage .photo {
		width: 610px;
		height: 360px;
		display: block;
	}

	#bannerHomepage .text {
		display: block;
		width: 610px;
		height: 25px;
		padding: 7px 0px 0px 0px;
		margin-top: -32px;
		background-color: #e5037f;

		filter: alpha(opacity=90);
		-moz-opacity: 0.9;
		opacity: 0.9;
	
		font-size: 14px;
		color: #ffffff;
		text-decoration: none;
		text-align: center;
	}

	#bannerHomepage .text:hover {
		color: #ffffff;
	}

/* Banner
-------------------------------------------------------------- */

#bannerProductList {
	width: 181px;
	overflow: hidden;
	background-color: #ffffff;
}

	#bannerProductList .text {
		display:none;
	}
	
	#bannerProductList a {
		text-decoration:none;
	}
	
	#bannerProductList a:hover {
		filter: alpha(opacity=70);
		-moz-opacity: 0.7;
		opacity: 0.7;
	}

/* Encarts bas de page
-------------------------------------------------------------- */

.privilege,
.illudiscount,
.catalog {
	width: 116px;
	height: 29px;
	display: block;
	float: left;
	margin: 0;
	padding: 61px 0 0 65px;

	font-size: 14px;
	color: #ffffff !important;
	letter-spacing: -1px;
	text-transform: uppercase;
	text-decoration: none;
}

.catalog, .privilege, .illudiscount {
	margin: 0px 0 10px 0px;
}

.privilege { background:url('images/customer/bg_privilege.jpg') 0px 0px no-repeat; }
.illudiscount { background:url('images/customer/bg_illudiscount.jpg') 0px 0px no-repeat; }
.catalog { background:url('images/customer/blue/bg_illudiscount.jpg') 0px 0px no-repeat; }

	.privilege:hover,
	.illudiscount:hover {
		color:#ffffff;

		filter: alpha(opacity=70);
		-moz-opacity: 0.7;
		opacity: 0.7;
	}

.illudiscount2 {
	width: 149px;
	height: 47px;
	display: block;
	padding: 88px 0px 0px 32px;
	margin: 0 0 10px 0;
	background: url('images/customer/bg_illudiscount2.jpg') 0px 0px no-repeat;

	font-size: 18px;
	color: #ffffff;
	text-transform: uppercase;
	text-decoration: none;
}

.illudiscount2:hover {
	color: #ffffff;

	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

.encart {
	width: 161px;
	height: 25px;
	display: block;
	padding: 32px 10px 15px 10px;
	margin: 0 0 10px 0;

	font-size:18px;
	color:#000000;
	line-height:12px;
	text-transform:uppercase;
	text-decoration:none;
	text-align:right;
}

.encart:hover {
	color: #000000;

	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

	.encart small {
		font-size: 10px;
		letter-spacing: 0px;
	}

.encartDelivery{ background:url('images/customer/bg_delivery.jpg') 0px 0px no-repeat; }
.encartFaq{ background:url('images/customer/bg_faq.jpg') 0px 0px no-repeat; }
.encartPaiement{ background:url('images/customer/bg_paiement.jpg') 0px 0px no-repeat; }

/* 
-------------------------------------------------------------- */

.columnBlock { 
	margin: 0 0 10px 0;
	background: url('images/customer/bg_radiant_grey.gif') 0px 0px repeat-x #e8e7e7; 
}

	.columnBlock H1 {
		width: 171px;
		height: 20px;
		margin: 0px;
		padding: 4px 0px 8px 10px;
		border: 0px solid #eaeaea;
		background-color: #181818;
		background-image: none;

		font-size: 18px;
		color: #ffffff;
		font-weight: normal;
		text-transform: uppercase;
		text-decoration: none;
	}
	
	.columnBlock H2 {
		width: 171px;
		height: 20px;
		margin: 0px;
		padding: 6px 0px 0px 10px;
		background-color: #e5037f;

		font-size: 11px;
		color: #ffffff;
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: 0px;
	}

	.columnBlock B {
		color: #e5037f;
	}

	.columnBlock .map {
		display: block;
		width: 181px;
		height: 90px;
		background: url('images/customer/map.jpg') 0 0 no-repeat;
	}

.bannerProductList {
	width: 538px;
	height: 164px;
	margin-bottom: -32px;

	position: relative;
	z-index: 0;
}

/* Easy Slider 
-------------------------------------------------------*/

#pages_bannerZone ul, 
#pages_bannerZone li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#pages_bannerZone li { 
	width: 610px;
	height: 360px;
	overflow: hidden;
}

/*-----*/

.illuGallery {
}

.illuGallery img { 
	float: left; 

	font-size: 0px;
}

/* homepage
-------------------------------------------------------*/

#bannerHome {
	width: 728px;
	height: 180px;
	margin: 0 0 10px 0;
	position: relative;
	overflow: hidden;
}
	#bannerHome img {
		display: block;
	}

	#bannerHome li {
		position: relative;
	}

	#bannerHome li .text {
		position: absolute;
		bottom: 5px;
		left: 5px;
		background: #000000 url('images/customer/blue_arrow.gif') no-repeat 100% 50%;
		padding: 2px 15px 2px 5px;
		color: #ffffff;
	}

#bannerHome ol {
	position: absolute;
	top: 5px;
	right: 3px;
	z-index: 100;
	margin: 0;
}
	#bannerHome ol li {
		float: left;
		height: 14px;
		line-height: 14px;
		list-style: none outside none;
		margin: 0 2px 0 0;
		padding: 0;
	}
	#bannerHome ol li a {
		background: none repeat scroll 0 0 #000000;
		color: #ffffff;
		float: left;
		height: 14px;
		line-height: 14px;
		padding: 0 3px;
		text-decoration: none;
		text-align: center;
	}
	#bannerHome ol li.current a {
		background: #4da7d9;
	}

#brandHome {
	border: 1px solid #e7e7e7;
	padding: 10px 0 10px 10px;
	margin: 0 0 10px 0;
}

	#brandHome li a {
		float: left;
		margin: 0 10px 10px 0;
	}

	#brandHome #controls {
		display: none;
	}

	#brandHome .more {
		text-decoration: none;
		color: #878787;
	}

#brandHome .text {
	display: none;
}

.newsletterBox {
	float: left;
	width: 300px;
	margin: 20px 0 0 0;
}
	.newsletterBox #newsletter_ControlNewsletter {
		background: none;
		padding: 0;
	}
	.newsletterBox #newsletter_ControlNewsletter h1 {
		float: left;
		font-size: 14px;
		margin: 0 10px 0 0;

		color: #444444;
	}

	.newsletterBox #newsletter_ControlNewsletter input {
		background: #cccccc;
	}

	.newsletterBox #newsletter_ControlNewsletter .btn {
		float: left;
	}

#encartsHome .bannerZone li {
	position: relative;
	margin: 0 0 10px 0;

	text-align: center;
}
#encartsHome .bannerZone li img {
	display: block;

	overflow: hidden;
}
	#encartsHome .bannerZone li .text {}

	#encartsHome .bannerZone li .text {
		position: absolute;
		bottom: 15px;
		right: 0;
		background: #000000;
		padding: 2px 10px;

		text-decoration: none;
		color: #ffffff;
		font-size: 14px;
		text-transform: uppercase;
		text-align: right;
	}

	#encartsHome .bannerZone li .text span.center {
		position: relative;

		bottom: 33px;
		right: auto;

		background: #000000;
		padding: 2px 10px;

		text-decoration: none;
		color: #ffffff;
		font-size: 14px;
		text-transform: uppercase;
	}

/* pages
-------------------------------------------------------*/

#brandPage {
	height: 242px;
	border: 1px solid #e7e7e7;
	padding: 10px 0 0 10px;
	margin: 0 0 10px 0;
}

	#brandPage li a {
		float: left;
		padding: 5px;
		border-right: 1px dotted #f8f8f8;
		border-bottom: 1px dotted #f8f8f8;
	}

/* encarts Home
-------------------------------------------------------*/

#encartsHome .photo {
	width: 179px;
	height: 240px;
	border: 1px solid #e7e7e7;
	overflow: hidden;
}


#promoProductInHome {}
#promoProductInHome #catalog_ControlProductsInHome h2 { display: none; }
#promoProductInHome #catalog_ControlProductsInHome { width: 100%; }