(Résolu) Marge produits phares

[chantal.herman]

Bonjour à tous,

 

J'ai eu beau chercher partout et essayer avec firebug j'ai un soucis je n'arrive pas à ajouter une marge à gauche sur mon site whttp://www.philippe-emery.fr

 

Je voudrais une marge au niveau de mon menu, de mon logo mais surtout du module de produits phares, j'ai essayé de modifier des tas de choses dans le global.css mais rien ne marche, je dois sans doute oublier un élément !

 

Merci beaucoup de m'éclairer !

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

[Bondaty and Co]

il faudrait rajouter ceci: padding: 0 10px;

aux endroit souhaités

par exemple ligne 200 du global.css dans #header pour le header, etc...

[chantal.herman]

Merci pour votre réponse je vais essayer ça dessuite. Pouvez vous me dire également si vous savez comment c'est possible que mes deux modules (produits phares et carroussels) se superposent ??

 

Merci beaucoup !

[Bondaty and Co]

modules/homeslider/bx_styles.css

 

ligne 9 mettez le height à 485

[chantal.herman]

si vous saviez depuis combien de temps je cherche ça !!!

 

merci beaucoup !!

[chantal.herman]

je voudrais pas prendre trop de votre temps mais savez vous comment changer la hauteur du header.. je n'y arrive vraiment pas.

 

Voila mon css

 

 

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

[chantal.herman]

En fait pour la marge je souhaiterais que mon module de carroussel (toujours ce foutu module) puisse être centré ..

 

Vous voyez ?

 

Merci encore

[Bondaty and Co]

Pour le carrousel, toujour ligne 9: padding: 0 5px;

 

pour le header, à mon avis vous ne savez utiliser firebug, vous me montrez le code du footer.

 

Une partie qui concerne le header est ligne 200 de votre global.css.

 

Essayer de dompter Firebug, sinon vous n'y arriverez pas

[chantal.herman]

Re bonjour, voici le css

 

J'ai essayé avec firebug mais je n'arrive vraiment pas à centrer ce foutu block de produits phare. C'est dingue j'ai essayé plein de choses. PAreil pour le header, vous pouvez regarder sur le site quand je chose la valeur du header ça rétrécie les couleurs mais pas ça ne me fait pas remonter le logo ...

 

/*
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: #4A4E5E url('http://philippe-emery.fr/themes/nixxis/img/ombre10.png') repeat-y center 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;
background: #303030
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:100px;margin-bottom:20px;background-image:linear-gradient(#343434,#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:500px;overflow:hidden}
#header_logo {
float: left;
width: auto;
display: block;z-index:100;
}
#header_logo img.logo {max-width:270px;max-height:80px}
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:400;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:#303030;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;
}

 

merci beaucoup

[Bondaty and Co]

le logo c'est normale réduisez le margin-top ici :themes/nixxis/css/global.css ligne 210

pour les produits phares: modules/homefeatured/homefeatured.css ligne 1 remplacez votre margin-right par margin:0 16px;

[chantal.herman]

super pour le module c'est très gentil, il est bien cadré désormais !

 

Néanmoins pour le logo, n'est-il pas possible (et dans ce cas la ça serait plus simple) de réduire ou supprimer le top footer. La on m'a conseillé de régler la hauteur du footer mais il faut que je remonte le logo et ausis les module de connexion au compte utilisateur + le panier...

 

qu'en pensez vous ??

 

merci beaucoup encore

[Bondaty and Co]

Quel top footer ???

 

vous avez le même problème avec block de connexion : themes/nixxis/css/modules/blockuserinfo/blockuserinfo.css ligne 1 avec un top à 87, donc le block se met à 87 px du haut de la page, en le mettant à 5 il remonte, etc...

[chantal.herman]

OK super j'ai compris, mais je vais devoir après, faire la même chose pour le menu ? puis pour le caroussel ? puis pour css statick block et mon module produit phare ? et le footer ? Je ne peux pas supprimer la ligne du dessus (je ne sais pas si c'est une ligne à part entière c'est ça que j'appelais top footer, c'est à dire la ligne ou yavait une bande avec écrit, contact mon magasin etc..)

 

merci !!

[Bondaty and Co]

Maintenant si vous avez compris le truc, c'est à vous de vous lancer et de gratter un peu partout.

 

Merci de mettre le post en résolu

[chantal.herman]

Oui dites moi comment on fait je trouve ça fou qu'il n'y est pas un bouton ou un truc facile pour mettre le post en résolu.

 

Mais je ne comprends pas comment je ne peux pas rétrécir mon header en haut sans devoir tout remonter, c'est d'un compliqué !

 

Merci en tout cas pour tout votre aide.

[Bondaty and Co]

faire un e-commerce, c'est compliqué,

pour le post:

puis

[chantal.herman]

/* block top user information */
#header_right #header_user {
clear:both;
float: right;
margin-top:8px;
width: 535px;
}
#header_user #header_nav {
list-style-type:none;
float:right;
}
/* cart */
#shopping_cart {



}
#shopping_cart a{
height: 15px;
padding:15px 27px 10px 43px;
background: url('img/icon/cart.gif') no-repeat 10px 9px #eee;
min-width: 130px;/* 200 */
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;display:block}
#shopping_cart a:hover span{text-decoration: none}
#header_user #shopping_cart .ajax_cart_quantity { font-weight:bold; font-size:18px }
#header_user #shopping_cart .ajax_cart_total { display:none !important; }

/* account */
#header_user #your_account {display:none;}
#header_user #your_account a { background-image: url('img/icon/my-account.gif') }
/* user infos */
#header_user_info {
clear:both;
float:right;
margin-top:10px;
padding:0;
font-size:12px
}
#header_user_info a {
display:inline-block;
margin:0 0 0 10px;
padding:3px 0 0 34px;
line-height: 11px;
border-left:1px solid #000
}
#header_user_info a.account {
border: none;
display: inline;
margin: 0;
padding: 0;
}
*:first-child+html #header_user_info a {line-height:14px;}
#header_user_info a.login {background: url('img/icon/login.gif') no-repeat 10px 0}
#header_user_info a.logout {background: url('img/icon/logout.png') no-repeat 10px -1px}

Re-bonjour,

 

Suite à une mise à jour mon block user ainsi que mon menu se sont décalés, cela fait 2 heures que j'essaye, avec vos conseils de résoudre le problème mais je dois me résoudre, je n'arrive pas à prendre d'initiative, je ne sais pas quel fichier modifier..

 

Pouvez m'aider, je suis certain que c'est un jeu d'enfant pour vous.

 

Merci beaucoup, je vous joins blockusersinfo.css

 

mais vous avez peut être besoin d'autre chose ?

[Bondaty and Co]

Ce topic est résolu et votre demande est autre, merci d'ouvrir une nouvelle demande.

 

Je ferme celui-ci