body { position: relative; margin: 0; padding: 0; font-size: 11px; font-family: Arial; color: #333333; background-color: white; } h1,h2,h3,h4,h5,h6,p,ul,ol,li,form,fieldset { margin: 0; padding: 0; } ul,ol,li { list-style: none; } fieldset { border: 0; } a { margin: 0; padding: 0; } img { border: 0; margin: 0; padding: 0; } .container { position: relative; width: 990px; margin: 0 auto; } .clear { clear: both; } /* HEADER */ .header { position: relative; z-index: 10000; padding-bottom: 20px; } .header-top { position: relative; border-bottom: 1px solid #cccccc; height: 115px; margin-bottom:5px; } .header-top .logo a { position: absolute; top:10px; left:0px; background: url(../images/img-logo.jpg) no-repeat; width:255px; height: 105px; display: block; } .header-top .logo a:hover { background-position: 0 -110px; } .header-top .search { position: absolute; top:10px; right: 0; } .header-top ul.menu-top { position: absolute; top:90px; right: 0px; } .header-top ul.menu-top li { float: left; margin-left:0px; } .header-top ul.menu-top li.visite a { background: url(../images/img-menu-visite.jpg) no-repeat; width: 99px; height: 20px; display: block; } .header-top ul.menu-top li.visite a:hover { background-position:0 -30px; } .header-top ul.menu-top li.compte { position: relative; overflow: visible; } .header-top ul.menu-top li.compte a { background: url(../images/img-menu-compte.jpg) no-repeat 60px 0; width:185px; height: 20px; display: block; } .header-top ul.menu-top li.compte a:hover { background-position:60px -30px; } .header-top ul.menu-top li.compte #infos_customer { position: absolute; top:-37px; right:20px; font-size: 11px; } .header-top ul.menu-top li.compte #infos_customer .left { position: relative; background:url(../images/img-mini-top-left.png) no-repeat; width: 2px; height: 34px; display: block; float: left; } .header-top ul.menu-top li.compte #infos_customer .right { position: relative; background:url(../images/img-mini-top-right.png) no-repeat right; height:22px; display: block; float: left; padding:7px 5px 5px 3px; } .header-top ul.menu-top li.panier { position: relative; } .header-top ul.menu-top li.panier a { background: url(../images/img-menu-panier.jpg) no-repeat 30px 0; width:135px; height: 20px; display: block; } .header-top ul.menu-top li.panier a:hover { background-position:30px -30px; } .header-top ul.menu-top li.panier #infos_cart { position: absolute; top:-37px; right:0; font-size: 11px; } .header-top ul.menu-top li.panier #infos_cart .left { position: relative; background:url(../images/img-mini-top-left.png) no-repeat; width: 2px; height: 34px; display: block; float: left; } .header-top ul.menu-top li.panier #infos_cart .right { position: relative; background:url(../images/img-mini-top-right.png) no-repeat right; height:22px; display: block; float: left; padding:7px 5px 5px 3px; } .header #nav { position: relative; z-index: 10000; width: 980px; margin: 0 auto; } /* NIVEAU 0 */ .header ul.ullevel0 { position: relative; padding-bottom:0px; } .header ul.ullevel0 li.level0 { position: relative; float: left; padding: 0 3px 10px 3px; z-index: 10000; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; border-top: 1px solid #ffffff; background-color: white; } .header ul.ullevel0 li.separator { float: left; padding: 0; font-size: 12px; line-height: 16px; font-weight: normal;} .header ul.ullevel0 li.level0 a { float: left; color: #333333; text-decoration: none; font-size: 14px; cursor: pointer; outline: none; display: block; } .header ul.ullevel0 li.level0 a span { z-index: 200; } .header ul.ullevel0 li.level0:hover { text-decoration: underline; } .header ul.ullevel0 li:last-child { display: none; } /* // SPECIFICITE .header ul.ullevel0 li.position1 { display: none; z-index: 9000; } .header ul.ullevel0 li.position13 { z-index: 9000;} .header ul.ullevel0 li.position14 { z-index: 9000;} .header ul.ullevel0 li.position15 { z-index: 9000;} .header ul.ullevel0 li.position16 { z-index: 9000;} .header ul.ullevel0 li.position17 { z-index: 9000;} .header ul.ullevel0 li.position18 { z-index: 9000;} .header ul.ullevel0 li.position19 { z-index: 9000;} .header ul.ullevel0 li.position20 { z-index: 9000;} .header ul.ullevel0 li.position21 { z-index: 9000;} .header ul.ullevel0 li.position22 { z-index: 9000;} .header ul.ullevel0 li.position23 { z-index: 9000;} .header ul.ullevel0 li.position24 { z-index: 9000;} // NIVEAU 1 .header ul.ullevel0 li.level0 ul.level1 { position: absolute; left: -9999em; width:200px; padding:0; border: 1px solid #cccccc; background-color: white; padding: 4px 0 4px 0; } .header ul.ullevel0 li.level0:hover ul.level1 { left:0px; top:23px; z-index: 10000; background-color: white; } // SPECIFICITE .header ul.ullevel0 li.position12:hover ul.level1 { left: -115px; } .header ul.ullevel0 li.position13:hover ul.level1 { left: -0px; } .header ul.ullevel0 li.level0 ul.level1 li a { position: relative; background: url(../images/img-puce-carre.png) no-repeat 5px 6px white; padding:2px 0 2px 16px; text-decoration: none; float: none; } .header ul.ullevel0 li.level0 ul.level1 li a:hover { text-decoration: underline; } .header ul.ullevel0 li.level0 ul.level1 li:hover ul.level2 { left: 60px; top:5px;} // NIVEAU .header ul.ullevel0 li.level0 ul.level1 li.level1 ul.level2 { margin: 0px 0 2px 15px; } .header ul.ullevel0 li.level0 ul.level1 li.level1 ul.level2 li.level2 a { position: relative; background: url(../images/img-puce-level2.png) no-repeat 5px 6px white; color: #666666; font-size: 12px; } */ /* COLONNE PRINCIPAL */ .col-main-hp { position: relative; float: left; width:590px; z-index: 200; } .col-main { position: relative; float: left; width:790px; min-height:420px; z-index: 200;} .col-one { position: relative; width:970px; margin: 0 auto; } .col-one h1 { font-size: 16px; color:#0A51A1; border-bottom: 1px solid #cccccc; margin: 10px 0; } .col-one p { padding: 10px 0; } .col-main-hp h1 { font-size: 16px; color:#0A51A1; border-bottom: 1px solid #cccccc; margin-bottom: 10px; } .col-main-hp p { padding: 10px 0; font-size: 12px; line-height: 20px; } .col-main-hp ul li { padding: 5px 0 5px 10px; font-size: 12px; list-style: disc; list-style-position: inside; } .col2-set { position: relative; width: 970px; clear: both; } .col-1 { position: relative; float: left; margin-left: 80px; width: 360px; border: 1px solid #cccccc; background-color: #EFEFEF; padding: 10px; } .col-2 { position: relative; float: right; margin-right: 80px; width: 360px; border: 1px solid #cccccc; background-color: #EFEFEF; padding: 10px; } .page-head h3, .page-head-alt h3 { font-size: 16px; color:#0A51A1; border-bottom: 1px solid #cccccc; margin-bottom: 5px; } .slideshow { border: 1px solid #cccccc; height: 378px; } /* STOCK */ p.stock { font-size: 11px; padding:2px 0 0 15px; width:45px; margin: 0 auto; text-align: left; } .enstock { background: url(../images/img-icone-stock.png) no-repeat 0 2px; width: 10px; height: 10px; display: block; } .horsstock { background: url(../images/img-icone-epuise.png) no-repeat 0 2px; width: 10px; height: 10px; display: block; } /* NOUVEAUTES */ .recently h3 { position: relative; background: url(../images/img-icone-etoile.jpg) no-repeat 0 2px; border-bottom: 1px solid #cccccc; color: #0A51A1; font-size: 16px; line-height: 27px; padding-left: 25px; margin: 10px 0 10px 0;} .price-box { font-size: 14px; } .price-box .old-price { text-decoration: line-through; } .price-box .special-price { color: #C1002A; } /* LISTING */ .category-head h2 { color: #0A51A1; font-size: 20px; } p.img-category { border: 1px solid #cccccc; width: 768px; padding:10px; margin: 0 0 10px 0;} p.description-category { padding: 10px 5px; font-size: 12px; font-style: italic; } table.pager { background-color: #cccccc; width: 790px; margin: 0; } table.pager .pages { width: 450px; padding: 5px; } table.pager .pages span { float: left; } table.pager .pages ol li { float: left; padding: 0 3px; } table.pager .pages ol li span.on { font-size: 12px; font-weight: bold;} table.pager .pages ol li a { color: #333333; text-decoration: none; } table.pager .pages ol li a:hover { color: #333333; text-decoration: underline; } table.pager .sort-by { width: 160px; text-align: right; padding: 5px; } table.pager .show { width: 160px; text-align: right; padding: 5px; } table.pager td.a-right { float: right; padding-right: 10px;} ol.grid-row { position: relative; overflow: hidden; padding: 10px 0; width: 790px; } ol.grid-row li.item { width: 190px; height: 290px; float: left; } ol.grid-row li.item p.product-image { width: 170px; height: 190px; border: 1px solid #cccccc; padding: 5px; } ol.grid-row li.item .infos-produit { width: 180px; text-align: center; } ol.grid-row li.item .infos-produit h2 a { font-size: 14px; color: #333333; text-decoration: none; } ol.grid-row li.item .infos-produit h2 a:hover { text-decoration: underline; } ol.grid-row li.item .infos-produit p.old-price { float: left; width: 85px; text-align:right; } ol.grid-row li.item .infos-produit p.special-price { float: right; width: 85px; text-align:left; } /* FILTRER */ .layered-nav a { color: #333333; } .narrow-by dt { padding: 2px 0; font-weight: bold; background: url(../images/img-puce-carre.png) no-repeat 0 4px; padding-left: 14px; } .narrow-by dd { border-bottom: 1px solid #cccccc; padding: 4px 0 4px 0px; margin: 0 10px 5px 15px;} .narrow-by dd li { padding: 2px 0; } .narrow-by dd li a { color: #333333; text-decoration: none;} .narrow-by dd li a:hover { color: #333333; text-decoration: underline;} /* BOX */ .box { } .box .head { background: url(../images/img-bloc-top.jpg) no-repeat; width: 190px; height: 30px; line-height: 30px; color: white; } .box .head h3 { background: url(../images/img-icone-fleche-blanche.jpg) no-repeat 5px 11px; color: white; padding-left:24px; } .border-creator { border-left: 1px solid #cccccc; border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc; width: 178px; padding: 5px; } .box-right { position: relative; width: 190px; } .sav { margin: 10px 0; } /* BREADCRUMBS */ ul.breadcrumbs { position: relative; color: #0A51A1; font-size: 20px; padding: 0 0 3px 0; border-bottom: 1px solid #cccccc; } ul.breadcrumbs li { float: left; padding-left: 5px; } ul.breadcrumbs li h2 a { color: #0A51A1; text-decoration: underline; } ul.breadcrumbs li h2 a:hover { color: #0A51A1; text-decoration: none; } /* RUBRIQUES */ ul.rubriques_list { position: relative; padding-bottom: 20px; } ul.rubriques_list .entete { background-color: #cccccc; width: 780px; margin: 0; padding: 5px; font-size: 12px; font-weight: bold; } ul.rubriques_list li { position: relative; margin: 0; padding: 5px 0 5px 23px; float: left; background: url(../images/img-puce-carre.png) no-repeat 10px 8px white; width: 200px; font-size: 12px; } ul.rubriques_list li a { font-size: 12px; font-weight: bold; color: #333; } ul.rubriques_list li a:hover { text-decoration: none; } ul.rubriques_left { position: relative; padding: 0 0 0 5px; } ul.rubriques_left li { padding: 2px 0 2px 0px; } ul.rubriques_left li a { text-decoration: none; padding-left: 10px; } ul.rubriques_left li.on a { font-weight: bold; background: url(../images/img-puce-carre.png) no-repeat 0px 2px white; } ul.rubriques_left li.niv1 a { font-weight: bold; background: url(../images/img-puce-carre.png) no-repeat 0px 2px white; } ul.rubriques_left li.niv2 a { font-weight: bold; background: url(../images/img-puce-level2.png) no-repeat 0px 3px white; } ul.rubriques_left li.niv3 a { font-weight: bold; background: url(../images/img-puce-level2.png) no-repeat 0px 3px white; } ul.rubriques_left li.off a { font-weight: normal; background: none; } ul.rubriques_left li a:hover { text-decoration: underline; } ul.rubriques_left li ul { padding: 2px 0 5px 5px; } /* PRODUCT */ .product-info-box h1 { font-size: 16px; color:#0A51A1; border-bottom: 1px solid #cccccc; margin-bottom: 5px; display: none; } .product-info-box ul.breadcrumbs h2 { font-size: 20px; } .product-img-box { position: relative; float: left; width: 380px; margin: 0; padding: 0; } .product-img-box .border-img { border: 1px solid #cccccc; width: 380px; margin-bottom: 10px; } .product-img-box .product-image-zoom { position:relative; overflow:hidden; width:380px; height:380px; z-index:9; } .product-img-box .product-image-zoom img { cursor:move; } .image-zoom { position:relative; z-index:9; height:18px; margin:5px auto 13px auto; background:url(../images/img-zoom-ligne.png) no-repeat 50% 50%; padding:0 28px 0 28px; cursor:pointer; } .image-zoom #track { position:relative; height:18px; } .image-zoom #handle { position:absolute; left:0; top:4px; width:30px; height:10px;background:url(../images/img-zoom-btn.png) 0 0 no-repeat; } .image-zoom .btn-zoom-out { position:absolute; left:2px; top:1px; } .image-zoom .btn-zoom-in { position:absolute; right:2px; top:1px; } .more-views ul li { float: left; margin-right: 10px; border: 1px solid #cccccc; } .product-info-box .product-shop { position: relative; float: right; width: 370px; padding-top: 40px; font-size: 12px; } .product-info-box .product-shop .price-box { position: absolute; top:0; right: 0; text-align: right; color: #C1002A; font-weight: bold; font-size:22px; padding-right: 10px; } .product-info-box .product-shop .price-box .old-price { font-size: 14px; } .product-info-box .product-shop .price-box .special-price { font-size: 18px; } .product-info-box .product-shop p.availability { float: right; padding-right: 10px; } .product-info-box .product-shop .short-description { position: relative; width: 370px; padding: 30px 10px 10px 0; line-height:20px; clear: both; } .product-info-box .product-shop .short-description p { padding: 0 10px 0 0; margin: 0;} .product-info-box .product-shop fieldset.add-to-cart-box { position: relative; float: right; width: 380px; text-align: right; padding:0px 10px 0 0; } .product-info-box .product-shop fieldset.product-options { position: relative; float: right; width: 380px; text-align: right; padding:0px 10px 0 0; border-top:1px solid #cccccc; } .product-info-box .product-shop fieldset.product-options p { margin:10px 0; clear: both; } .product-info-box .product-shop fieldset.product-options p label { position: relative; text-align: right; padding-right: 5px;} /* OPTIONS */ ul.options-list { padding:0 0 10px 0; } ul.options-list li { margin: 10px 0; } /* ONGLETS */ .product-collateral { margin:20px 0 0 0; } ul.onglets { position: relative; overflow: hidden; width: 790px; } ul.onglets li { float: left; line-height: 32px; margin: 0; padding: 0; font-weight: bold; } ul.onglets li a { text-decoration: none; outline: none; } ul.onglets li.on a { color: white; } ul.onglets li.off a { color: #333333; } ul.onglets li.onglet1a a { background: url(../images/onglet-1.png) no-repeat 0 0; width: 140px; height: 32px; display: block; } ul.onglets li.onglet2a a { background: url(../images/onglet-1.png) no-repeat 0 -34px; width: 140px; height: 32px; display: block; } ul.onglets li.onglet3a a { background: url(../images/onglet-1.png) no-repeat 0 -68px; width: 140px; height: 32px; display: block; } ul.onglets li.onglet1a a span, ul.onglets li.onglet2a a span, ul.onglets li.onglet3a a span { padding-left: 20px; } ul.onglets li.onglet1b a { background: url(../images/onglet-2.png) no-repeat 0 0; width: 160px; height: 32px; display: block; } ul.onglets li.onglet2b a { background: url(../images/onglet-2.png) no-repeat 0 -34px; width: 160px; height: 32px; display: block; } ul.onglets li.onglet3b a { background: url(../images/onglet-2.png) no-repeat 0 -68px; width: 160px; height: 32px; display: block; } ul.onglets li.onglet1b a span, ul.onglets li.onglet2b a span, ul.onglets li.onglet3b a span { padding-left: 25px; } ul.onglets li.onglet1c a { background: url(../images/onglet-3.png) no-repeat 0 0; width: 170px; height: 32px; display: block; } ul.onglets li.onglet2c a { background: url(../images/onglet-3.png) no-repeat 0 -34px; width: 170px; height: 32px; display: block; } ul.onglets li.onglet3c a { background: url(../images/onglet-3.png) no-repeat 0 -68px; width: 170px; height: 32px; display: block; } ul.onglets li.onglet1c a span, ul.onglets li.onglet2c a span, ul.onglets li.onglet3c a span { padding-left: 20px; } ul.onglets_details { position: relative; overflow: hidden; width: 770px; border: 1px solid #cccccc; padding: 10px; font-size: 12px; line-height: 22px; } ul.onglets_details li { min-height:150px;} ul.onglets_details li.on { display: block; } ul.onglets_details li.off { display: none; } ul.onglets_details table { border: 0; padding: 0; margin: 0; } ul.onglets_details table td { border: 1px solid #cccccc; padding: 5px; margin: 0; } /* UPSELL */ .head-upsell h2 { font-size: 12px; } table#upsell-product-table td { border-right: 1px solid #cccccc; padding: 5px; text-align: center; } table#upsell-product-table td.empty-product { border-right: 1px solid #ffffff;} table#upsell-product-table td a { color: #333333; text-decoration: none; } table#upsell-product-table td a:hover { color: #333333; text-decoration: underline; } table#upsell-product-table td h2 { font-weight: bold; font-size: 12px;} table#upsell-product-table td .prix { color:#C1002A; font-weight: bold; } /* RELATED */ .mini-related-items .head h4 { background: url(../images/img-mini-panier.gif) no-repeat 7px 6px; padding-left:28px; font-size: 12px; line-height: 32px;} .mini-related-items .content { border: 1px solid #cccccc; } .mini-related-items .content p { padding: 4px 5px; } .mini-related-items .content p a { text-decoration: underline; color: #333333; } .mini-related-items ol { padding: 10px 0; } .mini-related-items ol li { border-bottom: 1px solid #cccccc; padding: 5px; } .mini-related-items ol li .product-images { position: relative; float: left; width: 80px; } .mini-related-items ol li a { color: #333333; text-decoration: none; } .mini-related-items ol li a:hover { color: #333333; text-decoration: underline; } .mini-related-items ol li .product-details .name { font-weight: bold; } .mini-related-items ol li .product-details .prix { color:#C1002A; font-weight: bold; } .mini-related-items ol li .product-details .wishlist { padding: 2px 0; } /* CUSTOMERS */ .login-box { padding: 10px 0 300px 0;} .new-users { height: 180px; } .new-users .content h4 { font-size: 14px; font-weight: bold; padding: 0 0 5px 0; } .new-users .content p { line-height: 22px; padding-bottom: 10px; } .registered-users { height: 180px; } .registered-users .content h4 { font-size: 14px; font-weight: bold; padding: 0 0 5px 0; } .registered-users .content p { margin: 3px 0; clear: both; } .registered-users .content p label { width: 120px; text-align: right; padding-right: 5px; line-height: 20px; float: left; } .registered-users .content a { color: #333333; text-decoration: none; } .registered-users .content a:hover { text-decoration: underline; } .registered-users .button-set a { color: #333333; text-decoration: none; } .registered-users .button-set a:hover { text-decoration: underline; } fieldset.group-select { border: 0; } fieldset.group-select p { margin: 7px 0; clear: both; } fieldset.group-select p label { line-height: 20px; width: 150px; text-align: right; padding-right: 5px; float: left;} .account-nav .content { border: 1px solid #cccccc; padding: 5px; } .account-nav .content ul li { padding: 5px 0; } .account-nav .content ul li a { text-decoration: none; color: #333333; } .account-nav .content ul li a:hover { text-decoration: underline; color: #333333; } .account-nav .content ul li.on { font-weight: bold; } .dashboard-welcome p { padding: 10px 0; font-size: 12px; line-height: 20px; } .ad-orders { margin: 0 20px 20px 20px; } .ad-orders .head { font-size: 16px; color:#0A51A1; border-bottom: 1px solid #cccccc; margin:0 0 10px 0;} table#my-orders-table thead { background-color: #E7E7E7; font-size: 14px;} table#my-orders-table thead th { padding: 5px; } table#my-orders-table td { height: 25px;} table#my-orders-table td a { color: #333333; } table#my-orders-table td.separation { background-color: #cccccc; width: 95%; height: 1px; } .ad-account-info { margin: 0 20px 20px 20px; } .ad-account-info .head { font-size: 16px; color:#0A51A1; border-bottom: 1px solid #cccccc; margin:0 0 10px 0;} .ad-account-info .col2-set { width: 790px; margin-bottom: 20px; } .ad-account-info .col-2 a { color: #333333; } .ad-account-info .col2-set .col-1 { width: 250px; margin: 0; float: left; margin: 0 0 20px 0px; height:100px; } .ad-account-info .col2-set .col-2 { width: 250px; margin: 0; float: left; margin: 0 0 20px 20px; height:100px; } .ad-account-info .col2-set .col-1 a, .ad-account-info .col2-set .col-2 a { color: #333333; } .ad-account-info .col2-set .col-1 h6, .ad-account-info .col2-set .col-2 h6 { font-size: 12px; padding: 0 0 4px 0; } .book .col2-set { width: 790px; margin-bottom:10px; } .book .col2-set .col-1 { width: 250px; margin: 0; float: left; margin: 0 0 20px 0px; height:100px; } .book .col2-set .col-2 { width: 250px; margin: 0; float: left; margin: 0 0 20px 20px; height:100px; } .book .col2-set .col-1 a, .book .col2-set .col-2 a { color: #333333; } .book .col2-set .col-1 h6, .book .col2-set .col-2 h6 { font-size: 12px; padding: 0 0 4px 0; } .book .address-list { background-color: #EFEFEF; border: 1px solid #cccccc; padding: 10px; width: 770px;} .book .address-list h6 { font-size: 12px; padding: 0 0 4px 0; } .book .address-list ol li { float: left; width: 220px; padding: 10px; } .book .address-list a { text-decoration: underline; color: #333333; } .book .address-list a:hover { text-decoration: none; color: #333333; } .order-info .col2-set { width: 790px; margin:10px 0; } .order-info .col2-set .col-1 { width: 350px; margin: 0; float: left; margin: 0 0 20px 0px; height:100px; } .order-info .col2-set .col-2 { width: 350px; margin: 0; float: left; margin: 0 0 20px 20px; height:100px; } .order-info .col2-set .col-1 a, .book .col2-set .col-2 a { color: #333333; } .order-info .col2-set .col-1 h6, .book .col2-set .col-2 h6 { font-size: 12px; padding: 0 0 4px 0; } #my-item-table { width: 765px; border: 1px solid #cccccc; } #my-item-table thead { background-color: #E7E7E7; font-size: 14px;} #my-item-table thead th { padding: 5px; } #my-item-table tbody td { padding: 5px; } #my-item-table td a { color: #333333; } #my-item-table td.separation { background-color: #cccccc; width: 95%; height: 1px; } #my-item-table tfoot { font-weight: bold; } #my-item-table tfoot td.a-right { text-align: right; padding-right: 5px; } /* PANIER */ table.shopping-cart { border: 1px solid #cccccc; width:700px; margin: 10px auto 0 auto;} table.shopping-cart thead { background-color: #E7E7E7; font-size: 14px;} table.shopping-cart thead th { padding: 5px; } table.shopping-cart td.a-center { text-align: center; } table.shopping-cart td.a-right { text-align: right; padding-right: 5px; font-weight: bold;} table.shopping-cart td a { color: #333333; text-decoration: none; } table.shopping-cart td a:hover { color: #333333; text-decoration: underline; } table.shopping-cart td.attributes-col h4 { font-size: 14px; } table.shopping-cart td.separation { border-bottom: 1px solid #cccccc; width: 95%;} .shopping-cart-totals { float: right; padding:0px 0 0 0; } table#shopping-cart-totals-table { width:370px; font-size: 12px; } table#shopping-cart-totals-table td.a-right { text-align: right; padding:0 5px 5px 5px; font-weight: normal; } table#shopping-cart-totals-table td.a-right span.price { font-weight: bold; } table#shopping-cart-totals-table td.totaux { width:60px;} ul.checkout-types { padding:10px 0 0 0; } .shopping-cart-collaterals .col2-set { position: relative; width:755px; padding:10px 0 0 45px; } .shopping-cart-collaterals .col2-set .col-1 { position: relative; float: left; margin: 0 20px 0 0; width:230px; border: 1px solid #cccccc; background-color: #EFEFEF; padding: 10px; } .shopping-cart-collaterals .col2-set .col-2 { position: relative; float: left; margin: 0 10px 0 0; width:30px; padding: 10px; } .shopping-cart-collaterals .col2-set .col-3 { position: relative; float: right; margin: 0 55px 0 0; width: 315px; border: 1px solid #ffffff; background-color: #ffffff; padding: 0px 0 10px 10px; text-align: right;} /* CROSSELL */ ul.generic-product-list { padding: 10px; } ul.generic-product-list li { clear: both; border-bottom: 1px solid #cccccc; } ul.generic-product-list li .image { float: left; width: 80px; } ul.generic-product-list li .details { font-weight: bold; font-size: 11px; } ul.generic-product-list li .details h2 a { font-size: 11px; } ul.generic-product-list li a { color: #333333; text-decoration: none; } ul.generic-product-list li a:hover { color: #333333; text-decoration: underline; } ul.generic-product-list li .price-box { display: block; padding-left:10px; font-weight: bold; } ul.generic-product-list li .price-box p { padding: 0; } ul.generic-product-list li .price { font-size: 11px; } ul.generic-product-list li .ajout { text-align: center; color: #C1002A; padding-bottom: 4px; } ul.generic-product-list li .ajout a { color: #C1002A; } /* CHECKOUT */ ol#checkoutSteps { position: relative; width:750px; } ol#checkoutSteps li { margin-bottom: 20px; } ol#checkoutSteps li .head h3 { font-size: 16px; color:#0A51A1; border-bottom: 1px solid #cccccc; margin-bottom: 5px; } ol#checkoutSteps li .a-item { padding:5px 0 15px 0; font-size: 12px; } ol#checkoutSteps li .a-item a { color: #333333; text-decoration: underline; } ol#checkoutSteps li .a-item a:hover { color: #333333; text-decoration: none; } ol#checkoutSteps .col2-set { position: relative; width: 750px; } ol#checkoutSteps .col2-set .col-1 { position: relative; float: left; width: 340px; margin: 0; height: 150px;} ol#checkoutSteps .col2-set .col-2 { position: relative; float: right; width: 340px; margin: 0;} ol#checkoutSteps .col2-set .col-2 a { color: #333333; text-decoration: none; } ol#checkoutSteps .col2-set .col-2 a:hover { color: #333333; text-decoration: underline; } ol#checkoutSteps .col2-set .col-1 h4, ol#checkoutSteps .col2-set .col-2 h4 { font-size: 14px; font-weight: bold; border-bottom: 1px solid #cccccc; margin-bottom: 10px; padding: 0 0 3px 0; } ol#checkoutSteps .col2-set .col-1 p { font-size:12px; line-height: 20px; } ol#checkoutSteps .col2-set .col-2 p { margin:2px 0; font-size:12px; line-height: 20px; } ol#checkoutSteps .col2-set .col-2 p label { width: 120px; text-align: right; float: left; padding-right: 5px; clear: both; } ol#checkoutSteps .col2-set .col-2 ul li { margin: 0; padding: 0; } /* PROGRESS */ .one-page-checkout-progress h4 { padding-left:8px; } .one-page-checkout-progress .content1 { border: 1px solid #cccccc; padding:5px; } .one-page-checkout-progress .content1 a { color: #333333; text-decoration: none; } .one-page-checkout-progress .content1 a:hover { color: #333333; text-decoration: underline; } .one-page-checkout-progress ol li { margin: 5px 0; } .one-page-checkout-progress ol li h4 { padding: 0; margin: 0; } .one-page-checkout-progress ol li .content { padding: 5px; } /* BILLING */ fieldset#billing-new-address-form p { margin: 5px; clear: both; } fieldset#billing-new-address-form p label { width:170px; text-align: right; padding-right: 5px; float: left; line-height: 20px; } /* REVIEW */ table#checkout-review-table { border: 1px solid #cccccc; width:700px; margin: 10px auto 0 auto;} table#checkout-review-table thead { background-color: #E7E7E7; font-size: 14px;} table#checkout-review-table thead th { padding: 5px; } table#checkout-review-table td.a-left { text-align: left; } table#checkout-review-table td.a-center { text-align: center; } table#checkout-review-table td.a-right { text-align: right; padding-right: 5px; font-weight: bold;} table#checkout-review-table td a { color: #333333; text-decoration: none; } table#checkout-review-table td a:hover { color: #333333; text-decoration: underline; } table#checkout-review-table td.attributes-col h4 { font-size: 14px; } table#checkout-review-table td.separation { border-bottom: 1px solid #cccccc; width: 95%;} .button-set { padding: 10px 0; } .button-set p.left { padding-left: 20px; } .button-set #review-please-wait { position: relative; width:300px; float: left; } .button-set #review-buttons-container { position: relative; width: 180px; float: right; } /* COLONNE RIGHT */ .col-right-hp { position: relative; float: right; width: 390px; padding-top:20px; } .col-right { position: relative; float: right; width: 190px; padding-top:20px; } .entree_une { position: relative; margin: 0 0 10px 0; height: 120px; } .entree_deux { position: relative; margin: 0 0 10px 0; height: 120px;} .entree_trois { position: relative; margin: 0 0 10px 0; height: 120px;} .entree_quatre { position: relative; margin: 0 0 10px 0; height: 190px; float: left; } .entree_cinq { position: relative; margin: 0 0 10px 0; height: 190px; float: right; } .entree_marques { position: relative; margin: 0 0 10px 0; height: 190px; clear: both;} .entree_sav { position: relative; margin: 0 0 0px 0; height: 169px;} /* RECEMMENT VU */ .mini-product-view { margin-top: 10px; } .mini-product-view h4 { position: relative; background: url(../images/img-recemment-vu.png) no-repeat 5px 9px; padding-left: 22px; font-size: 12px; line-height: 30px; } .mini-product-view ol#recently-viewed-items { border: 1px solid #cccccc; padding: 10px; } .mini-product-view ol#recently-viewed-items li { clear: both; border-bottom: 1px solid #cccccc; margin-bottom: 5px; } .mini-product-view ol#recently-viewed-items li .image { float: left; width: 80px; } .mini-product-view ol#recently-viewed-items li .details { font-weight: bold; } .mini-product-view ol#recently-viewed-items li .details h2 a { font-size: 11px; } .mini-product-view ol#recently-viewed-items li a { color: #333333; text-decoration: none; } .mini-product-view ol#recently-viewed-items li a:hover { color: #333333; text-decoration: underline; } .mini-product-view ol#recently-viewed-items li .price-box { display: block; padding-left:10px; font-weight: bold; } .mini-product-view ol#recently-viewed-items li .price { font-size: 11px; } /* FOOTER */ .footer { position: relative; width: 970px; border: 1px solid #cccccc; padding: 10px; margin-bottom: 10px; background: url(../images/img-footer.jpg) no-repeat top;} .footer ul.recherche { position: relative; float: left; width: 400px; height: 120px; } .footer ul.recherche h2 { font-size: 12px; font-weight: bold; padding: 0 0 4px 0; } .footer ul.recherche li { float: left; padding: 4px 4px;} .footer ul.recherche li a { color: #333333; text-decoration: none; } .footer ul.recherche li a:hover { color: #333333; text-decoration: underline; } .footer ul.tags { position: relative; float: left; width: 400px; border-left: 1px solid #cccccc; padding-left: 10px; height: 120px; } .footer ul.tags h2 { font-size: 12px; font-weight: bold; padding: 0 0 4px 0; } .footer ul.tags li a { color: #333333; text-decoration: none; } .footer ul.tags li a:hover { color: #333333; text-decoration: underline; } .footer ul.menu_footer { position: relative; float: right; width: 130px; border-left: 1px solid #cccccc; padding-left: 10px; } .footer ul.menu_footer li { padding: 2px 0; } .footer ul.menu_footer li a { color: #333333; text-decoration: none; } .footer ul.menu_footer li a:hover { color: #333333; text-decoration: underline; }