/* general */

.element { line-height: 1em; margin: 0px;}
.element img { float:left; padding:2px 0; background:#fff; border:1px solid #d3c6af;}
.marge {height:18px;}

.element .detail-produit img { float:none;padding:0;background:#fff; border:1px solid #d3c6af;}

#preview .bloc {border-bottom: 1px solid #fff; float:left; width:150px; margin: 10px 20px 10px 0; padding-right:0px;}
#preview .bloc h1 { margin:0; padding:3px; text-transform:uppercase; color:#fff; background:url(../images/bg_produit_h1.gif) no-repeat; }
#preview .bloc h1 a { color:#fff;}
#preview .bloc h1 a:hover, #preview p.actions li a:hover { color:#000;}

#preview .bloc .produit { float:left; width:150px;  height: 275px; overflow:hidden; padding:5px; background: url(../images/bg_bloc_colgauche.gif) repeat-x left bottom; }

#preview .bloc .produit img.nouveau, #preview .bloc .produit img.promo { padding:0; border:0; float:none;}
#preview .bloc .produit img.promo { float:none; margin-right:5px; margin-bottom:3px; }
#preview .prix { margin:7px; text-align:center; color: #ac2514; font-weight: bold; font-size:14pt;}
#preview .prix span {padding:5px; font-size: 16px;}
#preview .bloc .produit h2 {margin: 5px 0px 0px; padding-bottom: 0px; font-size: 0.85em; font-family: Arial, Helvetica, sans-serif;}
#preview .bloc .produit p {}
#preview .bloc .produit h2 { max-height: 30px; float:none; width:auto; font-weight: bold; }
#preview .bloc .produit h2 img {  border:0;}
#preview .bloc .produit h2 a { color:#000;}
#preview .bloc .produit h2 a:hover { color:#e40500;}
.bloc .produit span.prix { font-size: 1.1em;  font-weight:bold; }

#preview .colonne { }
#preview .colonne2 { float:left; width:140px; padding:0 5px; height:50px;}
#preview .colonne3 { float:left; width:135px;}

#preview p.actions {height:26px; width:135px; padding:2px 0; margin:0 auto; }

.promotion { display: block; width: 75px; padding: 2px; margin-bottom: 5px; font-weight: bold; color: #df230b; font-size: 11px; background: white;}

/**************** styles fiche détail ******************/

h2.fiche-detail { padding-top:18px; font-size: 1.2em; line-height:20px; color:  #ac2514; font-weight: bold; font-family:Arial, Helvetica, sans-serif;}

#preview ul#comm a.retour {}

.colonne-detail, .colonne-detail2 { float:left;}
.colonne-detail { width:330px; margin: 0; padding-top: 20px;}
.colonne-detail img {margin: 0px 20px 20px 0px;}
.colonne-detail2 { width: 200px; }

.detail-produit .gauche, .detail-produit .droite, .detail-produit .centre { margin:0;  background:#fff; border-bottom:0;}

p.commande {clear: left; width:190px; height:46px;}
p.commande a { display: block; width:135px; height:46px;  text-indent: -9999px; background: url(../images/bg_a_ajouter-panier.gif) no-repeat ;}

#plus-details, #plus-details-infos { float: left; width:510px; margin: 10px 0; line-height: 1.4em; padding: 0 10px 10px; background: #f7eeda url(../images/bg_h1_plus_detail.gif) no-repeat left top; }
#plus-details h1,#plus-details-infos h1 {margin-top: 0px; padding: 10px; font-size: 1.3em;  border-bottom: 1px solid #e7d9c0;}
#plus-details h1 a,#plus-details-infos h1 a {padding-left: 20px; background: url(../images/bg_h1_plus_detail_a.gif) no-repeat left 5px;}
#plus-details h1 a:hover,#plus-details-infos h1 a:hover, #plus-details h1 a.select,#plus-details-infos h1 a.select {padding-left: 20px; background: url(../images/bg_h1_plus_detail_ahover.gif) no repeat left top;}

img.etoiles { float: left; border: none; padding: 0; background: none;}
img.noauto .nouveautes {width: 54px; height: 15px; border:0px; padding: 0px; background: none; }

/*
 * PANIER ET COMMANDE
*/
.panier table, .espace-membre table, .panier h3, .espace-membre h3  {margin: 0 auto 15px; width: 90%;}
.panier h3, .espace-membre h3 {padding: 3px; margin-top: 5px; background: #f7eeda; text-align: center; font-weight: normal; text-transform: uppercase;}

.panier table, .espace-membre table  {}

.panier th h3, .espace-membre th h3, .panier tr h3, .espace-membre tr h3  {margin: 0px; width: 100%; padding: 3px 0px; border: 0; text-align: center !important;}

/* Tableaux */

table th, table td { padding:5px; border-bottom: 1px solid #f7eeda !important;}
table th { font-weight:bold; text-align: center; width: 30%; }
table tbody th { font-weight:bold; text-align: right; width: 30%; }
table th { color:#000;  }
table td { text-align: left; }
.panier table tr.sous-total td {font-weight: bold; background: #f7eeda;}

.panier th {font-weight: bold;}

/*
  Commander 
 */
ul.actions { width: 100%; margin: 10px 0px !important; padding: 5px 0px !important; }
ul.actions li { float: left; height: 20px; margin: 0 5px !important; padding-left: 8px !important; background: #ac2514 url(../images/bg_li_action.gif) no-repeat left top !important;}
ul.actions li a { float: left; padding: 2px 8px 2px 0px; color: #fff; background: url(../images/bg_li_action_a.gif) no-repeat right top;}
ul.actions li.continuer {margin-left: 220px !important;}

h2.reglement {padding: 5px 0px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; text-align: center;}
 
#panier ul.actions {padding: 5px 0px 5px 110px !important;}
 

/* Messages */
#preview .message {
	padding: 5px 30px !important;
	margin: 5px 0 !important;
	background: #fff url(../images/icons/information.png) 5px 50% no-repeat !important;
	text-align: left !important;
}

#preview .good { background-image: url(../images/icons/accept.png) !important; }
#preview .warn { background-image: url(../images/icons/error.png) !important; }
#preview .error { background-image: url(../images/icons/exclamation.png) !important; }