[Résolu] Colonne de droite

laplanetevenus · August 6, 2013

Ma colonne de droite et passe sous les produits je sais pas command et je voudrais bien quelle revienne a droite des produits quelqu'un a une solution à mon problème

Voilà l'adresse du site pour mieux comprendre www.laplanetevenus.com

Merci a vous

Edited August 6, 2013 by laplanetevenus (see edit history)

jeckyl · August 6, 2013

Bonjour,

merci de préciser le navigateur que vous utilisez car sur Firefox sur mac pas de soucis de colonne de droite.

laplanetevenus · August 6, 2013

firefox

laplanetevenus · August 6, 2013

sur internet explorer j'ai la colonne a droite mes pas les image des produits,

et sur Firefox j'ai les image mes pas la colonne a droite.

jeckyl · August 6, 2013

votre soucis est sur la page catégorie ou la page produit ?

jeckyl · August 6, 2013

Dans global.css

ligne 50

retirer le margin-left et rajouté float:right;

laplanetevenus · August 6, 2013

global.css de mon templet ou celui d'origine le quelle ou dans quelle dossier

laplanetevenus · August 6, 2013

celui de mon templet il y as pas a la ligne 50

/* ##################################################################################################

PRESTASHOP CSS

################################################################################################## */

@import url("grid_prestashop.css");

/* ****************************************************************************

reset

**************************************************************************** */

html{color:#000;background:#FFF;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}

table{border-collapse:collapse;border-spacing:0}

fieldset,img{border:0}

address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit}

del,ins{text-decoration:none}

caption,th{text-align:left}

h1,h2,h3,h4,h5,h6{font-size:100%}

q:before,q:after{content:''}

abbr,acronym{border:0;font-variant:normal}

sup{vertical-align:baseline}

sub{vertical-align:baseline}

legend{color:#000}

input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}

input,button,textarea,select{font-size:100%;border:1px solid#ccc;}

a {cursor:pointer}

.clearfix:before,

.clearfix:after {

content: ".";

display: block;

height: 0;

overflow: hidden

}

.clearfix:after {clear: both}

.clearfix {zoom: 1}

/* ************************************************************************************************

struture

************************************************************************************************ */

#page {

}

#header {z-index:10;background: url("../img/bg_header.png") no-repeat transparent;}

#columns {z-index:1;background:#fff;box-shadow: 0px 0px 4px #d2d2d2;padding:10px;width:959px}

#left_column {width:200px;}

#center_column {}

#right_column {}

#footer {}

#center_column_index {

width:960px!important;

padding-bottom:10px;

}

#index #center_column_index {

width:960px!important;

}

#center_column{

float:left;

width:730px!important;

padding-bottom:20px;

margin-right:0;

}

#wrapper {

min-width: 980px;

min-height: 100%;

background: url("../img/background.jpg") repeat scroll 0% 0% transparent;

}

#wrapper1 {background:url("../img/header_bg.jpg") repeat-x scroll 0px 0px ;height: 100%;

}

#wrapper2 {background: url("../img/footer_bg.jpg") repeat-x scroll left bottom transparent;

width: 100%;

padding-bottom: 10px;

}

/* ************************************************************************************************

HEADER

************************************************************************************************ */

#header {position:relative;}

#header_logo {

float:left;

display:block;

margin-top:50px;

width:250px;

height:100px;

}

#header_right {

position:relative;

float: right;

margin-right:10px;

min-height:160px;

}

/* ************************************************************************************************

generic style

************************************************************************************************ */

body{

font:normal 12px/1.55 Arial, Verdana, sans-serif;

color:#5a5a5a;

}

/* positionnement ****************************************************************************** */

.hidden {display:none}

.f_right {float:right}

/* title *************************************************************************************** */

h1 {

margin-bottom: 30px;

font-size: 22px;

line-height: 22px;

border-bottom: 1px solid #e4e4e4;

padding-bottom: 10px;

}

h2 {

padding-bottom:20px;

font-size:18px

}

h3 {

padding-bottom:20px;

font-size:16px

}

h4 {

background:url(..img/border.png)repeat-x scroll 0px center transparent;

padding-bottom:10px;

font-size:14px

}

h4 span {

background:#fff;

padding-right:12px;

}

.hide-left-column #left_column {display:none}

.hide-left-column #center_column {width:757px}

/* text **************************************************************************************** */

p {padding-bottom:20px}

.warning {

margin:0 0 10px 0;

padding:10px;

border:1px solid #e87d6e;

font-size:13px;

background:#f89e91

}

.success {

margin:0 0 10px 0;

padding:10px;

border:1px solid #d68370;

font-size:13px;

background: #FFB09E

}

.error {

margin:0 0 10px 0;

padding:10px;

border:1px solid #990000;

font-size:13px;

background:#ffcccc

}

.error ol {margin-left:20px}

.error p.lnk {

margin-top:20px;

padding:0;

font-size:11px

}

.required {color:#990000}

/* link **************************************************************************************** */

a, a:active, a:visited {

color:#5a5a5a;

text-decoration:none;

outline: medium none

}

a:hover {text-decoration:none;color:#f76a56}

/* */

/*

-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

*/

/* ÑÑÑÑÑÑÑÑÑÑÑÑÑÑÑÑÑÑÑÑÑÑÑÑÑÑÑÑÑÑ buttons ÑÑÑÑÑÑÑÑÑÑÑÑÑÑÑÑÑÑÑÑÑÑÑÑÑÑÑÑÑÑ */

/*

-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

{height:24px !important;display:block;background-image:url("../img/boutons.png");background-repeat:no-repeat;border:none;font:bold 10px "Verdana" !important;color:#fff !important;text-decoration:none;text-align:center;cursor:pointer;}

/* link/span button */

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 {line-height:22px !important;}

/* firefox padding fix for input tag */

@-moz-document url-prefix() {

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:4px;}

}

/* 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 {cursor:default;color:#555 !important;}

/* hover buttons */

input.button_mini:hover, a.button_mini:hover, input.button_small:hover, a.button_small:hover,

input.button:hover, a.button:hover, input.button_large:hover, a.button_large:hover,

input.exclusive_mini:hover, a.exclusive_mini:hover, input.exclusive_small:hover, a.exclusive_small:hover,

input.exclusive:hover, a.exclusive:hover, input.exclusive_large:hover, a.exclusive_large:hover {text-decoration:none !important;}

/* all buttons */

input.button_mini, input.button_mini_disabled, a.button_mini, span.button_mini,

input.exclusive_mini, input.exclusive_mini_disabled, a.exclusive_mini, span.exclusive_mini {width:60px;background-position:0 0;}

input.button_mini:hover, a.button_mini:hover,

input.exclusive_mini:hover, a.exclusive_mini:hover {background-position:0 -96px;}

input.button_small, input.button_small_disabled, a.button_small, span.button_small,

input.exclusive_small, input.exclusive_small_disabled, a.exclusive_small, span.exclusive_small {width:85px;background-position:0 -24px;}

input.button_small:hover, a.button_small:hover,

input.exclusive_small:hover, a.exclusive_small:hover {background-position:0 -120px;}

input.button, input.button_disabled, a.button, span.button,

input.exclusive, input.exclusive_disabled, a.exclusive, span.exclusive {width:120px;background-position:0 -48px;}

input.button:hover, a.button:hover,

input.exclusive:hover, a.exclusive:hover {background-position:0 -144px;}

input.button_large, input.button_large_disabled, a.button_large, span.button_large,

input.exclusive_large, input.exclusive_large_disabled, a.exclusive_large, span.exclusive_large {width:180px;background-position:0 -72px;}

input.button_large:hover, a.button_large:hover,

input.exclusive_large:hover, a.exclusive_large:hover {background-position:0 -168px;}

/* form **************************************************************************************** */

form.std fieldset {

margin:20px 0;

border:1px solid #e4e4e4

}

/* table *************************************************************************************** */

table.std,

table.table_block {

margin-bottom:20px;

width:100%;

border:1px solid #dbdbdb;

border-bottom:none;

background:white;

}

table.std th,

table.table_block th {

padding:14px 12px;

font-size:12px;

color:#4f4f4f;

font-weight:bold;

text-transform:uppercase;

background:#f1f1f1

}

table.std tr.alternate_item,

table.table_block tr.alternate_item {background-color: #f3f3f3}

table.std td,

table.table_block td {

padding:12px;

border-right:1px solid #e9e9e9;

border-bottom:1px solid #e9e9e9;

font-size:12px;

vertical-align:top

}

/* BLOCK .block ******************************************************************************** */

.block {margin-bottom:20px}

#footer .block {margin-bottom:0}

.block h4 {

padding:6px 11px;

font-size: 14px;

font-weight: normal;

text-transform: uppercase;

background: url("../img/border.png") repeat-x scroll 0px center transparent;

margin-bottom: 10px;

}

.block h4 a {color:#222;}

.block ul {list-style-type:none}

.block li.last { border:none}

.block li a {

display:block;

color:#333

}

/* BLOCK .products_block *********************************************************************** */

.products_block {}

.products_block li {float:left

}

.products_block li img {border-bottom:0px solid #e4e4e4}

/* BLOCK customer privacy ******************************************************************* */

.account_creation label{

float:left;

padding-top:5px;

width:80%;

text-align:left;

cursor:pointer

}

/* BLOCK .footer_links (cms pages) ************************************************************* */

ul.footer_links {

list-style-type:none;

margin-bottom:20px

}

ul.footer_links li {float:left}

ul.footer_links li.f_right {float:right}

ul.footer_links li .icon {

position:relative;

top:6px;

left:0

}

/* barre comparaison / tri ********************************************************************* */

.content_sortPagiBar {margin:20px 0;}

#center_column .sortPagiBar {

padding:10px;

font:normal 11px Arial, Verdana, sans-serif;

color:#666;

background:#eee;

}

#center_column .sortPagiBar strong {color:#000;}

#center_column .sortPagiBar p {padding:0;}

#center_column .sortPagiBar form {display:inline-block;}

.sortPagiBar #productsSortForm {float:right;}

.sortPagiBar select#selectPrductSort {

margin:0 0 0 10px;

color:#000;

border:1px solid #ccc

}

.sortPagiBar #bt_compare {

padding:3px 7px;

border:none;

color:#fff;

text-shadow:0 1px 0 #000;

background:url(../img/bg_bt_compare.gif) repeat-x 0 0 #111;

}

.sortPagiBar #nbrItemPage {margin-left:40px;}

.sortPagiBar .PrductSort {float:left;}

.sortPagiBar .nbrProduct {

display:inline-block;

padding:0 10px;

}

.sortPagiBar #nb_item {border:1px solid #ccc}

/* pagination ********************************************************************************** */

form.pagination {display:none;}

div.pagination {

margin:10px 0;

text-align: center

}

ul.pagination {list-style-type:none}

ul.pagination li {display: inline;}

ul.pagination a, ul.pagination span {

display:inline-block;

height:24px;

width:24px;

border:1px solid #eee;

-moz-border-radius:2px;

-webkit-border-radius:2px;

border-radius:2px;

font:11px/24px Arial,Verdana,sans-serif;

color:#999

}

ul.pagination a {

text-align:center;

}

ul.pagination a:hover {

color:#333;

border:1px solid #333

}

ul.pagination .current span {

color:#000;

border:1px solid #fff

}

ul.pagination li.disabled span {color:#ccc}

#pagination_previous {float:left}

#pagination_next {float:right}

#pagination_previous a, #pagination_previous span,

#pagination_next a, #pagination_next span {

padding:0 8px;

width:auto;

}

#pagination_previous span,

#pagination_next span {

color:#ccc;

border:1px solid #eee

}

/* CART steps *********************************************************************** */

ul#order_step { background-color: white;}

ul.step {

list-style-type:none;

margin-bottom:30px;

height:52px;

width:960px

}

ul.step li {

float:left;

height:52px;

width:191px;

text-align:center;

text-transform:uppercase;

background:url(../img/step_standard.gif) no-repeat center bottom transparent

}

ul.step li a, ul.step li.step_current span {

display:inline-block;

padding:8px 10px 12px;

color:#fff;

background:url(../img/step_current_span.gif) no-repeat center bottom transparent

}

ul.step li.step_current {

font-weight:bold;

background:url(../img/step_current.gif) no-repeat center bottom transparent

}

ul.step li.step_todo span {

display:inline-block;

padding:8px 10px 6px;

color:#999;

text-shadow:0 1px 0 #fff;

background:#eee

}

ul.step li.step_done {

font-weight:bold;

background:url(../img/step_done.gif) no-repeat center bottom transparent

}

ul.step li#step_end {background:url(../img/step_end.gif) no-repeat center bottom transparent}

/* module productcomments ********************************************************************** */

.rating {

clear: both;

display: block;

margin: 2em;

cursor: pointer;

}

.rating:after {

content: '.';

display: block;

height: 0;

width: 0;

clear: both;

visibility: hidden

}

.cancel, .star {

overflow: hidden;

float: left;

margin:0 1px 0 0;

width: 16px;

height: 16px;

text-indent: -999em;

cursor: pointer

}

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

.star, .star a { background: url(../../../modules/productcomments/img/star.gif) no-repeat 0 0 }

.cancel a, .star a {

display: block;

width: 100%;

height: 100%;

background-position: 0 0

}

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

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

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

.pack_price {

float: right;

margin-right: 3px;

font-size: 12px

}

.confirmation {

margin: 0 0 10px;

padding: 10px;

border: 1px solid #e6db55;

font-size: 13px;

background: none repeat scroll 0 0 #ffffe0;

}

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

.listcomment {

list-style-type:none;

margin:0 0 20px 0 !important;

}

.listcomment li {

padding:10px 0;

border-bottom:1px dotted #ccc;

color:#666

}

.listcomment .titlecomment {

display:block;

font-weight:bold;

font-size:12px;

color:#333

}

.listcomment .txtcomment {

display:block;

padding:5px 0;

color:#333

}

.listcomment .authorcomment {}

/* ************************************************************************************************

BREADCRUMB

************************************************************************************************ */

.breadcrumb {

margin-bottom:20px;

font-size:12px

}

.breadcrumb .navigation-pipe {margin:0 3px 0 5px}

.breadcrumb img {

position:relative;

top:5px

}

/* ************************************************************************************************

FOOTER

************************************************************************************************ */

#footer {

color:#fff;

background:#171717

}

.blockcategories_footer,

#footer .myaccount ,

#block_various_links_footer,

#social_block,

#block_contact_infos {

float:left;

width:175px

}

.blockcategories_footer {margin-left:0}

#footer h4 {

padding-bottom: 10px;

text-transform:uppercase

}

#footer h4,

#footer h4 a {

font-weight:normal;

font-size:14px;

color:#fff;

padding: 15px 10px;

}

#footer a {color:#fff}

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

#footer ul {list-style-type:none}

#footer li {padding:7px 10px}

#footer li a {color:#fff}

#footer .myaccount {padding: 15px 10px}

#footer .myaccount h4 {

padding:0 0 10px 0;

background:none;

text-shadow:none

}

#footer .myaccount .favoriteproducts img,

#footer .myaccount .lnk_wishlist img {display:none}

/* ************************************************************************************************

PRODUCT PAGE

************************************************************************************************ */

/* BLOCK idTabs ******************************************************************************** */

/* Tabs */

.idTabs {

list-style-type: none;

border: 1px solid #f0f0f0;

background:#fff;

height:43px;

margin-top: 1em

}

ul.idTabs li {

float: left;

margin:0 1px 0 0;

}

.idTabs a {

width:220px;height:28px;display:block;padding:15px 0 0 0;font-size:12px;font-weight:bold;color:#7a7a7a;text-align:center;text-decoration:none;cursor:pointer; margin:-1px 0 0 -1px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;}

.idTabs .selected {

color:#000;background:#f5f5f5; border:1px solid #f0f0f0;

}

/* IdTabs Short*/

.idTabsShort a {

width:130px;

}

.idTabsShort .selected {

background:#f5f5f5;

color:#d0644e;

border:1px solid #f0f0f0;

}

div.sheets {

clear: both;

background:#f5f5f5;

border:1px solid #f0f0f0;

border-top:0px;

padding: 1em

}

#more_info_sheets li {

background-position: 6px 4px;

margin-bottom: 0.4em

}

/* Make sure lists are correctly displayed in tinyMCE BO edition mode too */

#short_description_content ul,

#short_description_content ol,

#short_description_content dl,

#tinymce ul,

#tinymce ol,

#tinymce dl {margin-left:20px}

.block_hidden_only_for_screen {display:none}

/* ************************************************************************************************

PAGE AUTHENTIFICATION

************************************************************************************************ */

#authentication #left_column {}

#authentication #center_column{width:757px}

/* ************************************************************************************************

PAIMENT - PAGE ORDER

************************************************************************************************ */

/* nav bottom ********************************************************************************** */

#order #left_column , #order-confirmation #left_column {display:none}

#order #center_column, #order-confirmation #center_column{width:960px!important}

.cart_navigation {margin:20px 0}

.cart_navigation .exclusive,

.cart_navigation .exclusive_large {

float:right

}

.cart_navigation .button,

.cart_navigation .button_large {

/*border-color:#ccc;

background-image:url(../img/bg_bt_2.gif)*/

}

/* step 1 - cart ******************************************************************************* */

.cart_last_product {display:none}

/*p.cart_navigation .multishipping-button { margin-right: 10px }*/

#order-detail-content {margin-bottom:20px}

table#cart_summary th {

padding:14px 12px;

color:#0F0F0F;

font-weight:bold;

text-transform:uppercase;

background:#f1f1f1

}

table#cart_summary th.cart_product {text-align:center}

table#cart_summary td {

padding:12px;

border-right:1px solid #e9e9e9;

border-bottom:1px solid #e9e9e9;

font-weight:bold;

font-size:12px;

vertical-align:top

}

table#cart_summary td.cart_delete,

table#cart_summary td.price_discount_del {border-right:none;text-align: center}

table#cart_summary .last_item td {border-bottom:1px solid #e9e9e9}

table#cart_summary tr.cart_item.odd,

table#cart_summary tr.cart_total_delivery,

table#cart_summary tr.cart_total_price,

table#cart_summary tr.cart_total_voucher{

background-color: #fff

}

table#cart_summary tr.cart_item.even {

background-color: #fff

}

table#cart_summary tr.customization.odd {

background-color: #fff

}

table#cart_summary tr.customization.even {

background-color: #fff

}

table#cart_summary tr ul {

list-style: none;

}

table#cart_summary .cart_product {

width:80px;

text-align:center

}table#cart_summary tbody tr:last-child td {

border-bottom: 1px solid #dbdbdb;

}

table#cart_summary .cart_product img {border:1px solid #ccc}

table#cart_summary .cart_description {

width:230px;

}

table#cart_summary .cart_unit {width:130px;text-align: center}

table#cart_summary td.cart_unit {text-align: right}

table#cart_summary .cart_quantity {width:130px}

table#cart_summary .customization .cart_quantity {padding: 8px 12px 0;}

.cart_quantity .cart_quantity_input {

float:left;

margin-left: 5px;

width: 20px;

border:1px solid #fff

}

.cart_quantity .cart_quantity_button {

float:left;

position: relative;

top: -5px

}

table#cart_summary .cart_total {width:120px;text-align: center}

table#cart_summary td.cart_total {text-align: right}

table#cart_summary .cart_delete {

width:64px;

text-align:center

}

table#cart_summary .cart_discount_price {text-align: right}

.cart_delete a.cart_quantity_delete,

a.price_discount_delete {

display:inline-block;

padding:1px 2px;

font-size:8px;

color:#666;

text-transform:uppercase;

text-shadow:0 1px 0 #fff;

background:#ccc;

-moz-border-radius: 3px;

-webkit-border-radius: 3px;

border-radius: 3px

}

.cart_total_price .total_price_container {

border-right:none;

}

table#cart_summary .cart_total_price td.cart_voucher {

border-bottom:1px solid #dbdbdb;

vertical-align:middle

}

table#cart_summary #total_price_container {

border-bottom:1px solid #dbdbdb;

}

.cart_voucher h4,

.cart_voucher p {float:left;}

.cart_voucher h4 {

margin-right:12px;

padding:5px 0;

font-size:13px;

color:#f76a56

}

.cart_voucher p {padding-bottom:0;}

.cart_voucher #display_cart_vouchers {

clear:both;

line-height: 16px;

color:#666;

font-weight:normal;

border-top:1px dotted #ccc

}

.cart_voucher #display_cart_vouchers .title_offers {margin-top:10px}

.cart_voucher #display_cart_vouchers span {font-weight:bold}

.cart_voucher input.discount_name {

padding:0 5px;

height:22px;

width:170px;/* 180 */

border:1px solid #ccc;

font-weight:normal;

background:url(../img/bg_discount_name.png) repeat-x 0 0 #fff

}

.cart_voucher .submit input.button {

margin-left:2px;

padding:2px;

height:24px;

border:1px solid #ed5f4a;

-moz-border-radius:0;

-webkit-border-radius:0;

border-radius:0px;

color:#fff;

text-transform:uppercase;

background:url(../img/bg_cart_voucher_submit.png) repeat-x 0 0 #f76a56

}

#cart_summary .price {

border-right:none;

text-align: right;

white-space: nowrap;

}

.total_price_container p {text-align: left}

table#cart_summary .cart_total_price .total_price_container {

padding:0;

border-bottom:1px solid #dbdbdb;

border-right:1px solid #dbdbdb;

}

.cart_total_price .total_price_container p {

display:block;

padding:8px;

font-weight:bold;

color:#fff;

text-transform:uppercase;

background:#f76a56

}

.cart_total_price .total_price_container span {

display:block;

padding:15px;

font-weight:bold;

font-size:18px;

text-align:center

}

#order_carrier {

clear:both;

margin-top:20px;

border:1px solid #dbdbdb;

background:#fff

}

#order_carrier h4 {

padding:0 15px;

height: 29px;

font-weight: bold;

line-height:29px;

color:#0F0F0F;

font-weight:bold;

text-transform:uppercase;

background:#f1f1f1

}

#order_carrier span {

display:block;

padding:15px;

font-weight:bold

}

.order_delivery .first_item {margin-right:35px;}

.multishipping_close_container {

text-align: center;

}

table#cart_summary .gift-icon {

color: white;

background: #f76a56;

line-height: 20px;

padding: 2px 5px;

border-radius: 5px;

}

/* step 2 - authentification ******************************************************************* */

#create-account_form, #authentication #login_form {

clear: none;

float: left;

height: 20em;

width: 49%;

}

#create-account_form {margin-right: 11px;}

#authentication #create-account_form fieldset,

#authentication #login_form fieldset {

height: 170px

}

#authentication #create-account_form .form_content,

#authentication #login_form .form_content {

padding:15px 10px

}

#create-account_form h3,

#authentication #login_form h3 {

padding:8px;

border-bottom:1px solid #e4e4e4;

font-weight:bold;

font-size:12px;

color:#f76a56;

text-transform:uppercase;

background:#fff

}

#create-account_form h4 {

padding-bottom:22px;

font-size:11px;

color:#333

}

#create-account_form label,

#login_form label {

display:inline-block;

width:110px;

color:#666

}

#order-opc #login_form_content label {

display:block;

margin:0 0 10px 0

}

#create-account_form #email_create,

#login_form #email,

#login_form #passwd,

#login_form #login_email,

#login_form #login_passwd {

padding:0 5px;

height:20px;

width:210px;/* 230 */

border:1px solid #ccc;

color:#666;

background:url(../img/bg_discount_name.png) repeat-x 0 0 #fff

}

#create-account_form #SubmitCreate,

#login_form #SubmitLogin {

float:right

}

.lost_password {

float:left;

width:200px

}

.lost_password a {color:#666}

#order-opc .lost_password {

display:block;

float:none;

margin:5px 0 10px;

width:auto;

font-size:11px;

color:#666

}

#ordermsg p {padding-bottom:0}

#ordermsg p.txt {

float:left;

margin-right:25px;

width:220px

}

/*#ordermsg .textarea {float:right}*/

#ordermsg .textarea textarea {

height:90px;

width:475px;

border:1px solid #ccc

}

/* step 3 - address ************************************************************************** */

.address-form-multishipping { padding: 10px 0px; }

#multishipping_mode_box {

border: 1px solid #D0D3D8;

background: url("../img/form_bg.jpg") repeat-x scroll left top #D0D1D5;

margin-bottom: 10px;

padding: 5px;

}

#multishipping_mode_checkbox {

vertical-align: middle;

margin-right: 5px;

}

#multishipping_mode_box.on {

border: 1px solid #ddd;

}

#multishipping_mode_box .title {

padding: 5px;

font-weight: bold;

}

#multishipping_mode_box .description, #multishipping_mode_box .description_off {

padding: 5px;

}

#multishipping_mode_box .description_off {

display: none;

padding: 5px;

}

#multishipping_mode_box .description_off div {

margin-bottom: 10px;

}

#multishipping_mode_box .description_off a, #multishipping_mode_box .description a {

display: block;

text-align: center;

text-decoration: none;

padding: 5px 10px;

margin: 0 160px;

border: 1px solid #ccc;

background: #ddd;

}

#multishipping_mode_box .description_off a:hover, #multishipping_mode_box .description a:hover {

background: #f3f3f3;

border: 1px solid #ccc;

}

#multishipping_mode_box.on .description_off {

display: block;

}

/* step 4 - paiement ************************************************************************** */

.delivery_options {

border: 1px solid #BDC2C9;

border-top: 0;

}

#order .delivery_options_address h3, #order-opc .delivery_options_address h3 {

/*background: url("../img/table_header.gif") no-repeat;

color: #374853;

font-weight: bold;

height: 14px;

padding: 5px 10px;

margin: 10px 0 0 0;*/

padding: 6px 11px;

font-size: 12px;

color: #fff;

text-shadow: 0 1px 0 #000;

text-transform: uppercase;

background: none repeat scroll 0 0 #383838;

}

#order .delivery_option_radio, #order-opc .delivery_option_radio {

float: left;

margin: 21px 12px;

}

#order .delivery_option label, #order-opc .delivery_option label {

display: block;

padding-bottom: 5px;

padding-top: 5px;

}

#order .delivery_option label > table.resume, #order-opc .delivery_option label > table.resume {

height: 46px;

width: 685px;

}

#order .delivery_option.item, #order-opc .delivery_option.item {

background: #fafafa;

}

#order .delivery_option.alternate_item, #order-opc .delivery_option.alternate_item {

border-top: 1px solid #bdc2c9;

background: #f1f2f4;

border-bottom: 1px solid #bdc2c9;

}

#order .delivery_option label > table.resume td, #order-opc .delivery_option label > table.resume td {

padding: 0 8px;

}

#order .delivery_option label > table.resume td + td, #order-opc .delivery_option label > table.resume td + td {

width: 300px;

}

#order .delivery_option label > table.resume td + td + td, #order-opc .delivery_option label > table.resume td + td + td {

width: 100px;

text-align: right;

}

#order .delivery_option_carrier td {width:200px}

#order .delivery_option_carrier td + td {width:280px;}

#order .delivery_option_carrier td + td + td {width:200px}

#order .delivery_options_address .delivery_option_logo, #order .delivery_option_carrier .delivery_option_logo, #order-opc .delivery_options_address .delivery_option_logo {

padding-left:10px;

width: 160px;

}

#order .delivery_options_address .delivery_option_logo img, #order-opc .delivery_options_address .delivery_option_logo img { /*height: 40px;*/ }

#order .delivery_option_carrier .first_item, #order-opc .delivery_option_carrier .first_item {

padding: 3px 5px 3px 12px;

background:url(../img/arrow_right_2.png) no-repeat 3px 7px

}

.order_carrier_content {

padding:15px;

border:1px solid #e4e4e4;

font-size:12px;

color:#000;

background:#fff

}

.order_carrier_content h3 {

padding:15px 0 10px 0;

font-size:13px;

color:#000

}

.order_carrier_content h3.carrier_title {padding-top:0}

.order_carrier_content input {

position:relative;

top:1px

}

#carrierTable {

border:1px solid #dbdbdb;

border-bottom:none;

background:#fff

}

#carrierTable tbody{

border-bottom:1px solid #dbdbdb;

}

#carrierTable th {

padding:0 15px;

height: 29px;

font-weight: bold;

line-height:29px;

color:#fff;

text-transform:uppercase;

background:url(../img/bg_table_th.png) repeat-x 0 -10px #999

}

#carrierTable td {

padding:15px;

font-weight:bold;

border-right:1px solid #e9e9e9

}

#carrierTable td.carrier_price {border:none}

#gift_div {

display:none;

padding-bottom:10px

}

#gift_div label {

display:block;

margin-bottom:5px

}

#gift_div #gift_message {

height:50px;

width:720px;

border:1px solid #999

}

a.iframe {font-weight:bold}

.hook_extracarrier {

margin-top: 5px;

padding: 5px;

}

/* step 5 - paiement ************************************************************************** */

.paiement_block {

padding:15px;

border:1px solid #e4e4e4;

font-size:12px;

color:#000;

background:#fff

}

.payment_module {

position:relative;

padding-top:20px;

border-top:1px dotted #e4e4e4;

text-transform:uppercase;

}

.payment_module a {display:block;}

.payment_module img {

float:left;

margin-right:10px

}

/*.payment_module span {

position:absolute;

top:50px;

left:145px

}*/

.payment_module:before,

.payment_module:after {

content: ".";

display: block;

height: 0;

overflow: hidden

}

.payment_module:after {clear: both}

.payment_module {zoom: 1}

/* ************************************************************************************************

PAGE ORDER-OPC

************************************************************************************************ */

#order-opc #left_column {display:none}

#order-opc #center_column{width:960px!important}

#order-opc h2 {}

#order-opc h2 span {

display:inline-block;

padding:5px 7px;

color:#fff;

background:#333;

}

#order-opc #login_form fieldset {

background: none repeat scroll 0 0 #FFFFE0;

border: 1px solid #E6DB55;

font-size: 13px;

margin: 0 0 10px;

padding: 10px;

}

#order-opc #login_form fieldset p {padding:0}

#order-opc #login_form fieldset p a {padding:0}

#order-opc #new_account_form p.submit {

margin-right: 120px;

text-align:right

}

#order-opc #new_account_form p.opc-required {margin-left:20px}

#order-opc .addresses {margin-bottom:20px}

#order-opc #opc_delivery_methods h3 {margin-top:20px;}

#order-opc #opc_delivery_methods textarea {

height:60px;

width:755px;

border:1px solid #e4e4e4

}

#order-opc #opc_payment_methods {margin-bottom:20px}

#order-opc #opc_payment_methods #opc_payment_methods-content p{margin:0}

.delivery_option_carrier td {width:200px}

.delivery_option_carrier td + td {width:280px;}

.delivery_option_carrier td + td + td {width:200px}

.delivery_option_carrier {

margin: 5px 0 0 45px;

width: 670px;

display: none;

}

.delivery_option_carrier tr td {

padding: 5px;

}

.delivery_option_carrier.selected {

display: table;

}

.delivery_option_carrier.not-displayable {

display: none;

}

.delivery_option_title {

font-weight: bold;

}

/* ************************************************************************************************

express checkout

************************************************************************************************ */

#new_account_form {clear:both;margin-bottom: 20px}

#new_account_form h3 {

margin-bottom:20px;

padding:8px;

border-bottom:1px solid #e4e4e4;

font-weight:bold;

font-size:12px;

color:#fff;

text-transform:uppercase;

background:url(../img/bg_form_h3.png) repeat-x 0 0 #989898

}

#center_column #new_account_form p {

margin:0;

padding:0 0 10px 0

}

#new_account_form p.required {color:#222}

#new_account_form p.required sup {color:#990000}

#new_account_form p.radio span,

#new_account_form p.text label,

#new_account_form p.password label,

#new_account_form p.select label,

#new_account_form p.select span,

#new_account_form p.textarea label {

display: inline-block;

padding: 6px 15px;

width: 230px;

font-size: 14px;

text-align: right

}

#new_account_form p.radio label {

float:none;

padding-right:10px;

width:auto;

font-size:14px;

}

#new_account_form p.checkbox label {

float: none;

width: auto;

font-size: 12px;

}

#new_account_form p.text input,

#new_account_form p.password input,

#new_account_form p.select input {

height:22px;

padding:0 5px;

width:360px;

border:1px solid #e4e4e4;

font-size:12px;

color:#666

}

#new_account_form p.checkbox input {margin-left: 260px;}

#new_account_form #submitGuestAccount {float: right}

/* ************************************************************************************************ */

/* ************************************************************************************************

paiment - CONFIRMATION

************************************************************************************************ */

#orderconfirmation #left_column {display:none}

#orderconfirmation #center_column{width:757px}

/* ************************************************************************************************

PAGE PASSWORD

************************************************************************************************ */

#form_forgotpassword fieldset {

padding: 10px;

-moz-border-radius: 3px;

-webkit-border-radius: 3px;

border-radius: 3px;

background: #eee

}

#form_forgotpassword p.text label {

display: inline-block;

padding-right: 10px;

width: 174px;

font-weight: bold;

font-size: 12px;

text-align: right

}

#form_forgotpassword p.text input {

padding: 0 5px;

height: 20px;

width: 288px;

border: 1px solid #e4e4e4;

background: url(../img/bg_input.png) repeat-x 0 0 #fff

}

#form_forgotpassword p.submit {

margin-right:25px;

padding-bottom:5px;

text-align:right

}

#password .icon {

position:relative;

top:6px;

}

/* ************************************************************************************************

PAGE ADRESSES

************************************************************************************************ */

#addresses #left_column {display:none}

#addresses #center_column{width:757px}

#address p.inline-infos {

margin:0 0 0 100px !important;

font-size:12px;

color:#666px;

}

/* ************************************************************************************************

PAGE ADD ADRESS

************************************************************************************************ */

#address #left_column {display:none}

#address #center_column{width:757px}

form#add_adress {}

#add_adress fieldset {

margin:0;

border:3px solid #e4e4e4;

background:#fff

}

#add_adress h3 {

margin: -19px 0px 0px 10px;

font-size: 14px;

color: rgb(247, 106, 86);

text-transform: uppercase;

border-bottom: 0px solid rgb(204, 204, 204);

background: none repeat scroll 0% 0% rgb(255, 255, 255);

float: left;

padding:7px;

}

#center_column #add_adress p {margin:0; padding:0 0 10px 0;margin-top:22px;}

#add_adress p.required {color:#222}

#add_adress p.required sup {color:#990000}

#add_adress p.text label,

#add_adress p.password label,

#add_adress p.select label,

#add_adress p.select span,

#add_adress p.textarea label {

display:inline-block;

padding:6px 15px;

width:230px;/* 260 */

font-size:14px;

text-align:right

}

#add_adress p.text input,

#add_adress p.password input,

#add_adress p.select input {

padding:0 5px;

height:22px;

width:360px;/* 370 */

border:1px solid #e4e4e4;

font-size: 12px;

color:#666

}

#add_adress p.checkbox input {

margin-left:260px;

}

#add_adress p.select select {

margin-right:10px;

border:1px solid #e4e4e4;

font-size: 12px;

color:#666

}

#add_adress p.textarea label {vertical-align:top}

#add_adress p.textarea textarea {

height:80px;

width:370px;

border:1px solid #e4e4e4;

font-size: 12px;

color:#666

}

#center_column #add_adress p.submit2 {

margin-top:20px;

text-align:right

}

#add_adress span.form_info,

#add_adress span.inline-infos {

display:block;

margin:5px 0 0 265px;

color:#666

}

/* ************************************************************************************************

PAGE ORDER-SPLIP

************************************************************************************************ */

#order-slip #left_column {display:none}

#order-slip #center_column{width:757px}

#order-slip #order-list {border-bottom:1px solid #999}

#order-slip #order-list td {

border-top: 1px solid #e4e4e4;

border-bottom:none

}

#order-slip #order-list td.history_invoice {border-right:none}

/* ************************************************************************************************

PAGE DISCOUNT

************************************************************************************************ */

#discount #left_column {display:none}

#discount #center_column{width:757px}

#discount .table_block tr.last_item td {border-bottom:1px solid #999}

#discount .table_block td.discount_expiration_date {border-right:1px solid #999}

#discount .table_block td.discount_value {white-space:nowrap}

/* ************************************************************************************************

PAGE ORDER FOLLOW

************************************************************************************************ */

#order-follow #left_column {display:none}

#order-follow #center_column{width:757px}

/* ************************************************************************************************

PAGE NEW-PRODUCTS

************************************************************************************************ */

#newproducts .sortPagiBar {margin-bottom:20px}

/* ************************************************************************************************

PAGE BEST SALES

************************************************************************************************ */

#bestsales .sortPagiBar {margin-bottom:20px}

/* ************************************************************************************************

PAGE PRICES DROP SALES

************************************************************************************************ */

#pricesdrop .sortPagiBar {margin-bottom:20px}

/* ************************************************************************************************

PAGE MANUFACTURER

************************************************************************************************ */

#manufacturer .nbrmanufacturer {

margin: 15px 0 10px;

padding: 8px 7px;

font-size:12px;

color: #000;

background: none repeat scroll 0 0 #f0f0f0

}

#manufacturer #product_list {margin-top:15px}

ul#manufacturers_list {list-style-type:none}

ul#manufacturers_list li {

margin-bottom: 14px;

padding: 12px 8px;

border: 1px solid #eee;

-moz-border-radius: 3px;

-webkit-border-radius: 3px;

border-radius:3px;

}

ul#manufacturers_list li a.lnk_img {

display: block;

float: left;

}

ul#manufacturers_list li img {

display: block;

float: left;

margin-right: 14px;

border: 1px solid #e4e4e4;

vertical-align: bottom

}

ul#manufacturers_list li h3 {

padding: 0 0 10px;

font-size: 13px;

color: #000

}

ul#manufacturers_list li .description {

overflow: hidden;

padding: 0;

font-size:12px;

color:#666

}

ul#manufacturers_list li .right_side {float:right;}

.description_box {

border: 1px solid #CCCCCC;

border-radius: 3px 3px 3px 3px;

box-shadow: 0 1px 1px #E2E2E2;

padding: 5px;

margin-bottom: 20px;

font-size: 12px;

line-height: 18px;

}

.description_box p {

margin: 0;

padding: 0 10px 5px;

}

.description_box .hide_desc {

display: none;

}

.description_box .lnk_more {

background: url("../img/arrow_right_1.png") no-repeat scroll 100% 4px transparent;

color: #f76a56;

padding: 0 10px;

}

.description_box ul {

padding-left: 30px;

padding-bottom: 10px;

}

/* ************************************************************************************************

PAGE SUPPLIER

************************************************************************************************ */

#supplier .nbrmanufacturer {

margin: 15px 0 10px;

padding: 8px 7px;

font-size:12px;

color: #000;

background: none repeat scroll 0 0 #f0f0f0

}

ul#suppliers_list {list-style-type:none}

ul#suppliers_list li {

margin-bottom: 14px;

padding: 12px 8px;

border: 1px solid #eee;

-moz-border-radius: 3px;

-webkit-border-radius: 3px;

border-radius:3px;

}

ul#suppliers_list li a.lnk_img {

display: block;

float: left;

}

ul#suppliers_list li img {

display: block;

float: left;

margin-right: 14px;

border: 1px solid #e4e4e4;

vertical-align: bottom

}

ul#suppliers_list li h3 {

padding: 0 0 10px;

font-size: 13px;

color: #000

}

ul#suppliers_list li .description {

overflow: hidden;

padding: 0;

font-size:12px;

color:#666

}

ul#suppliers_list li .right_side {float:right;}

/* ************************************************************************************************

PAGE SEARCH

************************************************************************************************ */

#search h3.nbresult {

margin:0 0 10px 0;

padding:10px;

border:1px solid #e6db55;

font-size:13px;

background:#ffffe0

}

#search .sortPagiBar {margin-bottom:20px}

/* ************************************************************************************************

PAGE 404

************************************************************************************************ */

#pagenotfound #left_column,

#pagenotfound #right_column,

#pagenotfound #footer {display:none}

#pagenotfound #left_column,

#pagenotfound #right_column,

#pagenotfound #footer {display:none}

#pagenotfound #center_column {width:940px;}

#pagenotfound .pagenotfound {

padding:30px 300px 0 0;

height:330px;

font-size:14px;

background:url(../img/bg_404.png) no-repeat 100% 0

}

#pagenotfound h3 {

font-weight:normal;

font-size:14px

}

#pagenotfound fieldset {border:none}

#pagenotfound fieldset label {color:#333}

#pagenotfound #search_query {

-moz-border-bottom-colors: none;

-moz-border-image: none;

-moz-border-left-colors: none;

-moz-border-right-colors: none;

-moz-border-top-colors: none;

border-bottom: 1px solid #666;

border-left: 1px solid #666;

border-right: 1px solid #fff !important;

border-top: 1px solid #666;

padding: 0 5px;

height: 24px;

width: 200px;

color: #e4e4e4;

background: url(../../../img/bg_search_input.png) repeat-x scroll 0 0 #fff

}

#pagenotfound .button_small {

padding: 4px 7px;

border: medium none;

-moz-border-radius:0;

-webkit-border-radius:0;

border-radius:0;

color: #fff;

text-transform: uppercase;

background: url("../../../img/bg_search_submit.png") repeat-x scroll 0 0 #101010

}

#pagenotfound .pagenotfound a {

font-weight:bold;

color:#333

}

#pagenotfound .pagenotfound .icon {

position:relative;

top:3px

}

/* ************************************************************************************************

addons payment cheque

************************************************************************************************ */

#module-cheque-payment #left_column {display:none}

#module-cheque-payment #center_column{width:757px}

/* ************************************************************************************************

addons payment bankwire

************************************************************************************************ */

#module-bankwire-payment #left_column {display:none}

#module-bankwire-payment #center_column{width:757px}

/* ************************************************************************************************

addons google checkout

************************************************************************************************ */

#module-gcheckout-payment #left_column {display:none}

#module-gcheckout-payment #center_column{width:757px}

/* ************************************************************************************************

addons paypal

************************************************************************************************ */

#module-payment-submit #left_column {display:none}

#module-payment-submit #center_column{width:757px}

/* ************************************************************************************************

addons cashondelivery validation

************************************************************************************************ */

#module-cashondelivery-validation #left_column {display:none}

#module-cashondelivery-validation #center_column{width:757px}

/* ************************************************************************************************

addon RerversoForm

************************************************************************************************ */

#account-creation_form fieldset.reversoform {padding:10px !important}

#account-creation_form fieldset.reversoform .text label{

display:block;

padding:0 0 10px 0;

width:100%;

text-align:left;

}

#account-creation_form fieldset.reversoform .infos-sup {

padding:0 !important;

font-size:10px;

font-style:italic;

text-align:right

}

/* ************************************************************************************************

addon customer privacy

************************************************************************************************ */

#account-creation_form fieldset.customerprivacy label{

padding-bottom:0;

font-size:14px;

text-align:left;

cursor:pointer

}

/* ************************************************************************************************

addon referralprogram

************************************************************************************************ */

#module-referralprogram-referralprogram-program #left_column {display:none}

#module-referralprogram-referralprogram-program #center_column{width:757px}

#footer .myaccount li.referralprogram img {display:none}

#module-referralprogram-referralprogram-program .sheets {padding-top:10px}

#module-referralprogram-referralprogram-program form p.checkbox {font-weight:bold}

#module-referralprogram-referralprogram-program form p.checkbox a {text-decoration:underline}

#module-referralprogram-referralprogram-program form p.submit {text-align:right}

#module-referralprogram-referralprogram-program form p.see_email {

padding-left:10px;

color: #f76a56;

background:url(../img/arrow_right_1.png) no-repeat 0 4px;

}

#module-referralprogram-referralprogram-program form p.see_email a {

color: #f76a56;

text-decoration:underline

}

/* ************************************************************************************************

addon loyalty

************************************************************************************************ */

#module-loyalty-default #left_column {display:none}

#module-loyalty-default #center_column{width:757px}

#product p#loyalty {

padding:10px 0 0 20px;

border-top:0px solid #e4e4e4;

background:url(../img/icon/info.png) no-repeat 0 8px;

margin-top: 10px;

}

#footer .myaccount li.loyalty img {display:none}

/* ************************************************************************************************

addon Livezilla

************************************************************************************************ */

#livezilla_lnk {

margin:10px 0;

text-align: right

}

#livezilla_lnk a {

display:inline-block;

padding:6px 8px 8px 8px;

-moz-border-radius:3px;

-webkit-border-radius:3px;

border-radius:3px;

font:bold 10px Arial,Verdana,sans-serif;

color:#fff;

text-shadow: 0 -1px 0 #000;

background: url(../img/bg_bt_compare.gif) repeat-x scroll 0 0 #000

}

#livezilla_lnk a:hover {text-decoration:none}

/* ************************************************************************************************

addons comments products

************************************************************************************************ */

form#sendComment fieldset{

padding:10px;

border:1px solid #e4e4e4;

background:#eee

}

form#sendComment h3 {font-size:14px;}

#new_comment_form p.text {

margin-bottom: 0;

padding-bottom: 0;

}

#sendComment p.text label,

#sendComment p.textarea label {

display: block;

margin: 12px 0 4px;

font-weight: bold;

font-size: 12px;

}

#sendComment p.text input {

padding: 0 5px;

height: 28px;

width: 498px;

border: 1px solid #e4e4e4;

background: url(../img/bg_input.png) repeat-x 0 0 #fff;

}

#sendComment p.textarea textarea {

height:80px;

width:508px;

border:1px solid #e4e4e4;

}

#sendComment p.submit {

padding:0;

text-align:right

}

#sendComment p.closeform {

float:right;

padding:0;

height:12px;

width:12px;

text-indent:-5000px;

background:url(../img/icon/delete.gif) no-repeat 0 0

}

.star {

position: relative;

top:2px;

float: left;

height: 12px;

width: 12px;

overflow: hidden;

text-indent: -999em;

cursor: pointer

}

.star, .star a { background: url(../../../modules/productcomments/img/star.gif) no-repeat 0 0 }

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

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

/* ************************************************************************************************

xxxxx

************************************************************************************************ */

/* ************************************************************************************************

guest tracking

************************************************************************************************ */

#guest-tracking fieldset p:first-child {

padding-top: 10px;

}

#guest-tracking fieldset p:last-child {

padding-bottom: 10px;

}

/* ************************************************************************************************

currency

************************************************************************************************ */

.currency{float:right; margin-right:-10px;padding-top:7px; width:80px;}

/* ************************************************************************************************

banner

************************************************************************************************ */

.banner img { margin:0px 0px 8px 0px; border:1px solid #808080 }

.banner1 {float:left;width:470px; height:190px; margin-bottom:20px;border:1px solid #C3C3C3;}

.banner2 {float:right ; width:470px; height:190px; margin-right:0px;border:1px solid #C3C3C3;}

.sale_home { position: absolute;

margin-top: -200px;

margin-left: 98px;

width: 80px;

height: 26px;

color: #fff!important;

background:url("../../../img/sale_fr.png")}

.clearblock {

height: 0px;

clear: both;

overflow: hidden;

font-size: 0px;

line-height: 0;

}

.blocktub{float:left;width:300px;height:200px;box-shadow: 0px 0px 5px rgb(51, 51, 51);border: 2px solid rgb(250, 250, 250);border-radius: 2px 2px 2px 2px;}

.blockpub1{float:left;width:300px;height:200px;box-shadow: 0px 0px 5px rgb(51, 51, 51);border: 2px solid rgb(250, 250, 250);border-radius: 2px 2px 2px 2px;}

.blockpub2{float:left;width:300px;height:200px;box-shadow: 0px 0px 5px rgb(51, 51, 51);border: 2px solid rgb(250, 250, 250);border-radius: 2px 2px 2px 2px;}

jeckyl · August 6, 2013

Si je vais sur votre site j'ai cela : http://www.laplanetevenus.com/themes/lingeriesexy/css/global.css

/* ##################################################################################################
PRESTASHOP CSS
################################################################################################## */
@import url("grid_prestashop.css");
/* ****************************************************************************
 reset
**************************************************************************** */
html{color:#fff;background:#220010;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit}
del,ins{text-decoration:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:baseline}
sub{vertical-align:baseline}
legend{color:#000}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{font-size:100%;border:1px solid#ccc;}
a {cursor:pointer}
.clearfix:before,
.clearfix:after {
content: ".";
display: block;
height: 0;
overflow: hidden
}
.clearfix:after {clear: both}
.clearfix {zoom: 1}
/* ************************************************************************************************
 struture
************************************************************************************************ */
#page {

}
#header {z-index:10;}
#columns {z-index:1;;padding:0px;}
#left_column {display:none}
#center_column {}
#right_column {
   width: 220px;
   background: none repeat scroll 0% 0% transparent;
   padding-left: 10px;
   padding-right: 10px;
   padding-top: 9px;
   border: 1px solid rgb(88, 10, 48);
   margin-left: 15px;
   overflow: hidden;
   margin-right:0px!important
}

laplanetevenus · August 6, 2013

alors je suprime la ligne

margin-left: 15px;

et je la remplace par

float:right

et je lui mes une valeur comme 15PX ou je mes rien.

jeckyl · August 6, 2013

bon je dois vous parler chinois donc pour apprendre le chinois rendez-vous sur http://www.alsacreations.com/tutoriels/

laplanetevenus · August 6, 2013

merci ca a marche

jeckyl · August 6, 2013

De rien.

n'oubliez pas de passer votre topic en [Résolu] pour les autres internautes.

Topic [Résolu]

Si, après avoir posté dans un topic, vous trouvez une solution à votre problème, merci de venir le signaler et de décrire cette solution.

De plus, si vous êtes l'auteur du topic pour lequel une solution a été apportée, éditer le premier post et ajouter la mention [Résolu] au début du titre.

Pour marquer un topic comme [Résolu] :

- Editer le premier post du topic en cliquant sur le bouton "Editer",

- Cliquer sur le bouton "Utiliser l'éditeur complet",

- Ajouter la mention "[Résolu] " au début du titre de votre topic et cliquez sur le bouton "Envoyer le message modifié".

[Résolu] Colonne de droite

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Create an account or sign in to comment

Create an account

Sign in