/*////////////////////////////////////////////////////////////////////////////////// Page details produits ///////////////////////////////////////////////////////////////////////////////////*/ #bloc_details, #bloc_infos, #bloc_prodAsso{width:535px;margin-bottom:30px;position:relative} #bloc_infos, #bloc_prodAsso, #bloc_prodOffert{border-top:1px solid #7b7f85} #bloc_prodAsso{margin-bottom:0} #bloc_details div.solde{background:url(../images/soldes.png) no-repeat left top;width:64px;height:144px;position:absolute;left:190px;top:0;z-index:2;text-indent:-9000px} /*////////////////////////////////////////////////////////////////////////////////// blocDetails ///////////////////////////////////////////////////////////////////////////////////*/ .details_img{background:url(../images/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:85px} .details_title h3{font-size:12px} .details_title strong{font-size:11px} .details_title span{font-size:10px} .details_promo{background:url(../images/details_type.gif) no-repeat left top} .details_nouveaute{background:url(../images/details_type.gif) no-repeat left -85px} .details_coupdecoeur{background:url(../images/details_type.gif) no-repeat left -170px} /*////////////////////////////////////////////////////////////////////////////////// details_contenu (description, note, prix ...) ///////////////////////////////////////////////////////////////////////////////////*/ #envoi_ami{cursor:pointer} #envoi_ami:hover{text-decoration:underline} .details_smallDesc{margin:10px 0;min-height:40px} .details_notes{height:25px;margin-bottom:5px} .details_notes strong.noteTitre{font-weight:normal;margin-right:10px;padding-top:5px;color:#ff9900;font-size:10px;float:left} .details_notes span{background:url(../images/details_notes.jpg) no-repeat left top;width:20px;height:25px;display:block;float:left} .details_notes span.inactif{background-position:left -25px} .details_stocks{height:15px;margin:10px 0;padding:5px 0 0 30px;width:250px;font-weight:bold;background:url(../images/details_stocks.gif) no-repeat left top} .stocks_type1{background-position:left top;color:#cccc33} .stocks_type2{background-position:left -20px;color:#ff9900} .stocks_type3{background-position:left -40px;color:#cc0000} .stocks_type4{background-position:left -60px;color:#8f1f41} .stocks_type5{background-position:left -80px;color:#575757} .details_prix{height:38px;font-size:18px} .details_ancienPrix{padding:8px 0 0 20px;font-size:10px;color:#999;display:block;float:left} .details_type{width:123px;height:20px;background:url(../images/listing_type.gif) no-repeat left top;margin-bottom:7px} #msgConnect{position:relative;z-index:2;width:270px} #msgConnect p{position:absolute;top:0px;color:#981134;padding:5px;border:2px solid #981134;background-color:#fdf1f8} #msgConnect p a, #msgConnect p span{font-weight:bold;display:block;color:black} #msgConnect p a:hover, #msgConnect p span:hover{text-decoration:underline} #msgConnect p span{float:right;margin:-5px 0 0 10px;cursor:pointer} /*////////////////////////////////////////////////////////////////////////////////// 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/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/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 {position:relative} #details_addCart input{position:absolute;right:21px;top:37px;width:41px;text-align:right;height:15px;line-height:15px;border:none; background:none;padding:2px; z-index:999;} #details_addCart span{display:block;height:70px;width:300px;text-indent:-9000px; background:url(../images/add_cart.jpg) no-repeat left top; cursor:pointer;position:relative;margin-left:-25px} #details_addCart span:hover{background-position:left -70px} #details_addCart.disable span{background-position:left -140px} #details_plus, #details_addCart{float:left;display:block} .btSelect{cursor:pointer;color:#0066cc} .btSelect:hover{text-decoration:underline} /*////////////////////////////////////////////////////////////////////////////////// bloc_infos ///////////////////////////////////////////////////////////////////////////////////*/ #bloc_infos ul#onglets{ font-size:10px; list-style:none; background:url(../images/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} .topComment{position:absolute;top:-9px;left:50px} .bloc_comment{position:relative;padding:10px;border:1px solid #999; background:#fbfbfb;margin-bottom:20px} #note_comment{position:absolute;top:0;right:0;text-indent:-9000px;display:block;width:86px;height:32px;background:url(../images/note_comment.gif) no-repeat left top} #note_comment.note1{background-position:left top} #note_comment.note2{background-position:left -32px} #note_comment.note3{background-position:left -64px} #note_comment.note4{background-position:left -96px} #note_comment.note5{background-position:left -128px} /*////////////////////////////////////////////////////////////////////////////////// bloc_prodAsso ///////////////////////////////////////////////////////////////////////////////////*/ h4.bloc_prodAsso { background:url(../images/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 h4.bloc_prodAsso{padding-left:3px} #bloc_prodOffert div.blocListing{height:150px;margin:15px 0 0 0; background:none;width:515px;} #bloc_prodOffert div.listing_img{background:url(../images/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/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/puce_details.gif) no-repeat left 17px;padding:15px 0 0 15px} #bloc_prodOffert .listing_details a:hover{color:black} #bloc_prodOffert2{width:100%;float:left;margin-bottom:00px;position:relative} #bloc_prodOffert2 div.blocListing{margin:0 0 0 0; background:none;width:535px;padding:0} #bloc_prodOffert2 div.listing_img{background:url(../images/elipse_imgListing.jpg) no-repeat right -25px;height:150px;width:79px;padding-right:7px;margin-right:10px} #bloc_prodOffert2 div.listing_text{height:150px;padding-left:10px;} #bloc_prodOffert2 .listing_prix{height:38px;font-size:18px;width:125px;background:url(../images/bg_prix-trans.png) no-repeat left top;margin-left:-5px;padding:12px 0 0 12px} #bloc_prodOffert2 .listing_details{padding:5px 0;clear:right;float:right} #bloc_prodOffert2 .listing_details a{display:block;text-decoration:underline;color:#911032;height:15px;background:url(../images/puce_details.gif) no-repeat left 17px;padding:15px 0 0 15px} #bloc_prodOffert2 .listing_details a:hover{color:black} .pack_offert {} .pack_offert td.first{vertical-align:top} .pack_offert td {text-align:center} #pack_price{font-size:18px;position:relative;z-ndex:2;margin:-40px 0 40px 0;color:#666;font-weight:bold} #pack_price strong{color:#cccc33}