/*
ClikSolution CSS pages de ref
*/

* {
	padding: 0;
	margin: 0
}
body {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	color: #000;
	text-align: center;
	background-repeat: no-repeat;
}	
/* Arrière plan */
.fond1 { background: #ffffff url('./bg/bg.jpg') no-repeat fixed center top; }
.fond2 { background: #ffffff url('./bg/bg2.jpg') no-repeat fixed center top; }
.fond3 { background: #ffffff url('./bg/bg3.jpg') no-repeat fixed center top; } 


/* Useful */
.align_center { text-align: center }
.align_right { text-align: right }
.middle { vertical-align: middle }
.align_justify { text-align: justify }
.uppercase { text-transform: uppercase }
.hidden, .collapsed, .block_hidden_only_for_screen { display: none }
.wrap { white-space: normal }
.bold { font-weight: bold }
.strike { text-decoration: line-through }
.italic { font-style: italic }
.top { vertical-align: top }
.span_link { cursor: pointer }
.span_link:hover { text-decoration: underline }
.clear { clear: both }
br.clear {
	clear: both;
	line-height: 0;
	font-size: 0;
	height: 0
}
noscript ul { list-style-type: none; background: black; color: white; padding: 10px; border: 1px solid gray }
/* new clearfix */
.clearfix:after { 
	clear: both; 
	display: block; 
	height: 0; 
	font-size: 0; 
	visibility: hidden; 
	content: "."; 
}

/* Footer links */
.footer_links {
	list-style-type: none;
	clear: both;
	height: 2em;
	margin-top: 2em
}
.footer_links li {
	float: left;
	margin-right: 2em;
	height: 2em
}
.footer_links a { text-decoration: none }
.footer_links a:hover { color: black }
.footer_links images.icon { vertical-align: -2px }

/* transfert effect*/
.transferProduct { border: 2px solid #888 }

/* simple list inline */
.inline_list { list-style-type: none; margin-top: 1em }
.inline_list li { float: left; text-align: center }
.inline_list images { display: block }
ul.half {
	width: 45%;
	margin-right: 1em;
	float: left
}

/* Category tree (i.e. in sitemap) */
div.tree_top {
	background: url('./images/sitemap-top.gif') no-repeat -1px -3px;
	padding-left: 24px;
	padding-bottom: 5px;
	padding-top: 3px
}
ul.tree, ul.tree ul { list-style-type: none }
ul.tree li {
	padding-left: 1.2em;
	border-left: 1px gray dotted;
	background: url(./images/sitemap-horizontal.png) no-repeat left 10px;
	margin-left: 1em
}
ul.tree a { padding-left: 0.2em }
ul.tree a.selected { font-weight: bold }
ul.tree li.last {
	background: url(./images/sitemap-last.gif) no-repeat -12px -2px;
	border: none
}
span.grower { cursor: pointer }

/* Tabs */
.idTabs {
	list-style-type: none;
	border-bottom: solid 1px #76839b;
	height: 21px;
	margin-top: 1em
}
ul.idTabs li {
	float: left;
	margin-right: 1px
}
.idTabs a {
	background-image: url('./images/tab_bg.jpg');
	display: block;
	width: 173px;
	height: 18px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	padding-top: 3px;
	color: #374853
}
.idTabs .selected {
	background-image: url('./images/tab_bg_selected.jpg');
	color: white
}

/* IdTabs Short*/
.idTabsShort a {
	background-image: url('./images/tab_bg_short.jpg');
	width: 138px
}
.idTabsShort .selected {
	background-image: url('./images/tab_bg_selected_short.jpg');
	color: white
}
div.sheets {
	clear: both;
	padding: 1em
}
#more_info_sheets li {
	background: url('./images/puce.gif') no-repeat;
	margin-bottom: 0.4em 
}

/* global style */
a {
	color: #5d717e;
	text-decoration: underline;
	outline: none
}
a:hover { text-decoration: none }
.input:focus { outline: 0 }
a images {
	outline: none;
	border: none;
	text-decoration: none
}
h1 {
	font-size: 1.1em;
	line-height: 1.6em;
	padding-left: 0.5em;
	margin: 0.5em 0;
	text-transform: uppercase;
	font-weight: bold;
	color: #CC0066;
	height: 21px;
	border-bottom: dotted 1px #000;
	margin-bottom:10px;
}
h1 span {
	font-size: 0.9em;
	text-transform: none;
	font-weight: normal;
	font-style: italic;
	color: #374853;
	margin-left: 1em
}
h2 {
	font-size: 1.1em;
	line-height: 1.6em;
	padding-left: 0.5em;
	margin: 0.5em 0;
	text-transform: uppercase;
	font-weight: bold;
	color: #374853;
	background: transparent url('./images/title_bg.png') no-repeat top left;
	height: 21px
}
h2 span {
	font-size: 0.9em;
	text-transform: none;
	font-weight: normal;
	font-style: italic;
	color: #374853;
	margin-left: 1em
}
h3 { font-size: 1.1em; margin: 1em 0 }
h4 { font-size: 1em }


/* global layout */
#page {
	width: 980px;
	margin: 0 auto 2px auto;
	text-align: left
}
#header{
		height:130px;
}
#header_logo {
	float: left;
	width: 264px;
	display:block
}
#header_logo {
	float: left;
	width: 255px;
	display:block
}
#baseline {
	float: left;
	display:block;
	width:400px;
	margin-top:40px;
}
#nos-magasins {float: left;width:320pxpx;  }
images.logo {
	float: left;
	margin-top: 0.5em;
	font-size: 2em;
	font-weight: bold
}
#header_right {
	float: left;
	margin-bottom: 15px;
	width: 150px;
	text-align: right
}
#left_column, #center_column, #right_column { float: left }

#top-left_column{background: url("./images/top-col-left.png") no-repeat; height:10px;}
#bot-left_column{background: url("./images/bot-col-left.png") no-repeat; height:10px;}
#bg-left_column{background: url("./images/bg-col-left.png") repeat-y; padding-bottom:5px;}
#acces { margin-left:7px;}
#acces .acces-images { padding-bottom:15px;}
#left_column {
	clear: left;
	width: 177px;
/*	margin-right: -17px;*/
	overflow: hidden;
	margin-top:7px;
}
#center_column {
	width: 793px;
	margin: 0 0 30px 0;
	overflow: hidden
}
#top-center_column{background: url("./images/top-content.png") no-repeat; height:19px;}
#bot-center_column{background: url("./images/bot-content.png") no-repeat; height:36px;}
#bg-center_column{background: url("./images/bg-content.png") repeat-y; padding-bottom:5px; padding-left:30px;padding-right:30px; min-height:335px; }

#old_center_column { display: none }

.ac_results_instant {
	display: none;
	visibility: hidden
}
#instant_search_results a.close {
	background: url("./images/nav-logout.gif") no-repeat scroll right 2px transparent;
	float: right;
	margin-right: 7px;
	padding-right: 21px;
	text-transform: none
}
#right_column {
	width: 191px;
	margin-left: 21px;
	overflow: hidden
}

/* global RTE fields */
.rte,
 .mceContentBody {
	text-align: left;
	background: white;
	color: black
}
body.mceContentBody {
	margin: 9px 6px;
	width: 556px
}
.rte html,.rte div,.rte span,.rte applet,.rte object,.rte iframe,.rte h1,.rte h2,.rte h3,.rte h4,.rte h5,.rte h6,.rte p,.rte blockquote,.rte pre,.rte a,.rte abbr,.rte acronym,.rte address,.rte big,.rte cite,.rte code,.rte del, .rte dfn, .rte em,.rte font,.rte images,.rte ins,.rte kbd,.rte q,.rte s,.rte samp,.rte small,.rte strike,.rte strong,.rte sub,.rte sup,.rte tt,.rte var,.rte dl,.rte dt,.rte dd,.rte ol,.rte ul,.rte li,.rte fieldset,.rte form,.rte label,.rte legend,.rte table,.rte caption,.rte tbody,.rte tfoot,.rte thead,.rte tr, .rte th,.rte td,
.mceContentBody html, .mceContentBody div, .mceContentBody span, .mceContentBody applet, .mceContentBody object, .mceContentBody iframe, .mceContentBody h1, .mceContentBody h2, .mceContentBody h3, .mceContentBody h4, .mceContentBody h5, .mceContentBody h6, .mceContentBody p, .mceContentBody blockquote, .mceContentBody pre, .mceContentBody a, .mceContentBody abbr, .mceContentBody acronym, .mceContentBody address, .mceContentBody big, .mceContentBody cite, .mceContentBody code, .mceContentBody del, .mceContentBody dfn, .mceContentBody em, .mceContentBody font, .mceContentBody images, .mceContentBody ins, .mceContentBody kbd, .mceContentBody q, .mceContentBody s, .mceContentBody samp, .mceContentBody small, .mceContentBody strike, .mceContentBody strong, .mceContentBody sub, .mceContentBody sup, .mceContentBody tt, .mceContentBody var, .mceContentBody dl, .mceContentBody dt, .mceContentBody dd, .mceContentBody ol, .mceContentBody ul, .mceContentBody li, .mceContentBody fieldset, .mceContentBody form, .mceContentBody label, .mceContentBody legend, .mceContentBody table, .mceContentBody caption, .mceContentBody tbody, .mceContentBody tfoot, .mceContentBody thead, .mceContentBody tr, .mceContentBody th, .mceContentBody td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline
}
.rte h1,.rte h2,.rte h3,.rte h4,.rte h5,.rte h6,
 .mceContentBody h1, .mceContentBody h2, .mceContentBody h3, .mceContentBody h4, .mceContentBody h5, .mceContentBody h6 {
	margin: 0em 0 0.3em 0;
	color: #374853
}
.rte h1,
 .mceContentBody h1 {
	font-size: 25px;
	font-weight: bold;
	background:inherit;
}
.rte h2,
 .mceContentBody h2 {
	font-size: 24px;
	background: none;
	text-transform: none;
	height: auto;
	color:#DF0073;
	
	
}
.rte h3, .mceContentBody h3 { font-size: 16px }
.rte h4, .mceContentBody h4 { font-size: 14px }
.rte h5,.mceContentBody h5 { font-size: 12px }
.rte h6, div.rte h6 { font-size: 8px }
.rte ol, .mceContentBody ul, div.rte ol, .mceContentBody ul { padding-left: 2em }
.rte ul, .mceContentBody ul {
	list-style-type: square;
	margin-left: 10px
}
.rte strong, .mceContentBody strong { font-weight: bold }
.rte em, .mceContentBody em { font-style: italic }


/* Header */
#header_right ul { list-style: none }
#header_right form {
	border: none;
	margin-bottom: 0!important;
	display: inline
}
#header_right label {
	margin: 0;
	float: none
}

/* Footer */
#footer {
	border-top: 1px solid #d0d3d8;
	padding: 0.5em 0;
	clear: both
}

/* Default block style */
div.block {
	margin-bottom: 1em;
	width: 177px
}
#left_column div.block,
 #right_column div.block {
	padding-bottom: 5px;
/*	background: transparent url('./images/block_footer.png') no-repeat bottom left*/
}
div.block h4 {
	text-transform: uppercase;
	font-family: Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	font-size: 1.2em;
	padding-left: 0.5em;
	border-bottom: 1px solid #595A5E;
	padding-top: 2px;
	line-height: 1.3em;
	color: #fff;
	height: 19px;
/*	background: transparent url('./images/block_header.png') no-repeat top left*/
}
div.block h4 a { color: #374853 }
div.block ul { list-style: none }
div.block h4.link-cms{ color:#fff;  margin-left: 10px;margin-right: 10px;}
#informations_block_left ul {margin-left:10px;}
#informations_block_left li a { color:#fff;}

div.block .products-promo{ float:left; margin-left: 10px; margin-right: 35px;}
div.block ul.tree li { padding-left: 1.2em }
div.block a:hover { text-decoration: underline }
#left_column div.block .block_content a.button_large,
 #right_column div.block .block_content a.button_large { margin: 0 0 0 -3px }
div.block .block_content {
	border-left: 1px #d0d3d8;
	border-right: 1px #d0d3d8;
	padding: 0;
	min-height: 16px
}
div.block li {
	padding: 0.2em 0 0.2em 0em;
	list-style-position: outside
}
div.block a {
	color: #595a5e;
	text-decoration: none
}

/* block exclusive */
#left_column div.exclusive, #right_column div.exclusive {
	padding-left:12px;

}

#left_column #search_block_left{ padding-left:7px; background:url("./images/bg_click-to.png") repeat-y}
div.exclusive h4 {
	color: white
}
div.exclusive h4 a { color: white }
div.exclusive li { margin-top: 0 }
div.exclusive, div.exclusive a { color: white }
div.exclusive .block_content {

}

/* block in the center column */
#center_column p { margin: 0.5em 0; padding-left: 0.7em }
#center_column .summary{ text-align:center;}
#center_column div.block { width: 30px; float:left; margin: auto }


<!--Home Featured-->
#center_column #featured-products_block_center{ width:350px; float:left;}

<!--Home Featured-->

#center_column div.block h4 {
	background: transparent url('./images/block_header_large.png') no-repeat top left;
	height: 17px;
	color: white
}

/* Styles for products blocks */

/* block products (new, features, viewed, etc...) on left and right column */
.products_block li { margin-top: 0.2em }
.products_block li.item images { margin-right: 5px }
.products_block li.last_item { border: none }
.products_block li images {
	float: left;
	margin-right: 0.2em
}
.products_block p images {
	float: none;
	margin: 0 0 0 0.4em
}
.products_block li h5 {
	display: inline;
	font-size: 0.9em
}
.products_block li p a {
	font-weight: bold;
	font-size: 0.8em
}
.products_block dl {
	clear: both;
	border-top: 1px solid #374853;
	padding: 0 4px 4px
}
.products_block dl dt {
	margin-top: 0.3em;
	color: #595a5e
}
.products_block a.button_large { margin: 0.4em 0.4em 0 0.4em }
.products_block ul.product_images li {
	border: none;
	float: left;
	clear: none
}

/* Special style for block products in center column */
#center_column .products_block { border: none }
#center_column .products_block { color: #595a5e }
#center_column .products_block h4 { line-height: 1.3em }
#center_column .products_block .block_content {
	padding: 0
}
#center_column .products_block ul li:hover {  }
#center_column .products_block ul li {
	float: left;
	margin-top: 0;
	padding: 0 0 1px;
	width: 133px;
}
#center_column .products_block ul .product_accessories_description {
	margin: 0;
	padding: 0;
	height: 280px
}

/*#center_column .products_block li.last_item { float: none; clear: both }*/
#center_column .products_block li.last_item_of_line { border-right: none }
#center_column .products_block li.first_item_of_line { clear: both }
#center_column .products_block li.last_line { border-bottom: none }
#center_column .products_block p, #center_column .products_block h5 { margin: 0.5em 0.1em }
#center_column div.products_block h5 {
	display: block;
	margin-top: 8px;
	height: 3.8em;
	
	line-height:14px;
}
#center_column div.products_block h5 a {
	color: #E30172;
	font-size: 1.8em
}
#center_column div.products_block ul li p {
	margin: 0;
	padding: 0
}
#center_column div.products_block div.product_desc {
	height: 9em;
	color: #595a5e;
	overflow: hidden
}
#center_column div.products_block a.product_image {
	display: block;
	background-color: transparent;
	margin-bottom: 2px;
	margin-left: 2px;
	width: 129px;
	height: 129px
}
#center_column div.products_block .product_accessories_description a.product_image {
	width: 118px;
	height: 85px
}
#center_column div.products_block a.product_description {
	display: block;
	width: 118px;
	height: 50px;
	margin-left: 2px;
	margin-bottom: 8px;
	overflow:hidden
}

#center_column div.products_block a.product_image images {
	float: none;
	margin: 0
}
#center_column #featured-products_block_center { width:300px; margin-right:65px;}
#center_column #promo-products_block_center { width:350px; margin-right:0px;}

#center_column #promo-products_block_center h4 { color:#2a2a2a;font-size:2em; text-transform:none; background: url('./images/puce_title.png') no-repeat; line-height:30px; border-bottom:3px solid #2a2a2a; padding-bottom:10px; background-position:right; margin-bottom:10px; }
#center_column #featured-products_block_center h4 { color:#2a2a2a;font-size:2em; text-transform:none; background: url('./images/puce_title.png') no-repeat; line-height:30px; border-bottom:3px solid #2a2a2a; padding-bottom:10px; background-position:right; }
#center_column #promo-products_block_center span.price{ padding-top:0; margin-bottom:10px; color:#E30172;}


#center_column div.products_block h5 { margin: 10px 5px 3px 5px }
#center_column div.products_block div.product_desc { margin: 0 5px }
#center_column div.products_block div.product_description { width:250px; margin: 0 auto }
#center_column div.products_block div.product_images { background:url('./images/diapo.png') no-repeat; height:345px; width:294px; }
#center_column .products_block ul li.product_image_specials { background:url('./images/diapo-min.png') no-repeat; height:162px; width:130px; }
#center_column .products_block ul li.product_descr_specials { width:130px; clear:both;}
#center_column .products_block ul li.product_descr_specials h5 {width:160px; height:3em; overflow:hidden;}
#center_column .products_block ul li.product_descr_specials h5 a {font-size:11px; color:#df0073;}
#center_column .products_block ul li.product_descr_specials .price-discount-promo {font-size:13px; color:#df0073;text-decoration: line-through; color:#E30172; margin-left:2px; }
#center_column .products_block ul li.product_descr_specials span.price{font-size:18px; color:#df0073;}


#center_column div.products_block div.product_images_home {height:230px; width:230px; }
#center_column  li.home_featured .product_images images{padding-left:34px; padding-top:33px; }
#center_column .block_content_promo li.product_image_specials images {padding-left:13px; padding-top:11px;}
#center_column div.products_block ul li div.product_desc a { font-weight: normal }
#center_column div.products_block ul li.home_featured { width:290px;}
#center_column .products_block span.price {
	text-align: center;
	font-size: 1.5em;
	padding: 0.5em 0;
	/*display: block;*/
}
p.price_container { text-align: center }
#center_column .products_block .featured_price { margin-top: 2.5em }
#center_column .products_block a.button,
 #center_column .products_block a.exclusive,
  #center_column .products_block span.exclusive { margin: 0.5em auto }

/* Special style for block accessories in center column (product page) */
#center_column .products_block.accessories_block .block_content { background: none }
#center_column div.products_block.accessories_block div.product_desc { 
	margin-right: 0;
	height: 150px; 
	border-right: 1px solid #d0d3d8 
}
#center_column .products_block.accessories_block .block_content li { background: none; text-align: center }
#center_column .products_block.accessories_block .block_content li h5,
 #center_column .products_block.accessories_block .block_content li a.product_description { text-align:left }
#center_column .products_block.accessories_block .block_content li.last_item a.product_image { border: none }


/*#header_right*/ 
#header_user {
	float: right;
	width: 535px;
	text-align: right;
	margin-right: 6px
}
#header_user p { color: #fff }
#header_user a { color: #fff }
#header_user span { font-weight: bold }
#header_user ul { margin-top: 0.3em }
#header_user li {
	float: right;
	line-height: 2em;
	margin-left: 0.5em;
	white-space: nowrap
}
#header_user #shopping_cart, #header_user #your_account { font-size: 0.9em }
#header_user li#your_account { margin-left: 0 }
#header_user #shopping_cart a, #header_user #your_account a {
	background-repeat: no-repeat;
	background-position: top left;
	padding: 2px 0 4px 26px;
	height: 20px;
	text-decoration: none
}
#header_user #shopping_cart a { background-image: url('../.././images/icon/cart.gif') }
#header_user #your_account a { background-image: url('../.././images/icon/my-account.gif') }
#searchbox{ padding-left:7px;}
div.exclusive .block_content#search_block_left{}
