@import url('basic.css');
#mainProductContent{float: right; width: 735px;}
a {color: #00f;}
a.facebook, a.rss, a.twitter {display: block; height: 18px; overflow: hidden; position: relative; width: 18px;}
a.facebook span, a.rss span, a.twitter span {
    background: url(../images/icone.png) no-repeat; height: 100%; left: 0; position: absolute; top: 0; width: 100%;
}
a.facebook span {background-position: -16px -25px;}
a.rss span {background-position: -32px -25px;}
a.twitter span {background-position: 0 -25px;}
a.useThis {background: url(../images/buttons.png) no-repeat 0 -50px; border: 0; color: #fff; display: block; font: bold 14px Arial; height: 30px; line-height: 30px; margin: 1px 0; text-align: center; width:190px;}
a.viewMore, a.collapse {display: block; float: right; height: 23px!important; margin: 0!important; overflow: hidden; position: relative; width: 22px; text-decoration: none}
a:hover.viewMore {text-decoration: none !important}
a.viewMore span {background: url(../images/buttons.png) no-repeat 0 -110px !important; height: 100% !important; left: 0 !important; position: absolute !important; top: 0 !important; width: 100% !important;}
a.collapse span{background: url(../images/buttons.png) no-repeat 0 -160px; height: 100%; left: 0; position: absolute; top: 0; width: 100%;}
a.viewMoreText {display: block !important; float: right !important; height: 23px !important; line-height: 23px !important; margin: 0 5px !important; }

a:hover.bouton{font-weight: normal; color: #00f}
a.bouton, .bouton span{display: block; float: left; font-size: 90%; color: #000; text-decoration: none; line-height: 23px; margin: 0 2px}

.bannerProduct{height: 60px; line-height: 60px; text-align: center; margin-top: 10px}

.bestProductBlock{border: 2px solid blue; width: 440px;  background: #fff; padding: 0 3px; z-index: 100}
.bestProductBlock h3{float: left; width: 330px; line-height: 30px}
.bestProductBlock a.btn2{float: right; display: block;}
.bestProductBlock li{list-style-type: none; width: 45%; float: left; padding: 5px 10px}

.bouton span{background: url(../images/icone.png); width:  26px; height: 24px;}
.bouton.addComment span{background-position: 0 -320px}
.bouton.share span{background-position: 0 -350px}
.bouton.seeComments span{background-position: 0 -664px;}
.bouton.subscribe span{background-position: 0 -376px}

.searchSelect{background: url(../images/input-bg.png) no-repeat; border: 0; font-size: 90%; height: 18px; line-height: 18px; padding: 0 3px !important; width: 115px;}

.catalogTopicNavigation, .catalogFieldsNavigation {border-top: 1px solid #999;list-style: none; margin-left: 10px;}
.catalogTopicNavigation li, .catalogFieldsNavigation li {border-bottom: 1px solid #333; color: #000}
.catalogTopicNavigation li.subTopicContainer, .catalogFieldsNavigation li.subTopicContainer {padding: 8px}
.catalogTopicNavigation li a, .catalogFieldsNavigation li a {color: #000 !important;}
.catalogTopicNavigation .subtopic, .catalogFieldsNavigation .subtopic {margin-left: 10px;}
.catalogTopicNavigation .subtopic ul li, .catalogFieldsNavigation .subtopic ul li {border: 0; list-style: none;}
.catalogTopicNavigation .subtopic ul li span, .catalogFieldsNavigation .subtopic ul li span{background: url(../images/icone.png) 0 -243px no-repeat; border: 0; margin-left: 5px; text-decoration: none; list-style: none; display: block; float: left; width: 16px; height: 24px;}
.catalogFieldsNavigation a.title{color: #00f; font-size: 14px; font-weight: bold}
.catalogTopicNavigation .subtopic a.category{line-height: 25px}

.catalogImg {height: 145px; margin: 5px; overflow: hidden; position: relative; width: 150px;}
.catalogImg span {height: 100%; left: 0; position: absolute; top: 0; width: 100%;}

.categoryList li {float: left; list-style: none; padding: 2px 0; width: 227px;}
.categoryList li a{color: #000}

.catalogBloc .body .opinions{font-size: 90%;float: right; width: 95px; line-height: 8px}
.catalogBloc .description{width: 345px; float: right; margin-right: 15px}
.catalogBloc .logo{float: left; width: 150px;}
.catalogBloc .productInfo{width: 260px; float: left;}
.catalogBloc .productInfo ul{list-style-type: none}
.catalogBloc .price{float: right; width: 78px; text-align: center}
.catalogBloc .price b{color: #00f; font-size: 20px}
.catalogBloc .comment{font-style: italic; font-size: 98%; padding: 5px}
.catalogBloc .productThumb{float: left; width: 100px; border: 1px solid #666; height: 90px}

.couponSearch label, .odrSearcg label{font-weight: bold}
.couponSearch label span, .odrSearch label span{display: block; width: 140px;  float: left; text-align: right; padding: 2px}
.couponSearch select, .couponSearch .reductionAmount, .odrSearch select {border: 1px solid #000; width: 200px; margin-left: 5px; padding: 2px}
.couponSearch .reductionAmount{border: 1px solid #000; width: 50px; margin-left: 5px }

.couponView9 .minPicto{float: left; width: 120px; margin-left: 20px}
.couponView9 .minPicto span {background: url(../images/goodDeal-icone.png); overflow: hidden ; display: block; float: left; margin: 2px; width: 21px; height: 21px;}
.couponView9 .minPicto span.partner {background-position: 0 -713px;}
.couponView9 .minPicto span.shipingFree {background-position: 0 -737px;}
.couponView9 .minPicto span.gift {background-position: 0 -762px;}
.couponView9 .minPicto span.withMP {background-position: 0 -783px;}
.couponView9 .reductionAmount{ width: 180px; float: left}
.couponView9 .description{width: 250px; float: left; font-weight: bold; font-size: 16px; line-height: 20px; padding: 5px}
.couponView9 .codeContainer{width: 205px; float: left}
.couponView9 .codeContainer .code {background: #fff url(../images/code-bg.png) repeat-x; border: solid #c7c7c7; border-width: 0 2px; display: block; font: bold 250% Arial; height: 35px; line-height: 35px; text-align: center; margin: 15px 0; width: 200px;}
.couponView9 .codeContainer .btn5{background: url(../images/buttons.png) no-repeat 0 -218px; color: #fff; display: block; font-size: 115%; height: 26px; line-height: 26px; text-align: center; width:192px; font-size: 12px; margin: 0 auto}
.couponView9 .codeContainer a:hover.btn5{font-weight: normal}
.couponView9 .like, .couponView9 .notLike {background: url(../images/goodDeal-icone.png) no-repeat 0 -41px; display: block; height: 15px; float: left; font-size: 90%; margin: 0 5px; padding: 8px 0 0 22px;}
.couponView9 p.success {background: url(../images/like-icon.png) no-repeat 0 5px; display: block; font-weight: bold; height: 25px; padding: 10px 0 10px 38px; font-size: 12px; text-align: left; color: #000}
.couponView9 .like,  .couponView9 .notLike {background: url(../images/goodDeal-icone.png) no-repeat 0 -44px; padding-left: 25px; height: 20px !important; padding-top: 0 !important; margin-top: 10px}
.couponView9 .notLike {background-position: 0 -62px; padding-left: 18px;}
.couponView9 .amount{color: #ff9900; font-size: 24px; text-align: center; font-weight: bold; }
.couponView9 .viewAll{text-align: right; font-size: 16px; padding-right:5px}
.couponView9 .viewAll a:hover{font-weight: normal}
a.nav {background: url(../images/goodDeal-buttons.png) no-repeat; border: 0; color: #000; display: block; font-size: 90%; height: 35px; width: 86px; margin: 2px;}
a:hover.nav {font-weight: normal;}
a.nav.previous {background-position: 0 -261px; float: left; text-align: left; margin-left: 5px;}
a.nav.next {background-position: -48px -261px; float: right; text-align: right; margin-right: 10px;}
a.nav.hide {background-position: 35px -415px; float: right; text-align: left; height: 20px; padding-right: 20px;}
a.nav.show {background-position: 70px -175px; float: left; text-align: left; height: 20px; margin: 10px 10px 10px; padding-right: 20px;}

.commentList {width: 97%; height: 213px; overflow: auto}
.commentList .commentPane{background: #fff; border: 1px dotted #ccc; margin-bottom: 3px}
.commentList p{float: left;}
.commentList p.avatar{width: 90px; text-align: center; border: 1px solid #ccc}
.commentList p.avatar span{display: block; background: #ccc; padding: 0 2px}
.commentList .comment{width: 79%; margin-left: 3px; padding: 3px 0; float: left; font-size: 90%;}
.commentList .comment h4{font-size: 90%}
.commentList .comment h4 span{color: #ccc}

.container2 {width: 728px; margin-left: 3px;}
.container2 .top, .container2 .bottom, .container2 .body {background-image: url(../images/bloc-bg6.png);  width: 728px}
.container2 .top{background-position: 0 0; background-repeat: no-repeat;}
.container2 .bottom {background-position: 0 100%; background-repeat: no-repeat;}
.container2 .body {background-position: -740px 0;}
.container2 .success {background: url(../images/like-icon.png) no-repeat 0 5px; display: block; font-weight: bold; padding: 10px 0 10px 38px; width: 140px; float: left; margin-left: 8px}
.container2 .like, .container2 .notLike{background: url(../images/goodDeal-icone.png) no-repeat 0 -41px; display: block; height: 15px; float: left; font-size: 90%; margin: 3px 8px; padding: 8px 0 0 22px;}
.container2 .notLike {background-position: 0 -61px; padding-left: 18px}
.container2 a:hover{font-weight: normal}
.container2 a.icon {background: url(../images/community-icone.png) no-repeat; border: 0; color: #62c602; display: block; float: left; font-size: 90%; height: 30px; line-height: 30px; margin:2px 8px; padding-left: 25px;}
.container2 a:hover.icon {font-weight: normal;}
.container2 a.icon.add {background-position: 0 -315px;}
.container2 a.icon.alert {background-position: 0 -403px;}
.container2 a.icon.comment {background-position: 0 -315px;}
.container2 a.icon.share {background-position: 0 -345px;}
.container2 a.icon.subscribe {background-position: 0 -373px;}
.container2 .alertForm input{padding: 2px}
.container2 .alertForm label span{display: block; width: 100px; float: left; font-weight: bold; text-align: right; margin-right: 5px}
.container2 .alertForm label span.captchaLabel{line-height: 30px}
.container2 .alertForm label span.captchaLabel{line-height: 30px}

.iconsView span{background-position: 0 -635px; margin-right: 20px}
.imgTitle.facebook span {background-position: 0 -516px;}

.listView span, .iconsView span{background: url(../images/icone.png); display: block; width: 26px; height: 26px; float: right; margin: 0 5px}
.listView span{background-position: 0 -546px;}
.iconsView span{background-position: 0 -635px;}

.infoSite{width: 98%;}
.infoSite .thumb{border: 1px solid #ccc; float: left; text-align: center; margin: 5px; padding: 5px; line-height: 18px; width: 260px; height: 260px}
.infoSite span{display: block; width: 250px; height: 250px}
.infoSite .commentLink {font-size: 14px; text-align: right; font-weight: bold;}

.merchantList{list-style: none; padding: 5px; }

.merchantSearchResult{padding: 10px}
.merchantSearchResult table{border-collapse: collapse; border: 1px solid #666; width: 100%}
.merchantSearchResult table th{background: #ccc; font-size: 14px; text-align: center; line-height: 25px}
.merchantSearchResult table td{border: 1px solid #666; padding: 5px; vertical-align: middle}
.merchantSearchResult table td img{vertical-align: middle; padding: 2px}
.merchantSearchResult table td a{font-weight: bold}

.moreProduct a{font-weight: bold; color: #000}

.navLinks li {background: url(../images/icone.png) 0 -243px no-repeat; border: 0; list-style: none; padding: 4px; padding-left: 15px; margin-left: 10px}
.navLinks li a{color: #000; font-weight: bold}

a.navView:hover{text-decoration: none}
a.navView.global, a.navView.list{background: url(../images/icone.png) no-repeat; display: block; float: right; width: 25px; height: 25px; margin-right: 2px}
a.navView.global {background-position: 0 -692px}
a.navView.global.current {background-position: 0 -724px}
a.navView.list {background-position: 0 -547px}
a.navView.list.current{background-position: 0 -605px}

.offerView1{width: 98%;}
.offerView1 .offerPane{width: 48%; float: left;margin: 5px}
.offerView1 h3{font-size: 14px !important; font-weight: normal !important; font-family: verdana; font-weight: bold }
.offerView1 img{float: left; border: 1px solid #ccc; margin: 10px 5px; }
.offerView1 .offerTitle{width: 230px !important; float: right !important; margin: 5px 0;}

#sidebarProduct{width: 260px; float: right}
#sidebarProduct .panelTop {background: #999 url(../images/productResearch-bg.png) no-repeat 104% 0; height: 25px;}
.panel {background: url(../images/bloc-bg.png) repeat-y 100% 0; border: 3px solid #999; text-align: left; padding: 6px}

.imgTitle {height: 35px; margin: 0; overflow: hidden; position: relative;}
.imgTitle span {background: url(../images/title.png) no-repeat; height: 100%; left: 0; position: absolute; top: 0; width: 100%;}
.imgTitle.bestSimilarOffer span {background-position: 0 -600px; height: 25px}
.imgTitle.merchantCoupon span {background-position: 0 -630px; height: 25px}
.imgTitle.lastOffers span {background-position: 0 -660px; height: 25px}

.productContainer{margin: 4px}
.productContainer li a{color: #000}
.productContainer br{display: block}
.productContainer h4{background: url(../images/product-tab.png); height: 25px; line-height: 25px; padding-left: 10px; margin: 1px 2px }

.productContainer .subTopicContent{list-style-type: none; background:#f1f1f1 }
.productContainer .subTopicContent li{padding-left: 20px; line-height: 20px;}

.productDetailsTab {padding: 3px}
.productDetailsTab li {float: left; height: 30px; list-style: none;}
.productDetailsTab li a {display: block; height: 30px; margin: 0; overflow: hidden; position: relative;}
.productDetailsTab li a:hover {text-decoration: none;}
.productDetailsTab li a span {background: url(../images/productDetails-tab.png) no-repeat; height: 100%; left: 0; position: absolute; top: 0; width: 100%;}

.productDetailsTab li a.summary {width: 109px;}
.productDetailsTab li a.summary span {background-position: 0 0;}
.productDetailsTab li a:hover.summary span, .productDetailsTab li a.summary.active span {background-position: 0 -40px}

.productDetailsTab li .specSheet {width: 149px;}
.productDetailsTab li a.specSheet span {background-position: 0 -80px;}
.productDetailsTab li a:hover.specSheet span, .productDetailsTab li a.specSheet.active span {background-position: 0 -120px}

.productDetailsTab li .coupon {width: 129px;}
.productDetailsTab li .coupon span {background-position: 0 -160px;}
.productDetailsTab li a:hover.coupon span, .productDetailsTab li a.coupon.active span {background-position: 0 -200px}

.productDetailsTab li .promotion {width: 129px;}
.productDetailsTab li .promotion span {background-position: 0 -240px;}
.productDetailsTab li a:hover.promotion span, .productDetailsTab li a.promotion.active span {background-position: 0 -280px}

.productDetailsTab li .merchantInfo {width: 139px;}
.productDetailsTab li .merchantInfo span {background-position: 0 -320px;}
.productDetailsTab li a:hover.merchantInfo span, .productDetailsTab li a.merchantInfo.active span {background-position: 0 -360px}

.productDetailsTab li .merchantTags {width: 125px;}
.productDetailsTab li .merchantTags span {background: url(../images/title.png) 0 -780px;}
.productDetailsTab li a:hover.merchantTags span, .productDetailsTab li a.merchantTags.active span {background-position: 0 -698px}

.productDetailsTab li .productTags {width: 125px;}
.productDetailsTab li .productTags span {background: url(../images/title.png) 0 -740px; }
.productDetailsTab li a:hover.productTags span, .productDetailsTab li a.productTags.active span {background-position: 0 -818px}

.productBloc {padding: 5px; margin-top: 10px}
.productBloc .alertPane strong {color: #f90; font-size: 16px; margin: 3px 0}
.productBloc .alertPane p {line-height: 18px; color: #999}
.productBloc .alertPane textarea {padding: 2px; font-size: 11px; margin: 3px 0; float: left}
.productBloc .alertPane .btn1 {float: left; margin: 25px 0}
.productBloc .bottom, .productBloc .top, .productBloc .content, .productBloc .body {background: url(../images/odr-bloc-bg.png) no-repeat; height: 9px; overflow: hidden; width: 724px; }
.productBloc .content, .productBloc .body{background-position: -730px 0; background-repeat: repeat-y; height: auto; padding: 5px }
.productBloc .bottom {background-position: -1467px 0;}
.productBloc .adsense {width: 200px; float: left;}
.productBloc .contentBloc {width: 510px; float: left;}
.productBloc ul.couponDetails li{list-style-type: none}
.productBloc .sharePane a{float: left; font-weight: bold; margin: 0 4px}
.productBloc .sharePane span{line-height: 15px; font-weight: bold; padding: 2px}
.productBloc .sharePane .couponUrl{height: 15px; padding: 2px; border: 1px solid #ccc; background: #fff; width: 65%; color: #999;font-size: 10px}

.pager, .viewFilter{width: 48%; float: right; text-align: right;}
.pager{text-align:  left; color: #00f}
.pager .currentPageNumber{font-size: 14px; color: #000}
.productItemsNumber, .filter{width: 48%; float: left}

.productByLetterSearch, .offerSearch{line-height: 30px;}
.productByLetterSearch b, .offerSearch b{font-size: 14px}

.productLinks li{display: inline; list-style: none; margin-left: 15px; font-weight: bold; font-size: 13px}

.productItemsContainer{padding: 3px}
.productItemsContainer h1.title{font-size: 16px !important; line-height: 20px;}
.productItemsContainer h2.title{font-size: 16px; line-height: 20px; width: 85%; float: left}
.productItemsContainer .content{background: url(../images/product-bloc-bg.png) 0 0; width: 710px; padding: 10px}
.productItemsContainer .top, .productItemsContainer .bottom{background-color: #98999b; height: 4px; width: 722px}
.productItemsContainer .listView span, .iconsView span{background: url(../images/icone.png); display: block; width: 26px; height: 26px; float: right; margin: 0 5px}
.productItemsContainer .listView span{background-position: 0 -546px;}
.productItemsContainer .iconsView span{background-position: 0 -635px;}

.productOfTheDay .thumb{display: block; float: left; margin: 0 5px}
.productOfTheDay .btn1{float: right}
.productOfTheDay .description{text-align: justify}

.productSearch {background: #999 url(../images/productResearch-bg.png) no-repeat 100% 0 ; height: 30px; margin-top: 10px; padding: 5px 10px 0 10px; width: 430px;}
.productSearch.noBg {background: none; float: right; margin-top: 5px;  padding: 0;}
.productSearch fieldset {background: url(../images/research-little-bg.png) no-repeat left top; height: 23px; padding-left: 8px; padding-top: 2px; width: 280px; line-height: 23px;float: left;}
.productSearch .text {border: 0; float: left; height: 13px; margin-top: 0px; padding: 2px;width: 255px; color: #999; font-size: 11px;}
.productSearch .btn1 {background-position: 0 -26px; display: block; float: left; height: 23px !important; line-height: 20px !important;}
.productSearchFilter {background: url(../images/bloc-bg2.png) repeat-x 0 0; border-top: 5px solid #999; margin: 0; padding: 5px;}
.productSearchFilter select{width: 146px !important; margin-right: 5px;}
.productSearchFilter.middle select{width: 210px !important; margin-right: 5px}
.productSearchFilter ul {float: right; margin-top: 5px; width: 320px;}
.productSearchFilter ul li{list-style: none; width: 33%}
.productSearchFilter ul li.products {float: left; padding: 2px 0;}
.productSearchFilter ul li.products a{color: #00f}
.productSearchFilter ul li.products a span {color: #000;}
.productSearchFilter .filter{background: url(../images/buttons.png) 0 -85px; width: 76px; height: 18px; float: right; text-align: center;}
.productSearchFilter .filter input{background: transparent; border: 0;  color: #fff !important}
.productSearchFilter ul.categoryList{width: 100% !important;}
.productSearchFilter li.productsInCategory{width: 23%; float: left; list-style-type: none; padding: 5px}
.productSearchFilter li.productsInCategory a{font-weight: bold; color: blue}

.catalogSearchLarge ul.countProduct {float: none !important; width: 100%}
.catalogSearchLarge ul.countProduct a{float: left; margin: 2px 8px}

.productAddCommentLoginLinks {border-left: 1px solid #999; float: right; font-size: 90%; padding-left: 5px; width: 120px;}

.productAddCommentLoginForm input {width: 128px;}

.productCommentView1 {width: 475px;}
.productCommentView1 .body,.productCommentView1 .bottom, .productCommentView1 .top {background: url(../images/catalogBloc-bg.png) no-repeat 0 0; height: 8px;}
.productCommentView1 .body {background-position: -475px 0; background-repeat: repeat-y; height: auto; padding-left: 8px;}
.productCommentView1 .body .avatar {display: block; float: left; margin: 10px; width: 70px;}
.productCommentView1 .body .message {float: left; margin-top: 10px; width: 360px;}
.productCommentView1 .body .message a {color: #00f}
.productCommentView1 .body .message i {color: #999; font-size: 11px}
.productCommentView1 .body .message i b{color: #000; font-weight: bold}
.productCommentView1 .bottom {background-position: -950px 0;}

.productGridItem{
    width: 226px;
    float: left;
    margin: 3px;
}

.productView1,
.productView3,
.linksBloc,
.adsBloc,
.grayContainer{width: 700px; margin: 8px 0}

.productView1 .body,
.productView3 .body,
.linksBloc .body,
.productView1 .bottom,
.productView3 .bottom,
.linksBloc .bottom,
.productView1 .top,
.productView3 .top,
.linksBloc .top,
.grayContainer .content,
.grayContainer .bottom,
.grayContainer .top,
.adsbloc .body,
.adsbloc .bottom,
.adsbloc .top {background:  url(../images/product-bloc-bg.png) 0 0 no-repeat; height: 8px; width: 700px}

.productView1 .body,
.productView3 .body,
.linksBloc .body,
.adsbloc .body,
.grayContainer .content
{background-position: -1429px 0; background-repeat: repeat-y; height: auto; padding-left: 8px;width: 690px}

.productView1 .body .merchant {color: #00f; float: right; font-size: 97%; width: 120px; margin-right: 5px;}
.productView1 .body .merchant a {color: #00f;}
.productView1 .body .visuel, .productView3 .body .visuel {border: 2px solid #999; float: left; height: 77px; margin: 5px; width: 77px;}
.productView1 .body .description {float: left; font-size: 95%; margin-right: 5px; width: 340px;}
.productView1 .body .description h3 a {color: #00f;}
.productView1 .body .description p {text-align: justify}
.productView1 .body .description a.seeMore, .productView4 .description a.seeMore {background: url(../images/buttons.png) no-repeat 0 -192px; color: #000; font-size: 12px; font-weight: bold; height: 20px; display: block; line-height: 20px; text-align: center; width: 93px; color: #fff; padding-left: 7px; float: right}
.productView1 .body .offer {float: left; margin: 10px 5px 0; text-align: center; width: 110px;}
.productView1 .body .offer strong {color: #00f; font-size: 170%;}
.productView1 .body .offer .view {background: url(../images/buttons.png) no-repeat 0 -85px; color: #fff; display: block; font: bold 11px Arial; height: 24px; line-height: 22px; margin: 1px auto; text-align: center; width:76px;}

.productView3 .body h1{ width: 90%; float: left;}
.productView3 .body .description{width: 680px; float: left}
.productView3 .body .description .socialLinks{width: 50px; float: right}
.productView3 .body .description .mainDescription{width: 350px; float: left;}
.productView3 .body .description .mainDescription li{list-style-type: circle; margin-left: 20px;}
.productView3 .body .description .otherDescription{width: 230px; float: right; font-size: 98% !important; margin: 10px 0}
.productView3 .body .description .otherDescription ul{list-style-type: none !important; width: 137px; float: left;}
.productView3 .body .description .otherDescription p{width: 86px; float: right;}
.productView3 .body .description h3{width: 410px; float: left;}
.productView3 .body .description .opinions{font-size: 90%;float: right; width: 95px; line-height: 8px}

.productView3 .body .flux,.productView3 .body .facebook, .productView3 .body .twitter, .twiter,.productView3 .body .print,
.catalogBloc .body .flux,.catalogBloc .body .facebook, .catalogBloc .body .twitter, .twiter,.catalogBloc .body .print,
productView5 .flux,.productView5 .facebook, .productView5 .twitter
{background: url(../images/icone.png);display: block; float: right;width: 16px; height: 16px; margin-right: 2px}

.productView3 .body .flux, .productView5 .flux, .catalogBloc .body .flux{background-position: -33px -26px}
.productView3 .body .facebook, .productView5 .facebook, .catalogBloc .body .facebook{background-position: -16px -26px}
.productView3 .body .twiter, .productView5 .twiter, .catalogBloc .body .twiter{background-position: 0 -26px}
.productView3 .body .print, .catalogBloc .body .print {background-position: 0 -302px}
.productView3 .merchantLinks { width: 230px; float: right; padding: 5px}
.productView3 .merchant { width: 105px; float: left;}
.productView3 .logo { width: 88px; height: 25px;}
.productView3 .amount{text-align: center}
.productView3 .amount b{font-size: 16px}
.productView3 .amount span{font-size: 20px; color: #00f; font-weight: bold}
.productView3 .offer{width:200px; text-align: center; margin: 20px auto}
.productView3 .offer .view{background: url(../images/buttons.png) no-repeat 0 -250px; color: #fff; display: block; font-size: 200%; height: 48px; line-height: 48px; text-align: center; width:192px;}
.productView3 .btn5{background: url(../images/buttons.png) no-repeat 0 -218px; color: #fff; display: block; font-size: 115%; height: 26px; line-height: 26px; text-align: center; width:192px; margin-left: 18px}

.productView1 .bottom,
.productView3 .bottom,
.linksBloc .bottom,
.grayContainer .bottom,
.adsbloc .bottom {background-position: -2129px 0; background-repeat: no-repeat}

.productView1 .top,
.productView3 .top,
.linksBloc .top ,
.grayContainer .top,
.adsbloc .top{background-position: -729px 0; background-repeat: no-repeat;}

.productView2 {font-size: 12px; width: 475px;}
.productView2 .body,.productView2 .bottom, .productView2 .top {background: url(../images/catalogBloc-bg.png) no-repeat 0 0; height: 8px;}
.productView2 .body {background-position: -475px 0; background-repeat: repeat-y; height: auto; padding-left: 8px;}
.productView2 .body .links {float: right; margin-right: 15px; width:200px;}
.productView2 .body .links a {float: right;}
.productView2 .body .visuel {border: 2px solid #999; float: left; height: 77px; margin: 5px; width: 77px;}
.productView2 .body .description {float: left; font-size: 80%; margin-right: 5px; width: 360px; padding: 5px}
.productView2 .body .offer {margin: 0 5px; text-align: center; width: 75px;}
.productView2 .body .offer strong {color: #00f; font-size: 170%;}
.productView2 .body .seeOffer{float: left; width: 80px; text-align: center; margin: 15px auto}
.productView2 .body a.view {background: url(../images/buttons.png) no-repeat 0 -85px; color: #fff; display: block; font: bold 11px Arial; height: 24px; line-height: 22px; margin-right: 15px; text-align: center; width:76px;}
.productView2 .body .merchant {color: #00f; float: left; font-size: 97%; width: 200px;}
.productView2 .body .merchant a {color: #00f;}
.productView2 .body a.logo {display: block; float: left; width: 90px; vertical-align: middle}
.productView2 .bottom {background-position: -950px 0;}
.productView2 span{font-size: 20px}

.productView4{width: 226px;}
.productView4 .body, .productView4 .bottom, .productView4 .top{background: url(../images/product-little-bloc.png) no-repeat 0 0; height: 8px; width: 226px}
.productView4 .top{background-position: 0 0;}
.productView4 .body{background-position: -230px 0; background-repeat: repeat-y; height: auto}
.productView4 .body .visuel {border: 2px solid #999; float: left; height: 77px; margin: 5px; width: 77px;}
.productView4 .bottom{background-position: -462px 0;}
.productView4 .summary{width: 88px; float: left; padding-left: 5px; text-align: center}
.productView4 .description{width: 120px; float: left; margin-left: 5px}
.productView4 .description{font-size: 90%;}
.productView4 .description h3{color: #00f; font-size: 110%}
.productView4 .description a.seeMore{margin: 0 auto}
.productView4 .offer{float: right; margin: 5px 10px}
.productView4 .offer strong{color: #00f; font-size: 140%}
.productView4 .offer .view{background: url(../images/buttons.png) no-repeat 0 -85px; color: #fff; display: block; font: bold 11px Arial; height: 24px; line-height: 22px; text-align: center; width:76px;}

.productView5 h1{font-size: 120%; width: 89%; float: left; line-height: 22px}
.productView5 .socialLinks{float: right; width: 10%; margin-right: 3px}
.productView5 img{width: 158px; float: left; padding: 3px; border: 1px solid #666}
.productView5 ul{margin-left: 20px}
.productView5 .description{width: 530px; padding: 2px; float: right; margin-right: 3px; line-height: 20px}
.productView5 .description .logo img{width: 88px; height: 25px; padding: 0}
.productView5 .description .text{width: 300px; float: left; padding-top: 2px; text-align: justify}
.productView5 .description .text .more{float: right; font-size: 14px;}
.productView5 .description .price{width: 200px; float: right; padding-right: 5px}
.productView5 .description .price .amount{text-align: center; margin: 5px 0}
.productView5 .description .price .amount b{font-size: 16px}
.productView5 .description .price strong{color: #00f; font-size: 28px}
.productView5 .description .price ul{list-style-type: none; padding-top: 0}
.productView3 .offer{width:200px; text-align: center; margin: 20px auto}
.productView5 .description .price .view{background: url(../images/buttons.png) no-repeat 0 -250px; color: #fff; display: block; font-size: 200%; height: 48px; line-height: 48px; text-align: center; width:192px; margin: 8px 0; padding-left: 10px}
.productView5 .description .price a:hover.view, .productView5 .description .price a:hover.btn5{font-weight: normal}
.productView5 .description .price .btn5{background: url(../images/buttons.png) no-repeat 0 -218px; color: #fff; display: block; font-size: 12px; height: 26px; line-height: 26px; text-align: center; width:192px;}

.productView6 a{font-weight: bold}
.productView6 img{margin: 3px}
.productView6 img.thumbMin{width: 50px; float: left; border: 1px solid #ccc; padding: 3px; margin: 3px}

.rating{border: 1px solid #999; width: 15px; height: 7px; display: block; float: left}
.rating.disable{background: #0ff}
.rating.enable{background: #00f}

.slideInput, .slideInputLarge {float: left; width: 140px;}
.slideInput input, .slideInputLarge input {font-weight: bold; text-align: center; width: 38px;}
.slideTrack, .slideTrackLarge {background: #00f; float: left; height: 5px; margin: 5px 0 12px 5px; position: relative; width: 315px;}
.slideHandle {background: url(../images/sliderArrow.png) no-repeat 0 5px; cursor: pointer; height: 25px; position: absolute; padding-top: 12px; text-align: center; width: 10px;}
.catalogSearchLarge .filterLarge,
.catalogSearchLarge .slideInputLarge,
.catalogSearchLarge .slideTrackLarge{float: left;}

#spinner{width: 500px; padding: 100px; text-align: center;}

.subTopicList li {list-style: none; float: left; padding: 3px;  width: 45%; margin-left: 10px; border: 1px solid red;}

.subtopicParent{
    background: #666;
    padding: 3px;
}
.subtopicParent a{
    color: #fff !important;
}


.sidebar {list-style-type: none; padding: 5px}
.sidebar li{list-style-type: none !important;}
.sidebar .topicNavigation li a.level1, .topicPane .mainTopic a {border-bottom: 1px solid #999; background: url(../images/topics.png) no-repeat; color: #000; display: block; font-size: 120%; height: 30px; padding: 18px; padding-left: 60px;}
.sidebar .topicNavigation .subtopic ul{padding-left: 25px;}
.sidebar .topicNavigation .subtopic ul a {line-height: 18px;}
.sidebar .topicNavigation .subtopic li {background:transparent url(../images/icone.png) no-repeat scroll 0pt -243px;list-style-image:none;list-style-position:outside;list-style-type:none;padding-left:15px;}
.sidebar .topicNavigation .subtopic li a{color: #000; line-height: 25px; font-weight: bold;}
.sidebar .topicNavigation .subtopic ul a:hover {text-decoration: none !important}
.sidebar .topicNavigation li a.level1.topic1, .topicPane a.topic1 {background-position: 10px -865px;}
.sidebar .topicNavigation li a.level1.topic2, .topicPane a.topic2 {background-position: 0 -50px;}
.sidebar .topicNavigation li a.level1.topic3, .topicPane a.topic3 {background-position: 12px -365px;}
.sidebar .topicNavigation li a.level1.topic4, .topicPane a.topic4 {background-position: 5px -245px;}
.sidebar .topicNavigation li a.level1.topic5, .topicPane a.topic5 {background-position: 10px -490px;}
.sidebar .topicNavigation li a.level1.topic6, .topicPane a.topic6 {background-position: 10px -935px;}
.sidebar .topicNavigation li a.level1.topic7, .topicPane a.topic7 {background-position: 5px 15px;}
.sidebar .topicNavigation li a.level1.topic8, .topicPane a.topic8 {background-position: 5px -677px;}
.sidebar .topicNavigation li a.level1.topic9, .topicPane a.topic9 {background-position: 5px -425px;}
.sidebar .topicNavigation li a.level1.topic10, .topicPane a.topic10 {background-position: 10px -1185px;}
.sidebar .topicNavigation li a.level1.topic11, .topicPane a.topic11 {background-position: 0 -990px;}
.sidebar .topicNavigation li a.level1.topic12, .topicPane a.topic12  {background-position: 5px -555px;}
.sidebar .topicNavigation li a.level1.topic13, .topicPane a.topic13 {background-position: 0 -615px;}
.sidebar .topicNavigation li a.level1.topic14, .topicPane a.topic14 {background-position: 0 -750px;}
.sidebar .topicNavigation li a.level1.topic15, .topicPane a.topic15 {background-position: 0 -300px;}
.sidebar .topicNavigation li a.level1.topic16, .topicPane a.topic16 {background-position: 0 -1055px;}
.sidebar .topicNavigation li a.level1.topic17, .topicPane a.topic17 {background-position: 5px -180px;}
.sidebar .topicNavigation li a.level1.topic18, .topicPane a.topic18 {background-position: 0 -115px;}
.sidebar .topicNavigation li a.level1.topic19, .topicPane a.topic19 {background-position: 0 -1120px;}
.sidebar .topicNavigation li a.level1.topic20, .topicPane a.topic20 {background-position: 12px -805px;}
.sidebar .topicNavigation li a.level1.topic21, .topicPane a.topic21 {background-position: 0 -1250px;}

.topicList a.logo{float: left}
.topicList a.goToCatalog{display: block; margin: 0 auto; font-size: 130%; padding-left: 3px;}
.topicList a:hover{text-decoration: none}
.topicList .switchView{width: 60px; float: left}

.topicPane{width: 213px; float: left; margin: 5px}
.topicPane .mainTopic a {border: none;width: 0px; height: 20px; padding-left: 45px; float: left}
.topicPane a.mainTopicText{float: left; padding: 6px 0;display: block; width: 143px; color: #000; font-size: 14px; font-family: calibri; font-weight: bold}
.topicPane .top, .topicPane .corps, .topicPane .bottom{background: url(../images/bg_topic.png) no-repeat; width: 213px; height: 10px;}
.topicPane .top{background-position: 0 0;}
.topicPane .corps {background-position: -213px -0px; height: auto; background-repeat: repeat-y }
.topicPane .corps ul a{background: none;display: inline; margin: 5px; padding: 5px; font-size: 11px; line-height: 20px}
.topicPane .corps ul {background: none}
.topicPane .corps ul li {list-style-type: none; background:transparent url(../images/icone.png) no-repeat 0 -243px;list-style-position:outside; margin-left:5px;padding-left:3px; line-height: 20px}
.topicPane .bottom{background-position: -426px 0}
.topicPane .corps a.viewMore {display: block !important; float: right !important; height: 23px!important; margin: 0!important; overflow: hidden; position: relative; width: 22px; text-decoration: none}
.topicPane .corps a:hover.viewMore {text-decoration: none !important}
.topicPane .corps a.viewMore span {background: url(../images/buttons.png) no-repeat 0 -110px !important; height: 100% !important; left: 0 !important; position: absolute !important; top: 0 !important; width: 100% !important;}
.topicPane .corps a.viewMoreText {display: block !important; float: right !important; height: 23px !important; line-height: 23px !important; margin: 0 5px !important; }

li.viewMore{text-align: right; padding: 5px}
li.viewMore a{color: #00f}

.subTopicList li {list-style: none; float: left; padding: 2px;  width: 143px}
.subMenuContentPane{display: none}
.ssmenuNavigation{width: 510px; height: 18px;}
.ssmenuNavigation .sscontainer{width: 237px; height: 123px; padding-top: 20px; padding-left: 6px; float: left;padding-left: 10px;background: #fff url(../images/submenu-container.png) -220px 0 no-repeat; width: 240px !important; height: 118px; padding-left: 6px; float: left; padding-top: 40px; padding-left: 10px;}
.ssmenuNavigation .sscontainer ul{ background: #fff url(../images/submenu-container.png)  -172px 0 no-repeat; width: 172px; height: 118px; padding-left: 6px; float: left}
.ssmenuNavigation .ssleft{float: left; width: 180px; height: 38px; line-height: 24px; z-index: 0; background: url(../images/submenu-container.png);}
.ssmenuNavigation .ssmenuContent ul{background: none; list-style-type: none; padding-left: 0px; width: 163px}
.ssmenuNavigation .ssmenuContent ul a{color: #000}
.ssmenuNavigation .ssmenuContent ul a:hover{color: #00f !important; font-weight: normal}