Jump to content
Sign in to follow this  
Coaster

Comment faire un cadre blanc ?

Recommended Posts

Bonjour,

 

Je voudrez savoir comment faire un cadre de couleur fond blanc qui entoure ma boutique comme ce-ci s'il vous plaît. J'ai beau chercher mais j'y arrive pas. Votre aide sera très utile, merci beaucoup.

post-315109-0-98762900-1326275198_thumb.png

Share this post


Link to post
Share on other sites

Bonjour,

 

Il faut localiser le <div> qui englobe vos colonnes et le footer puis de lui donner une class s'il n'en a pas.

<div class="fond">


 <div id="colonne de gauche"></div>
 <div id="colonne centrale"></div>
 <div id="footer"></div>
</div>

 

 

dans le css :

 

.fond { background-color: white}

 

Certainement il vous faudra ajouter un padding dans cette class et surtout retravailler vos tpl ( header et footer) pour retravailler la structure de vos div.

 

V++

 

Atch

Share this post


Link to post
Share on other sites

Bonjour Coaster,

 

Tu peux modifier dans global.css la partie ci-dessous et ajouter background-color:#FFFFFF;

 

#columns {

background-color:#FFFFFF;

 

EDIT : Oups Atch a été le plus rapide :).

Share this post


Link to post
Share on other sites

Bonjour,

 

Il faut localiser le <div> qui englobe vos colonnes et le footer puis de lui donner une class s'il n'en a pas.

<div class="fond">


 <div id="colonne de gauche"></div>
 <div id="colonne centrale"></div>
 <div id="footer"></div>
</div>

 

 

dans le css :

 

.fond { background-color: white}

 

Certainement il vous faudra ajouter un padding dans cette class et surtout retravailler vos tpl ( header et footer) pour retravailler la structure de vos div.

 

V++

 

Atch

 

Merci de votre réponse rapide. Mais je ne comprend pas très bien.

Ou je rajoute le code <div> ? Et puis pourquoi retravailler mon header et footer ? Merci.

 

 

Bonjour Coaster,

 

Tu peux modifier dans global.css la partie ci-dessous et ajouter background-color:#FFFFFF;

 

#columns {

background-color:#FFFFFF;

 

Merci de votre réponse rapide. Juste à ajouter ce petit code va vraiment faire comme j'ai demander dans ma capture d'écran (fichier joint) ?

Share this post


Link to post
Share on other sites

Cela te donnera un fond blanc sur la partie que tu as entouré et si ton site est bien celui indiqué sur l'image.

Share this post


Link to post
Share on other sites

Cela te donnera un fond blanc sur la partie que tu as entouré et si ton site est bien celui indiqué sur l'image.

 

Je vais essayer dans un instant Carl Favre. Mais c'est possible de faire un contour de 1Pixel de couleur noir svp ?

Share this post


Link to post
Share on other sites

Bonjour modifier la classe à la ligne 42 de votre global css :

 

 

#columns {


background-color: #FFFFFF;
border: 1px solid #000000;
padding: 5px;
z-index: 1;
}

et la ligne 51 du fichier grid_prestashop.css

 

 

.container_9 .grid_9 {


width: 969px;
}

et la ligne 44 du global.css

 

 

 

#center_column {


margin-left: 0;
position: relative;
width: 727px;
}

Share this post


Link to post
Share on other sites

Bonjour modifier la classe à la ligne 42 de votre global css :

 

 

#columns {


background-color: #FFFFFF;
border: 1px solid #000000;
padding: 5px;
z-index: 1;
}

et la ligne 51 du fichier grid_prestashop.css

 

 

.container_9 .grid_9 {


width: 969px;
}

et la ligne 44 du global.css

 

 

 

#center_column {


margin-left: 0;
position: relative;
width: 727px;
}

 

Donc je fais comme vous m'avez dit ? Avec vos codes à vous (déjà modifier) ?

Share this post


Link to post
Share on other sites

heu, oui, je crois que c'est ce que je dit dans mon message mais peut être que je m'exprime mal.

Share this post


Link to post
Share on other sites

J'ai uniquement ça dans mon global.css qui parle de "#columns"

 

#center_column .sortPagiBarHaut{
padding:10px;
font:normal 11px Arial, Verdana, sans-serif;
color:#eee;
background-color:#364053;
}
#center_column .sortPagiBarHaut strong {color:#000;}
#center_column .sortPagiBarHaut p {padding:0;}
#center_column .sortPagiBarHaut form {display:inline-block;}

.sortPagiBarHaut#productsSortForm {float:right;}
.sortPagiBarHaut select#selectPrductSort {
margin:0 0 0 10px;
color:#000;
border:1px solid #ccc
}

.sortPagiBarHaut #bt_compare {
padding:3px 7px;
border:none;
color:#666;
text-shadow:0 1px 0 #fff;
background:url(../img/bg_bt_compare.gif) repeat-x 0 0 #111;
}

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

.sortPagiBarHaut .PrductSort {float:left;}

.sortPagiBarHaut .nbrProduct {
display:inline-block;
padding:0 10px;
}

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

.content_sortPagiBarBas {margin:20px 0;bottom:0;width:100%}
#center_column .sortPagiBarBas{
padding:10px;
font:normal 11px Arial, Verdana, sans-serif;
color:#eee;
background-color:#364053;
}
#center_column .sortPagiBarBas strong {color:#000;}
#center_column .sortPagiBarBas p {padding:0;}
#center_column .sortPagiBarBas form {display:inline-block;}

Share this post


Link to post
Share on other sites

Bonjour,

 

nous parlons bien du même css ?

 

themes/batz/css/global.css

 

car je ne peux pas faire mieux que vous donner les lignes après si vous n'utilisez pas un logiciel vous indiquant les lignes je ne peux que vous conseiller d'en charger un comme notepad+

Share this post


Link to post
Share on other sites

Pourrais-tu mettre ton fichier global.css en pièce jointe ?

 

/* ##################################################################################################
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:verdana;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button,textarea,select{font-size:100%}
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}
#left_column {margin-bottom:30px}
#center_column {width:730px;margin-left:0px;position:relative}
#right_column {}
#footer {}


/* ************************************************************************************************
     generic style
************************************************************************************************ */
body{
font:normal 11px/14px Arial, Verdana, sans-serif;
color:#222;
background:#fff url("../img/body.jpg") repeat-x top left;
}
#wrapper {
   background:transparent url("../img/wrapper.png") repeat-x bottom left;
}



/* positionnement ****************************************************************************** */
.hidden {display:none}
.f_right {float:right}

/* title *************************************************************************************** */
h1 {
margin-bottom:20px;
font-size:24px;
line-height: 22px
}
h2 {
padding-bottom:20px;
font-size:18px
}
h3 {
padding-bottom:20px;
font-size:16px
}
h4 {
padding-bottom:20px;
font-size:14px
}

/* text **************************************************************************************** */
p {padding-bottom:20px}

.warning {
margin:0 0 10px 0;
padding:10px;
border:1px solid #e6db55;
font-size:13px;
background:#ffffe0
}
.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:#000;
text-decoration:none
}
a:hover {text-decoration:underline}

/*buttons ************************************************************************************** */
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 {
position:relative;
display:inline-block;
padding:5px 7px;
border:1px solid #cc9900;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
font-weight:bold;
color:#000;
background:url(../img/bg_bt.gif) repeat-x 0 0 #f4b61b;
cursor: pointer;
}
*:first-child+html input.button_mini, *:first-child+html input.button_small, *:first-child+html input.button, *:first-child+html input.button_large,
*:first-child+html input.button_mini_disabled, *:first-child+html input.button_small_disabled, *:first-child+html input.button_disabled, *:first-child+html input.button_large_disabled,
*:first-child+html input.exclusive_mini, *:first-child+html input.exclusive_small, *:first-child+html input.exclusive, *:first-child+html input.exclusive_large,
*:first-child+html input.exclusive_mini_disabled, *:first-child+html input.exclusive_small_disabled, *:first-child+html input.exclusive_disabled, *:first-child+html input.exclusive_large_disabled {
border:none
}


/* 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 {
/*background-position: left -36px;
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 {
text-decoration:none;
background-position: left -50px
}

/* 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 {
/*color: white!important*/
}

/* active button */
input.button_mini:active, input.button_small:active, input.button:active, input.button_large:active,
input.exclusive_mini:active, input.exclusive_small:active, input.exclusive:active, input.exclusive_large:active,
a.button_mini:active, a.button_small:active, a.button:active, a.button_large:active,
a.exclusive_mini:active, a.exclusive_small:active, a.exclusive:active, a.exclusive_large:active {
background-position: left -100px
}

/* 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: 30px;
background-image: url('../img/button-mini.png')*/
}
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-image: url('../img/button-small.png')*/
}
input.button, input.button_disabled, input.exclusive, input.exclusive_disabled, a.button, a.exclusive, span.button, span.exclusive {
/*width: 120px;
background-image: url('../img/button-medium.png')*/
}
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: 180px;
background-image: url('../img/button-large.png')*/
}

/* exclusive button */
/*input.exclusive, input.exclusive_disabled, a.exclusive, span.exclusive { background-image: url('../img/button-medium_exclusive.png') }
input.exclusive_mini, input.exclusive_mini_disabled, a.exclusive_mini, span.exclusive_mini { background-image: url('../img/button-mini_exclusive.gif') }
input.exclusive_small, input.exclusive_small_disabled, a.exclusive_small, span.exclusive_small { background-image: url('../img/button-small_exclusive.gif') }
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') }*/

/* form **************************************************************************************** */
form.std fieldset {
  margin:20px 0;
  border:1px solid #ccc
}

/* table *************************************************************************************** */
table.std,
table.table_block {
margin-bottom:20px;
width:100%;
}
table.std th,
table.table_block th {
padding:14px 12px;
color:#fff;
text-transform:uppercase;
text-shadow:0 1px 0 #000;
background:url(../img/bg_table_th.png) repeat-x 0 0 #364053
}
table.std tr.alternate_item,
table.table_block tr.alternate_item {background: #f3f3f3 url("../img/block_bg.png") repeat}
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;background: url("../img/block_bg.jpg") repeat transparent}
#footer .block {margin-bottom:0}
.block h4 {
padding:6px 11px;
font-size:12px;
color:#fff;
height: 30px;
line-height:30px;
text-shadow:-1px -1px 0 #734D27;
text-transform:uppercase;
background:#364053;
margin-bottom: 8px
}
.block h4 a {color:#fff}
.block ul {list-style-type:none}
.block li.last { border:none}
.block li a {
display:block;
color:#fff
}

/* BLOCK .products_block *********************************************************************** */
.products_block {}
.products_block li {float:left
}
.products_block li img {/* border:1px solid #D69E62 */ }

/* NEW Products Block *********************************************************************** */
#new-products_block_right {
  background: transparent url("../img/block_bg.jpg") repeat 0 0;
 }

/* 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_sortPagiBarHaut {margin:20px 0;}
#center_column .sortPagiBarHaut{
padding:10px;
font:normal 11px Arial, Verdana, sans-serif;
color:#eee;
background-color:#364053;
}
#center_column .sortPagiBarHaut strong {color:#000;}
#center_column .sortPagiBarHaut p {padding:0;}
#center_column .sortPagiBarHaut form {display:inline-block;}

.sortPagiBarHaut#productsSortForm {float:right;}
.sortPagiBarHaut select#selectPrductSort {
margin:0 0 0 10px;
color:#000;
border:1px solid #ccc
}

.sortPagiBarHaut #bt_compare {
padding:3px 7px;
border:none;
color:#666;
text-shadow:0 1px 0 #fff;
background:url(../img/bg_bt_compare.gif) repeat-x 0 0 #111;
}

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

.sortPagiBarHaut .PrductSort {float:left;}

.sortPagiBarHaut .nbrProduct {
display:inline-block;
padding:0 10px;
}

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

.content_sortPagiBarBas {margin:20px 0;bottom:0;width:100%}
#center_column .sortPagiBarBas{
padding:10px;
font:normal 11px Arial, Verdana, sans-serif;
color:#eee;
background-color:#364053;
}
#center_column .sortPagiBarBas strong {color:#000;}
#center_column .sortPagiBarBas p {padding:0;}
#center_column .sortPagiBarBas form {display:inline-block;}

.sortPagiBarBas#productsSortForm {float:right;}
.sortPagiBarBas select#selectPrductSort {
margin:0 0 0 10px;
color:#000;
border:1px solid #ccc
}

.sortPagiBarBas #bt_compare {
padding:3px 7px;
border:none;
color:#666;
text-shadow:0 1px 0 #fff;
background:url(../img/bg_bt_compare.gif) repeat-x 0 0 #111;
}

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

.sortPagiBarHaut .PrductSort {float:left;}

.sortPagiBarBas .nbrProduct {
display:inline-block;
padding:0 10px;
}

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

/* pagination ********************************************************************************** */
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:12px/24px Arial,Verdana,sans-serif;
  color:#999;
  background: url("../img/block_bg.jpg")
}
ul.pagination a {
text-align:center;
}
ul.pagination a:hover {
color:#333;
border:1px solid #333;
background: url("../img/block_bg.jpg")
}
ul.pagination .current span {
color:#111;
border:1px solid #eee;
background: url("../img/block_bg.jpg")

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

#pagination_previous {float:left}
#pagination_next {float:right;background: url("../img/block_bg.jpg")}
#pagination_previous a, #pagination_previous span,
#pagination_next a, #pagination_next span {
padding:0 8px;
width:auto;
}
#pagination_previous span,
#pagination_next span {
color:#111;
border:1px solid #eee;
background: url("../img/block_bg.jpg")
}

/* CART steps *********************************************************************** */
ul#order_step { background-color: transparent;}
ul.step {
  list-style-type:none;
margin-bottom:30px;
  height:52px;
  width:980px
}
ul.step li {
  float:left;
  height:52px;
  width:196px;
  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:#000;
  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 }
.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 {}


/* ************************************************************************************************
     HEADER
************************************************************************************************ */
#header {position:relative}
#header_logo {
float:center;
       text-align:center;
display:block;
margin-top: 12px;
}

#header_right {
position:relative;
  float: right
}


/* ************************************************************************************************
     BREADCRUMB
************************************************************************************************ */
.breadcrumb {display:none} {
margin-bottom:20px;
font-size:2.1em;
height: 30px;
line-height: 30px;
}
.breadcrumb .navigation-pipe {margin:0 3px 0 5px;font-weight:bold}
.breadcrumb a {
   padding-right: 5px;
font-weight:bold
}





/* ************************************************************************************************
     FOOTER
************************************************************************************************ */
#footer {
color:#fff;
background:transparent
}
.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: 5px;
text-transform:uppercase;
border-bottom: 2px dashed #D69E62
}
#footer h4,
#footer h4 a {
font-weight:normal;
font-size:14px;
color:#fff
}
#footer a {color:#fff}
#footer a:hover {text-decoration:underline}
#footer ul {list-style-type:none; font-size:1.2em}
#footer li {padding:7px 0}
#footer li a {color:#fff}


/* ************************************************************************************************
     HOMEPAGE
************************************************************************************************ */
/* BLOCK HOME FEATURED ************************************************************************* */
#featured-products_block_center  {
margin-bottom:70px;background:none}
#featured-products_block_center li {
margin-left:14px;
padding:10px 0;
width:225px;
position: relative;
overflow: hidden;
background: none
}
#featured-products_block_center li.last_item_of_line  {margin-right:0;}
#featured-products_block_center h5 {
padding-top:5px;
height:30px;
font-size:1.6em;
color:#222;
background:url(../img/arrow_right_2.png) no-repeat 0px 0px transparent
}
#featured-products_block_center h5  a {margin-left:16px}

#featured-products_block_center .product_image {
display:block;
position:relative;
}
#featured-products_block_center .product_image span.new {
display: block;
position: absolute;
top: 15px;
right:-30px;
padding: 1px 4px;
width: 101px;
font-size:10px;
color: #fff;
text-align: center;
text-transform: uppercase;
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
background-color: #990000
}

#featured-products_block_center .product_desc,
#featured-products_block_center .product_desc a {
color:#fff;
font-size: 1.2em
}
#featured-products_block_center .lnk_more {
display:inline;
padding-right:10px;
font-weight:bold;
font-size:10px;
color:#0088cc;
background:url(../img/arrow_right_1.png) no-repeat 100% 3px;
}
#featured-products_block_center .price_container {
margin-top:10px;
padding:0;
}
#featured-products_block_center .price {
font-weight:bold;
font-size:18px;
color:#fff
}
#featured-products_block_center li .ajax_add_to_cart_button {display:none;}
#featured-products_block_center li span.exclusive {display:none;}
#info-produit {
   padding: 8px;
background: transparent url("../img/info.png") repeat-x 0 0;
min-height: 158px;
position: absolute;
margin-top: 10px;
-moz-transition: bottom 0.7s ease-out 0.2s;
-webkit-transition: bottom 0.7s ease-out 0.2s;
-o-transition: bottom 0.7s ease-out 0.2s;
bottom: -180px;
}
#featured-products_block_center ul li:hover #info-produit {
   bottom: 30px;
}
#info-produit p:first-letter {
   font-size: 22px;
}
#prix {
   position: absolute;
bottom: 25px;
width: 155px
}
#prix .button {
   width: 45px;
text-align: center;
}

/* ************************************************************************************************
     PRODUCT PAGE
************************************************************************************************ */

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

#more_info_block {
  margin-bottom: 60px;
  }
.idTabs {
  list-style-type: none;
  margin-top: 20px;
  padding:0 0px;
  border-bottom: 8px solid #f7b900
}
ul.idTabs li {
  float: left;
  margin-right: 1px
}
.idTabs a {
  display:block;
  padding:10px 10px 7px 10px;
  font-weight:bold;
  text-decoration:none;
  color:#fff;
  background:#000
}
.idTabs .selected {
  color:#000;
  background: url(../img/bg_li_idTabs.png) repeat-x 0 0
}

#more_info_sheets {padding-top:10px;background-color:#F7B900;padding-left:10px;width:98.7%}
#more_info_sheets ul,
#more_info_sheets ol,
#more_info_sheets dl {margin-left:20px}

.block_hidden_only_for_screen {display:none;}


/* ************************************************************************************************
     PAGE AUTHENTIFICATION
************************************************************************************************ */
#authentication #left_column {display:none}
#authentication #center_column{width:980px;min-height:500px}


/* ************************************************************************************************
     PAIMENT - PAGE ORDER
************************************************************************************************ */

/* nav bottom ********************************************************************************** */
#order #left_column {display:none}
#order #center_column{width:980px}

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

#order-detail-content {margin-bottom:20px;background: url("../img/block_bg.jpg") repeat;}

table#cart_summary  th {
padding:14px 12px;
color:#fff;
text-transform:uppercase;
text-shadow:0 1px 0 #000;
background:url(../img/bg_table_th.png) repeat-x 0 0 #364053
}
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 {border-right:none}

table#cart_summary tr:nth-child(odd),
table#cart_summary tr.cart_total_delivery,
table#cart_summary tr.cart_total_price {
 background-color: transparent
}
table#cart_summary tr:nth-child(even) {
 background-color: #f3f3f3
}

table#cart_summary  .cart_product {
width:80px;
text-align:center
}
table#cart_summary  .cart_product  img {border:1px solid #ccc}
table#cart_summary  .cart_description {
width:230px;
font-weight:normal
}
table#cart_summary  .cart_unit {width:130px}
table#cart_summary  .cart_quantity {width:130px}
.cart_quantity .cart_quantity_input {
float:left;
  width: 20px;
border:1px solid #fff
}
.cart_quantity #cart_quantity_button {
float:left;
position: relative;
  top: -5px
}
table#cart_summary  .cart_total {width:120px}
table#cart_summary  .cart_delete {
width:64px;
text-align:center
}
.cart_delete a.cart_quantity_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_tax {display:none}

.cart_total_delivery #total_shipping,
.cart_total_price #total_price {
border-right:none
}

table#cart_summary .cart_total_price td.cart_voucher {
border-bottom:1px solid #999;
vertical-align:middle
}
#cart_voucher h4, 
#cart_voucher p {float:left;}
#cart_voucher h4 {
margin-right:12px;
padding:5px 0;
font-size:13px
}
#cart_voucher p {padding-bottom:0;}
.cart_voucher #display_cart_vouchers {
clear:both;
line-height: 16px;
color:#666;
font-weight:normal
}
.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 #000;
-moz-border-radius:0;
-webkit-border-radius:0;
border-raduis:0;
color:#fff;
text-transform:uppercase;
text-shadow:0 -1px 0 #333;
background:url(../img/bg_cart_voucher_submit.png) repeat-x 0 0 #000
}

.cart_total_price #total_price {
padding:0;
border-bottom:1px solid #999;
}
.cart_total_price #total_price p {
display:block;
padding:8px;
font-weight:bold;
color:#fff;
text-transform:uppercase;
background:#333
}
.cart_total_price #total_price span {
display:block;
padding:15px;
font-weight:bold;
font-size:18px;
text-align:center
}

#order_carrier {
clear:both;
margin-top:20px;
border:1px solid #999;
background:#fff
}
#order_carrier h4 {
padding:0 15px;
height: 29px;
  font-weight: bold;
  line-height:29px;
  color:#fff;
text-transform:uppercase;
  background:url(../img/bg_address_title.png) repeat-x 0 0 #989898
}
#order_carrier span {
display:block;
padding:15px;
font-weight:bold
}

/* 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;
background: url("../img/block_bg.jpg") repeat;
min-height: 150px;
}

#create-account_form h3,
#authentication #login_form h3 {
padding:8px;
  border-bottom:1px solid #ccc;
font-weight:bold;
font-size:12px;
color:#fff;
text-transform:uppercase;
background:url(../img/bg_form_h3.png) repeat-x 0 0 #989898
}
#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
}

#create-account_form #email_create,
#login_form #email,
#login_form #passwd {
padding:0 5px;
height:20px;
width:220px;/* 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}


#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 4 - paiement ************************************************************************** */
.order_carrier_content {
padding:15px;
  border:1px solid #ccc;
font-size:12px;
color:#000;
  background:transparent url("../img/block_bg.png") repeat;
}
.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 #999;
border-bottom:none;
background:#fff
}

#carrierTable tbody{
border-bottom:1px solid #999;
}
#carrierTable  th {
padding:0 15px;
height: 29px;
  font-weight: bold;
  line-height:29px;
  color:#fff;
text-transform:uppercase;
  background:url(../img/bg_address_title.png) repeat-x 0 0 #989898
}
#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}

/* step 5 - paiement ************************************************************************** */
.paiement_block {
padding:15px;
  border:1px solid #ccc;
font-size:12px;
color:#000;
  background:#f8f8f8 url("../img/block_bg.png") repeat;
}

.payment_module {
  position:relative;
  padding-top:20px;
border-top:1px dotted #ccc;
  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:980px;min-height:500px}


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

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


/* ************************************************************************************************
  express checkout
************************************************************************************************ */
#new_account_form {clear:both;margin-bottom: 20px}
#new_account_form h3 {
margin-bottom:20px;
padding:8px;
  border-bottom:1px solid #ccc;
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 #ccc;
  font-size:12px;
  color:#666
}
#new_account_form p.checkbox input {margin-left: 260px;}

#new_account_form #submitGuestAccount {float: right}

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

/* ************************************************************************************************
     paiment - CONFIRMATION
************************************************************************************************ */
#order-confirmation #left_column {display:none}
#order-confirmation #center_column{width:980px;min-height:500px}


/* ************************************************************************************************
     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 #ccc;
  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:980px;min-height:500px}


/* ************************************************************************************************
     PAGE ADD ADRESS
************************************************************************************************ */
#address #left_column {display:none}
#address #center_column{width:980px}

form#add_adress {}
#add_adress fieldset {
  margin:0;
  border:1px solid #ccc;
  background:transparent url("../img/block_bg.png") repeat;
}
#add_adress h3 {
  margin:0 0 15px 0;
  padding:8px;
  font-size:14px;
  color:#fff;
  text-transform:uppercase;
  background:url(../img/bg_form_h3.png) repeat-x 0 0 #989898
}
#center_column #add_adress p {margin:0; padding:0 0 10px 0}
#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 #ccc;
font-size: 12px;
color:#666
}
#add_adress p.checkbox input {
margin-left:260px;
}
#add_adress p.select select {
margin-right:10px;
border:1px solid #ccc;
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 #ccc;
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:980px;min-height:500px}

#order-slip #order-list {border-bottom:1px solid #999}
#order-slip #order-list td {
border-top: 1px solid #ccc;
border-bottom:none
}
#order-slip #order-list td.history_invoice {border-right:none}


/* ************************************************************************************************
     PAGE DISCOUNT
************************************************************************************************ */
#discount #left_column {display:none}
#discount #center_column{width:980px;min-height:500px}

#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
************************************************************************************************ */
#new-products .sortPagiBar {margin-bottom:20px}


/* ************************************************************************************************
     PAGE BEST SALES
************************************************************************************************ */
#best-sales .sortPagiBar {margin-bottom:20px}

/* ************************************************************************************************
     PAGE PRICES DROP SALES
************************************************************************************************ */
#prices-drop .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 #ccc;
  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;}


/* ************************************************************************************************
     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 #ccc;
  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 ul.product_list {margin-top:15px}


/* ************************************************************************************************
     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: #ccc;
  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:980px}


/* ************************************************************************************************
     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-paypal-payment-submit #left_column {display:none}
#module-paypal-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:980px;min-height:500px}

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

#module-referralprogram-referralprogram-program .sheets {padding-top:10px;background-color:#F7B900}

#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: #0088cc;
background:url(../img/arrow_right_1.png) no-repeat 0 4px;
/*background:url(../img/arrow_right_2.png) no-repeat 0 4px;*/
}
#module-referralprogram-referralprogram-program form p.see_email a {
color: #0088cc;
text-decoration:underline
}

/* ************************************************************************************************
     addon loyalty
************************************************************************************************ */
#module-loyalty-loyalty-program #left_column {display:none}
#module-loyalty-loyalty-program #center_column{width:980px;min-height:500px}

#product p#loyalty {
margin:20px 0;
padding:5px 0 0 20px;
background:url(../img/icon/info.png) no-repeat 0 2px
}

#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 #ccc;
background:#eee url("../img/block_bg.jpg") repeat;
width: 95%;
}
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 #ccc;
  background: url(../img/bg_input.png) repeat-x 0 0 #fff;
}
#sendComment p.textarea textarea {
  height:80px;
  width:508px;
  border:1px solid #ccc;
}
#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 {
float: left;
width: 17px;
height: 15px;
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 -16px }
div.star_hover a, div.star a:hover { background-position: 0 -32px 
}
#quantityDiscount.std {
}
#layered_form {
   padding: 3px}
.wishlist {
   padding-left:22px;
padding-top:7px;
height:35px;
}
.wishlist a {float:right;padding-left:0 !important;padding-right:78px !important;padding-top:15px !important}
.myaccount li:hover {
   background: url("../img/bg_hover.png") repeat 0 0 transparent;
}
.block li:hover {background: url("../img/bg_hover.png") repeat 0 0 transparent;}
#listproduit {
position:relative;
margin-bottom:80px
}


/* ************************************************************************************************
     xxxxx
************************************************************************************************ */

 

 

Bonjour,

 

nous parlons bien du même css ?

 

themes/batz/css/global.css

 

car je ne peux pas faire mieux que vous donner les lignes après si vous n'utilisez pas un logiciel vous indiquant les lignes je ne peux que vous conseiller d'en charger un comme notepad+

 

Oui c'est bien ça mais je suis pas trop expert...

Share this post


Link to post
Share on other sites

Ok c'est bien le bon fichier, tu n'as donc qu'à faire les modifications indiquées par Jeckyl.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More