/*////////////////////////////////////////////////////////////////////////////////// Page details produits ///////////////////////////////////////////////////////////////////////////////////*/ #bloc_details, #bloc_infos, #bloc_prodAsso{width:535px;margin-bottom:30px} #bloc_infos, #bloc_prodAsso, #bloc_prodOffert{border-top:1px solid #7b7f85} #bloc_prodAsso{margin-bottom:0} /*////////////////////////////////////////////////////////////////////////////////// blocDetails ///////////////////////////////////////////////////////////////////////////////////*/ .details_img{background:url(../images/uk/elipse_imgDetails.jpg) no-repeat right top;height:295px;width:225px;padding-right:30px} .details_text{font-size:10px;width:280px} .details_text a:hover{text-decoration:underline} div.details_img, div.details_text{display:block;float:left} .details_text strong{display:block} #grandeImage a{display:block} /*////////////////////////////////////////////////////////////////////////////////// details_title (titre) ///////////////////////////////////////////////////////////////////////////////////*/ .details_title{margin-bottom:5px;height:65px} .details_title h3{font-size:12px} .details_title strong{font-size:11px} .details_title span{font-size:10px} /*////////////////////////////////////////////////////////////////////////////////// details_contenu (description, note, prix ...) ///////////////////////////////////////////////////////////////////////////////////*/ #envoi_ami{cursor:pointer} #envoi_ami:hover{text-decoration:underline} .details_smallDesc{margin:10px 0;min-height:60px;font-size:11px} .details_smallDesc strong{display:inline} .details_stocks{height:15px;margin:10px 0;padding:5px 0 0 30px;width:250px;font-weight:bold;background:url(../images/uk/details_stocks.gif) no-repeat left top} .stocks_type1{background-position:left top;color:#cccc33} .stocks_type2{background-position:left -20px;color:#ff9900} .stocks_type6,.stocks_type3,.stocks_type4,.stocks_type5{background-position:left -40px;color:#990000} .details_prix{font-size:18px;font-weight:bold} .details_ancienPrix{padding:8px 0 0 5px;font-size:10px;color:#999;} .details_type{width:123px;height:20px;background:url(../images/uk/listing_type.gif) no-repeat left top;margin-bottom:7px} /*////////////////////////////////////////////////////////////////////////////////// details_plus (galerie d'image + bouton média) ///////////////////////////////////////////////////////////////////////////////////*/ #details_plus{width:255px;height:70px;color:#999;font-size:10px;position:relative;padding-right:5px;} #details_plus span, #details_plus ul, #details_plus ul li{display:block;float:left;cursor:pointer;} #details_plus p {padding-bottom:15px} #details_plus span.puce{width:20px;height:36px;background:url(../images/uk/details_puce_img.gif) no-repeat} #details_plus span.left{background-position:left top} #details_plus span.left:hover{background-position:left bottom} #details_plus span.right{background-position:right top;margin-right:10px} #details_plus span.right:hover{background-position:right bottom} #details_plus ul{list-style:none; position:absolute;} #details_plus ul li{width:36px;height:36px;margin:0 2px} #details_plus ul li span{border:1px solid #ccc;display:block;width:35px;height:35px} #details_plus ul li span:hover{border:1px solid #cc0000;} #details_plus ul li span img{border:none;} #details_plus span.media{float:right;width:38px;height:40px; background:url(../images/uk/details_media.jpg) no-repeat} #details_plus span.sound{background-position:left top} #details_plus span.sound:hover{background-position:left bottom} #details_plus span.video{background-position:right top} #details_plus span.video:hover{background-position:right bottom} #dewplayer_content{position:absolute;display:none;top:-20px} .overflowVignetteDetails { overflow:hidden; float:left; width:125px; height:37px; display:block; position:relative; } /*////////////////////////////////////////////////////////////////////////////////// details_addCart (gros bouton panier) ///////////////////////////////////////////////////////////////////////////////////*/ #details_addCart span{display:block;height:75px;width:256px;text-indent:-9000px; background:url(../images/uk/add_big.jpg) no-repeat left top; cursor:pointer;} #details_addCart span:hover{background-position:left -75px} #details_addCart.disable span{background-position:left -150px} #details_plus, #details_addCart{float:left;display:block} .btSelect{cursor:pointer;color:#0066cc} .btSelect:hover{text-decoration:underline} /*////////////////////////////////////////////////////////////////////////////////// details_addCart (gros bouton panier => pour les particulier) ///////////////////////////////////////////////////////////////////////////////////*/ #details_addCart2 span{display:block;height:70px;width:210px;text-indent:-9000px; background:url(../images/uk/add_cart.jpg) no-repeat left top; cursor:pointer;} #details_addCart2 span:hover{background-position:left -70px} #details_addCart2.disable span{background-position:left -140px} #details_plus, #details_addCart2{float:left;display:block} .btSelect{cursor:pointer;color:#0066cc} .btSelect:hover{text-decoration:underline} /*////////////////////////////////////////////////////////////////////////////////// bloc_infos ///////////////////////////////////////////////////////////////////////////////////*/ #bloc_infos {position:relative} #bloc_infos ul#onglets{ font-size:10px; list-style:none; background:url(../images/uk/onglets.jpg) no-repeat left top; height:21px; padding:5px 0 0 10px; font-weight:bold; } #bloc_infos ul#onglets li{float:left;display:block;margin-right:23px} #bloc_infos ul#onglets li span{color:#bcbcbc;cursor:pointer} #bloc_infos ul#onglets li span:hover{color:#7b7f85;text-decoration:underline} #bloc_infos ul#onglets li span.actif{color:black} #bloc_infos ul#onglets li span.actif:hover{text-decoration:none;color:black} #bloc_infos div.bloc_infos_desc{margin-top:10px} #bloc_infos div.bloc_infos_desc h5{font-size:11px} #bloc_infos div.comments{position:absolute;top:-17px;right:0;width:213px;height:22px; background:url(../images/uk/add_comment.jpg) no-repeat left top;text-align:right;padding:20px 10px 0 0;font-weight:bold;font-size:10px} #bloc_infos div.comments a{color:black;} #bloc_infos div.comments a:hover{text-decoration:underline} #bloc_comments{display:none} /*////////////////////////////////////////////////////////////////////////////////// bloc_prodAsso ///////////////////////////////////////////////////////////////////////////////////*/ h4.bloc_prodAsso { background:url(../images/uk/produits_assoc.jpg) no-repeat left top; width:116px; height:21px; padding:5px 0 0 10px; margin-bottom:30px; font-size:10px; color:#1679a6; } /*////////////////////////////////////////////////////////////////////////////////// bloc_prodAsso ///////////////////////////////////////////////////////////////////////////////////*/ h4.bloc_prodAsso { background:url(../images/uk/produits_assoc.jpg) no-repeat left top; width:116px; height:21px; padding:5px 0 0 10px; margin-bottom:30px; font-size:10px; color:#1679a6; } #bloc_prodOffert{width:100%;float:left;margin-bottom:20px;position:relative} #bloc_prodOffert div.blocListing{margin:-15px 0 0 0; background:none;width:535px;padding:0} #bloc_prodOffert div.listing_img{background:url(../images/uk/elipse_imgListing.jpg) no-repeat right -25px;height:150px;width:79px;padding-right:7px;margin-right:10px} #bloc_prodOffert div.listing_text{height:150px;padding-left:10px;} #bloc_prodOffert .listing_prix{height:38px;font-size:18px;width:125px;background:url(../images/uk/bg_prix-trans.png) no-repeat left top;margin-left:-5px;padding:12px 0 0 12px} #bloc_prodOffert .listing_details{padding:5px 0;clear:right;float:right} #bloc_prodOffert .listing_details a{display:block;text-decoration:underline;color:#911032;height:15px;background:url(../images/uk/puce_details.gif) no-repeat left 17px;padding:15px 0 0 15px} #bloc_prodOffert .listing_details a:hover{color:black}