[Resolu]Changer couleur header et cotés

chantal.herman · March 15, 2013

Bonjour,

voici mon site : www.philippe-herman.fr, j'aimerais changer la couleur de toute la bande du haut (au niveau du logo) et les cotés en noir et laisser les contenus des produits en blanc.

Un peu à l'image de ce site : http://store-fr.hugo...0,fr_FR,sc.html

Je suis rentré dans le global.css mais ... je vous avouerai que je ne trouve pas la ou les lignes a modifier. Je vous copier colle mon global.css (désolé de la lourdeur) si jamais vous y voyez un élément ca serait très aimable de me l'indiquer.

Merci beaucoup à tous.

bon après midi

/*

PrestaShop CSS

18 used colors:

10 grays: #374853 #595a5e #5d717e #76839b #888 #bdc2c9 #d0d1d5 #d0d3d8 #e5e6e7 #f1f2f4

4 fushias: #f6dce8 #dd2a81 #971d58 #5d0630

2 yellows: #f8e1a0 #f9e400

1 green: #488c40

1 red: #da0f00

*/

* {

padding: 0;

margin: 0

}

body {

background: #fff url('../img/bkg_body.png') repeat-x left top;

font-size: 11px;

font-family:Arial, Helvetica, Sans-Serif;

color: #fff;

text-align: left;

}

.wapper{background:url('../img/bkg_wapper.jpg') repeat-x left bottom;}

ul,ol,li{list-style:none}

/* 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: ".";

}

* html .clearfix { zoom: 1 }

*:first-child+html .clearfix { zoom: 1 }

/* 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 img.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 img { display: block }

ul.half {

width: 45%;

margin-right: 1em;

float: left

}

/* Category tree (i.e. in sitemap) */

div.tree_top {

background: url('../img/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(../img/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(../img/sitemap-last.gif) no-repeat -12px -2px;

border: none

}

span.grower { cursor: pointer }

/* Tabs */

#more_info_block {

overflow: hidden;position:relative;width:100%;margin-top:30px;

}

.idTabs{height:30px;list-style-type:none;background:#f0f0f0;}

ul.idTabs li{float:left;margin-right:1px}

ul.idTabs li.first{margin-right:5px;}

.idTabs a{color:#7f7f7f;display:block;font-weight:700;height:30px;line-height:30px;text-align:center;text-decoration:none;text-transform:uppercase;width:auto;font-size:12px;}

.idTabs .selected{background:#000;color:#FFF}

/* IdTabs Short*/

.idTabsShort a {

width: auto;padding:0 15px;text-decoration:none}

.idTabsShort li a:hover{text-decoration:none;color: #fff;background:#000;}

.idTabsShort .selected {

color: #fff;background:#000;

}

div.sheets {

clear: both;margin-top:20px;

}

#more_info_sheets li {

background-position: 6px 4px;

}

.img_desc{width:302px;margin-right:20px!important;float:left}

.top_desc, .bottom_desc{overflow:hidden}

#more_info_sheets h5{color:#1e1e1e;font-size:12px;}

.bottom_desc{margin-top:15px;}

.desc{width:393px;float:left}

.desc h5{color:#1e1e1e;font-size:12px;}

.desc p{color:#5a5a5a;}

.img_desc_con .img_con{width:141px;float:left;margin-right:19px;}

.img_desc_con .desc_con{width:233px;float:left}

.img_desc_con .desc_con p{font-style:italic}

/* global style */

a {

color: #5a5a5a;

text-decoration: none;

outline: none

}

a:hover { text-decoration: underline;color:#000; }

.input:focus { outline: 0 }

a img {

outline: none;

border: none;

text-decoration: none

}

#category h1{font-size:20px;border-bottom:1px solid #e1e1e1;padding-bottom:10px;margin-bottom:10px;}

#product h1{border:none;margin-bottom:10px;}

#products-comparison h1{text-transform:none;border:none;}

#order h1{width:32%}

#order-confirmation h1{border:none;width:32%}

h1 {

font-size:12px;

margin: 0 0 20px;

text-transform: uppercase;

font-weight: bold;

color: #000;border-bottom:2px solid #000;padding-bottom:5px;

}

h1 span {

font-size:10px;

text-transform: none;

font-weight: normal;

color: #7b7b7b;

margin-left:5px;

}

h2 {

font-size:12px;

margin: 0 0 20px;

text-transform: uppercase;

font-weight: bold;

color: #000;border-bottom:2px solid #000;padding-bottom:5px;

}

h2 span {

font-size: 0.9em;

text-transform: none;

font-weight: normal;

font-style: italic;

color: #374853;

margin-left: 1em

}

h3 { font-size: 12px;}

h4 { font-size: 1em }

/* global layout */

#page {

width: 960px;

margin: 0 auto;

text-align: left;

}

#header{position:relative;z-index:100;height:175px;margin-bottom:20px;}

#main-slideshow{clear:both;overflow:hidden;position:relative;width:100%;margin-bottom:50px;}

.top_footer, #footer{overflow:hidden;position:relative;width:100%;}

.logo_pres{width:315px;overflow:hidden}

#header_logo {

float: left;

width: auto;

display: block;z-index:100;

}

#header_logo img.logo {max-width:150px;max-height:47px}

img.logo {

float: left;

font-size: 2em;margin-top:70px;

font-weight: bold

}

.pres_top{width:auto;float:left;margin-left:10px;border-left:1px solid #000;padding:39px 0 0 10px;color:#8e8e8e;text-transform:uppercase;font-size:10px;margin-top:50px;line-height:13px}

#header_right {}

#left_column, #center_column, #right_column { float: left }

#left_column {

clear: left;

width: 225px;

margin-right: 20px;

overflow: hidden

}

#index #center_column {width:100%}

#module-cheque-payment #center_column,#module-bankwire-payment #center_column {width:100%;padding-bottom:100px}

#module-cheque-payment .breadcrumb,#module-bankwire-payment .breadcrumb{width:950px;}

#module-cheque-payment h2,#module-bankwire-payment h2{border:none}

#center_column {

width: 715px;

margin: 0 0 30px 0;

overflow: hidden;

}

#old_center_column { display: none }

.ac_results_instant {

display: none;

visibility: hidden

}

#instant_search_results a.close {

background: url("../img/nav-logout.gif") no-repeat scroll right 2px transparent;

float: right;

margin-right: 7px;

padding-right: 21px;

text-transform: none

}

#right_column {

width: 225px;

margin-left: 20px;

overflow: hidden

}

/* global RTE fields */

.rte,

.mceContentBody {

text-align: left;

color: #5a5a5a

}

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 img,.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 img, .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;

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 {

color: #000

}

.rte h1,

.mceContentBody h1 {

font-size: 25px;

font-weight: bold;

background: inherit

}

.rte h2,

.mceContentBody h2 {

font-size:14px;color:#1e1e1e;

background: none;

text-transform: none;

height: auto

}

.rte h3, .mceContentBody h3 { font-size: 12px;margin-top:5px }

.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 }

/* tables still need 'cellspacing="0"' in the markup */

.rte table,.mceContentBody table {

border-collapse: separate;

border-spacing: 1px;

width: auto

}

.rte caption, .rte th, .rte td, .rte table,

.mceContentBody caption, .mceContentBody th, .mceContentBody td, .mceContentBody table {

text-align: left;

font-weight: normal;

background: none;

height: inherit;

border: 1px #e5e6e7 solid;

text-align: center

}

.rte th, .mceContentBody th {

padding-left: 1em;

padding-right: 1em;

background: #e5e6e7

}

#center_column .rte p,

.mceContentBody p { padding-left: 0; margin: 0.5em 0 }

.rte ol, .mceContentBody ol {

list-style-type: decimal;

margin-left: 10px

}

/* /global RTE fields */

/* global table style */

div.table_block{margin:10px auto 2em;width:100%}

table#carrierTable{margin-top:10px;}

table.std{border-collapse:collapse;border-spacing:0;width:100%;border-top:none}

.std td{padding:10px}

.std td.carrier_price{text-align:right}

.std tr.alternate_item td,.std tr.alternate_item th{background-color:#f1f2f4}

.std thead th{background:#000;color:#fff;font-size:10px;font-weight:700;height:30px;text-align:left;text-transform:uppercase;white-space:nowrap;padding:0 10px}

.std thead th.cart_ref, .std thead th.cart_availability{text-align:center}

.std th.first_item{padding-left:10px}

.std th.last_item{text-align:right}

.std tfoot td,.std tfoot td#free_shipping{color:#828282;font-size:12px;font-weight:700;text-align:right;text-transform:none;white-space:nowrap}

.std tfoot tr.cart_free_shipping td{color:#c4c4c4!important}

.std tfoot tr.cart_free_shipping td.price{font-weight:700!important}

/* /global table style */

/* global form style */

form.std { clear: both }

form.std h3{color:#1e1e1e;font-size:12px;font-weight:700;margin:0 0 .5em;text-transform:none}

form.std fieldset{border:none;margin-bottom:1em;padding-bottom:1em}

form.std legend{border-color:#d0d1d5;border-style:solid;border-width:1px;font-size:1.6em;font-weight:100;margin:1em 0 1em .5em;padding:.3em .6em}

form.std h4,form.std p{clear:both;padding:5px 0}

form.std label{line-height:25px;}

form.std label,form.std p span{float:left;margin-right:5px;text-align:right;width:32%}

form.std p span.inline-infos{display:none}

form.std p span.like_input {

width: auto;

margin-left: 0.7em

}

input, textarea, select, span.editable {

font-size: 11px;

font-family: Arial, Helvetica, Sans-Serif;

outline: none

}

input, textarea, select { border: 1px solid #e1e1e1;height:23px;line-height:23px; color:#5a5a5a;}

input.text {

height: 23pxpx;padding:0 10px;line-height:23px;border: 1px solid #e1e1e1;

}

input{padding:0 10px;}

textarea{padding:10px;}

select{padding:3px;}

.checkbox input, .radio input { border: none }

form.std .checkbox label, form.std .radio label, form.std span.form_info {

margin: 0;

float: none;

text-align: left

}

.required sup { color: #da0f00;vertical-align:0 }

form.std p.checkbox { padding-left: 30% }

form.std p.submit {

margin-bottom: 1.5em

}

#center_column form.std p.submit2 {

padding-left: 170px;

margin-bottom: 1.5em

}

/* START OF BUTTONS SECTION

* -tags: input, a, span

* -sizes: mini, small, normal, large

* -types: button, exlusive

* -status: normal, hover, disabled

* -rule: the span.button is a a.button disabled

*/

/* global button */

input.button_mini, input.button_small, input.button, input.button_large,

input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled,

input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large,

input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled,

a.button_mini, a.button_small, a.button, a.button_large,

a.exclusive_mini, a.exclusive_small, a.exclusive, a.exclusive_large,

span.button_mini, span.button_small, span.button, span.button_large,

span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large, span.exclusive_large_disabled {

background-repeat: no-repeat;

background-position: top left;

border: none;

color: #fff!important;

font-weight: bold;text-transform:uppercase;

font-size: 10px!important;

text-align: center;

text-decoration: none!important;

cursor: pointer;

display: block;

line-height: 25px;

height: 25px

}

/* input button */

input.button_mini, input.button_small, input.button, input.button_large,

input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled,

input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large,

input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled {

padding-bottom: 2px

}

/* disabled button */

input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled,

input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled,

span.button_mini, span.button_small, span.button, span.button_large,

span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large, span.exclusive_large_disabled {

cursor: default;

color: #888!important

}

/* exclusive button */

input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large,

input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled,

a.exclusive_mini, a.exclusive_small, a.exclusive, a.exclusive_large,

span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large, span.exclusive_large_disabled {

color: white!important

}

/* exclusive disabled button */

input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled, span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large {

color: #488c40!important

}

/* hover button */

input.button_mini:hover, input.button_small:hover, input.button:hover, input.button_large:hover,

input.exclusive_mini:hover, input.exclusive_small:hover, input.exclusive:hover, input.exclusive_large:hover,

a.button_mini:hover, a.button_small:hover, a.button:hover, a.button_large:hover,

a.exclusive_mini:hover, a.exclusive_small:hover, a.exclusive:hover, a.exclusive_large:hover {

}

/* exclusive hover button */

input.exclusive_mini:hover, input.exclusive_small:hover, input.exclusive:hover, input.exclusive_large:hover, a.exclusive_mini:hover, a.exclusive_small:hover, a.exclusive:hover, a.exclusive_large:hover {}

/* classic buttons */

input.button_mini, input.button_mini_disabled, input.exclusive_mini, input.exclusive_mini_disabled, a.button_mini, a.exclusive_mini, span.button_mini, span.exclusive_mini {

width: auto;

background: url('../img/button-mini.png') repeat-x 0 0;border:none;padding-left:15px;padding-right:15px;

}

input.button_small, input.button_small_disabled, input.exclusive_small, input.exclusive_small_disabled, a.button_small, a.exclusive_small, span.button_small, span.exclusive_small {

width: 60px;

background: url('../img/button-small.png') repeat-x;border:none

}

input.button, input.button_disabled, input.exclusive, input.exclusive_disabled, a.button, a.exclusive, span.button, span.exclusive {

width: auto;height:25px;line-height:25px;

background: url('../img/button-medium.png') repeat-x top;border:none;color:#5a5a5a!important;padding-left:15px;padding-right:15px;border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1;

}

input.button_large, input.button_large_disabled, input.exclusive_large, input.exclusive_large_disabled, a.button_large, a.exclusive_large, span.button_large, span.exclusive_large, span.exclusive_large_disabled {

width: auto;

background: url('../img/button-large.png') repeat-x;border:none;color:#5a5a5a!important;padding-left:15px;padding-right:15px;border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1;

}

/* exclusive button */

input.exclusive, input.exclusive_disabled, a.exclusive, span.exclusive { background: url('../img/button-medium_exclusive.png') repeat-x;color:#fff!important ;border:none}

input.exclusive_mini, input.exclusive_mini_disabled, a.exclusive_mini, span.exclusive_mini { background-image: url('../img/button-mini_exclusive.gif');border:none }

input.exclusive_small, input.exclusive_small_disabled, a.exclusive_small, span.exclusive_small { background-image: url('../img/button-small_exclusive.gif');border:none }

input.exclusive_large, input.exclusive_large_disabled, a.exclusive_large, span.exclusive_large, span.exclusive_large_disabled { background-image: url('../img/button-large_exclusive.gif');color:#fff!important;border:none}

/* id_state field in managed via JS and is firstly hidden */

form p.id_state { display: none }

/* generic style */

ul.bullet li, .block ul.bullet li, li.bullet {

list-style-type: none;margin:7px 0;

}

ul.bullet li a, .block ul.bullet li a, li.bullet a{color:#5a5a5a;text-transform:uppercase;font-size:10px;font-weight:700}

ul.bullet li a:hover, .block ul.bullet li a:hover, li.bullet a:hover{color:#333333;text-decoration:underline}

.price-discount { text-decoration: line-through ; color: #B2B2B2;

font-size: 12px;font-weight:700;margin-right:5px}

.price-pretax { color: gray }

.price-ecotax { color: #488c40 }

img.icon { margin-right: 0.5em; vertical-align: middle }

.weight-price {

font-size: 0.75em;

text-align: right;

color: gray

}

.volume-price {

font-size: 0.75em;

text-align: right;

color: gray

}

.unity-price {

font-size: 0.75em;

text-align: right;

color: gray

}

.price, .price-shipping, .price-wrapping {

color: #000;

font-size: 12px;

font-weight: 700;

}

/* errors */

.error{background:#fff0f0;border:1px dotted #ec7f78;color:#da0f00;margin:.3em 0 1.5em;padding:.3em .8em 1em}

.error p{color:#da0f00!important;font-weight:700;line-height:30px;text-transform:none}

.error li{list-style-position:inside;list-style-type:decimal;padding-left:7px}

.warning{background-color:#fcf4df;border:1px dotted #b59952;color:#a8852b;font-size:12px;font-weight:700;margin:.2em 2em;padding:.6em 1em!important}

.warning_inline{color:#da0f00;font-weight:700}

.success{color:green;font-weight:700;margin:.2em 1em;padding:.3em .8em 1em}

.success_inline{color:green;font-weight:700}

/* breadcrumb.tpl */

#cms .breadcrumb{margin-bottom:10px;}

#order .breadcrumb,#authentication .breadcrumb{margin-bottom:40px;}

.breadcrumb{background:#070707;color:#fff;height:31px;line-height:31px;margin-bottom:20px;padding-left:10px;width:705px}

#category .breadcrumb{margin-bottom:10px;}

.breadcrumb .navigation-pipe{background:url(../img/bkg_bc_span.png) no-repeat scroll 8px 14px transparent;float:left;padding:0 10px;text-indent:-9999px}

.breadcrumb a{color:#fff;float:left;text-decoration:none;font-size:10px;font-weight:700;text-transform:lowercase}

.breadcrumb span{font-size:10px;font-weight:700;text-transform:lowercase}

.breadcrumb a:hover{text-decoration:none;color:#e1e1e1;}

/* pagination.tpl */

div.pagination ul.pagination{width:auto;float:left;margin-top:4px;}

div.pagination{float:left;width:auto;margin-top:6px;}

ul.pagination li{display:inline;float:left;margin-right:.3em}

ul.pagination li a{color:#000}

ul.pagination a,ul.pagination span{display:block;line-height:17px;padding:0 .4em 0 0}

ul.pagination .current span{color:#13B6FE}

ul.pagination li.truncate{background:none;padding:.3em}

#pagination_previous a,#pagination_previous span{border-left:none}

#pagination_next{padding-right:6px}

li.disabled span {

color: #000;

}

form.pagination { text-align: right;float:left }

form.pagination p{margin:0!important}

form.pagination label {

line-height: 1.4em;

vertical-align: bottom;

float: left;margin:0 5px;padding-top:5px;

}

form.pagination select { float: left;margin:1px 5px 0 0;#margin-top:3px;line-height:18px; }

form.pagination select option {

font-size: 0.9em;

padding-right: 1em

}

form.pagination input { float: left;#line-height:23px; }

/* steps (like order step) */

ul.step {

list-style: none;

min-height:27px;

width: auto;position:relative;float:right;top:-50px!important;border-bottom:2px solid #000

}

ul.step li {

min-height: 16x;line-height:14px;

float: left;

width: 65px;padding:6px 15px;margin-left:1px;

text-align: center;border:1px solid #e1e1e1;color:#828282;

}

ul.step li.step_current {background:#000000;color:#fff;border:none;padding-top:7px;padding-bottom:7px;}

ul.step li#step_end { }

ul.step li#step_end.step_current {}

ul#order_step {}

/* product-sort.tpl */

#search .compare{float:right}

.sortPagiBar{width:auto;float:right}

#productsSortForm,.compare{width:auto;float:left}

#productsSortForm p {

height: 1em;

margin: 0.5em 0 0 0

}

#productsSortForm label, #productsSortForm select { float: left;color:#5a5a5a; }

#productsSortForm select { font-size: 1em;

line-height: 18px;

margin-top: 1px;width:150px; }

#productsSortForm label { margin-right: 5px;padding-top:6px}

.compare p input.button {

margin-left: 5px;

margin-top: 6px;

width: 88px;background:#28d0e9;color:#fff!important;border:none;

}

/* 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 */

#index #footer {border:none}

#footer {

clear: both;border-top:1px solid #e1e1e1;padding-top:20px;padding-bottom:118px;

}

/* Default block style */

div.block {

margin-bottom:30px;

width: 225px

}

#left_column div.block,

#right_column div.block {

padding-bottom: 5px;overflow:hidden

}

div.block h4 {

text-transform: uppercase;

font-weight: bold;

font-size: 12px;

color: #000;border-bottom:2px solid #000;padding-bottom:5px;margin-top:9px;

}

div.block h4 a { color: #000 }

div.block ul { list-style: none }

div.block ul.tree li { padding-left: 1.2em }

div.block a:hover { text-decoration: none }

#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 {

padding:5px 0;

}

div.block li {

list-style-position: outside

}

div.block a {

color: #595a5e;

text-decoration: none

}

/* block exclusive */

#left_column div.exclusive, #right_column div.exclusive {

}

div.exclusive h4 {

color: #1e1e1e

}

div.exclusive h4 a { color: #1e1e1e;font-size:12px; }

div.exclusive li { margin-top: 0 }

div.exclusive, div.exclusive a { color: #1e1e1e }

div.exclusive .block_content {padding:5px 0;overflow:hidden}

/* block in the center column */

#center_column p { margin: 0.5em 0; }

#center_column div.block { width:100%; margin: auto }

#center_column div.block h4 {

background: transparent url('../img/block_header_large.png') no-repeat top left;

height: 17px;

color: #1e1e1e

}

/* 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 img { margin-right: 5px }

.products_block li.last_item { border: none }

.products_block li img {text-align:center;width:100%;height:100%}

.products_block p img {

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 {

background: #d0d3d8 none;

padding: 0

}

#center_column .products_block ul li:hover { background-color: #bdc2c9 }

#center_column .products_block ul li {

float: left;

background-color: #d0d3d8;

margin-top: 0;

padding: 0 0 1px;

width: 133px;

border-right: 1px solid white;

border-bottom: 1px solid white

}

#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: 2.57em

}

#center_column div.products_block h5 a {

color: #374853;

font-size: 1.1em

}

#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;text-align:center;

width: 225px;

height:240px

}

#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 img {

float: none;

margin: 0

}

#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 ul li div.product_desc a { font-weight: normal }

#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 }

td.discount_value{white-space:nowrap}

.cart_last_product{margin:0 auto 40px;width:340px;clear:both}

.cart_last_product_header{color:#767878;padding-left:15px;background:#28d0e9}

.cart_last_product_header .left{color:#fff;font-size:10px;font-weight:700;height:30px;line-height:30px;margin-bottom:10px;width:350px;text-transform:uppercase}

.cart_last_product a.cart_last_product_img{

border: 1px solid #e1e1e1;

float: left;

height: 62px;

margin-right: 10px;

text-align: center;

width: 62px;

}

.cart_last_product_img img{height:50px;width:50px}

.cart_last_product_content{float:left;padding-top:5px;width:241px}

.cart_last_product_content h5 {margin-top:10px;}

.cart_last_product_content h5 a{color:#1e1e1e;font-size:12px;font-weight:700}

p.cart_navigation{float:left;width:100%;}

p.cart_navigation a.button_large{float:left;}

p.cart_navigation .exclusive,p.cart_navigation .exclusive_large,p.cart_navigation .exclusive_large_disabled{cursor:pointer;float:right}

p.cart_navigation_extra{text-align:center;width:auto}

form.std p.cart_navigation span{float:none;text-align:left;width:auto}

#cart_summary tfoot td{border-top:none;line-height:1.5em;padding-right:15px}

#cart_summary tfoot tr.cart_total_product td{border-top:1px solid #bdc2c9}

#cart_summary tfoot tr.cart_total_price td{background:none;font-weight:700;margin-bottom:5px;text-transform:none}

tfoot tr td{background:#f5f5f5;}

tr.cart_total_price.total_font td{color:#1e1e1e;font-size:14px!important;font-weight:700!important;text-transform:none!important}

tr.cart_total_price.total_font span{font-size:14px!important;}

#cart_summary tfoot tr.cart_total_price td.price{color:#1e1e1e;font-weight:700;}

tr.cart_total_price td.total_incl,tr.cart_total_price td#total_price{font-size:14px!important;color:#1e1e1e;text-transform:none!important}

#cart_summary .price,#cart_summary .price-discount{color:#828282;font-size:12px!important;font-weight:700;text-decoration:none}

tr.cart_item td{padding:10px;text-align:left}

tr.cart_item.even td{background:#f5f5f5;}

td.cart_product{padding-left:10px!important}

td.cart_product a{padding:2px;width:62px;height:62px;display:block;border:1px solid #e1e1e1;}

td.cart_description h5 a,td.cart_ref,td.cart_total{color:#1e1e1e;font-size:12px;font-weight:700;text-transform:none}

td.cart_ref, td.cart_availability{text-align:center!important}

td.cart_total .price{color:#1e1e1e!important;font-size:12px;font-weight:700}

tr.cart_item td.cart_unit{text-align:left}

tr.cart_item td.cart_unit .price{color:#1e1e1e!important;padding:0}

td.cart_quantity{text-align:left;width:70px}

td.cart_quantity div{float:left!important;margin-left:20px;width:10px}

td.cart_quantity #cart_quantity_button{float:left!important;margin-bottom:7px;margin-left:0;width:27px;position:relative}

td.cart_quantity .cart_quantity_button{float:right!important}

.cart_quantity_input{background:none repeat scroll 0 0 transparent!important;border:medium none;height:20px!important;line-height:20px!important;margin:-2px 0 0 -1px !important;padding:0;position:absolute;left:0;text-align:left;width:30px;color:#828282;font-weight:700}

td.cart_quantity p,td.cart_quantity a{display:inline;float:left}

.cart_quantity_delete{}

td.cart_quantity p{padding-right:.3em}

td.cart_quantity .icon{margin-top:.6em}

td.cart_quantity a.cart_quantity_down{margin-top:10px}

td.cart_delete a.cart_quantity_delete,td.price_discount_del a.price_discount_delete{float:right;text-indent:-9999px;background:url(../img/icon/delete.gif) no-repeat center;width:8px;height:8px;}

#cart_voucher{margin:20px 0}

#order #voucher fieldset,#order-opc #voucher fieldset{height:auto;padding:12px 20px;border:none;width:673px;border:1px solid #e1e1e1;}

#order form#voucher .button, #order-opc form#voucher .button{background:#000;float:left;height:25px;width:96px;color:#fff!important;border:none}

#order form#voucher h4,#order-opc form#voucher h4{color:#1e1e1e;float:left;font-size:12px!important;font-weight:700;margin-right:10px;text-transform:uppercase;border-right:1px solid #e1e1e1;padding:5px 10px 5px 0;height:auto;width:69px;}

#order form#voucher p,#order-opc form#voucher p{border:none;margin:0;padding:0;width:auto;float:left}

#order form#voucher p.submit,#order-opc form#voucher p.submit{float:right}

#order form#voucher p input#discount_name,#order-opc form#voucher p input#discount_name{float:left;height:23px;margin-left:7px;width:413px;border:1px solid #e1e1e1;}

#order form#voucher p label,#order-opc form#voucher p label{color:#828282;float:left;font-size:11px;font-weight:700;text-transform:none;margin-top:6px;}

#order #form h3.condition_title{padding-top:0;color:#1e1e1e;font-size:12px;}

#order #form h3{color:#1e1e1e;font-size:12px;min-height:20px;text-transform:none;font-weight:700;margin: 25px 0 7px;}

#order p.checkbox input{height:auto;vertical-align:-2px;padding:0}

#order p#gift_div textarea{height:75px;margin-bottom:15px;margin-top:5px;width:97%}

#order #order_carrier{clear:both;margin-bottom:10px}

#order-opc form#voucher fieldset #display_cart_vouchers{clear:both;float:left;margin-top:5px}

#order-opc form#voucher fieldset #display_cart_vouchers .voucher_name{color:#DD2A81;cursor:pointer;font-weight:700}

#order-opc #order_carrier{border:1px solid #bdc2c9;clear:both;margin-top:1em;padding:.5em}

#order .order_delivery{float:left;padding:0 20px;width:666px;}

#compare_shipping #availableCarriers_table{width:100%!important;margin-top:15px;}

#order .order_delivery{float:left;width:100%}

.order_carrier_content{overflow:hidden;padding-bottom:30px;width:100%}

.order_carrier_content .delivery_options_address .delivery_option{overflow:hidden}

.order_carrier_content .delivery_options_address .delivery_option label{width:95%;float:left}

.order_carrier_content .delivery_options_address .delivery_option label table{border:none}

.order_carrier_content .delivery_options_address .delivery_option input.delivery_option_radio{width:auto;float:left;margin-top:10px;line-height:10px;height:auto!important;border:none}

form#compare_shipping_form.std label {

line-height: 23px;

text-align: left;

white-space: nowrap;

}

#compare_shipping_form #states #id_state, #compare_shipping_form #id_country {

width: 270px;

}

#compare_shipping_form #zipcode {

margin-right: 5px;

padding: 0 5px;

width: 258px;

}

/* manufacturers-list.tpl && suppliers-list.tpl */

#manufacturers_list, #suppliers_list {

margin-top: 2em;

list-style-type: none

}

#suppliers_list li, #manufacturers_list li {

border-bottom: solid 1px #e1e1e1;padding-bottom:10px;margin-bottom:10px;width:100%;float:left;overflow:hidden

}

#suppliers_list li a, #manufacturers_list li a {

text-decoration: none;

}

#suppliers_list li h3, #manufacturers_list li h3 { margin:0 0 5px;text-transform:uppercase;color: #1e1e1e; }

#suppliers_list li h3 a, #manufacturers_list li h3 a{text-transform:uppercase;color: #1e1e1e;}

#suppliers_list .left_side, #manufacturers_list .left_side {

float: left;

width: 75%

}

#suppliers_list .logo, #manufacturers_list .logo {

border: solid 1px #e1e1e1;

float: left;

margin-right:10px

}

#suppliers_list li p.description,

#manufacturers_list li p.description { font-size: 0.92em }

#suppliers_list li .right_side,

#manufacturers_list li .right_side {

float: right;

text-align: right

}

#suppliers_list .right_side span,

#manufacturers_list .right_side span {

font-size:11px;

color: #000

}

#suppliers_list li a.button,

#manufacturers_list li a.button { margin-top: 4em }

/* conditions & legal */

ul.shop_info {

list-style-type: square!important;

list-style-position: inside;

padding: 0.6em;

margin-top: 0.6em;

margin-left: 2em;

border: 1px solid #888

}

ul.shop_info li {

padding-left: 0.5em!important;

padding-bottom: 0.5em!important

}

/* conditions.tpl */

#conditions #right_column { display: none }

#conditions h2 { background: transparent url('../img/title_bg_large.gif') no-repeat top left }

#conditions #center_column {

width: 730px;

text-align: justify

}

#conditions #center_column ul,

#conditions #center_column ol {

margin-left: 2em;

padding: 0.6em

}

#conditions #center_column ul { list-style-type: circle }

#conditions #center_column li { padding-bottom: 0.5em }

#conditions #center_column { line-height: 1.3em }

/* order step 3: PAYMENT */

.payment_module { display: block ;margin-left:0!important}

.payment_module img {

vertical-align: middle;

margin-right: 1em

}

.payment_module a {

display: block;

border: 1px solid #595a5e;

padding: 0.6em;

text-decoration: none

}

.payment_module a:hover, .payment_module a:focus, .payment_module a:active {

border: 1px solid #488c40;

background-color: #e5e6e7;

color: #374853

}

/* Printable version */

@media print {

div#left_column, div#right_column, div#footer, a.button, span.button , .button, ul#usefull_link_block, div#header_user, #languages_block_top, #search_block_top, #currencies_block_top, ul#header_links, ul.idTabs, #availability_statut br {

display: none

}

div#center_column { width: 100% }

input.text { border: 1px solid gray }

.block_hidden_only_for_screen {

display: block;

margin-top: 1em

}

#more_info_sheets #idTab1 { width: 530px }

* {

background: none!important;

background-color: white!important;

}

/* Customizable product */

#customization_block { width: 556px }

.customization_block_title { margin: 4px 4px 4px 2px }

#customization_block ul { margin: 6px 6px 0 6px }

.customization_block_input { vertical-align: inherit }

img.customization_delete_icon { margin: 2px }

li.customizationUploadLine {

text-align: right;

margin-right: 40px;

clear: left;

padding: 4px;

display: block

}

div.customizationUploadBrowse { float: left }

div.customizationUploadBrowseDescription { padding: 6px }

img.customizationUploaded {

margin: 2px;

border: 1px solid #888888

}

ul.customizationUploaded {

list-style-type: none;

margin-left: 4px

}

ul.customizationUploaded li { display: inline }

ul.customizationUploaded a { text-decoration: none }

div.customizationUploaded { clear: left }

div.deletePictureUploaded { float: right }

div.deleteCustomizableProduct { float: right }

ul.typedText {

padding-left: 6px;

list-style-type: none

}

/* mywishlist */

#mywishlist div#block-order-detail form.wl_send fieldset p input { margin-left: 60px }

#mywishlist div#block-order-detail {

margin-top: 10px;

display: block

}

#mywishlist form.std fieldset label { width: 30px }

#mywishlist form.std fieldset input#submitWishlist { display: inline }

#mywishlist table.std thead th.mywishlist_first {

text-align: center;

width: 40px

}

#mywishlist table.std thead th.mywishlist_second {

text-align: center;

width: 80px

}

#mywishlist table.std thead th.first_item,

#mywishlist table.std tbody tr td { width: 200px }

#mywishlist div#block-order-detail ul li span.wishlist_product_detail select { margin: 0 }

#mywishlist div#block-order-detail { margin-top: 10px }

#mywishlist #hideBoughtProducts,

#mywishlist #showBoughtProducts {

float: left;

margin: -18px 0 0 5px

}

#mywishlist #showBoughtProducts,

#mywishlist #hideBoughtProductsInfos,

#mywishlist #hideSendWishlist { display: none }

#mywishlist #showBoughtProductsInfos,

#mywishlist #hideBoughtProductsInfos { margin-left: 5px }

#mywishlist #showSendWishlist,

#mywishlist #hideSendWishlist,

#mywishlist div#block-order-detail ul li a.exclusive {

float: right;

margin: -18px 0 0 0

}

#mywishlist div#block-order-detail table.wlp_bought_infos thead tr th { text-align: center }

#mywishlist div#block-order-detail table.wlp_bought_infos thead tr th.first_item { width: 300px }

#mywishlist div#block-order-detail table.wlp_bought_infos { margin: 0 0 0 10px }

#mywishlist div#block-order-detail ul li img { float: left }

/* View wishlish */

#view_wishlist #featured-products_block_center ul div li a img { float: left }

#view_wishlist #featured-products_block_center ul div li a,

#view_wishlist #featured-products_block_center ul div li span {

text-decoration: none;

float: left

}

#view_wishlist #featured-products_block_center ul div li span.wishlist_product_detail,

div#mywishlist div#block-order-detail ul li span.wishlist_product_detail {

margin-left: 30px;

float: left

}

div#mywishlist div#block-order-detail ul li span.wishlist_product_detail { margin-bottom: 5px }

#view_wishlist #featured-products_block_center ul div li a.exclusive,

#view_wishlist #featured-products_block_center ul div li span.exclusive {

margin-left: 55px

}

#view_wishlist #featured-products_block_center ul div li.address_name input.text {

color: #999;

font-weight: bold;

font-size: 11px;

border: 0

}

/* module reversoform*/

.account_creation #reverso-form { width: 100% }

.account_creation #reverso-form label {

width: 250px;

text-align: left;

margin-left: 10px

}

.account_creation #reverso-form label#legend_reverso {

clear: both;

width: 100%;

font-size: 10px;

text-align: left

}

.account_creation #reverso-form input#reverso_form { margin-top: 20px }

/* module productcomments */

.rating {

cursor: pointer;

margin: 2em;

clear: both;

display: block

}

.rating:after {

content: '.';

display: block;

height: 0;

width: 0;

clear: both;

visibility: hidden

}

.cancel, .star {

float: left;

width: 17px;

height: 15px;

overflow: hidden;

text-indent: -999em;

cursor: pointer

}

.cancel, .cancel a { background: url(../../../modules/productcomments/img/delete.gif) no-repeat 0 -16px }

.star{margin-top:3px;}

.star, .star a { background: url(../../../modules/productcomments/img/star.gif) no-repeat 0 0;height:12px!important; }

.cancel a, .star a {

display: block;

width: 100%;

height: 100%;

background-position: 0 0

}

div.star_on a { background-position: 0 -12px }

.cancel a:hover{background-position: 0 -16px}

div.star_hover a, div.star a:hover { background-position: 0 -24px }

.pack_content { margin: 10px 0 10px 0 }

.pack_price {

float: right;

margin-right: 3px;

font-size: 12px

}

.confirmation {

color: #808000;

font-weight: bold

}

#page .rte { background: transparent none repeat scroll 0 0 }

/* module paypalapi */

.paypalapi_about { text-align: justify }

.paypalapi_about ul { padding-left: 20px }

/* cms pages */

#cms div.content_only {

text-align: left;

padding: 10px

}

.live_edit_feed_back_ok {

color: #374853;

background-color: #DFFAD3;

padding: 4px;

border: 2px solid #72CB67

}

.live_edit_feed_back_ko {

color: #374853;

background-color: #FAE2E3;

padding: 4px;

border: 2px solid #EC9B9B

}

.add_module_live_edit {

background-color: #F1F2F4;

padding: 4px;

border: 2px solid #D0D3D8;

}

/*categories_block_top*/

div#categories_block_top{z-index: 100;width:100%;float:left;margin:30px 0 0px;}

div#categories_block_top .block_content{background:none;border:none;padding:0;height:26px;line-height:25px;border-bottom:1px solid #e1e1e1}

div#categories_block_top .block_content ul{position:relative}

div#categories_block_top ul li{background:none;border:none;float:left;margin:0 3px 0 0;padding:0;position:relative;z-index:100;padding:0 15px;}

div#categories_block_top ul li.first{padding-left:0}

div#categories_block_top ul li:hover a{color:#323232;font-weight:400;text-decoration:none}

div#categories_block_top ul li:hover{color:#323232;font-weight:400;padding-bottom:0}

div#categories_block_top ul li a.menu{color:#323232;float:left;font-weight:700;text-transform:uppercase}

div#categories_block_top ul li.first a.menu{padding-left:0}

div#categories_block_top ul li a.menu{font-size:12px;font-weight:700}

div#categories_block_top ul li a.menu:hover{color:#323232;font-weight:700;border-bottom:2px solid #000;}

div#categories_block_top ul li.selected a.menu{border-bottom:2px solid #000;}

div#categories_block_top ul li a.selected.menu{color:#323232;font-weight:700;border-bottom:2px solid #000;}

div#categories_block_top ul li ul.subcategories{background:#1e1e1e;display:none;left:0;position:absolute;top:25px;width:195px;padding-bottom:10px}

div#categories_block_top ul li ul.subcategories li a{border:none;color:#323232;height:26px;line-height:26px;padding:0 0 0 15px;text-transform:uppercase}

div#categories_block_top ul li ul.subcategories li.first{margin-top:0}

div#categories_block_top ul li ul.subcategories li{text-align:left;text-transform:uppercase;width:195px;margin:2px 0;padding:0}

div#categories_block_top ul li ul.subcategories li.submenu ul{background:#1e1e1e;display:none;left:195px;position:absolute;top:0;width:195px}

div#categories_block_top ul li ul.subcategories li.fisrt:hover,div#categories_block_top ul li ul.subcategories li:hover,div#categories_block_top ul li ul.subcategories li a:hover{color:#323232;text-decoration:none;background:url(../img/bkg_subcategories_li.jpg) no-repeat top left;height:26px;}

div#categories_block_top ul li ul.subcategories li.first a:hover{padding-bottom:0;padding-left:15px}

div#categories_block_top ul li.submenu ul.subcategories li a{color:#bdbdbd;font-size:10px;font-weight:700}

div#categories_block_top ul li.submenu ul.subcategories li a:hover{color:#fff;text-decoration:none}

div#categories_block_top ul li ul#subcategories li a{color:#323232;font-size:11px;text-decoration:none}

.inline_list img,div#categories_block_top ul li:hover ul.subcategories,div#categories_block_top ul li ul.subcategories li:hover.submenu ul,.payment_module{display:block}

div#categories_block_top ul li ul.subcategories li.submenu ul,div#categories_block_top ul li ul.subcategories li.submenu ul.subcategories li.submenu ul,div#categories_block_top ul li ul.subcategories li.submenu ul.subcategories li.submenu ul.subcategories li.submenu ul{left:195px;display:none;top:0}

div#categories_block_top ul li ul.subcategories li:hover.submenu ul,

div#categories_block_top ul li ul.subcategories li.submenu ul li:hover.submenu ul,

div#categories_block_top ul li ul.subcategories li.submenu ul.subcategories li.submenu ul.subcategories li:hover.submenu ul{display:block}

/*categories_block_top*/

#main-slideshow .wrapper .slideshow {

position: relative;

width: 100%;

}

.slideshow .slideshow-box {

height: 405px;

overflow: hidden;

position: relative;

width: 960px;

}

#main-slideshow .wrapper .slideshow .slideshow-box li {

height: 405px;

position: relative;

width: 960px;

}

#main-slideshow .wrapper .slideshow .slideshow-box li .cls_btn{position:absolute;bottom:0;z-index:100;background:#000;left:0;height:140px;}

#main-slideshow .wrapper .slideshow .slideshow-box li .cls_btn .text{width:290px;float:left;padding:20px;text-align:left;height:100px;}

#main-slideshow .wrapper .slideshow .slideshow-box li .cls_btn .text h5{width:100%;float:left;color:#28d0e9;font-size:14px;margin-bottom:7px;}

#main-slideshow .wrapper .slideshow .slideshow-box li .cls_btn .text p{color:#fff;font-size:11px;}

#main-slideshow .wrapper .slideshow .slideshow-box li .cls_btn .price{width:100px;padding:20px;text-align:center;border-left:1px solid #fff;float:left;height:100px;}

#main-slideshow .wrapper .slideshow .slideshow-box li .cls_btn .price span{width:100%;color:#fff;font-size:14px;float:left}

#main-slideshow .wrapper .slideshow .slideshow-box li .cls_btn .price span.gia{color:#fff;font-size:44px;}

.navigation {

bottom: 25px;

left: 20px;

position: absolute;

z-index: 100;

}

.navigation li {

background: url("../img/i_slideshow-node.png") no-repeat scroll -17px 0 transparent;

float: left;

height: 9px !important;

overflow: hidden;

text-indent: -9999px;

width: 12px !important;

}

.navigation li.first{display:none}

.navigation li.activeSlide {

background-position: 0 0;

cursor: default;

}

/*casual_tabs*/

.casual_tabs{width:960px;margin:30px auto 0;height:370px;}

.casual_tabs .ui-tabs{position:relative;overflow:hidden}

#index .ui-tabs .ui-tabs-nav{height:18px;margin:10px auto 0;overflow:hidden;width:auto;position:relative;top:0px;z-index:100;text-align:center;display:inline-block;#display:inline}

@media screen and (-webkit-min-device-pixel-ratio:0)

{ #index .ui-tabs .ui-tabs-nav {padding-bottom:13px; } }

#index .ui-tabs p{text-align:center;}

#index .ui-tabs .ui-tabs-nav li{border-bottom:0!important;height:15px;list-style:none;padding:0;position:relative;white-space:nowrap;border-right:1px solid #e1e1e1;display:inline-block;width:auto;margin:0 auto;float:none;}

#index .ui-tabs .ui-tabs-nav li.last{border:none}

#index .ui-tabs .ui-tabs-nav li a{color:#7f7f7f!important;float:left;font-size:11px;font-weight:700;line-height:15px;padding:0 10px;text-decoration:none;text-transform:uppercase}

#index .ui-tabs .ui-tabs-nav li a:hover{color:#000!important}

#index .ui-tabs .ui-tabs-nav li.ui-tabs-selected h4{height:15px;color:#000;}

#index .ui-state-default strong{height:39px;width:auto}

#index .ui-tabs .ui-tabs-nav li.ui-tabs-selected a,.ui-tabs .ui-tabs-nav li.ui-state-disabled a,.ui-tabs .ui-tabs-nav li.ui-state-processing a{color:#000!important;cursor:text;height:15px;}

#index .ui-tabs .ui-tabs-nav li.ui-tabs-selected strong,.ui-tabs .ui-tabs-nav li.ui-state-disabled strong,.ui-tabs .ui-tabs-nav li.ui-state-processing strong{background:url(../images/bg-shad-tab.png) repeat-x;color:#fff;height:39px;z-index:1}

#index .ui-tabs .ui-tabs-nav li.ui-tabs-selected span,.ui-tabs .ui-tabs-nav li.ui-state-disabled span,.ui-tabs .ui-tabs-nav li.ui-state-processing span{color:#fff!important;height:46px;padding:16px 15px 15px 0;position:relative;top:0}

#index .ui-tabs .ui-tabs-panel{display:block;overflow:hidden;border-top:1px solid #e1e1e1;margin-top:0;padding-top:15px;text-align:left!important}

#index .ui-tabs .ui-tabs-panel .cycleElementsArrow{position:absolute;right:0;top:28px;width:25px;height:51px;z-index:100}

#index .ui-tabs .ui-tabs-panel .cycleElementsArrow #cycle-prev1,.ui-tabs .ui-tabs-panel .cycleElementsArrow #cycle-prev2,.ui-tabs .ui-tabs-panel .cycleElementsArrow #cycle-prev3{background:url(../img/cycle-prev.png) no-repeat left;float:left;height:25px;text-indent:-999px;width:25px;position:absolute;top:26px;right:0}

#index .ui-tabs .ui-tabs-panel .cycleElementsArrow #cycle-next1,.ui-tabs .ui-tabs-panel .cycleElementsArrow #cycle-next2,.ui-tabs .ui-tabs-panel .cycleElementsArrow #cycle-next3{background:url(../img/cycle-next.png) no-repeat right;float:right;height:25px;text-indent:-999px;width:25px;position:absolute;top:0;right:0}

#index .ui-tabs .ui-tabs-panel #cycle1,.ui-tabs .ui-tabs-panel #cycle2,.ui-tabs .ui-tabs-panel #cycle3{width:960px!important;clear:both}

#index .ui-tabs .ui-tabs-hide{display:none!important}

ul.products-list {

overflow: hidden;

padding-bottom: 20px;

width: 100%;height:290px!important;

}

ul.products-list li {

float: left;

width: 226px;margin-right:20px;position:relative;height:290px;

}

ul.products-list li.last_item{margin-right:0}

ul.products-list li a.product_image {

display: block;

text-align: center;

}

ul.products-list li h3{border-top:2px solid #000;padding:7px 0 5px;}

ul.products-list li h3 a{color:#000;font-size:12px;}

ul.products-list li h3 a:hover{color:#5A5A5A;text-decoration:none;}

ul.products-list li .price_container {

float: left;

color:#000;font-size:12px;

padding: 0;

text-align: left;

width: auto;

}

ul.products-list li .old_price {

float: left;

padding: 0; margin-right: 15px;

width: auto;color:#b2b2b2;font-size:12px;

}

ul.products-list li .old_price span span{font-weight:400!important;text-decoration:line-through}

.reduction_percent {

top: 55px;

height: 46px;left:0;width:96px;padding:25px 0;

position: absolute;background: url("../img/bkg_reduction_percent.png") no-repeat scroll 0 0 transparent;

}

.reduction_percent span{width:100%;float:left;text-align:center;font-size:10px;color:#fff;font-weight:700;text-transform:uppercase}

.reduction_percent span.reduction_percent_display{font-size:22px;font-weight:400;}

/*casual_tabs*/

.top_footer{padding-bottom:10px;}

.top_footer div.block_top_footer{width:225px;margin-right:20px;float:left}

div.block_top_footer h5{margin:7px 0 5px;background: url("../img/line_block_top_footer.jpg") no-repeat left bottom transparent;padding-bottom:7px;}

div.block_top_footer h5 a{color:#000;font-size:12px;}

div.block_top_footer h5 a:hover{text-decoration:none}

div.block_top_footer p{color:#5a5a5a;}

.top_footer div.block_top_footer.last{margin-right:0}

.top_footer-cms, .bottom_footer-cms{width:100%;float:left;}

.top_footer-cms .our-store, .top_footer-cms .imformation, .top_footer-cms .our_offers, .top_footer-cms .your_account{width:225px;margin-right:20px;float:left}

.top_footer-cms .our-store p.img{width:64px;float:left;margin-right:20px;}

.top_footer-cms .our-store .des_store{width:141px;float:left;color:#707070;}

.top_footer-cms .our-store .des_store p{width:100%;float:left}

.top_footer-cms .our-store .des_store span{color:#000;font-size:10px;font-weight:700;padding-top:7px;width:100%;float:left}

.top_footer-cms .our-store .des_store span a{color:#000;font-size:10px;font-weight:700;}

.top_footer-cms .your_account{margin-right:0}

.top_footer-cms ul li{color:#5a5a5a;margin-bottom:7px;}

.top_footer-cms ul li a{color:#5a5a5a;}

.top_footer-cms ul li a:hover{color:#000;text-decoration:none}

.block_footer_cms h4{color:#000;font-size:12px; text-transform:uppercase;padding-bottom:7px;}

.block_footer_cms .top_footer-cms h4{border-bottom:2px solid #000;margin-bottom:10px;}

.bottom_footer-cms{margin-top:50px;padding-bottom:10px;}

.bottom_footer-cms div{width:225px;margin-right:20px;float:left}

.bottom_footer-cms div.last{margin-right:0}

.bottom_footer-cms div h4{border-top:1px solid #e1e1e1;padding-top:10px;}

.bottom_footer-cms div p{color:#5a5a5a;}

.bottom_footer-cms div ul li{margin-bottom:7px;color:#5a5a5a;}

.bottom_footer-cms div ul li a{color:#5a5a5a;}

.bottom_footer-cms div ul li a:hover{color:#000;text-decoration:none}

.block_footer_copy_right{background: url("../img/bkg_block_footer_copy_right.jpg") repeat-x left top transparent;}

.footer_copyright{width:880px;margin:0 auto;overflow:hidden;background: url("../img/bkg_footer_copyright.jpg") no-repeat left top transparent;position:relative;top:-10px;padding:25px 0 0 80px;min-height:40px;}

.copy_right{width:auto;float:left;}

.copy_right p,.copy_right p a{color:#919191;}

.copy_right p a:hover{color:#000;text-decoration:none}

.logo_payment{width:auto;float:right}

.logo_payment a:hover{text-decoration:none}

a.ajax_add_to_cart_button, span.exclusive{background:#fff;border:1px solid #e1e1e1;color:#5a5a5a!important;height:25px;line-height:24px;width:auto;}

a.product_image{width:100%;text-align:center;display:block;#padding-bottom:2px;}

.your_shopping{text-align:right;color:#8d8d8d;font-size:10px;}

.cach{clear:both;height:1px;}

#password form.std p span, #password form.std label {

width: 20%;text-align:left;

}

#contact-form form.std label, #contact-form form.std p span{

float: left;

line-height: 22px;

margin-right: 5px;

text-align: left;

width: 23%;

}

#contact-form form p.submit input.button_large{ background: url("../img/button-medium_exclusive.png") repeat-x;border:none;color:#fff!important;line-height:23px;}

#password p input#email {

width: 226px;

}

#password p.submit input {

float: left;

margin-left: 0;

padding-right: 5px;

width: 180px;background:#28D0E9;color:#fff!important;border:none

}

#address form.std p.text input {

width: 226px;

}

select#currency_payement {

width: 200px;

}

#address form.std p.required select{width: 248px;min-height:25px}

#address form.std p.textarea textarea {

color: #5C5C5C;

font-size: 11px;

height: 76px;

margin: 0;

padding: 10px;

width: 226px;

}

#address #submitAddress.button{float:right;border:none;background:#28d0e9;color:#fff!important}

#address p.submit2 .button{float:left}

a.iframe{color:#06b3d5;}

.follow-on p img{margin-right:5px;}

.ac_results{width:244px!important}

.paiement_block .cart_navigation.payment a.button{float:left}

#addresses .clear.address_add {overflow:hidden;margin-top:10px}

#addresses .clear.address_add a.button_large{float:left}

#order h1{border:none}

p.category_name{color:#a0a0a0;font-size:10px;text-transform:uppercase;font-weight:700;display:block;width:100%}

@font-face {

font-family: 'HelveticaBold';

src: url('../fonts/helveticabd/helveticabd-webfont.eot');

src: url('../fonts/helveticabd/helveticabd-webfont.eot?#iefix') format('embedded-opentype'),

url('../fonts/helveticabd/helveticabd-webfont.woff') format('woff'),

url('../fonts/helveticabd/helveticabd-webfont.ttf') format('truetype'),

url('../fonts/helveticabd/helveticabd-webfont.svg#HelveticaBold') format('svg');

font-weight: normal;

font-style: normal;

}

Edited April 9, 2013 by chantal.herman (see edit history)

Vectorus · March 15, 2013

Bonjour,

Chez moi le premier lien fourni ne fonctionne pas, il m'est donc impossible de voir ce qu'il faut modifier.

Pour le CSS s'il était entre les balise [ quote] [ /quote]

(sans espaces) ça serait plus lisible il me

semble

Edited March 16, 2013 by Vectorus (see edit history)

chantal.herman · March 15, 2013

Désolé j'ai fait n'importe quoi c'est www.philippe-emery.fr

Ah j'en apprend tous les jours désolé ! la prochaine fois je reesaye promis

chantal.herman · March 15, 2013

D'ailleurs je trouve le logo ridiculement petit ! Est-il possible de lui faire prendre plus de place que ce petit carré ?

Vous me direz.. une question à le fois ..

Vectorus · March 15, 2013

Pour le logo je pense qu'il faudra simplement jouer avec les valeur que j'ai mises en rouge.

#header{position:relative;z-index:100;height:175px;margin-bottom:20px;}
#main-slideshow{clear:both;overflow:hidden;position:relative;width:100%;margin-bottom:50px;}

.top_footer, #footer{overflow:hidden;position:relative;width:100%;}

.logo_pres{width:315px;overflow:hidden}

#header_logo {

float: left;

width: auto;

display: block;z-index:100;

}

#header_logo img.logo {max-width:150px;max-height:47px}

img.logo {

float: left;

font-size: 2em;margin-top:70px;

font-weight: bold

}

chantal.herman · March 15, 2013

Super oui ! je fais les tests..

Et pour la couleur ?

Merci beaucoup

Vectorus · March 15, 2013

D'après moi, le plus simple serait peut-être de changer de thème.

Mais sinon je procéderais en modifiant et/ou en ajoutant ces champs :

body {
background: #000000 url('../img/bkg_body.png') repeat-x left top;

font-size: 11px;

font-family:Arial, Helvetica, Sans-Serif;

color: #fff;

text-align: left;

}

et

#header{position:relative;z-index:100;height:150px;margin-bottom:20px;background-color:#000000;}

et

/* global layout */
#page {

width: 960px;

margin: 0 auto;

text-align: left;

color: #FFFFFF;

}

Mais il faudra modifier ou supprimer certaines images pour que ça corresponde aux nouvelles couleurs et il faudra aussi probablement changer la couleur de certain texte pour qu'ils restent lisibles.

chantal.herman · March 15, 2013

Oui d'accord je comprends.

Merci beaucoup je vais essayer de voir si je peux changer la couleur / supprimer certains block pour pouvoir avoir le rendu je vais tester ça. Merci beaucoup pour ton aide en tout cas. J'ai acheté le thème 100 euros et il correspond à ce que je veux. J'aurai seulement voulu un contour noir. Je vais essayer avec ce que tu m'as dit merci encore.

Je te tiens au courant.

Vectorus · March 15, 2013

Normalement c'est parfaitement possible d'avoir un rendu similaire avec les modifications que j'ai conseillées juste avant, la petite difficulté c'est qu'il y a 2/3 images qu'ils faudra changer pour les adapter aux nouvelles couleurs du site

chantal.herman · March 15, 2013

Voilaaa,

Regarde un peu ... Le fond des mes articles n'est pas blanc ... Certaines choses sont un peu bizarre en effet...

Qu'en penses tu ?

chantal.herman · March 15, 2013

Je compte mettre la page des produits Costumes en page d'accueil pour information. mais il y a quelques problèmes d'adaptation je crois, j'aimerais que le fond soit blanc comme sur le site d'hugo boss. Ici seulement les articles le sont.

Ca me rassure que tu me dises que c'est faisable assez facilement. Mais je n'arrive vraiment pas à modifier le fichier .css correctement.

Une idée sur ce qui a pu planter ?

chantal.herman · March 15, 2013

J'avoue que là, j'ai peur que ça soit compliquer...

J'ai l'impression qu'il faut modifier beaucoup de chose avant de pouvoir arriver à l'exemple d'hugo boss .. ? Quel est ton avis ?

Vectorus · March 15, 2013

Pardon, je devais m'absenter.

Non je pense pas qu'il y ai tant de choses que ça, dans :

/* global layout */
#page {

width: 960px;

margin: 0 auto;

text-align: left;

color: #FFFFFF;

}

Il faudrait renplacer "color" par "background-color" ça ira peut-être mieux.

Ensuite, je reviens sur le logo, il est trop grand, le texte ce superpose sur la droite.

chantal.herman · March 16, 2013

Bonjour,

Merci encore pour votre disponibilité.

Je voudrai virer le texte justement à coté du logo, c'est une pub pour prestashop... c'est un peu trop visible

je vais tester ce que vous m'avez dit.

chantal.herman · March 16, 2013

Pas mal !! on s'y approche ! merci beaucoup... ce n'est pas encore très clean, il faudrait arriver à mettre peut être le menu tout en haut blanc pour éviter ces deux bandes blanches.

D'ailleurs j'essaye de grandir les photos comme sur le site d'hugo boss mais elle ne s'agrandissent pas plus que ça .. étrange non ? Je vais refaire le logo, mais il faudrait que je vire vraiment cette pub. Pensez vous que c'est possible ?

merci encore et toujours

Vectorus · March 16, 2013

Pour le texte à droite du logo :

.pres_top{width:auto;float:left;margin-left:10px;border-left:1px solid #000;padding:39px 0 0 10px;color:#8e8e8e;text-transform:uppercase;font-size:0px;margin-top:50px;line-height:13px}

Pour la bande blanche il faut changer ou supprimer cette ligne :

body {
background: #fff url('../img/bkg_body.png') repeat-x left top;

font-size: 11px;

font-family:Arial, Helvetica, Sans-Serif;

color: #fff;

text-align: left;

}

Voilà

chantal.herman · March 18, 2013

Merci encore ! par contre la dernière manipulation m'a fait supprimé les deux grandes bandes blanches sur le coté. je voulais simplement rendre ça plus clean en supprimant les deux petites bandes blanches qui restaient sur les deux cotés.

Une manip assez compliqué en fait.

chantal.herman · March 18, 2013

Je viens de faire quelques modifs que je trouvent très bien seulement.. je n'arrive pas du tout à modifier et a agrandir les parties latérales. Je voudrais, dans l'idéale, que les barres fassent toute la page.

Est-ce possible ? Je ne vois pas ou modifier la taille ?

merci !!

Vectorus · March 18, 2013

Je ne comprend pas ce que tu veux faire, peux-tu détailler un peu plus.

Éventuellement faire une capture d'écran et entourer les éléments à changer.

Sinon, tu peux aussi utiliser Firebug pour trouver par tâtonnement comment faire

chantal.herman · March 18, 2013

Ok ! désolé si je m'exprime mal .. voila j'ai joint 3 captures, en fait je veux faire à peu de chose près le même rendu que le site d'hugo boss c'est à dire une bande qui fait vraiment toute la largeur et pas seulement qui s'arrête au footer. Je ne comprends pas pourquoi il y a cette bande blanche entre le footer du haut et ma bande latérale dont je modifie la couleur !

Et cette bande ne descend pas non plus jusqu'au footer du bas.

Je souhaiterais qu'elle fasse toute la longueur. Et si c'est possible, avec le même effet un peu "3d" de mise en valeur du centre de la page, avec ce petit effet de couleur.

Est-ce possible ?

Merci merci merci !!

chantal.herman · March 18, 2013

je suis en train de télécharger firebug je vais voir ce que ça donne en tatonnant

chantal.herman · March 18, 2013

Pas facile !!! je viens de mettre les produits phares et le design ne me plaisait pas du tout alors j'ai copié le fichier .tpl de mon homefeatured d'un précédent site mais il ne m'affiche qu'un produit par ligne ! ...

Et je n'arrive pas à modifier ni a voir ce qui cloche avec firebug....

chantal.herman · March 18, 2013

Si jamais ça te dis quelque chose

<h4>{l s='Featured products' mod='homefeatured'}</h4>

{if isset($products) AND $products}

{assign var='liHeight' value=400}

{assign var='nbItemsPerLine' value=4}

{assign var='nbLi' value=$products|@count}

{math equation="nbLi/nbItemsPerLine" nbLi=$nbLi nbItemsPerLine=$nbItemsPerLine assign=nbLines}

{math equation="nbLines*liHeight" nbLines=$nbLines|ceil liHeight=$liHeight assign=ulHeight}

<ul >

{foreach from=$products item=product name=homeFeaturedProducts}

{math equation="(total%perLine)" total=$smarty.foreach.homeFeaturedProducts.total perLine=$nbItemsPerLine assign=totModulo}

{if $totModulo == 0}{assign var='totModulo' value=$nbItemsPerLine}{/if}

<img src="{$link->getImageLink($product.link_rewrite, $product.id_image, 'home_default')}" alt="{$product.name|escape:html:'UTF-8'}" />

</a>

<h5><a class="product_link" href="{$product.link}" title="{$product.name|truncate:50:'...'|escape:'htmlall':'UTF-8'}">{$product.name|truncate:55:'...'|escape:'htmlall':'UTF-8'}</a></h5>

{if $product.show_price AND !isset($restricted_country_mode) AND !$PS_CATALOG_MODE}<p class="price_container"><span class="price">{if !$priceDisplay}{convertPrice price=$product.price}{else}{convertPrice price=$product.price_tax_exc}{/if}</span></p>{else}{/if}

{if ($product.id_product_attribute == 0 OR (isset($add_prod_display) AND ($add_prod_display == 1))) AND $product.available_for_order AND !isset($restricted_country_mode) AND $product.minimal_quantity == 1 AND $product.customizable != 2 AND !$PS_CATALOG_MODE}

{if ($product.quantity > 0 OR $product.allow_oosp)}

<a class="exclusive ajax_add_to_cart_button" rel="ajax_id_product_{$product.id_product}" href="{$link->getPageLink('cart')}?qty=1&id_product={$product.id_product}&token={$static_token}&add" title="{l s='Add to cart' mod='homefeatured'}">{l s='Add to cart' mod='homefeatured'}</a>

{else}

<span class="exclusive">{l s='Add to cart' mod='homefeatured'}</span>

{/if}

{else}

{/if}

<a class="button" href="{$product.link}" title="{l s='View' mod='homefeatured'}"><span>{l s='View' mod='homefeatured'}</span></a>

</div>

</li>

{/foreach}

</ul>

</div>

{else}

<p>{l s='No featured products' mod='homefeatured'}</p>

chantal.herman · March 19, 2013

Re bonjour !

Je crois que dans mes manipulations que vous m'avez conseillés, mon footer a disparu !

Je n'ai rien fait de plus que ce que vous m'avez dit.

Est ce dans le fichier .css que je vérifie ça ?

Merci beaucoup

Vectorus · March 19, 2013

Bonjour,

Je ne comprend pas, quelle manipulation a fait disparaître le Footer ?

Et oui, les modifications que j'ai conseillées se faisaient bien dans le CSS

chantal.herman · March 19, 2013

c'est extremement bizarre que mon footer est disparu !

Je vais recopier mon global.css sait-on jamais. Et sais-tu comment faire poru les deux bandes ? que la partie grise prenne toute la bande comme sur le site hugo boss.. avec dans le meilleur des cas un petit effet qui permet de faire sortir le bloc du mlilieu.

MErciiiii

 /*
PrestaShop CSS
18 used colors:
10 grays: #374853 #595a5e #5d717e #76839b #888 #bdc2c9 #d0d1d5 #d0d3d8 #e5e6e7 #f1f2f4
4 fushias: #f6dce8 #dd2a81 #971d58 #5d0630
2 yellows: #f8e1a0 #f9e400
1 green: #488c40
1 red: #da0f00
*/
* {
padding: 0;
margin: 0
}
body {
background: #303030 url('../img/bkg_body.png') repeat-x left top;
font-size: 11px;
font-family:Arial, Helvetica, Sans-Serif;
color: #fff;
text-align: left;
}
.wapper{background:url('../img/bkg_wapper.jpg') repeat-x left bottom;}
ul,ol,li{list-style:none}
/* 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: ".";
}
* html .clearfix { zoom: 1 }
*:first-child+html .clearfix { zoom: 1 }
/* 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 img.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 img { display: block }
ul.half {
width: 45%;
margin-right: 1em;
float: left
}
/* Category tree (i.e. in sitemap) */
div.tree_top {
background: url('../img/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(../img/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(../img/sitemap-last.gif) no-repeat -12px -2px;
border: none
}
span.grower { cursor: pointer }
/* Tabs */
#more_info_block {
   overflow: hidden;position:relative;width:100%;margin-top:30px;
}
.idTabs{height:30px;list-style-type:none;background:#f0f0f0;}
ul.idTabs li{float:left;margin-right:1px}
ul.idTabs li.first{margin-right:5px;}
.idTabs a{color:#7f7f7f;display:block;font-weight:700;height:30px;line-height:30px;text-align:center;text-decoration:none;text-transform:uppercase;width:auto;font-size:12px;}
.idTabs .selected{background:#000;color:#FFF}
/* IdTabs Short*/
.idTabsShort a {
width: auto;padding:0 15px;text-decoration:none}
.idTabsShort li a:hover{text-decoration:none;color: #fff;background:#000;}
.idTabsShort .selected {
color: #fff;background:#000;
}
div.sheets {
clear: both;margin-top:20px;
}
#more_info_sheets li {
background-position: 6px 4px;
}
.img_desc{width:302px;margin-right:20px!important;float:left}
.top_desc, .bottom_desc{overflow:hidden}
#more_info_sheets h5{color:#1e1e1e;font-size:12px;}
.bottom_desc{margin-top:15px;}
.desc{width:393px;float:left}
.desc h5{color:#1e1e1e;font-size:12px;}
.desc p{color:#5a5a5a;}
.img_desc_con  .img_con{width:141px;float:left;margin-right:19px;}
.img_desc_con .desc_con{width:233px;float:left}
.img_desc_con .desc_con p{font-style:italic}
/* global style */
a {
color: #5a5a5a;
text-decoration: none;
outline: none
}
a:hover { text-decoration: underline;color:#000; }
.input:focus { outline: 0 }
a img {
outline: none;
border: none;
text-decoration: none
}
#category h1{font-size:20px;border-bottom:1px solid #e1e1e1;padding-bottom:10px;margin-bottom:10px;}
#product h1{border:none;margin-bottom:10px;}
#products-comparison h1{text-transform:none;border:none;}
#order h1{width:32%}
#order-confirmation h1{border:none;width:32%}
h1 {
font-size:12px;
margin: 0 0 20px;
text-transform: uppercase;
font-weight: bold;
color: #000;border-bottom:2px solid #000;padding-bottom:5px;
}
h1 span {
font-size:10px;
text-transform: none;
font-weight: normal;
color: #7b7b7b;
margin-left:5px;
}
h2 {
font-size:12px;
margin: 0 0 20px;
text-transform: uppercase;
font-weight: bold;
color: #000;border-bottom:2px solid #000;padding-bottom:5px;
}
h2 span {
font-size: 0.9em;
text-transform: none;
font-weight: normal;
font-style: italic;
color: #374853;
margin-left: 1em
}
h3 { font-size: 12px;}
h4 { font-size: 1em }
/* global layout */
#page {
width: 960px;
margin: 0 auto;
text-align: left;
background-color: #FFFFFF
}
#header{position:relative;z-index:150;height:175px;margin-bottom:20px;background-color:#000000;}
#main-slideshow{clear:both;overflow:hidden;position:relative;width:100%;margin-bottom:50px;}
.top_footer, #footer{overflow:hidden;position:relative;width:100%;}
.logo_pres{width:700px;overflow:hidden}
#header_logo {
float: left;
width: auto;
display: block;z-index:100;
}
#header_logo  img.logo {max-width:300px;max-height:94px}
img.logo {
float: left;
font-size: 2em;margin-top:70px;
font-weight: bold
}
.pres_top{width:auto;float:left;margin-left:10px;border-left:1px solid #000;padding:39px 0 0 10px;color:#8e8e8e;text-transform:uppercase;font-size:0px;margin-top:50px;line-height:13px}
#header_right {}
#left_column, #center_column, #right_column { float: left }
#left_column {
clear: left;
width: 225px;
margin-right: 20px;
overflow: hidden
}
#index #center_column {width:100%}
#module-cheque-payment #center_column,#module-bankwire-payment #center_column  {width:100%;padding-bottom:100px}
#module-cheque-payment .breadcrumb,#module-bankwire-payment .breadcrumb{width:950px;}
#module-cheque-payment h2,#module-bankwire-payment h2{border:none}
#center_column {
width: 715px;
margin: 0 0 30px 0;
overflow: hidden;
}
#old_center_column { display: none }
.ac_results_instant {
display: none;
visibility: hidden
}
#instant_search_results a.close {
background: url("../img/nav-logout.gif") no-repeat scroll right 2px transparent;
float: right;
margin-right: 7px;
padding-right: 21px;
text-transform: none
}
#right_column {
width: 225px;
margin-left: 20px;
overflow: hidden
}
/* global RTE fields */
.rte,
.mceContentBody {
text-align: left;
color: #5a5a5a
}
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 img,.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 img, .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;
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 {
color: #000
}
.rte h1,
.mceContentBody h1 {
font-size: 25px;
font-weight: bold;
background: inherit
}
.rte h2,
.mceContentBody h2 {
font-size:14px;color:#1e1e1e;
background: none;
text-transform: none;
height: auto
}
.rte h3, .mceContentBody h3 { font-size: 12px;margin-top:5px }
.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 }
/* tables still need 'cellspacing="0"' in the markup */
.rte table,.mceContentBody table {
border-collapse: separate;
border-spacing: 1px;
width: auto
}
.rte caption, .rte th, .rte td, .rte table,
.mceContentBody caption, .mceContentBody th, .mceContentBody td, .mceContentBody table {
text-align: left;
font-weight: normal;
background: none;
height: inherit;
border: 1px #e5e6e7 solid;
text-align: center
}
.rte th, .mceContentBody th {
padding-left: 1em;
padding-right: 1em;
background: #e5e6e7
}
#center_column .rte p,
.mceContentBody p { padding-left: 0; margin: 0.5em 0 }
.rte ol, .mceContentBody ol {
list-style-type: decimal;
margin-left: 10px
}
/* /global RTE fields */
/* global table style */
div.table_block{margin:10px auto 2em;width:100%}
table#carrierTable{margin-top:10px;}
table.std{border-collapse:collapse;border-spacing:0;width:100%;border-top:none}
.std td{padding:10px}
.std td.carrier_price{text-align:right}
.std tr.alternate_item td,.std tr.alternate_item th{background-color:#f1f2f4}
.std thead th{background:#000;color:#fff;font-size:10px;font-weight:700;height:30px;text-align:left;text-transform:uppercase;white-space:nowrap;padding:0 10px}
.std thead th.cart_ref, .std thead th.cart_availability{text-align:center}
.std th.first_item{padding-left:10px}
.std th.last_item{text-align:right}
.std tfoot td,.std tfoot td#free_shipping{color:#828282;font-size:12px;font-weight:700;text-align:right;text-transform:none;white-space:nowrap}
.std tfoot tr.cart_free_shipping td{color:#c4c4c4!important}
.std tfoot tr.cart_free_shipping td.price{font-weight:700!important}
/* /global table style */
/* global form style */
form.std { clear: both }
form.std h3{color:#1e1e1e;font-size:12px;font-weight:700;margin:0 0 .5em;text-transform:none}
form.std fieldset{border:none;margin-bottom:1em;padding-bottom:1em}
form.std legend{border-color:#d0d1d5;border-style:solid;border-width:1px;font-size:1.6em;font-weight:100;margin:1em 0 1em .5em;padding:.3em .6em}
form.std h4,form.std p{clear:both;padding:5px 0}
form.std label{line-height:25px;}
form.std label,form.std p span{float:left;margin-right:5px;text-align:right;width:32%}
form.std p span.inline-infos{display:none}
form.std p span.like_input {
width: auto;
margin-left: 0.7em
}
input, textarea, select, span.editable {
font-size: 11px;
font-family: Arial, Helvetica, Sans-Serif;
outline: none
}
input, textarea, select { border: 1px solid #e1e1e1;height:23px;line-height:23px; color:#5a5a5a;}
input.text {
height: 23pxpx;padding:0 10px;line-height:23px;border: 1px solid #e1e1e1;
}
input{padding:0 10px;}
textarea{padding:10px;}
select{padding:3px;}
.checkbox input, .radio input { border: none }
form.std .checkbox label, form.std .radio label, form.std span.form_info {
margin: 0;
float: none;
text-align: left
}
.required sup { color: #da0f00;vertical-align:0 }
form.std p.checkbox { padding-left: 30% }
form.std p.submit {
margin-bottom: 1.5em
}
#center_column form.std p.submit2 {
padding-left: 170px;
margin-bottom: 1.5em
}
/* START OF BUTTONS SECTION
* -tags: input, a, span
* -sizes: mini, small, normal, large
* -types: button, exlusive
* -status: normal, hover, disabled
* -rule: the span.button is a a.button disabled
*/
/* global button */
input.button_mini, input.button_small, input.button, input.button_large,
input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled,
input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large,
input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled,
a.button_mini, a.button_small, a.button, a.button_large,
a.exclusive_mini, a.exclusive_small, a.exclusive, a.exclusive_large,
span.button_mini, span.button_small, span.button, span.button_large,
span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large, span.exclusive_large_disabled {
background-repeat: no-repeat;
background-position: top left;
border: none;
color: #fff!important;
font-weight: bold;text-transform:uppercase;
font-size: 10px!important;
text-align: center;
text-decoration: none!important;
cursor: pointer;
display: block;
line-height: 25px;
height: 25px
}
/* input button */
input.button_mini, input.button_small, input.button, input.button_large,
input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled,
input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large,
input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled {
padding-bottom: 2px
}
/* disabled button */
input.button_mini_disabled, input.button_small_disabled, input.button_disabled, input.button_large_disabled,
input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled,
span.button_mini, span.button_small, span.button, span.button_large,
span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large, span.exclusive_large_disabled {
cursor: default;
color: #888!important
}
/* exclusive button */
input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large,
input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled,
a.exclusive_mini, a.exclusive_small, a.exclusive, a.exclusive_large,
span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large, span.exclusive_large_disabled {
color: white!important
}
/* exclusive disabled button */
input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled, span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large {
color: #488c40!important
}
/* hover button */
input.button_mini:hover, input.button_small:hover, input.button:hover, input.button_large:hover,
input.exclusive_mini:hover, input.exclusive_small:hover, input.exclusive:hover, input.exclusive_large:hover,
a.button_mini:hover, a.button_small:hover, a.button:hover, a.button_large:hover,
a.exclusive_mini:hover, a.exclusive_small:hover, a.exclusive:hover, a.exclusive_large:hover {
}
/* exclusive hover button */
input.exclusive_mini:hover, input.exclusive_small:hover, input.exclusive:hover, input.exclusive_large:hover, a.exclusive_mini:hover, a.exclusive_small:hover, a.exclusive:hover, a.exclusive_large:hover {}
/* classic buttons */
input.button_mini, input.button_mini_disabled, input.exclusive_mini, input.exclusive_mini_disabled, a.button_mini, a.exclusive_mini, span.button_mini, span.exclusive_mini {
width: auto;
background: url('../img/button-mini.png') repeat-x 0 0;border:none;padding-left:15px;padding-right:15px;
}
input.button_small, input.button_small_disabled, input.exclusive_small, input.exclusive_small_disabled, a.button_small, a.exclusive_small, span.button_small, span.exclusive_small {
width: 60px;
background: url('../img/button-small.png') repeat-x;border:none
}
input.button, input.button_disabled, input.exclusive, input.exclusive_disabled, a.button, a.exclusive, span.button, span.exclusive {
width: auto;height:25px;line-height:25px;
background: url('../img/button-medium.png') repeat-x top;border:none;color:#5a5a5a!important;padding-left:15px;padding-right:15px;border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1;
}
input.button_large, input.button_large_disabled, input.exclusive_large, input.exclusive_large_disabled, a.button_large, a.exclusive_large, span.button_large, span.exclusive_large, span.exclusive_large_disabled {
width: auto;
background: url('../img/button-large.png') repeat-x;border:none;color:#5a5a5a!important;padding-left:15px;padding-right:15px;border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1;
}
/* exclusive button */
input.exclusive, input.exclusive_disabled, a.exclusive, span.exclusive { background: url('../img/button-medium_exclusive.png') repeat-x;color:#fff!important ;border:none}
input.exclusive_mini, input.exclusive_mini_disabled, a.exclusive_mini, span.exclusive_mini { background-image: url('../img/button-mini_exclusive.gif');border:none }
input.exclusive_small, input.exclusive_small_disabled, a.exclusive_small, span.exclusive_small { background-image: url('../img/button-small_exclusive.gif');border:none }
input.exclusive_large, input.exclusive_large_disabled, a.exclusive_large, span.exclusive_large, span.exclusive_large_disabled { background-image: url('../img/button-large_exclusive.gif');color:#fff!important;border:none}
/* id_state field in managed via JS and is firstly hidden */
form p.id_state { display: none }
/* generic style */
ul.bullet li, .block ul.bullet li, li.bullet {
list-style-type: none;margin:7px 0;
}
ul.bullet li a, .block ul.bullet li a, li.bullet  a{color:#5a5a5a;text-transform:uppercase;font-size:10px;font-weight:700}
ul.bullet li a:hover, .block ul.bullet li a:hover, li.bullet  a:hover{color:#333333;text-decoration:underline}
.price-discount { text-decoration: line-through ;    color: #B2B2B2;
   font-size: 12px;font-weight:700;margin-right:5px}
.price-pretax { color: gray }
.price-ecotax { color: #488c40 }
img.icon { margin-right: 0.5em; vertical-align: middle }
.weight-price {
font-size: 0.75em;
text-align: right;
color: gray
}
.volume-price {
font-size: 0.75em;
text-align: right;
color: gray
}
.unity-price {
font-size: 0.75em;
text-align: right;
color: gray
}
.price, .price-shipping, .price-wrapping {
color: #000;
font-size: 12px;
font-weight: 700;
}
/* errors */
.error{background:#fff0f0;border:1px dotted #ec7f78;color:#da0f00;margin:.3em 0 1.5em;padding:.3em .8em 1em}
.error p{color:#da0f00!important;font-weight:700;line-height:30px;text-transform:none}
.error li{list-style-position:inside;list-style-type:decimal;padding-left:7px}
.warning{background-color:#fcf4df;border:1px dotted #b59952;color:#a8852b;font-size:12px;font-weight:700;margin:.2em 2em;padding:.6em 1em!important}
.warning_inline{color:#da0f00;font-weight:700}
.success{color:green;font-weight:700;margin:.2em 1em;padding:.3em .8em 1em}
.success_inline{color:green;font-weight:700}
/* breadcrumb.tpl */
#cms .breadcrumb{margin-bottom:10px;}
#order .breadcrumb,#authentication  .breadcrumb{margin-bottom:40px;}
.breadcrumb{background:#070707;color:#fff;height:31px;line-height:31px;margin-bottom:20px;padding-left:10px;width:705px}
#category .breadcrumb{margin-bottom:10px;}
.breadcrumb .navigation-pipe{background:url(../img/bkg_bc_span.png) no-repeat scroll 8px 14px transparent;float:left;padding:0 10px;text-indent:-9999px}
.breadcrumb a{color:#fff;float:left;text-decoration:none;font-size:10px;font-weight:700;text-transform:lowercase}
.breadcrumb span{font-size:10px;font-weight:700;text-transform:lowercase}
.breadcrumb a:hover{text-decoration:none;color:#e1e1e1;}
/* pagination.tpl */
div.pagination  ul.pagination{width:auto;float:left;margin-top:4px;}
div.pagination{float:left;width:auto;margin-top:6px;}
ul.pagination li{display:inline;float:left;margin-right:.3em}
ul.pagination li a{color:#000}
ul.pagination a,ul.pagination span{display:block;line-height:17px;padding:0 .4em 0 0}
ul.pagination .current span{color:#13B6FE}
ul.pagination li.truncate{background:none;padding:.3em}
#pagination_previous a,#pagination_previous span{border-left:none}
#pagination_next{padding-right:6px}
li.disabled span {
color: #000;
}
form.pagination { text-align: right;float:left }
form.pagination p{margin:0!important}
form.pagination label {
line-height: 1.4em;
vertical-align: bottom;
float: left;margin:0 5px;padding-top:5px;
}
form.pagination select { float: left;margin:1px 5px 0 0;#margin-top:3px;line-height:18px; }
form.pagination select option {
font-size: 0.9em;
padding-right: 1em
}
form.pagination input { float: left;#line-height:23px; }
/* steps (like order step) */
ul.step {
list-style: none;
min-height:27px;
width: auto;position:relative;float:right;top:-50px!important;border-bottom:2px solid #000
}
ul.step li {
min-height: 16x;line-height:14px;
float: left;
width: 65px;padding:6px 15px;margin-left:1px;
text-align: center;border:1px solid #e1e1e1;color:#828282;
}
ul.step li.step_current {background:#000000;color:#fff;border:none;padding-top:7px;padding-bottom:7px;}
ul.step li#step_end { }
ul.step li#step_end.step_current {}
ul#order_step {}
/* product-sort.tpl */
#search  .compare{float:right}
.sortPagiBar{width:auto;float:right}
#productsSortForm,.compare{width:auto;float:left}
#productsSortForm p {
height: 1em;
margin: 0.5em 0 0 0
}
#productsSortForm label, #productsSortForm select { float: left;color:#5a5a5a; }
#productsSortForm select {    font-size: 1em;
   line-height: 18px;
   margin-top: 1px;width:150px; }
#productsSortForm label {   margin-right: 5px;padding-top:6px}
.compare p input.button {
   margin-left: 5px;
   margin-top: 6px;
   width: 88px;background:#28d0e9;color:#fff!important;border:none;
}
/* 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 */
#index #footer {border:none}
#footer {
clear: both;border-top:1px solid #e1e1e1;padding-top:20px;padding-bottom:118px;
}
/* Default block style */
div.block {
margin-bottom:30px;
width: 225px
}
#left_column div.block,
#right_column div.block {
padding-bottom: 5px;overflow:hidden
}
div.block h4 {
text-transform: uppercase;
font-weight: bold;
font-size: 12px;
color: #000;border-bottom:2px solid #000;padding-bottom:5px;margin-top:9px;
}
div.block h4 a { color: #000 }
div.block ul { list-style: none }
div.block ul.tree li { padding-left: 1.2em }
div.block a:hover { text-decoration: none }
#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 {
padding:5px 0;
}
div.block li {
list-style-position: outside
}
div.block a {
color: #595a5e;
text-decoration: none
}
/* block exclusive */
#left_column div.exclusive, #right_column div.exclusive {
}
div.exclusive h4 {
color: #1e1e1e
}
div.exclusive h4 a { color: #1e1e1e;font-size:12px; }
div.exclusive li { margin-top: 0 }
div.exclusive, div.exclusive a { color: #1e1e1e }
div.exclusive .block_content {padding:5px 0;overflow:hidden}
/* block in the center column */
#center_column p { margin: 0.5em 0; }
#center_column div.block { width:100%; margin: auto }
#center_column div.block h4 {
background: transparent url('../img/block_header_large.png') no-repeat top left;
height: 17px;
color: #1e1e1e
}
/* 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 img { margin-right: 5px }
.products_block li.last_item { border: none }
.products_block li img {text-align:center;width:100%;height:100%}
.products_block p img {
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 {
background: #d0d3d8 none;
padding: 0
}
#center_column .products_block ul li:hover { background-color: #bdc2c9 }
#center_column .products_block ul li {
float: left;
background-color: #d0d3d8;
margin-top: 0;
padding: 0 0 1px;
width: 133px;
border-right: 1px solid white;
border-bottom: 1px solid white
}
#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: 2.57em
}
#center_column div.products_block h5 a {
color: #374853;
font-size: 1.1em
}
#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;text-align:center;
width: 225px;
height:240px
}
#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 img {
float: none;
margin: 0
}
#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 ul li div.product_desc a { font-weight: normal }
#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 }
td.discount_value{white-space:nowrap}
.cart_last_product{margin:0 auto 40px;width:340px;clear:both}
.cart_last_product_header{color:#767878;padding-left:15px;background:#28d0e9}
.cart_last_product_header .left{color:#fff;font-size:10px;font-weight:700;height:30px;line-height:30px;margin-bottom:10px;width:350px;text-transform:uppercase}
.cart_last_product a.cart_last_product_img{
   border: 1px solid #e1e1e1;
   float: left;
   height: 62px;
   margin-right: 10px;
   text-align: center;
   width: 62px;
}
.cart_last_product_img img{height:50px;width:50px}
.cart_last_product_content{float:left;padding-top:5px;width:241px}
.cart_last_product_content h5 {margin-top:10px;}
.cart_last_product_content h5 a{color:#1e1e1e;font-size:12px;font-weight:700}
p.cart_navigation{float:left;width:100%;}
p.cart_navigation a.button_large{float:left;}
p.cart_navigation .exclusive,p.cart_navigation .exclusive_large,p.cart_navigation .exclusive_large_disabled{cursor:pointer;float:right}
p.cart_navigation_extra{text-align:center;width:auto}
form.std p.cart_navigation span{float:none;text-align:left;width:auto}
#cart_summary tfoot td{border-top:none;line-height:1.5em;padding-right:15px}
#cart_summary tfoot tr.cart_total_product td{border-top:1px solid #bdc2c9}
#cart_summary tfoot tr.cart_total_price td{background:none;font-weight:700;margin-bottom:5px;text-transform:none}
tfoot tr td{background:#f5f5f5;}
tr.cart_total_price.total_font td{color:#1e1e1e;font-size:14px!important;font-weight:700!important;text-transform:none!important}
tr.cart_total_price.total_font span{font-size:14px!important;}
#cart_summary tfoot tr.cart_total_price td.price{color:#1e1e1e;font-weight:700;}
tr.cart_total_price td.total_incl,tr.cart_total_price td#total_price{font-size:14px!important;color:#1e1e1e;text-transform:none!important}
#cart_summary .price,#cart_summary .price-discount{color:#828282;font-size:12px!important;font-weight:700;text-decoration:none}
tr.cart_item td{padding:10px;text-align:left}
tr.cart_item.even td{background:#f5f5f5;}
td.cart_product{padding-left:10px!important}
td.cart_product a{padding:2px;width:62px;height:62px;display:block;border:1px solid #e1e1e1;}
td.cart_description h5 a,td.cart_ref,td.cart_total{color:#1e1e1e;font-size:12px;font-weight:700;text-transform:none}
td.cart_ref, td.cart_availability{text-align:center!important}
td.cart_total .price{color:#1e1e1e!important;font-size:12px;font-weight:700}
tr.cart_item td.cart_unit{text-align:left}
tr.cart_item td.cart_unit .price{color:#1e1e1e!important;padding:0}
td.cart_quantity{text-align:left;width:70px}
td.cart_quantity div{float:left!important;margin-left:20px;width:10px}
td.cart_quantity #cart_quantity_button{float:left!important;margin-bottom:7px;margin-left:0;width:27px;position:relative}
td.cart_quantity .cart_quantity_button{float:right!important}
.cart_quantity_input{background:none repeat scroll 0 0 transparent!important;border:medium none;height:20px!important;line-height:20px!important;margin:-2px 0 0 -1px !important;padding:0;position:absolute;left:0;text-align:left;width:30px;color:#828282;font-weight:700}
td.cart_quantity p,td.cart_quantity a{display:inline;float:left}
.cart_quantity_delete{}
td.cart_quantity p{padding-right:.3em}
td.cart_quantity .icon{margin-top:.6em}
td.cart_quantity a.cart_quantity_down{margin-top:10px}
td.cart_delete a.cart_quantity_delete,td.price_discount_del a.price_discount_delete{float:right;text-indent:-9999px;background:url(../img/icon/delete.gif) no-repeat center;width:8px;height:8px;}
#cart_voucher{margin:20px 0}
#order #voucher fieldset,#order-opc #voucher fieldset{height:auto;padding:12px 20px;border:none;width:673px;border:1px solid #e1e1e1;}
#order form#voucher .button, #order-opc  form#voucher .button{background:#000;float:left;height:25px;width:96px;color:#fff!important;border:none}
#order form#voucher h4,#order-opc form#voucher h4{color:#1e1e1e;float:left;font-size:12px!important;font-weight:700;margin-right:10px;text-transform:uppercase;border-right:1px solid #e1e1e1;padding:5px 10px 5px 0;height:auto;width:69px;}
#order form#voucher p,#order-opc form#voucher p{border:none;margin:0;padding:0;width:auto;float:left}
#order form#voucher p.submit,#order-opc form#voucher p.submit{float:right}
#order form#voucher p input#discount_name,#order-opc form#voucher p input#discount_name{float:left;height:23px;margin-left:7px;width:413px;border:1px solid #e1e1e1;}
#order form#voucher p label,#order-opc form#voucher p label{color:#828282;float:left;font-size:11px;font-weight:700;text-transform:none;margin-top:6px;}
#order #form h3.condition_title{padding-top:0;color:#1e1e1e;font-size:12px;}
#order #form h3{color:#1e1e1e;font-size:12px;min-height:20px;text-transform:none;font-weight:700;margin: 25px 0 7px;}
#order p.checkbox input{height:auto;vertical-align:-2px;padding:0}
#order p#gift_div textarea{height:75px;margin-bottom:15px;margin-top:5px;width:97%}
#order #order_carrier{clear:both;margin-bottom:10px}
#order-opc form#voucher fieldset #display_cart_vouchers{clear:both;float:left;margin-top:5px}
#order-opc form#voucher fieldset #display_cart_vouchers .voucher_name{color:#DD2A81;cursor:pointer;font-weight:700}
#order-opc #order_carrier{border:1px solid #bdc2c9;clear:both;margin-top:1em;padding:.5em}
#order .order_delivery{float:left;padding:0 20px;width:666px;}
#compare_shipping #availableCarriers_table{width:100%!important;margin-top:15px;}
#order .order_delivery{float:left;width:100%}
.order_carrier_content{overflow:hidden;padding-bottom:30px;width:100%}
.order_carrier_content  .delivery_options_address .delivery_option{overflow:hidden}
.order_carrier_content  .delivery_options_address .delivery_option label{width:95%;float:left}
.order_carrier_content  .delivery_options_address .delivery_option label table{border:none}
.order_carrier_content  .delivery_options_address .delivery_option input.delivery_option_radio{width:auto;float:left;margin-top:10px;line-height:10px;height:auto!important;border:none}
form#compare_shipping_form.std label {
   line-height: 23px;
   text-align: left;
   white-space: nowrap;
}
#compare_shipping_form #states #id_state, #compare_shipping_form #id_country {
   width: 270px;
}
#compare_shipping_form #zipcode {
   margin-right: 5px;
   padding: 0 5px;
   width: 258px;
}
/* manufacturers-list.tpl && suppliers-list.tpl */
#manufacturers_list, #suppliers_list {
margin-top: 2em;
list-style-type: none
}
#suppliers_list li, #manufacturers_list li {
border-bottom: solid 1px #e1e1e1;padding-bottom:10px;margin-bottom:10px;width:100%;float:left;overflow:hidden
}
#suppliers_list li a, #manufacturers_list li a {
text-decoration: none;

}
#suppliers_list li h3, #manufacturers_list li h3 { margin:0 0 5px;text-transform:uppercase;color: #1e1e1e; }
#suppliers_list li h3 a, #manufacturers_list li h3 a{text-transform:uppercase;color: #1e1e1e;}
#suppliers_list .left_side, #manufacturers_list .left_side {
float: left;
width: 75%
}
#suppliers_list .logo, #manufacturers_list .logo {
border: solid 1px #e1e1e1;
float: left;
margin-right:10px
}
#suppliers_list li p.description,
#manufacturers_list li p.description { font-size: 0.92em }
#suppliers_list li .right_side,
#manufacturers_list li .right_side {
float: right;
text-align: right
}
#suppliers_list .right_side span,
#manufacturers_list .right_side span {
font-size:11px;
color: #000
}
#suppliers_list li a.button,
#manufacturers_list li a.button { margin-top: 4em }
/* conditions & legal */
ul.shop_info {
list-style-type: square!important;
list-style-position: inside;
padding: 0.6em;
margin-top: 0.6em;
margin-left: 2em;
border: 1px solid #888
}
ul.shop_info li {
padding-left: 0.5em!important;
padding-bottom: 0.5em!important
}
/* conditions.tpl */
#conditions #right_column { display: none }
#conditions h2 { background: transparent url('../img/title_bg_large.gif') no-repeat top left }
#conditions #center_column {
width: 730px;
text-align: justify
}
#conditions #center_column ul,
#conditions #center_column ol {
margin-left: 2em;
padding: 0.6em
}
#conditions #center_column ul { list-style-type: circle }
#conditions #center_column li { padding-bottom: 0.5em }
#conditions #center_column { line-height: 1.3em }
/* order step 3: PAYMENT */
.payment_module { display: block ;margin-left:0!important}
.payment_module img {
vertical-align: middle;
margin-right: 1em
}
.payment_module a {
display: block;
border: 1px solid #595a5e;
padding: 0.6em;
text-decoration: none
}
.payment_module a:hover, .payment_module a:focus, .payment_module a:active {
border: 1px solid #488c40;
background-color: #e5e6e7;
color: #374853
}
/* Printable version */
@media print {
div#left_column, div#right_column, div#footer, a.button, span.button , .button, ul#usefull_link_block, div#header_user, #languages_block_top, #search_block_top, #currencies_block_top, ul#header_links, ul.idTabs, #availability_statut br {
 display: none
}
div#center_column { width: 100% }
input.text { border: 1px solid gray }
.block_hidden_only_for_screen {
 display: block;
 margin-top: 1em
}
#more_info_sheets #idTab1 { width: 530px }
* {
 background: none!important;
 background-color: white!important;
}
}
/* Customizable product */
#customization_block { width: 556px }
.customization_block_title { margin: 4px 4px 4px 2px }
#customization_block ul { margin: 6px 6px 0 6px }
.customization_block_input { vertical-align: inherit }
img.customization_delete_icon { margin: 2px }
li.customizationUploadLine {
text-align: right;
margin-right: 40px;
clear: left;
padding: 4px;
display: block
}
div.customizationUploadBrowse { float: left }
div.customizationUploadBrowseDescription { padding: 6px }
img.customizationUploaded {
margin: 2px;
border: 1px solid #888888
}
ul.customizationUploaded {
list-style-type: none;
margin-left: 4px
}
ul.customizationUploaded li { display: inline }
ul.customizationUploaded a { text-decoration: none }
div.customizationUploaded { clear: left }
div.deletePictureUploaded { float: right }
div.deleteCustomizableProduct { float: right }
ul.typedText {
padding-left: 6px;
list-style-type: none
}
/* mywishlist */
#mywishlist div#block-order-detail form.wl_send fieldset p input { margin-left: 60px }
#mywishlist div#block-order-detail {
margin-top: 10px;
display: block
}
#mywishlist form.std fieldset label { width: 30px }
#mywishlist form.std fieldset input#submitWishlist { display: inline }
#mywishlist table.std thead th.mywishlist_first {
text-align: center;
width: 40px
}
#mywishlist table.std thead th.mywishlist_second {
text-align: center;
width: 80px
}
#mywishlist table.std thead th.first_item,
#mywishlist table.std tbody tr td { width: 200px }
#mywishlist div#block-order-detail ul li span.wishlist_product_detail select { margin: 0 }
#mywishlist div#block-order-detail { margin-top: 10px }
#mywishlist #hideBoughtProducts,
#mywishlist #showBoughtProducts {
float: left;
margin: -18px 0 0 5px
}
#mywishlist #showBoughtProducts,
#mywishlist #hideBoughtProductsInfos,
#mywishlist #hideSendWishlist { display: none }
#mywishlist #showBoughtProductsInfos,
#mywishlist #hideBoughtProductsInfos { margin-left: 5px }
#mywishlist #showSendWishlist,
#mywishlist #hideSendWishlist,
#mywishlist div#block-order-detail ul li a.exclusive {
float: right;
margin: -18px 0 0 0
}
#mywishlist div#block-order-detail table.wlp_bought_infos thead tr th { text-align: center }
#mywishlist div#block-order-detail table.wlp_bought_infos thead tr th.first_item { width: 300px }
#mywishlist div#block-order-detail table.wlp_bought_infos { margin: 0 0 0 10px }
#mywishlist div#block-order-detail ul li img { float: left }
/* View wishlish */
#view_wishlist #featured-products_block_center ul div li a img { float: left }
#view_wishlist #featured-products_block_center ul div li a,
#view_wishlist #featured-products_block_center ul div li span {
text-decoration: none;
float: left
}
#view_wishlist #featured-products_block_center ul div li span.wishlist_product_detail,
div#mywishlist div#block-order-detail ul li span.wishlist_product_detail {
margin-left: 30px;
float: left
}
div#mywishlist div#block-order-detail ul li span.wishlist_product_detail { margin-bottom: 5px }
#view_wishlist #featured-products_block_center ul div li a.exclusive,
#view_wishlist #featured-products_block_center ul div li span.exclusive {
margin-left: 55px
}
#view_wishlist #featured-products_block_center ul div li.address_name input.text {
color: #999;
font-weight: bold;
font-size: 11px;
border: 0
}
/* module reversoform*/
.account_creation #reverso-form { width: 100% }
.account_creation #reverso-form label {
width: 250px;
text-align: left;
margin-left: 10px
}
.account_creation #reverso-form label#legend_reverso {
clear: both;
width: 100%;
font-size: 10px;
text-align: left
}
.account_creation #reverso-form input#reverso_form { margin-top: 20px }
/* module productcomments */
.rating {
cursor: pointer;
margin: 2em;
clear: both;
display: block
}
.rating:after {
content: '.';
display: block;
height: 0;
width: 0;
clear: both;
visibility: hidden
}
.cancel, .star {
float: left;
width: 17px;
height: 15px;
overflow: hidden;
text-indent: -999em;
cursor: pointer
}
.cancel, .cancel a { background: url(../../../modules/productcomments/img/delete.gif) no-repeat 0 -16px }
.star{margin-top:3px;}
.star, .star a { background: url(../../../modules/productcomments/img/star.gif) no-repeat 0 0;height:12px!important; }
.cancel a, .star a {
display: block;
width: 100%;
height: 100%;
background-position: 0 0
}
div.star_on a { background-position: 0 -12px }
.cancel a:hover{background-position: 0 -16px}
div.star_hover a, div.star a:hover { background-position: 0 -24px }
.pack_content { margin: 10px 0 10px 0 }
.pack_price {
float: right;
margin-right: 3px;
font-size: 12px
}
.confirmation {
color: #808000;
font-weight: bold
}
#page .rte { background: transparent none repeat scroll 0 0 }
/* module paypalapi */
.paypalapi_about { text-align: justify }
.paypalapi_about ul { padding-left: 20px }
/* cms pages */
#cms div.content_only {
text-align: left;
padding: 10px
}
.live_edit_feed_back_ok {
   color: #374853;
   background-color: #DFFAD3;
   padding: 4px;
   border: 2px solid #72CB67
}
.live_edit_feed_back_ko {
   color: #374853;
   background-color: #FAE2E3;
   padding: 4px;
   border: 2px solid #EC9B9B
}
.add_module_live_edit {
   background-color: #F1F2F4;
   padding: 4px;
   border: 2px solid #D0D3D8;
}
/*categories_block_top*/
div#categories_block_top{z-index: 100;width:100%;float:left;margin:30px 0 0px;}
div#categories_block_top .block_content{background:none;border:none;padding:0;height:26px;line-height:25px;border-bottom:1px solid #e1e1e1}
div#categories_block_top .block_content ul{position:relative}
div#categories_block_top ul li{background:none;border:none;float:left;margin:0 3px 0 0;padding:0;position:relative;z-index:100;padding:0 15px;}
div#categories_block_top ul li.first{padding-left:0}
div#categories_block_top ul li:hover a{color:#323232;font-weight:400;text-decoration:none}
div#categories_block_top ul li:hover{color:#323232;font-weight:400;padding-bottom:0}
div#categories_block_top ul li a.menu{color:#323232;float:left;font-weight:700;text-transform:uppercase}
div#categories_block_top ul li.first a.menu{padding-left:0}
div#categories_block_top ul li a.menu{font-size:12px;font-weight:700}
div#categories_block_top ul li a.menu:hover{color:#323232;font-weight:700;border-bottom:2px solid #000;}
div#categories_block_top ul li.selected a.menu{border-bottom:2px solid #000;}
div#categories_block_top ul li a.selected.menu{color:#323232;font-weight:700;border-bottom:2px solid #000;}
div#categories_block_top ul li ul.subcategories{background:#1e1e1e;display:none;left:0;position:absolute;top:25px;width:195px;padding-bottom:10px}
div#categories_block_top ul li ul.subcategories li a{border:none;color:#323232;height:26px;line-height:26px;padding:0 0 0 15px;text-transform:uppercase}
div#categories_block_top ul li ul.subcategories li.first{margin-top:0}
div#categories_block_top ul li ul.subcategories li{text-align:left;text-transform:uppercase;width:195px;margin:2px 0;padding:0}
div#categories_block_top ul li ul.subcategories li.submenu ul{background:#1e1e1e;display:none;left:195px;position:absolute;top:0;width:195px}
div#categories_block_top ul li ul.subcategories li.fisrt:hover,div#categories_block_top ul li ul.subcategories li:hover,div#categories_block_top ul li ul.subcategories li a:hover{color:#323232;text-decoration:none;background:url(../img/bkg_subcategories_li.jpg) no-repeat top left;height:26px;}
div#categories_block_top ul li ul.subcategories li.first a:hover{padding-bottom:0;padding-left:15px}
div#categories_block_top ul li.submenu ul.subcategories li a{color:#bdbdbd;font-size:10px;font-weight:700}
div#categories_block_top ul li.submenu ul.subcategories li a:hover{color:#fff;text-decoration:none}
div#categories_block_top ul li ul#subcategories li a{color:#323232;font-size:11px;text-decoration:none}
.inline_list img,div#categories_block_top ul li:hover ul.subcategories,div#categories_block_top ul li ul.subcategories li:hover.submenu ul,.payment_module{display:block}
div#categories_block_top ul li ul.subcategories li.submenu ul,div#categories_block_top ul li ul.subcategories li.submenu ul.subcategories li.submenu ul,div#categories_block_top ul li ul.subcategories li.submenu ul.subcategories li.submenu ul.subcategories li.submenu ul{left:195px;display:none;top:0}
div#categories_block_top ul li ul.subcategories li:hover.submenu ul,
div#categories_block_top ul li ul.subcategories li.submenu ul li:hover.submenu  ul,
div#categories_block_top ul li ul.subcategories li.submenu ul.subcategories li.submenu ul.subcategories li:hover.submenu ul{display:block}
/*categories_block_top*/
#main-slideshow .wrapper .slideshow {
   position: relative;
   width: 100%;
}
.slideshow .slideshow-box {
   height: 405px;
   overflow: hidden;
   position: relative;
   width: 960px;
}
#main-slideshow .wrapper .slideshow .slideshow-box li {
   height: 405px;
   position: relative;
   width: 960px;
}
#main-slideshow .wrapper .slideshow .slideshow-box li .cls_btn{position:absolute;bottom:0;z-index:100;background:#000;left:0;height:140px;}
#main-slideshow .wrapper .slideshow .slideshow-box li .cls_btn .text{width:290px;float:left;padding:20px;text-align:left;height:100px;}
#main-slideshow .wrapper .slideshow .slideshow-box li .cls_btn .text h5{width:100%;float:left;color:#28d0e9;font-size:14px;margin-bottom:7px;}
#main-slideshow .wrapper .slideshow .slideshow-box li .cls_btn .text p{color:#fff;font-size:11px;}
#main-slideshow .wrapper .slideshow .slideshow-box li .cls_btn .price{width:100px;padding:20px;text-align:center;border-left:1px solid #fff;float:left;height:100px;}
#main-slideshow .wrapper .slideshow .slideshow-box li .cls_btn .price span{width:100%;color:#fff;font-size:14px;float:left}
#main-slideshow .wrapper .slideshow .slideshow-box li .cls_btn .price span.gia{color:#fff;font-size:44px;}
.navigation {
   bottom: 25px;
   left: 20px;
   position: absolute;
   z-index: 100;
}
.navigation li {
   background: url("../img/i_slideshow-node.png") no-repeat scroll -17px 0 transparent;
   float: left;
   height: 9px !important;
   overflow: hidden;
   text-indent: -9999px;
   width: 12px !important;
}
.navigation li.first{display:none}
.navigation li.activeSlide {
   background-position: 0 0;
   cursor: default;
}
/*casual_tabs*/
.casual_tabs{width:960px;margin:30px auto 0;height:370px;}
.casual_tabs .ui-tabs{position:relative;overflow:hidden}
#index .ui-tabs .ui-tabs-nav{height:18px;margin:10px auto 0;overflow:hidden;width:auto;position:relative;top:0px;z-index:100;text-align:center;display:inline-block;#display:inline}
@media screen and (-webkit-min-device-pixel-ratio:0)
{ #index .ui-tabs .ui-tabs-nav {padding-bottom:13px; } }
#index .ui-tabs  p{text-align:center;}
#index .ui-tabs .ui-tabs-nav li{border-bottom:0!important;height:15px;list-style:none;padding:0;position:relative;white-space:nowrap;border-right:1px solid #e1e1e1;display:inline-block;width:auto;margin:0 auto;float:none;}
#index .ui-tabs .ui-tabs-nav li.last{border:none}
#index .ui-tabs .ui-tabs-nav li a{color:#7f7f7f!important;float:left;font-size:11px;font-weight:700;line-height:15px;padding:0 10px;text-decoration:none;text-transform:uppercase}
#index .ui-tabs .ui-tabs-nav li a:hover{color:#000!important}
#index .ui-tabs .ui-tabs-nav li.ui-tabs-selected h4{height:15px;color:#000;}
#index .ui-state-default strong{height:39px;width:auto}
#index .ui-tabs .ui-tabs-nav li.ui-tabs-selected a,.ui-tabs .ui-tabs-nav li.ui-state-disabled a,.ui-tabs .ui-tabs-nav li.ui-state-processing a{color:#000!important;cursor:text;height:15px;}
#index .ui-tabs .ui-tabs-nav li.ui-tabs-selected strong,.ui-tabs .ui-tabs-nav li.ui-state-disabled strong,.ui-tabs .ui-tabs-nav li.ui-state-processing strong{background:url(../images/bg-shad-tab.png) repeat-x;color:#fff;height:39px;z-index:1}
#index .ui-tabs .ui-tabs-nav li.ui-tabs-selected span,.ui-tabs .ui-tabs-nav li.ui-state-disabled span,.ui-tabs .ui-tabs-nav li.ui-state-processing span{color:#fff!important;height:46px;padding:16px 15px 15px 0;position:relative;top:0}
#index .ui-tabs .ui-tabs-panel{display:block;overflow:hidden;border-top:1px solid #e1e1e1;margin-top:0;padding-top:15px;text-align:left!important}
#index .ui-tabs .ui-tabs-panel .cycleElementsArrow{position:absolute;right:0;top:28px;width:25px;height:51px;z-index:100}
#index .ui-tabs .ui-tabs-panel .cycleElementsArrow #cycle-prev1,.ui-tabs .ui-tabs-panel .cycleElementsArrow #cycle-prev2,.ui-tabs .ui-tabs-panel .cycleElementsArrow #cycle-prev3{background:url(../img/cycle-prev.png) no-repeat left;float:left;height:25px;text-indent:-999px;width:25px;position:absolute;top:26px;right:0}
#index .ui-tabs .ui-tabs-panel .cycleElementsArrow #cycle-next1,.ui-tabs .ui-tabs-panel .cycleElementsArrow #cycle-next2,.ui-tabs .ui-tabs-panel .cycleElementsArrow #cycle-next3{background:url(../img/cycle-next.png) no-repeat right;float:right;height:25px;text-indent:-999px;width:25px;position:absolute;top:0;right:0}
#index .ui-tabs .ui-tabs-panel #cycle1,.ui-tabs .ui-tabs-panel #cycle2,.ui-tabs .ui-tabs-panel #cycle3{width:960px!important;clear:both}
#index .ui-tabs .ui-tabs-hide{display:none!important}
ul.products-list {
   overflow: hidden;
   padding-bottom: 20px;
   width: 100%;height:290px!important;
}
ul.products-list li {
   float: left;
   width: 226px;margin-right:20px;position:relative;height:290px;
}
ul.products-list li.last_item{margin-right:0}
ul.products-list li a.product_image {
   display: block;
   text-align: center;
}
ul.products-list li h3{border-top:2px solid #000;padding:7px 0 5px;}
ul.products-list li h3 a{color:#000;font-size:12px;}
ul.products-list li h3 a:hover{color:#5A5A5A;text-decoration:none;}
ul.products-list li .price_container {
   float: left;
color:#000;font-size:12px;
   padding: 0;
   text-align: left;
   width: auto;
}
ul.products-list li .old_price {
   float: left;
   padding: 0; margin-right: 15px;
   width: auto;color:#b2b2b2;font-size:12px;
}
ul.products-list li .old_price span span{font-weight:400!important;text-decoration:line-through}
.reduction_percent {
   top: 55px;
   height: 46px;left:0;width:96px;padding:25px 0;
   position: absolute;background: url("../img/bkg_reduction_percent.png") no-repeat scroll 0 0 transparent;
}
.reduction_percent span{width:100%;float:left;text-align:center;font-size:10px;color:#fff;font-weight:700;text-transform:uppercase}
.reduction_percent span.reduction_percent_display{font-size:22px;font-weight:400;}
/*casual_tabs*/
.top_footer{padding-bottom:10px;}
.top_footer div.block_top_footer{width:225px;margin-right:20px;float:left}
div.block_top_footer h5{margin:7px 0 5px;background: url("../img/line_block_top_footer.jpg") no-repeat left bottom transparent;padding-bottom:7px;}
div.block_top_footer h5 a{color:#000;font-size:12px;}
div.block_top_footer h5 a:hover{text-decoration:none}
div.block_top_footer p{color:#5a5a5a;}
.top_footer div.block_top_footer.last{margin-right:0}
.top_footer-cms, .bottom_footer-cms{width:100%;float:left;}
.top_footer-cms .our-store, .top_footer-cms .imformation, .top_footer-cms .our_offers,  .top_footer-cms .your_account{width:225px;margin-right:20px;float:left}
.top_footer-cms .our-store p.img{width:64px;float:left;margin-right:20px;}
.top_footer-cms .our-store .des_store{width:141px;float:left;color:#707070;}
.top_footer-cms .our-store .des_store p{width:100%;float:left}
.top_footer-cms .our-store .des_store span{color:#000;font-size:10px;font-weight:700;padding-top:7px;width:100%;float:left}
.top_footer-cms .our-store .des_store span a{color:#000;font-size:10px;font-weight:700;}
.top_footer-cms .your_account{margin-right:0}
.top_footer-cms ul li{color:#5a5a5a;margin-bottom:7px;}
.top_footer-cms ul li a{color:#5a5a5a;}
.top_footer-cms ul li a:hover{color:#000;text-decoration:none}
.block_footer_cms h4{color:#000;font-size:12px; text-transform:uppercase;padding-bottom:7px;}
.block_footer_cms .top_footer-cms h4{border-bottom:2px solid #000;margin-bottom:10px;}
.bottom_footer-cms{margin-top:50px;padding-bottom:10px;}
.bottom_footer-cms div{width:225px;margin-right:20px;float:left}
.bottom_footer-cms div.last{margin-right:0}
.bottom_footer-cms div h4{border-top:1px solid #e1e1e1;padding-top:10px;}
.bottom_footer-cms div p{color:#5a5a5a;}
.bottom_footer-cms div ul li{margin-bottom:7px;color:#5a5a5a;}
.bottom_footer-cms div ul li a{color:#5a5a5a;}
.bottom_footer-cms div ul li a:hover{color:#000;text-decoration:none}
.block_footer_copy_right{background: url("../img/bkg_block_footer_copy_right.jpg") repeat-x left top transparent;}
.footer_copyright{width:880px;margin:0 auto;overflow:hidden;background: url("../img/bkg_footer_copyright.jpg") no-repeat left top transparent;position:relative;top:-10px;padding:25px 0 0 80px;min-height:40px;}
.copy_right{width:auto;float:left;}
.copy_right p,.copy_right p a{color:#919191;}
.copy_right p a:hover{color:#000;text-decoration:none}
.logo_payment{width:auto;float:right}
.logo_payment a:hover{text-decoration:none}
a.ajax_add_to_cart_button, span.exclusive{background:#fff;border:1px solid #e1e1e1;color:#5a5a5a!important;height:25px;line-height:24px;width:auto;}
a.product_image{width:100%;text-align:center;display:block;#padding-bottom:2px;}
.your_shopping{text-align:right;color:#8d8d8d;font-size:10px;}
.cach{clear:both;height:1px;}
#password form.std p span, #password form.std label {
   width: 20%;text-align:left;
}
#contact-form form.std label, #contact-form form.std p span{
   float: left;
   line-height: 22px;
   margin-right: 5px;
   text-align: left;
   width: 23%;
}
#contact-form form p.submit input.button_large{    background: url("../img/button-medium_exclusive.png") repeat-x;border:none;color:#fff!important;line-height:23px;}
#password p input#email {
   width: 226px;
}
#password p.submit input {
   float: left;
   margin-left: 0;
   padding-right: 5px;
   width: 180px;background:#28D0E9;color:#fff!important;border:none
}
#address form.std p.text input {
   width: 226px;
}
select#currency_payement {
   width: 200px;
}
#address form.std p.required select{width: 248px;min-height:25px}
#address form.std p.textarea textarea {
   color: #5C5C5C;
   font-size: 11px;
   height: 76px;
   margin: 0;
   padding: 10px;
   width: 226px;
}
#address #submitAddress.button{float:right;border:none;background:#28d0e9;color:#fff!important}
#address p.submit2 .button{float:left}
a.iframe{color:#06b3d5;}
.follow-on p img{margin-right:5px;}
.ac_results{width:244px!important}
.paiement_block  .cart_navigation.payment a.button{float:left}
#addresses  .clear.address_add {overflow:hidden;margin-top:10px}
#addresses  .clear.address_add a.button_large{float:left}
#order h1{border:none}
p.category_name{color:#a0a0a0;font-size:10px;text-transform:uppercase;font-weight:700;display:block;width:100%}
@font-face {
   font-family: 'HelveticaBold';
   src: url('../fonts/helveticabd/helveticabd-webfont.eot');
   src: url('../fonts/helveticabd/helveticabd-webfont.eot?#iefix') format('embedded-opentype'),
	 url('../fonts/helveticabd/helveticabd-webfont.woff') format('woff'),
	 url('../fonts/helveticabd/helveticabd-webfont.ttf') format('truetype'),
	 url('../fonts/helveticabd/helveticabd-webfont.svg#HelveticaBold') format('svg');
   font-weight: normal;
   font-style: normal;
}

Vectorus · March 19, 2013

Le plus simple maintenant, à mon avis, c'est de repartir du CSS de base et d'y apporter les précédentes modifications :

/*

PrestaShop CSS

18 used colors:

10 grays: #374853 #595a5e #5d717e #76839b #888 #bdc2c9 #d0d1d5 #d0d3d8 #e5e6e7 #f1f2f4

4 fushias: #f6dce8 #dd2a81 #971d58 #5d0630

2 yellows: #f8e1a0 #f9e400

1 green: #488c40

1 red: #da0f00

*/

* {

padding: 0;

margin: 0

}

body {

background: #000000 url('../img/bkg_body.png') repeat-x left top;

font-size: 11px;

font-family:Arial, Helvetica, Sans-Serif;

color: #fff;

text-align: left;

}

.wapper{background:url('../img/bkg_wapper.jpg') repeat-x left bottom;}

ul,ol,li{list-style:none}

/* 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: ".";

}

* html .clearfix { zoom: 1 }

*:first-child+html .clearfix { zoom: 1 }

/* 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 img.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 img { display: block }

ul.half {

width: 45%;

margin-right: 1em;

float: left

}

/* Category tree (i.e. in sitemap) */

div.tree_top {

background: url('../img/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(../img/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(../img/sitemap-last.gif) no-repeat -12px -2px;

border: none

}

span.grower { cursor: pointer }

/* Tabs */

#more_info_block {

overflow: hidden;position:relative;width:100%;margin-top:30px;

}

.idTabs{height:30px;list-style-type:none;background:#f0f0f0;}

ul.idTabs li{float:left;margin-right:1px}

ul.idTabs li.first{margin-right:5px;}

.idTabs a{color:#7f7f7f;display:block;font-weight:700;height:30px;line-height:30px;text-align:center;text-decoration:none;text-transform:uppercase;width:auto;font-size:12px;}

.idTabs .selected{background:#000;color:#FFF}

/* IdTabs Short*/

.idTabsShort a {

width: auto;padding:0 15px;text-decoration:none}

.idTabsShort li a:hover{text-decoration:none;color: #fff;background:#000;}

.idTabsShort .selected {

color: #fff;background:#000;

}

div.sheets {

clear: both;margin-top:20px;

}

#more_info_sheets li {

background-position: 6px 4px;

}

.img_desc{width:302px;margin-right:20px!important;float:left}

.top_desc, .bottom_desc{overflow:hidden}

#more_info_sheets h5{color:#1e1e1e;font-size:12px;}

.bottom_desc{margin-top:15px;}

.desc{width:393px;float:left}

.desc h5{color:#1e1e1e;font-size:12px;}

.desc p{color:#5a5a5a;}

.img_desc_con .img_con{width:141px;float:left;margin-right:19px;}

.img_desc_con .desc_con{width:233px;float:left}

.img_desc_con .desc_con p{font-style:italic}

/* global style */

a {

color: #5a5a5a;

text-decoration: none;

outline: none

}

a:hover { text-decoration: underline;color:#000; }

.input:focus { outline: 0 }

a img {

outline: none;

border: none;

text-decoration: none

}

#category h1{font-size:20px;border-bottom:1px solid #e1e1e1;padding-bottom:10px;margin-bottom:10px;}

#product h1{border:none;margin-bottom:10px;}

#products-comparison h1{text-transform:none;border:none;}

#order h1{width:32%}

#order-confirmation h1{border:none;width:32%}

h1 {

font-size:12px;

margin: 0 0 20px;

text-transform: uppercase;

font-weight: bold;

color: #000;border-bottom:2px solid #000;padding-bottom:5px;

}

h1 span {

font-size:10px;

text-transform: none;

font-weight: normal;

color: #7b7b7b;

margin-left:5px;

}

h2 {

font-size:12px;

margin: 0 0 20px;

text-transform: uppercase;

font-weight: bold;

color: #000;border-bottom:2px solid #000;padding-bottom:5px;

}

h2 span {

font-size: 0.9em;

text-transform: none;

font-weight: normal;

font-style: italic;

color: #374853;

margin-left: 1em

}

h3 { font-size: 12px;}

h4 { font-size: 1em }

/* global layout */

#page {

width: 960px;

margin: 0 auto;

text-align: left;

background-color: #FFFFFF;

}

#header{position:relative;z-index:100;height:150px;margin-bottom:20px;background-color:#000000;}

#main-slideshow{clear:both;overflow:hidden;position:relative;width:100%;margin-bottom:50px;}

.top_footer, #footer{overflow:hidden;position:relative;width:100%;}

.logo_pres{width:315px;overflow:hidden}

#header_logo {

float: left;

width: auto;

display: block;z-index:100;

}

#header_logo img.logo {max-width:150px;max-height:47px}