/* annuler les styles de la page génértal */
#contenu #preview { font-family:Arial, Helvetica, sans-serif;}
h1 { font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:bold; padding-left:0; font-size:1.1em; }
#chemin { padding-left:0; display:block;}
h3 { clear:both; margin:1em 0 1em 2em; padding-left:0; font-size:1.2em; color:#08375f; font-weight:bold; border-bottom:1px solid #dce2eb; background:none;}
#preview p, #preview ul { padding-left:0px; padding-right:0px; margin-top:1em; margin-bottom:1em;}

/*********** general ***********/

.element { overflow:visible; }

#preview .produit { position:relative; float:left; width:200px; height:300px; margin:10px 0 0; padding:0 8px 15px 0; background:url(../images/bloc_ombre.gif) no-repeat right bottom; text-align:center;}
#preview .produit .photo-produit img { max-width:190px; margin:5px 0 0; }
#preview .produit .photo-produit { width:100%; height:200px; }

/*********** blocs intro promo/nouveautes/packs ************/

#preview #intro-produit .produit { height:325px; }
#preview #intro-produit .produit .photo-produit { height:200px; }
#preview #intro-produit .produit h3 { height:40px;}
#preview #intro-produit .produit h2 { height:auto; padding:6px 0 8px; text-transform:uppercase; font-family:"Arial Black", Arial, Helvetica, sans-serif; letter-spacing:1px; font-size:1.3em; background:url(../images/h2_produit_nouveautes.gif) no-repeat; font-weight:normal;}
#preview #intro-produit .packs h2 { background:url(../images/h2_produit_packs.gif) no-repeat;}
#preview #intro-produit .produit h2 a, #preview #intro-produit #packs h2 a { color:#fff;}
#preview #intro-produit #packs h2 { background-image:url(../images/h2_produit_packs.gif);}
#intro-produit .produit h3 { margin:5px; border:0; font-size:1em;}
#intro-produit .produit h3 a { color:#000;}

#preview .produit img.nouveau, #preview .produit img.promo { padding:0; border:0;}
#preview .produit img.promo { margin-right:5px; margin-bottom:3px; float:none;  /*border:1px solid #a00000;*/}

/************ superposition des pictos (promos / new) sur la photo ************/
#preview .produit .info, #preview .colonne-detail .info { position:absolute; left:5px;}


/************ Liste produits ************/

#preview .produit h2 { height:50px; padding:5px 4px; margin:0; font-size:1em; line-height:1.2em; font-weight:normal; color:#000; background: #fff url(../images/blocs_produits_bg_titre.gif) no-repeat bottom center; text-transform:none;  }
#preview .produit h2 a { color:#000;}
#preview .produit h2.gendarmerie { }
#preview .produit h2 img { margin:5px 3px 0 0; border:0;}
#preview .produit h2 a:visited { color:#999;}
#preview .produit h2 a:hover,#preview .produit h3 a:hover { color:#e40500;}
#preview .produit p.chapo { font-size:11px; line-height:1.1em; }
#preview .produit p { margin:5px 0;}
#preview .produit p.prix { float:left; width:90%; margin:0 0 0 5%; padding:8px 0 5px; font-size: 1.5em; color:#e2001a; font-weight:bold; border-top:1px solid #000; }


/**************** styles fiche détail ******************/
div.detail-produit {float: left; background: #fff; margin-top:10px; padding-bottom:15px;}
h2.fiche-detail { text-transform:none; font-weight:normal;  padding:2px 5px; font-size:1.1em; background:url(../images/h2_fiche-detail.gif) repeat-y; color:#fff;}
h2.fiche-detail span.prix { float:right; color:#d21312; font-size:1.5em; font-weight:bold;}
span.pas-prix { font-size:14px; margin-left:10px; padding:1px 0;}
.prix small { text-transform: small-caps; font-weight: normal; }
.colonne-detail, .colonne-detail2 { float:left;}
.colonne-detail { position:relative; width:380px;}
.colonne-detail2 { width:240px; text-align:left;}

.colonne-detail .gauche { float:none; margin:1em auto;}
.photo-produit .autres-vues img {
	margin: 0 5px;
	/*max-width:110px;*/
	max-height:130px;
	padding:2px;
	
}
.photo-produit .autres-vues a img { border: 1px solid #ccc;}
.photo-produit .autres-vues a:hover img {border: 1px solid #999;}
.colonne-detail2 .autres-vues .last img { margin-right: 0; }

.colonne-detail2 table { width:100%; border:1px solid #ccc; }
.colonne-detail2 table select {max-width:13em;}

.colonne-detail2 table td.nom-option {width:3em;}

input.ajout-panier { clear:both; margin:5px; display:block; width:77px; height:46px; padding:10px 5px 0 50px; background: url(../images/bg_a_ajouter-panier.gif) no-repeat; color:#fff; font-size:14px; font-weight:bold;}

/**** outils ****/

p.outils { clear:both; text-align:center;}
a.retour { font-weight:bold; color:#000; margin-top:10px;}
a.tableau-tailles { color:#000;}
a.tableau-tailles:hover { color:#999;}

h3 .parrainage { border:0; margin-bottom:0; color:#000; padding-left:30px; background:url(../images/puce_h3.gif) no-repeat 0 3px;}