/*---------------------------------------------------------- Style principal Projet: Sommaire: Reset css Balises par défaut Disposition Mise en page générale Eléments récurrents Les pages internes home.php Classes générales ----------------------------------------------------------*/ /* ======================================================================== * Reset CSS * ========================================================================*/ @import "reset.css"; /* ======================================================================== * Balises par défaut * ========================================================================*/ html { } body { background:#6c6c6b url(../images/bgd_body.png) repeat-x left top; font-family:Arial, Helvetica, sans-serif; font-size:12px;} a {color:#43b3a6; text-decoration:none;} /* ======================================================================== * Disposition * ========================================================================*/ /* ----------------------------------------- * Mise en page générale * ------------------------------------------*/ #main {padding:0 7px 0 8px; width:980px; margin:0 auto; background:url(../images/bgd_mainCont.png) repeat-y left top;} #header {background:#636061 url(../images/bgd_header.png) no-repeat left top; padding:2px 20px 0; height:86px; width:940px; overflow:hidden; position:relative;} #header h1 {float:left; margin:18px 0 0 30px; display:inline;} #header #baseline {color:#fff; font-size:20px; display:inline-block; position:absolute; top:50px; left:278px;} #header-modules {float:right; overflow:hidden;} #header-modules .header-nav {float:right; display:inline-block; margin:0 0 0 4px;} #header-modules .header-nav a, #header-modules .header-nav .header-nav-logged-wrap {background:url(../images/bgd_headerNav.png) no-repeat left top; color:#fff; font-size:11px; text-decoration:none; height:27px; padding:0 0 0 4px; display:inline-block; cursor:pointer;} #header-modules .header-nav .header-nav-logged-wrap a {background:none; color:#fff; font-size:11px; text-decoration:none; height:auto; padding:0; display:inline-block;} #header-modules .header-nav #link-profile {background:url(../images/ico_profile.png) no-repeat left top; padding:0 0 0 20px; float:left;} #header-modules .header-nav #disconnect {background:url(../images/ico_disconnect.png) no-repeat left top; height:19px; width:19px; margin:-4px 0 0 5px; text-indent:-9999em; padding:3px 0 0; display:inline-block; overflow:hidden;} #header-modules .header-nav a span, #header-modules .header-nav .header-nav-logged {background:url(../images/bgd_headerNav.png) no-repeat right top; padding:10px 10px 0 6px; height:17px; display:inline-block;} #header-modules .header-nav .header-nav-logged {padding-right:0;} #header-modules .header-nav .ico-basket strong {background:url(../images/ico_basket.png) no-repeat left top; padding:0 0 0 23px;} #header-modules .header-nav a:hover {background-position:left bottom;} #header-modules .header-nav a:hover span {background-position:right bottom;} #customer-service {background:url(../images/bgd_customerService.png) no-repeat left top; padding:7px 72px 10px 6px; margin:5px 0 0 12px; width:212px; height:36px; float:right;} #customer-service dt {text-transform:uppercase; background:#d1d0d0; color:#5b5757; font-weight:bold; padding:4px 6px; width:190px; margin:0 0 5px; line-height:12px;} #customer-service dt span {color:#7b7b7b;} #customer-service dd {color:#2a2828; line-height:12px;} #nav {border-top:1px solid #777b7b; background:#292d30; width:100%; overflow:hidden;} #nav ul {width:100%; margin:0 auto; overflow:hidden;} #nav li {float:left; height:29px; display:inline-block;} #nav a {display:block; height:29px; font-size:16px; color:#fff; text-decoration:none; text-indent:-9999em; background:url(../images/bgd_nav.png) no-repeat left top; } #nav a#menu-website-home {width:84px; background-position:left top; } #nav a:hover#menu-website-home, #nav a#menu-website-home.active {background-position:left bottom; } #nav a#menu-website-mobile {width:177px; background-position:-84px top;} #nav a:hover#menu-website-mobile, #nav a#menu-website-mobile.active {background-position:-84px bottom;} #nav a#menu-website-gps {width:150px; background-position:-261px top;} #nav a:hover#menu-website-gps, #nav a#menu-website-gps.active {background-position:-261px bottom;} #nav a#menu-website-informatique {width:127px; background-position:-411px top;} #nav a:hover#menu-website-informatique, #nav a#menu-website-informatique.active {background-position:-411px bottom;} #nav a#menu-website-jeux-video {width:113px; background-position:-538px top;} #nav a:hover#menu-website-jeux-video, #nav a#menu-website-jeux-video.active {background-position:-538px bottom;} #nav a#menu-website-son-mp3 {width:103px; background-position:-651px top;} #nav a:hover#menu-website-son-mp3, #nav a#menu-website-son-mp3.active {background-position:-651px bottom;} #nav a#menu-website-flash {width:125px; background-position:-855px top;} #nav a:hover#menu-website-flash, #nav a#menu-website-flash.active {width:125px; background-position:-855px bottom;} #nav a#menu-website-actu {width:101px; background-position:-754px top;} #nav a:hover#menu-website-actu, #nav a#menu-website-actu.active {width:101px; background-position:-754px bottom;} #container {border:1px solid #fff; padding:23px 21px 21px; width:936px; overflow:hidden; background:#fff url(../images/bgd_container.png) repeat-x left top;} #highlight-big {width:100%; overflow:hidden; position:relative; padding:1px 0; margin:0 0 10px; border-top:1px solid #a7a8a9; border-bottom:1px solid #a7a8a9;} #highlight-big .hl-illus {float:left;} #content {width:721px; float:right;} /* Pour layout à une seule colonne */ .mdl-cart #content, .mdl-orders #content, .payment-payment #content, .mdl-invoices #content {width:936px; float:none;} #aside {width:200px; min-height:825px; height:auto !important; height:850px; float:left;} #aside h3 {background:#2a2e31 url(../images/bgd_h3_aside.png) no-repeat left top; color:#fff; font-size:16px; text-transform:uppercase; text-align:center; padding:4px 0 7px;} #aside h3 span {background:url(../images/ico_h3_aside.png) no-repeat left 2px; padding:0 0 0 22px; display:inline-block;} #aside h4 {background:#e2e2e2 url(../images/bgd_h4_aside.png) no-repeat 170px 3px; padding:4px 10px 4px; font-size:13px; font-weight:bold; color:#696969;} #aside #search {border:1px solid #e2e2e2; border-bottom:1px solid #b4b4b4; margin:0 0 1px;} #aside #search form { padding:4px 10px;} #aside #search label {display:none;} #aside #search input {width:143px; border:1px solid #ababab; background:#fff;} #aside #search input.form-submit {} #aside #choose-device {border:1px solid #e2e2e2; border-bottom:1px solid #b4b4b4; /* margin:0 0 30px; */ margin:0 0 12px;} #aside #choose-device form { padding:0 10px;} #aside #choose-device label {font-size:11px; padding:0 0 0 3px;} #aside #choose-device label.required {background:none;} #aside #choose-device select {border:1px solid #ababab; width:178px; margin:0 0 5px;} #aside #choose-device .device-img {background:#e2e2e2; border-top:1px solid #fff; text-align:center; padding:8px 0;} /* #aside #choose-device p {background:url(../images/ico_linkCatalog.png) no-repeat left 3px; padding:3px 0 3px 15px;} #aside #choose-device p a {font-weight:bold;} */ #aside #choose-device p {padding:3px 0 3px 8px;} #aside #choose-device a.select-device {background:url(../images/btn_selectDevice.png) no-repeat left bottom; color:#515151; display:inline-block; font-size:11px; padding:0 0 5px; text-transform:uppercase; width:198px;} #aside #choose-device a.select-device span {background:url(../images/btn_selectDevice.png) no-repeat left top; cursor:pointer; display:inline-block; text-align:center; font-size:12px; padding:5px 5px 0; width:188px;} #aside #choose-device a.select-device:hover {background-position:right bottom;} #aside #choose-device a.select-device:hover span {background-position:right top;} #aside #choose-device .eraser a {background:url(../images/ico_linkList.png) no-repeat left 6px; padding:0 0 5px 8px; text-transform:none;} #user_formsubmit-label {display:none;} #aside #categories {margin:0 0 12px; width:100%; overflow:hidden;} #aside #categories h3 span {background:url(../images/ico_h3_aside.png) no-repeat -6px -36px; padding:0 0 0 14px;} #aside #categories li {background:#dedede url(../images/bgd_navCatalog.png) repeat-x left top; width:100%; overflow:hidden; float:left;} #aside #categories li a {background:url(../images/ico_linkCatalog.png) no-repeat left 5px; color:#000000; font-size:14px; padding:4px 0 4px 15px; display:block; float:left;} #aside #categories li a:hover {font-weight:bold; color:#585858;} #aside #advantages li {margin:0 0 7px; width:100%; overflow:hidden;} #aside #advantages img, #aside #advantages object {float:left;} #aside .social-networks {background:url(../images/bgd_socialNetworks.png) no-repeat left top; padding:10px 11px 9px; height:45px; width:178px; overflow:hidden; margin:0 0 7px;} #aside .social-networks dt {float:left;} #aside .social-networks dd {float:right; text-align:center; color:#424242; width:70%;} #aside .social-networks dd img {margin:0 0 6px;} #footer {background:url(../images/bgd_footer_wrap.png) no-repeat left top; padding:0 7px 0 8px; width:980px; margin:0 auto;} #footer-nav {border:1px solid #fff; width:978px; overflow:hidden; background:#292d30; color:#fff; text-align:center; padding:10px 0;} #footer-nav ul {float:left; left:50%; margin:0 auto 8px; padding:0; position:relative;} #footer-nav li {border-right:2px solid #fff; float:left; padding:0; position:relative; right:50%;} #footer-nav li.last {border-right:none;} #footer-nav li a {font-weight:bold; color:#fff; text-decoration:none; padding:0 10px;} #footer-nav p {width:100%; clear:both; background:url(../images/bgd_footerNav.png) no-repeat left top; padding:5px 0 0; font-size:11px;} #footer-nav a {color:#fff; text-decoration:none;} #highlight-footer {background:url(../images/bgd_footer.png) repeat-x left top; padding:20px 0; width:980px; overflow:hidden; position:relative;} #highlight-footer div { float:left; left:50%; margin:0 auto 8px; padding:0; position:relative;} #highlight-footer dl {color:#fff; padding:0 0 0 30px; width:178px; display:block; background:url(../images/bgd_highlightFooter.png) no-repeat right top; float:left; position:relative; right:50%;} #highlight-footer dl.last {background:none;} #highlight-footer dt {font-weight:bold; text-transform:uppercase; padding:0 0 10px; display:block; width:178px;} #highlight-footer dd a {color:#c5c5c5; font-size:11px; text-decoration:none;} #statistics {background:#fff; padding:10px; border-top:1px solid #636061; opacity:0.85;} /* ----------------------------------------- * Eléments récurrents * ------------------------------------------*/ .breadcrumb {color:#696969; font-size:11px; margin:0 0 10px;} .breadcrumb a {color:#696969;} .list-ttl {background:url(../images/bgd_ttl_listProduct.png) no-repeat left top; color:#fff; font-size:22px; text-transform:uppercase; text-align:center; padding:5px 0 0; height:29px; margin:0 0 3px !important; border:none !important;} .list {background:url(../images/bgd_listProduct.png) repeat-x left top; width:100%; overflow:hidden;} .list li {float:left; display:inline-block; padding:17px 7px; width:165px; } .list .catalog-category-thumbnail-image {width:163px; height:163px; border:1px solid #bebebe; display:block; text-align:center; background:#fff;} .list .catalog-category-thumbnail-image img {} .list .product-name { background:url(../images/bgd_ttlProduct_listProduct.png) no-repeat left bottom; float:left; padding:0 0 9px;} .list .product-name a { background:url(../images/bgd_ttlProduct_listProduct.png) no-repeat left top; display:block; padding:7px 9px 0; width:147px; color:#fff; font-weight:bold; text-align:center; min-height:28px; height:auto!important; height:28px;} .list-other {padding:0 7px; overflow:hidden;} .list-other li {float:left; padding:5px 0; width:33%;} .list-other li a {background:url(../images/ico_linkList.png) no-repeat left 6px; padding:0 0 0 8px; display:inline-block;} .list-other li a:hover {text-decoration:underline;} .list-product {background:url(../images/bgd_listProduct.png) repeat-x left top; width:100%; overflow:hidden;} .list-product li {float:left; display:inline; padding:17px 0 2px; margin:0 7px; width:165px; background:url(../images/bgd_listProduct_el.png) repeat-x left bottom; } .list-product .catalog-product-thumbnail-image {position:relative; display:block; width:100%; height:165px;} .list-product .catalog-product-thumbnail-image img {border:1px solid #bebebe; float:left;} .list-product .catalog-product-thumbnail-image .catalog-product-details {position:absolute; left:1px; top:1px; background:url(../images/bgd_productDetails.png) no-repeat left top; color:#fff; padding:4px 0 0 25px; width:45px; height:18px; display:none;} .list-product a:hover .catalog-product-details {display:block;} .list-product .product-name { background:url(../images/bgd_slider_h3.png) repeat-x scroll left top #fff; float:left; padding:0 0 9px; width:100%; overflow:hidden;} .list-product .product-name .catalog-product-thumbnail-name {display:block; padding:7px 9px 5px; width:147px; color:#424242; font-weight:bold; min-height:28px; height:auto !important; height:28px; float:left;} .list-product .product-name .catalog-product-thumbnail-price {background:#4FD1C2; color:#fff; display:inline-block; float:right; font-size:15px; font-weight:bold; padding:5px 8px 2px; text-align:center;} .list-product .product-name .catalog-product-thumbnail-price-ex {background-color: #B7B6B6; color:#000000; display:inline-block; float:right; font-size:15px; font-weight: bold; text-decoration:line-through; padding:5px 8px 2px; text-align:center; margin: 0 5px} .list-trademarks {background:url(../images/bgd_listProduct.png) repeat-x left top; width:666px; overflow:hidden; padding:20px 10px 0 45px;} .list-trademarks li {float:left; margin:0 10px 8px; text-align:center; width:20%; display:inline;} .list-trademarks a {border:1px solid #BEBEBE; background:#fff; padding:8px; text-align:center; display:block; font-weight:bold; font-size:14px;} .list-trademarks a:hover {border:1px solid #43B3A6;} h2.block-ttl, h3.block-ttl {border-bottom:1px solid #4fd1c2; margin:0 0 12px; font-weight:bold; color:#fff;} h2.block-ttl span, h3.block-ttl span {background:#4fd1c2; padding:0 14px; display:inline-block; line-height:24px; font-size:14px; } .boxed {border:1px solid #b0b0b0; padding:15px; margin:0 0 12px;} .boxed h3 {border-bottom:none; color:#4FD1C2; margin:8px 0 5px; font-size:14px; font-weight:bold;} .boxed form dt {float:left; width:42%; margin:0 0 5px;} .boxed form dd {margin:0 0 8px;} .form {} .form fieldset {} .form h3 {margin:0 0 10px;} .form dd h3 {margin:10px 0;} .form p {margin:0 0 5px;} .form label.required {background:url(../images/ico_required.png) no-repeat left 5px; padding:0 0 0 10px;} .form label span {} .form label span.infos {} .form input {border:1px solid #ABABAB; vertical-align:top; font-family:Arial, Helvetica, sans-serif;} .form input.form-submit {border:1px solid #fff; cursor:pointer; font-size:12px; line-height:16px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; overflow:visible; background:url("../images/bgd_btn.gif") repeat-x scroll 0 0 transparent; color:#fff; padding:2px 5px; vertical-align:middle; width:auto!important; height:auto!important;} .form button.form-goback {border:1px solid #fff; cursor:pointer; font-size:12px; line-height:16px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; overflow:visible; background:url("../images/bgd_btn_back.gif") repeat-x scroll 0 0 transparent; color:#fff; padding:2px 5px; vertical-align:middle;} .form textarea {border:1px solid #ABABAB; color:#696969; font-family:Arial, Helvetica, sans-serif; font-size:12px;} .form select {} .form-buttons {width:100%; overflow:hidden;} .form .form-buttons #formsubmit-element {float:left; margin:10px 5px 0 0;} .form .form-buttons #goback-element {float:left; margin:10px 0 0 5px;} .form .form-buttons #goback-label, .form .form-buttons #formsubmit-label {display:none;} /* ----------------------------------------- * Les pages internes * ------------------------------------------*/ /* home.php */ #slideshow {width:504px; height:357px; float:left; position:relative;} #slideshow .loading {position:absolute; top:50%; left:50%; margin-left:-65px; z-index:50; padding:35px 0 0; background:url(../images/ajax-loader.gif) no-repeat center top; visibility: hidden;} #slideshow .pictures {width: 504px; height: 310px; position:absolute; top:0; overflow: hidden; border-bottom:1px solid #424041; } #slideshow .pictures li { display: block; position: absolute; top: 0; width: 437px; } #slideshow .menu-wrap {padding:10px 12px; width: 478px; height: 23px; position:absolute; bottom: 0; border:1px solid #12110d; border-bottom:2px solid #12110d; background:url(../images/bgd_slideshow.gif) repeat-y left top;} #slideshow .menu { float:right; position:relative;} #slideshow .menu li { display: block; float:left; position:relative; z-index:3; margin:0 5px;} #slideshow .menu li.background { position: absolute; z-index:2; height: 8px; width: 16px;} #slideshow .menu li.current {background:#cbccca;} #slideshow .menu li a {font-size:16px; color:#fff; padding:4px 8px; line-height:24px;} #slideshow .menu li.current a {color:#12130e;} .display-new-products {border:1px solid #c8c8c8; margin:10px 0 0;} .display-new-products h2 {background:#fff url(../images/bgd_h2_displayNewProd.png) repeat-x left top; padding:8px 0 0 19px; width:700px; position:relative; border-bottom:1px solid #c9c9c9;} .display-new-products h2 span {font-size:22px; color:#2f3336; text-transform:uppercase;} .display-new-products h2 a {position:absolute; right:6px; top:15px;} .slider-cont {width:719px; margin:0 auto; display:block; position:relative; padding:15px 0; background:url(../images/bgd_displayNewProd.png) repeat-y left top; border-top:1px solid #fff;} .slider-cont .slider-fwd, .slider-cont .slider-bk{ display:none; position:absolute; cursor:pointer; width:21px; height:33px; top:40%; right:10px; background:url(../images/ico_slider.png) no-repeat right top; z-index:2; } .slider-cont .slider-bk {left:10px; background:url(../images/ico_slider.png) no-repeat left top; } .slider-cont .visible {display:block;} .slider {position:relative; overflow:hidden; width:719px; margin:0 auto; padding:0;} .slider-items {display:block; position:relative; } .slider-items div.slider-product {display:inline-block; position:relative; float:left; margin:0; padding:0 38px; width:150px; color:#fff;} .slider-items div.slider-product img {border:1px solid #c2c2c2;} .slider-items div.slider-product h3 {background:#fff url(../images/bgd_slider_h3.png) repeat-x left top;} .slider-items div.slider-product h3 a {color:#424242; font-weight:bold; font-size:11px; padding:5px; display:block; min-height:42px; height:auto!important; height:42px; text-align:center;} .slider-items div.slider-product .price {display:inline-block; float:left; color:#000000; background:#b7b6b6; font-weight:bold; font-size:14px; padding:5px 0px 4px; width:68px; text-align:center;} .slider-items div.slider-product .btn {float:right; background:url(../images/btn_big.png) no-repeat left top; display:inline-block; padding:0 0 0 4px; height:25px; color:#515151; text-transform:uppercase; font-size:11px; } .slider-items div.slider-product .btn span {background:url(../images/btn_big.png) no-repeat right top; display:inline-block; padding:6px 4px 0 0; height:19px; cursor:pointer; } .slider-items div.slider-product a:hover.btn {background-position:left -50px;} .slider-items div.slider-product a:hover.btn span {background-position:right -50px;} .slider-items div.slider-devices {display:inline-block; position:relative; float:left; margin:0; padding:0 16px; width:137px; color:#fff;} .slider-items div.slider-devices .slider-devices-pic {width:135px; height:135px; border:1px solid #bebebe; display:block; text-align:center; background:#fff;} .slider-items div.slider-devices img {} .slider-items div.slider-devices h3 {background:#fff url(../images/bgd_slider_h3.png) repeat-x left top;} .slider-items div.slider-devices h3 a {color:#424242; font-weight:bold; font-size:11px; padding:5px; display:block; min-height:42px; height:auto!important; height:42px; text-align:center;} .slider-items div.slider-devices p {text-align:center;} .small-add {position:relative; width:210px; margin:0 0 7px;} .small-add dt {background:url(../images/ttl_ads.png) no-repeat left top; position:absolute; padding:4px 0 0 25px; width:185px; height:24px; font-size:18px; font-weight:bold; color:#fff; display:block; text-indent:-9999em;} .small-add.new, .small-add.promo {margin:7px 0 0;} .small-add.best-of dt {background-position:left -81px;} .small-add.promo dt {background-position:left -41px;} /* category */ .no-stocks {text-align:center; font-size:14px; padding:10px 0;} .no-stocks p {padding:0 0 10px;} .no-stocks .btn {background:url(../images/btn_big.png) no-repeat left top; display:inline-block; padding:0 0 0 10px; height:25px; color:#515151; text-transform:uppercase; } .no-stocks .btn span {background:url(../images/btn_big.png) no-repeat right top; display:inline-block; padding:6px 10px 0 0; height:19px; cursor:pointer; } .no-stocks a:hover.btn {background-position:left -50px;} .no-stocks a:hover.btn span {background-position:right -50px;} /* product */ .catalog-product-display {background:url(../images/bgd_productDisplay.png) repeat-y left top; width:100%; position:relative;} #JSproductImages {width:279px; float:left;} #JSproductImages .notice {font-size:9px; font-weight:bold; display:block; padding:0 5px;} #JSproductImages ul {padding:8px 0 0; width:100%; overflow:hidden;} #JSproductImages li {float:left; padding:0 4px 5px;} #JSproductImages li img {border:2px solid #8a8a8a; float:left;} /* TrustPilot */ .tpc_widget {display: none; position: relative; width: 265px; margin:0 auto 10px !important; height: 290px;} #tp_widget .tpc_bg {background-color: #fff;} #tp_widget .tpc_bottom {background-color: #fff;} #tp_widget a {font-weight: normal;} #product-infos {width:442px; float:right; padding:18px 0 0;} #pin-flash-sale {position: absolute; right: 0; top: -26px;} #product-ttl {background:url(../images/ico_product_ttl.png) no-repeat left top; margin:0 0 10px; padding:5px 0 0 25px; width:417px; overflow:hidden;} #product-ttl h2 {color:#2f3336; font-weight:bold; font-size:15px; text-transform:uppercase; padding:0 0 7px; background:url(../images/bgd_product_ttl.png) no-repeat left bottom; width:290px; float:left;} #product-price {float:right; width:125px; text-align:right; position:relative;} #product-price .catalog-product-display-price {background:#4fd1c2; color:#fff; display:inline-block; font-size:15px; font-weight:bold; padding:5px 3px 2px; text-align:center; width:68px;} #product-price .catalog-product-display-ecotax {font-size:10px; position:absolute; left:0; top:0; width:45px;} #product-price .catalog-product-display-original-price {background:#B7B6B6; color:#000000; display:inline-block; font-size:12px; font-weight:bold; padding:3px 3px 2px; text-align:center; width:56px; text-decoration:line-through; margin:5px 0 0;} #JStabs {width:418px; float:right; margin:0 0 5px;} #JStabswapper {width:100%; overflow:hidden; background:url(../images/bgd_tabs_cont.png) repeat-x left bottom;} #JStabswapper li {float:left; padding:0 2px;} #JStabswapper li.first {padding-left:1px;} #JStabswapper li a {color:#656565; font-weight:bold; background:url(../images/bgd_tabs_nav.png) no-repeat left top; height:22px; display:inline-block; padding:0 0 0 4px; border-bottom:1px solid #c1c1c1;} #JStabswapper li a span {background:url(../images/bgd_tabs_nav.png) no-repeat right top; padding:5px 7px 0 3px; height:17px; display:inline-block; cursor:pointer;} #JStabswapper li a:hover, #JStabswapper li.tabSelected a {background-position:left bottom; border-bottom:1px solid #f5f5f5;} #JStabswapper li a:hover span, #JStabswapper li.tabSelected a span {background-position:right bottom;} #JStabcontent {border:1px solid #c3c3c3; border-top:none; background:#e9e9e9 url(../images/bgd_tabs.png) repeat-x left top; padding:10px 15px; max-height:340px; overflow:auto;} #JStabcontent p {margin:0 0 3px;} #JStabcontent .compatibilities {width:99%; overflow:hidden;} #JStabcontent .compatibilities li {width:47%; display:block; font-size:12px; margin:0 5px 5px; text-align:center; float:left;} #JStabcontent .compatibilities li a {background:#fff; border:1px solid #BEBEBE; display:block; font-size:12px; padding:2px;} #JStabcontent .catalog-product-display-feedback {width:369px;} #JStabcontent .catalog-product-display-feedback h3 {font-weight:bold; margin:0 0 5px;} #JStabcontent .catalog-product-display-feedback .feedback-comments {margin:0 0 15px;} #JStabcontent .catalog-product-display-feedback form h3 {margin:0 0 10px;} #rating-label {float:left; padding:0 5px 0 0;} #rating-label label {vertical-align:middle; line-height:20px;} #rating-element {margin:0 0 10px;} #comments-label {margin:0 0 5px;} #comments-element textarea {width:369px; background:#fff;} .feedback-ttl { width:100%; overflow:hidden; margin:0 0 10px;} .feedback-ttl h3 {float:left; display:inline-block;} .feedback-rating {float:right;} .feedback-comments { border-bottom:1px solid #C3C3C3; padding:0 0 10px;} .feedback-comment {margin:0 0 15px;} .feedback-comment .feedback-comment-text {background:#3d9c91; color:#fff; padding:5px; margin:0 0 5px; font-size:11px;} .feedback-comment .feedback-comment-footer {text-align:right; padding:0 0 9px; background:url(../images/bgd_feedback.png) no-repeat right bottom;} .feedback-comment .feedback-comment-rating {float:left;} .feedback-comment .feedback-comment-footer img {vertical-align:bottom;} .feedback-comment .feedback-comment-date {font-size:10px;} #product-infos #cart-add-wrap {float:right; background:#dfdfdf url(../images/bgd_addBasket.png) repeat-y left top; padding:4px 8px; width:410px;} #product-infos #cart-add-wrap form {float:right; width:218px; overflow:hidden;} #product-infos #cart-add-wrap.fees-free form {float:right;} /*#product-infos #cart-add-wrap.fees-free .form-image {float:left;}*/ #product-infos #cart-add-wrap .form-image {float:right;} #product-infos #cart-add-wrap .incrementor {background:url(../images/bgd_incrementor.gif) no-repeat left top; padding:1px 2px; margin:10px 0 0; width:43px; height:23px; display:inline-block; float:left; overflow:hidden;} #product-infos #cart-add-wrap.fees-free .incrementor {float:left;} #product-infos .incrementor input {width:23px; height:19px; line-height:19px; margin:2px 0 0; text-align:center; border:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#2f3336; float:left;} #product-infos .incrementor .increment, #product-infos .incrementor .decrement {float:right; display:inline-block; width:20px; height:11px; line-height:11px; cursor:pointer; background:url(../images/btn_incrementor.gif) no-repeat center 3px; text-indent:-9999em;} #product-infos .incrementor .decrement {background-position:center -7px;} #product-infos #cart-add-wrap .btn-fdp {float:left;} #product-infos .unavailable {text-align:center; margin:10px 0;} #product-infos .share { width:100%; padding:10px 0 15px; float:left;} #product-infos .share a {padding:0 0 0 20px; display:inline-block; float:left;} #product-infos .share .action-link {float:right;} /* Ajout au panier */ #cart-popup {background:#fff; border:1px solid #b0b0b0; padding:15px; width:416px;} #cart-popup h2 {color:#4FD1C2; font-size:12px; font-weight:bold; text-align:center; margin:0 0 10px;} .cart-popup-product {border-top:1px solid #b0b0b0; border-bottom:1px solid #b0b0b0; padding:25px 8px; width:400px; overflow:hidden; margin:0 0 10px;} .cart-popup-product dt {float:left; width:19%; text-align:center;} .cart-popup-product dd {float:right; width:75%; background:url(../images/ico_linkCatalog.png) no-repeat left top; padding:0 0 0 15px;} .cart-popup-product h3 {text-transform:uppercase; font-weight:bold; color:#2F3336; font-size:14px; margin:0 0 10px;} .cart-popup-product p {float:left; display:block; width:70%; font-size:11px;} .cart-popup-product span {background:#4FD1C2; color:#fff; display:inline-block; font-size:15px; font-weight:bold; padding:4px 3px 2px; text-align:center; width:56px; float:right;} #cart-popup .buttons {width:90%; overflow:hidden; margin:0 auto;} #cart-popup .btn {float:left; background:url(../images/btn_big.png) no-repeat left top; display:inline-block; padding:0 0 0 10px; height:25px; color:#515151; text-transform:uppercase; } #cart-popup .btn span {background:url(../images/btn_big.png) no-repeat right top; display:inline-block; padding:6px 14px 0 0; height:19px; cursor:pointer; } #cart-popup a:hover.btn {background-position:left -50px;} #cart-popup a:hover.btn span {background-position:right -50px;} #cart-popup .btn-add {float:right; background:url(../images/btn_big.png) no-repeat left -25px; display:inline-block; padding:0 0 0 10px; height:25px; color:#fff; text-transform:uppercase; } #cart-popup .btn-add span {background:url(../images/btn_big.png) no-repeat right -25px; display:inline-block; padding:6px 14px 0 0; height:19px; cursor:pointer; } #cart-popup a:hover.btn-add {background-position:left -75px;} #cart-popup a:hover.btn-add span {background-position:right -75px;} /* Séléction de compatibilité */ #catalog-product-device-choice {background:#fff; border:1px solid #b0b0b0;} #catalog-product-device-choice .device-choice-large {padding:15px; width:820px;} #catalog-product-device-choice .device-choice-small {padding:15px; width:585px;} #catalog-product-device-choice h2 {color:#4FD1C2; font-size:12px; font-weight:bold; text-align:center; margin:0 0 10px;} #catalog-product-device-choice .list-compatibility {width:100%; overflow:auto; max-height:500px;} #catalog-product-device-choice .compatibilities {width:100%; overflow:hidden;} #catalog-product-device-choice .compatibilities li {width:18%; display:block; font-size:12px; margin:0 5px 5px; text-align:center; float:left;} #catalog-product-device-choice .compatibilities li a {background:#fff; border:1px solid #BEBEBE; display:block; font-size:12px; padding:2px;} #catalog-product-device-choice .device-choice-close {background:url(../images/ico_delete.png) no-repeat right top; padding:0 18px 0 0; position:absolute; top:5px; right:5px; color:#656565; font-weight:bold; cursor:pointer;} /* Vente Flash */ #flashsale-index-index #content {width:727px;} #flash-sale-header {background:url(../images/bgd_header_flashSale.png) no-repeat left top; height:127px; width:100%; overflow:hidden;} #flash-sale-header h2 {text-transform:uppercase; font-size:24px; color:#19a892; padding:60px 0 0 160px; float:left;} #flash-sale-header p {float:right; padding:57px 45px 0 0; text-transform:uppercase; font-size:24px; color:#fff;} .cont-flash-sales {background:url(../images/bgd_flashSales.png) repeat-x left top; margin:0 auto 15px; padding:12px 0 0; width:721px;} .cont-flash-sales h3 {background:url(../images/bgd_ttl_flashSale.png) no-repeat left top; font-size:16px; font-weight:bold; color:#fff; width:706px; padding:10px 0 6px; margin:0 auto; text-align:center;} .date-flash-sale {background:url(../images/bgd_date_flashSale.png) no-repeat left top; padding:10px 0 0; width:706px; height:26px; margin:0 auto; color:#fff; text-align:center; font-size:15px;} .flash-sale {padding:0 2px 4px; width:702px; margin:0 auto 25px; background:#66CCC0 url(../images/bgd_flashSale.png) no-repeat left bottom; overflow:hidden;} .countdown-flash-sale {background:url(../images/bgd_countdown_flashSale.png) no-repeat left top; padding:7px 0 0; width:702px; height:66px; font-size:16px; line-height:18px; color:#3c3d3d; text-align:center;} .countdown-flash-sale span {display:inline-block; height:33px; line-height:28px;} .countdown-flash-sale .countdown {background:url(../images/bgd_count.png) no-repeat left top; height:33px; display:inline-block; padding:0 0 0 5px;} .countdown span {background:url(../images/bgd_count.png) no-repeat right top; display:inline-block; padding:8px 20px 0 15px; height:25px; font-size:15px; line-height:18px;} .list-flash-sale {background:#fff; padding:0 19px;} .list-flash-sale li {padding:5px 0 0; width:664px; display:block; background:url(../images/bgd_el_flashSale.png) repeat-x left top;} .list-flash-sale h4, .list-flash-sale h4 a {text-transform:uppercase; color:#424242; font-size:13px; font-weight:bold; padding:3px 0 7px;} .list-flash-sale .product-info {margin:0 0 15px; width:100%; overflow:hidden; display:block;} .list-flash-sale .product-stock {font-size:13px; color:#bb210d; line-height:20px; float:left; padding:4px 0 0;} .list-flash-sale .product-stock img {float:left; margin:0 5px;} .list-flash-sale .product-price {float:right; text-align:right; width:39%; overflow:hidden;} .list-flash-sale .flashsale-price {background:#4fd1c2; color:#fff; display:inline-block; font-size:23px; font-weight:bold; padding:0 8px; margin:0 0 0 6px; text-align:center; float:right;} .list-flash-sale .flashsale-price-ex {color:#000000; font-size:18px; line-height:28px; text-decoration:line-through; display:inline-block; float:right;} .list-flash-sale .flashsale-promo {background:#44877E url(../images/bgd_flashSale_promo.png) no-repeat left top; color:#fff; padding:5px 0 0; width:51px; height:24px; display:inline-block; text-align:center; font-size:13px; font-weight:bold; margin:0 0 0 6px; float:right;} .list-flash-sale .product-photos {background:url(../images/bgd_flashSale_photos.png) repeat-x left top; padding:19px 20px 10px; overflow:hidden; width:624px;} .list-flash-sale .catalog-product-thumbnail-image {display:block; position:relative; width:165px; overflow:hidden; float:left;} .list-flash-sale .catalog-product-thumbnail-image .catalog-product-details {background:url(../images/bgd_productDetails.png) no-repeat left top; color:#fff; height:18px; left:1px; padding:4px 0 0 25px; position:absolute; top:1px; width:45px;} .list-flash-sale .catalog-product-thumbnail-image img {border:1px solid #5b5b58; float:left;} .list-flash-sale a:hover.catalog-product-thumbnail-image img {border:1px solid #5b5b58;} /* Slider pour les photos */ .product-photos .slider-cont {width:440px; margin:0 auto; display:block; position:relative; padding:0 0 15px; background: transparent repeat-x left bottom; /* background:#e3e3e3 url(../images/bgd_flashSale_slidePhotos.png) repeat-x left bottom; */ float:right; border:none;} .product-photos .slider-cont p {background:#4ed1c1; color:#fff; text-align:center; font-weight:bold; line-height:21px; margin:0 0 15px;} .product-photos .slider-cont .slider-fwd, .product-photos .slider-cont .slider-bk{ display:none; position:absolute; cursor:pointer; width:21px; height:33px; top:46%; right:5px; background:url(../images/ico_slider.png) no-repeat right top; z-index:2; } .product-photos .slider-cont .slider-bk {left:5px; background:url(../images/ico_slider.png) no-repeat left top; } .product-photos .slider-cont .visible {display:block;} .product-photos .slider {position:relative; overflow:hidden; width:719px; margin:0 auto; padding:0;} .product-photos .slider-items {display:block; position:relative; } .product-photos .slider-items .slider-flash-sale {display:inline; float:left; margin:0 9px; border:2px solid #8a8a8a;} .list-flash-sale .form-flash-sale {background:url(../images/bgd_flashSale_basket.png) repeat-x left bottom; width:100%; overflow:hidden; margin:0 0 1px;} .list-flash-sale .form-flash-sale div {float:right; padding:9px 20px 19px 0; width:195px;} .list-flash-sale .incrementor {background:url(../images/bgd_incrementor.gif) no-repeat left top; padding:1px 2px; margin:0 4px 0 0; width:43px; height:23px; display:inline; float:left; overflow:hidden;} .list-flash-sale .incrementor input {width:23px; height:19px; line-height:19px; margin:2px 0 0; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#2f3336; float:left; border:none;} .list-flash-sale .incrementor .increment, .list-flash-sale .incrementor .decrement {float:right; display:inline-block; width:20px; height:11px; line-height:11px; cursor:pointer; background:url(../images/btn_incrementor.gif) no-repeat center 3px; text-indent:-9999em;} .list-flash-sale .incrementor .decrement {background-position:center -7px;} .list-flash-sale .btn-add {margin:0;} /* .list-flash-sale .wrap {background:url(../images/bgd_el_flashSale_btm.png) repeat-x left bottom; padding:0 12px 5px; display:block; width:194px;} .list-flash-sale .wrap .form {width:100%; overflow:hidden; clear:both;} .list-flash-sale .product-stock {width:194px; margin:5px auto; color:#fff; font-weight:bold; text-align:center; background:#4ab4f6; line-height:22px;} .list-flash-sale .product-name {float:left; overflow:hidden; padding:0 0 15px; width:100%;} .list-flash-sale .product-name .catalog-product-thumbnail-name {color:#424242; display:block; float:left; font-weight:bold; min-height:32px; height:auto !important; height:32px; padding:0 9px 5px; width:176px;} .list-flash-sale .product-price {padding:0 0 15px; width:100%; overflow:hidden; float:left;} .list-flash-sale .catalog-product-thumbnail-price {background:#4fd1c2; color:#fff; display:inline-block; float:left; font-size:15px; font-weight:bold; padding:5px 8px 2px; text-align:center; width:29%;} .list-flash-sale .catalog-product-thumbnail-price-ex {color:#000000; display:inline-block; float:left; font-size:13px; padding:5px 5px 2px; text-align:center; text-decoration:line-through; width:27%;} */ /* panier */ .mdl-cart #content h2, .mdl-cart #content h3 {margin:0 0 1px;} .mdl-cart .notice {background:url(../images/bgd_notice.png) repeat-x left top; padding:12px 14px;} .cart {margin:0 0 1px; width:100%;} .tabler {margin:0 0 15px;} .cart th {background:#c9fff8 url(../images/bgd_cartHead.png) repeat-x left bottom; color:#626262; font-size:13px; vertical-align:bottom; font-weight:bold; padding:15px 15px 6px;} .cart th.desc {padding:15px 0 6px 20px; text-align:left;} .cart td {border:1px solid #b0b0b0; padding:17px 0 17px; vertical-align:top; text-align:center; color:#626262; font-weight:bold;} .cart td.desc {text-align:left; padding:17px 20px 17px;} .cart td.desc a {color:#43b3a6; font-weight:bold;} .cart td input {width:30px; text-align:center; border:1px solid #cfcfcf; font-size:12px;} .cart td.no-border {border:none;} .cart .coupon td {border:none; background:url(../images/bgd_profile.png) repeat-x left top; border-bottom:1px solid #b5b1ab; font-weight:normal;} .cart-summary {float:right; margin:15px 0 0; width:50%;} .cart-summary th {text-transform:uppercase; font-size:15px;} .cart-summary th.desc {width:250px; padding-left:15px;} .cart-summary th.price {width:120px; padding:15px 0 6px; text-align:center;} .cart-summary td {font-weight:normal; text-align:left; padding:8px 15px;} .cart-summary .cart-even, .cart-summary .checkout-order-even {background:#e2e2e2;} .cart-summary .total, .cart .tfoot .total {background:#a4a4a4; color:#fff; border-right:1px solid #a4a4a4; font-size:15px; text-align:center; padding:0; height:30px; vertical-align:middle;} .cart-summary .total-price, .cart .tfoot .total-price {background:url(../images/bgd_cartTotal.png) no-repeat left top; font-weight:bold; font-size:20px; color:#4fd1c2; text-align:center; padding:0 10px 0 30px; vertical-align:middle;} .cart-summary h4 {font-weight:bold;} .mdl-cart .cart-details {background:#d8d8d8; font-size:20px; text-transform:uppercase; color:#626262; padding:5px 45px 0;} .mdl-cart .cart-details p {width:100%; overflow:hidden; margin:0; height:28px;} .mdl-cart .cart-details span {float:left;} .mdl-cart .cart-details input {float:right; width:330px; border:1px solid #b0b0b0; font-size:12px; padding:3px;} .mdl-cart .cart-buttons {text-align:right; margin:15px 0 0;} .mdl-cart #content .btn-cart {background:url(../images/btn_cart.png) no-repeat left top; display:inline-block; padding:0 0 0 10px; height:40px; margin:0 5px 0 0;} .mdl-cart #content .btn-cart input {background:url(../images/btn_cart.png) no-repeat right top; display:inline-block; padding:0 10px 0 0; height:40px; cursor:pointer; border:none; overflow:visible; color:#fff; text-transform:uppercase; } .mdl-cart #content .btn-update {background:url(../images/btn_cart.png) no-repeat left -40px; display:inline-block; padding:0 0 0 10px; height:40px; margin:0 5px 0 0;} .mdl-cart #content .btn-update input {background:url(../images/btn_cart.png) no-repeat right -40px; display:inline-block; padding:0 10px 0 0; height:40px; cursor:pointer; border:none; overflow:visible; color:#545454; text-transform:uppercase; } /* orders (tunnel de commande) */ #checkout-timeline {background:#f1f1f1 url(../images/bgd_timeline.png) repeat-x left top; width:100%; padding:14px 0 1px; margin:0 0 22px; overflow:hidden; border-bottom:1px solid #5dd2c4;} #checkout-timeline li {float:left;} #checkout-timeline li span {display:block; height:37px; background:url(../images/bgd_timelineElements.png) no-repeat left bottom; text-indent:-9999em;} #checkout-timeline .checkout-timeline-step-account span {width:216px; background-position:left top;} #checkout-timeline .checkout-timeline-step-addresses span {width:167px; background-position:-216px top;} #checkout-timeline .checkout-timeline-step-carrier span {width:177px; background-position:-383px top;} #checkout-timeline .checkout-timeline-step-summary span {width:204px; background-position:-560px top;} #checkout-timeline .checkout-timeline-step-method span {width:168px; background-position:-764px top;} /* Lorsque l'onglet est sélectionné */ #checkout-timeline li.checkout-timeline-step-enabled span.checkout-timeline-step-account {background-position:left bottom;} #checkout-timeline li.checkout-timeline-step-enabled span.checkout-timeline-step-addresses {background-position:-216px bottom;} #checkout-timeline li.checkout-timeline-step-enabled span.checkout-timeline-step-carrier {background-position:-383px bottom;} #checkout-timeline li.checkout-timeline-step-enabled span.checkout-timeline-step-summary {background-position:-560px bottom;} #checkout-timeline li.checkout-timeline-step-enabled span.checkout-timeline-step-method {background-position:-764px bottom;} .mdl-orders .notice {background:url(../images/bgd_notice.png) repeat-x left top; padding:12px 14px;} .act-summary h2.block-ttl {margin-bottom:1px;} .mdl-orders #content .boxed {border:1px solid #b0b0b0; padding:15px; margin:0 0 12px;} .mdl-orders #content .boxed h3 {border-bottom:none; color:#4FD1C2; margin:8px 0 5px;} .mdl-orders #content .boxed form dt {float:left; width:42%; margin:0 0 5px;} .mdl-orders #content .boxed form dd {margin:0 0 8px;} .mdl-orders #content .recap-address {font-size:15px; color:#626262; line-height:18px;} .mdl-orders .list-addresses {width:100%; overflow:hidden;} .mdl-orders .list-addresses li {border:2px solid #4FD1C2; padding:8px; float:left; margin:8px; display:inline-block; width:21%;} .mdl-orders .list-addresses .checkout-addresses-address span {display:inline-block; padding:0 0 0 3px;} .mdl-orders .list-addresses .checkout-addresses-address input {vertical-align:top;} .mdl-orders .add-address {margin:0 0 15px;} .mdl-orders .add-address a {background:url(../images/ico_linkList.png) no-repeat left 5px; padding:0 0 0 10px; margin:0 0 10px; font-weight:bold;} #invoice-different {display:block; overflow:hidden; width:100%;} .mdl-orders #checkout-carriers-list, .mdl-orders .checkout-order-summary {margin:0 0 15px;} /* Ajout d'une nouvelle adresse */ .orders-adress-window {background:#fff; border:1px solid #b0b0b0; padding:15px; width:416px; position: absolute; left: 50%; top: 150px; width:600px; margin-left: -300px; z-index: 20;} .checkout-order {margin:0 0 20px;} .mdl-orders .checkout-navigation {text-align:center;} .mdl-orders #content .btn {background:url(../images/btn_big.png) no-repeat left top; display:inline-block; padding:0 0 0 10px; height:25px; margin:0 5px 0 0;} .mdl-orders #content .btn input {background:url(../images/btn_big.png) no-repeat right top; display:inline-block; padding:0 10px 0 0; height:25px; cursor:pointer; border:none; overflow:visible; color:#515151; text-transform:uppercase; } .mdl-orders #content .boxed .btn {float:right;} .mdl-orders .account-nav {display:inline-block; margin:-13px 0 15px; width:934px; overflow:hidden; border:1px solid #4FD1C2;} .mdl-orders .account-nav li {display:inline-block; float:left;} .mdl-orders .account-nav a {display:block; font-size:11px; padding:5px 10px;} .mdl-orders .account-nav a:hover {background:#4FD1C2; color:#fff;} .mdl-orders .info-secure {background:#CCF0E6; border:1px solid #4FD1C2; color:#515151; margin:10px 0 0; padding:10px;} .mdl-orders .info-secure h4 {font-weight:bold;} .mdl-orders .error-delivery {background:url(../images/ico_linkList.png) no-repeat left 5px; padding:0 0 0 10px; margin:0 0 10px;} .mdl-orders .form-html-button {background:#CCCCCC; border-color:#BBBBBB #888888 #888888 #BBBBBB; border-style:solid; border-width:1px; cursor:pointer; display:block; margin:0 0 10px; padding:3px 3px 3px 22px; text-align:center; width:702px;} .mdl-orders .form-html-editor {width:727px; height:250px; border:1px solid #BBBBBB;} #checkout-gift-message-wrap {width:730px; margin:15px auto 15px;} /* Paiement */ .orders-payment-thumbnail {padding:10px 0 10px 20px;} .orders-payment-thumbnail li {margin:0 0 10px; background:url(../images/ico_payment.png) no-repeat left top; padding:30px 10px 30px 136px; height:30px; border:1px solid #c0c0c0; width:175px;} .orders-payment-thumbnail li.payment-check {background-position:22px -197px;} .orders-payment-thumbnail li.payment-transfer {background-position:20px -300px;} .orders-payment-thumbnail li.payment-paypal {background-position:10px -411px;} .orders-payment-thumbnail li.payment-cyberplus {background-position:23px top;} .orders-payment-thumbnail li.payment-moneyorder {background-position:24px -97px;} .orders-payment-thumbnail span {text-transform:uppercase; font-size:16px; padding:0 0 0 5px;} .mdl-payment #content p {margin:0 0 5px;} .mdl-payment .bank-rib { width:100%; margin:0 auto 10px;} .mdl-payment .bank-rib th {background:#4fd1c2; border:1px solid #4fd1c2; font-weight:bold; color:#fff; padding:3px 5px;} .mdl-payment .bank-rib td {border:1px solid #b0b0b0; padding:3px; text-align:center;} .mdl-payment .bank-coord {margin:0 0 10px; text-align:center;} .mdl-payment .bank-coord dt {font-weight:bold; color:#626262;} .payment-payment #content .boxed {border:1px solid #b0b0b0; padding:15px; width:40%; margin:0 auto 12px;} .payment-payment #content .boxed h3 {border-bottom:none; color:#4FD1C2; margin:8px 0 5px;} .mdl-payment .btn {background:url(../images/btn_big.png) no-repeat left top; display:inline-block; padding:0 0 0 10px; height:25px; color:#515151; text-transform:uppercase; } .mdl-payment .btn span {background:url(../images/btn_big.png) no-repeat right top; display:inline-block; padding:6px 10px 0 0; height:19px; cursor:pointer; } .mdl-payment a:hover.btn {background-position:left -50px;} .mdl-payment a:hover.btn span {background-position:right -50px;} .payment-information #cards li {float:left;} .payment-information ol li {border-bottom:1px dotted #C3C3C3; padding:0 0 10px; width:100%; overflow:hidden;} .payment-information ul li {border:none; padding:0; width:auto;} .payment-information .illus-cards {float:left; margin:0 8px 8px 0; display:inline-block;} /* Factures */ .mdl-invoices .account-nav {display:inline-block; margin:-13px 0 15px; width:934px; overflow:hidden; border:1px solid #4FD1C2;} .mdl-invoices .account-nav li {display:inline-block; float:left;} .mdl-invoices .account-nav a {display:block; font-size:11px; padding:5px 10px;} .mdl-invoices .account-nav a:hover {background:#4FD1C2; color:#fff;} .mdl-invoices .invoice-total-even {background:#e2e2e2;} .mdl-invoices #content .boxed {border:1px solid #b0b0b0; padding:15px; margin:0 0 12px;} .mdl-invoices #content .boxed h3 {border-bottom:none; color:#4FD1C2; margin:8px 0 5px;} .mdl-invoices #content .boxed form dt {float:left; width:42%; margin:0 0 5px;} .mdl-invoices #content .boxed form dd {margin:0 0 8px;} /* Profil utilisateur */ .mdl-users .account-nav {display:inline-block; margin:-13px 0 15px; width:721px; overflow:hidden; border:1px solid #4FD1C2;} .mdl-users .account-nav li {display:inline-block; float:left;} .mdl-users .account-nav a {display:block; font-size:11px; padding:5px 10px;} .mdl-users .account-nav a:hover {background:#4FD1C2; color:#fff;} .mdl-users #content .notice {font-weight:bold; margin:0 0 10px;} /* Taille des labels spécifiques pour la page "Ajouter/Editer une adresse" */ #users-address-create .boxed form dt, #users-address-update .boxed form dt {width:36%;} #users-address-create .boxed form .form-text, #users-address-update .boxed form .form-text {width:45%;} /* Connexion */ #users-account-create #group-buttons {width:150px;} #users-account-create #formsubmit-element {float:right;} /* Contact */ .mdl-contact #content #copy-label {display:none;} /* Recherche */ #catalog-search-result .boxed {overflow:hidden; width:689px;} .form-search-result #query-label {width:10%; margin:0;} .form-search-result #query-label label {vertical-align:middle;} .form-search-result #query-element {float:left; margin:0; padding:0 5px 0 0;} .form-search-result #formsubmit-label {display:none;} .form-search-result #formsubmit-element {float:left; margin:0; padding:0 5px 0 0;} .form-search-result #formsubmit-element #formsubmit {margin:-2px 0 0;} .search-filter {background:#4FD1C2; width:711px; overflow:hidden; padding:0 5px; margin:-2px 0 1px;} .search-filter h3 {float:left; display:inline-block; font-size:12px; color:#fff; font-weight:bold; padding:5px 10px 5px 0;} .search-filter li {float:left; display:inline-block; font-size:12px;} .search-filter a {color:#fff; padding:5px 14px; display:block;} .search-filter a:hover, .search-filter a:focus {background:#43B3A6; font-weight:bold;} .search-filter li.active a {background:#43B3A6; font-weight:bold;} .catalog-search .datagrid-paginator {margin:12px 0; width:100%; text-align:right; float: right;} .catalog-search .datagrid-paginator a {background:url(../images/bgd_paginator.png) no-repeat right top; padding:3px 0 0; width:20px; height:17px; text-align:center; display:inline-block; font-size:12px;} .catalog-search .datagrid-paginator a:hover {color:#fff; background:url(../images/bgd_paginator.png) no-repeat right -40px;} .catalog-search .datagrid-paginator a.datagrid-paginator-next {background:url(../images/bgd_paginator.png) no-repeat right -60px; text-indent:-9999em; outline:none;} .catalog-search .datagrid-paginator span.datagrid-paginator-next {background:url(../images/bgd_paginator.png) no-repeat right -80px; text-indent:-9999em; outline:none; font-size:12px; padding:3px 0 0; width:20px; height:17px; display:inline-block;} .catalog-search .datagrid-paginator a.datagrid-paginator-previous {background:url(../images/bgd_paginator.png) no-repeat right -100px; text-indent:-9999em; outline:none;} .catalog-search .datagrid-paginator span.datagrid-paginator-previous {background:url(../images/bgd_paginator.png) no-repeat right -120px; text-indent:-9999em; outline:none; font-size:12px; padding:3px 0 0; width:20px; height:17px; display:inline-block;} .catalog-search .datagrid-paginator span.datagrid-paginator-enabled {background:url(../images/bgd_paginator.png) no-repeat right -20px; padding:3px 0 0; width:20px; height:17px; text-align:center; display:inline-block; color:#fff; font-size:12px;} .catalog-search .datagrid-paginator span.datagrid-paginator-disabled {text-indent:-9999em; text-align:center;} .catalog-search .datagrid-paginator-total {font-size:11px;} /* Actualités */ .list-news {} .list-news .news {width:689px; overflow:hidden;} .list-news h3 {margin:0 0 15px; width:100%; overflow:hidden;} .list-news h3 a {float:left; width:80%;} .list-news h3 .date {float:right; background:#4FD1C2; color:#fff; font-size:12px; line-height:18px; padding:0 5px;} .list-news img {float:left; margin:0 10px 0 0;} .news .cont-news {text-align:justify;} .news .cont-news p {margin:0 0 10px;} .news .date-news {background:url(../images/ico_linkList.png) no-repeat left 5px; font-size:12px; padding:0 0 5px 8px; color:#4FD1C2; display:block; } .news .list-pictures {width:100%; overflow:hidden;} .news .list-pictures li {float:left; padding:0 10px;} .news .comment-count {font-weight:bold; font-size:14px; margin:0 0 15px;} .news .comment-count a {background:url(../images/ico_linkList.png) no-repeat left 6px; padding:0 0 0 8px; display:inline-block;} .aside-news {margin:0 0 12px; width:100%; overflow:hidden;} .aside-news h3 span {background:url(../images/ico_h3_aside.png) no-repeat -6px -36px; padding:0 0 0 14px;} .aside-news li {background:#dedede url(../images/bgd_navCatalog.png) repeat-x left top; width:100%; overflow:hidden; float:left;} .aside-news li a {background:url(../images/ico_linkCatalog.png) no-repeat left 5px; color:#000000; font-size:14px; padding:4px 0 4px 15px; display:block; float:left;} .aside-news li a:hover {font-weight:bold; color:#585858;} /* Mentions légales & CGV */ .ctrl-legal #content .boxed p {margin:0 0 5px;} .ctrl-legal #content .boxed h4 {font-weight:bold; margin:0 0 5px;} .ctrl-legal #content .boxed ul {padding:0 0 5px;} .ctrl-legal #content .boxed li {padding:0 0 5px 5px;} /* Partenaires */ .ctrl-partner #content li {background:url(../images/ico_linkList.png) no-repeat left 6px; padding:0 0 5px 8px; font-size:14px; } /* Qui sommes nous ? */ .about p {margin:0 0 10px;} /* Plan du site */ .ctrl-plan #content li {background:url(../images/ico_linkList.png) no-repeat left 6px; padding:0 0 5px 8px; font-size:14px; } .ctrl-plan #content li ul {padding:5px 0 0;} .ctrl-plan #content li li {font-size:12px;} /************ * PRINT * ************/ #print {background:none;} #print #main {padding:10px 0;} #print #format-cart {width:95%;} #print .info-company {text-align:center;} #print h1 {width:100%; display:block; overflow:hidden;} .order-number {display:none;} /************ * DATAGRID * ************/ /* menuigation datagrid */ #menuigation-datagrid {float: left; width: 80%;} #menuigation-datagrid > * { margin-left: 5px;} .datagrid-filters-title {background:#ddd url(../images/form-element/expand.png) no-repeat center 5px; padding-left: 25px; cursor: pointer;} .datagrid-filters-title-active {background: #eee url(../images/form-element/collapse.png);} .datagrid-filters .form {background: #fff; border: 1px solid #aaa; margin: 10px 0 0; position: relative;} .datagrid-filters .form dt {float: left; width: 150px; clear: left;} .datagrid-filters .form dd {clear: right;} .datagrid-filters .form input.form-submit {position: absolute; bottom: 10px; right: 10px; width: 75px;} .datagrid-filters .form input.form-reset {position: absolute; bottom: 10px; right: 90px; width: 75px;} .datagrid-container {} .datagrid-toolbar {width:100%; overflow:hidden;} .datagrid-massaction {float: left;} .datagrid-export {float: left; margin-top: 3px; margin-left:10px;} .datagrid-paginator {float: right; margin-bottom: 3px; text-align:right;} .datagrid-paginator a {background:url(../images/bgd_paginator.png) no-repeat left top; padding:3px 0 0; width:18px; height:15px; text-align:center; display:inline-block; font-size:10px;} .datagrid-paginator a:hover {color:#fff; background:url(../images/bgd_paginator.png) no-repeat left -36px;} .datagrid-paginator a.datagrid-paginator-next {background:url(../images/bgd_paginator.png) no-repeat left -54px; text-indent:-9999em; outline:none;} .datagrid-paginator span.datagrid-paginator-next {background:url(../images/bgd_paginator.png) no-repeat left -72px; text-indent:-9999em; outline:none; font-size:10px; padding:3px 0 0; width:18px; height:15px; display:inline-block;} .datagrid-paginator a.datagrid-paginator-previous {background:url(../images/bgd_paginator.png) no-repeat left -90px; text-indent:-9999em; outline:none;} .datagrid-paginator span.datagrid-paginator-previous {background:url(../images/bgd_paginator.png) no-repeat left -108px; text-indent:-9999em; outline:none; font-size:10px; padding:3px 0 0; width:18px; height:15px; display:inline-block;} .datagrid-paginator span.datagrid-paginator-enabled {background:url(../images/bgd_paginator.png) no-repeat left -18px; padding:3px 0 0; width:18px; height:15px; text-align:center; display:inline-block; color:#fff; font-size:10px;} .datagrid-paginator span.datagrid-paginator-disabled {text-indent:-9999em; text-align:center;} .datagrid-paginator-total {font-size:10px; margin:5px 0 0; display:block;} .datagrid-quantity {float: right; clear: right;} .datagrid-quantity span.datagrid-quantity-enabled {font-weight: bold; background:#4FD1C2; color:#fff; padding:1px 3px; display:inline-block;} .datagrid-wrapper {max-width: 100%; overflow: auto; margin: 10px 0; padding: 1px 0 0 1px;} .datagrid {width: 100%; font-size: inherit;} .datagrid thead {background: #4FD1C2; color: #fff;} .datagrid thead th {border:1px solid #4FD1C2; text-align: left; vertical-align:bottom; padding:3px; font-size:100%;} .datagrid thead th span {vertical-align: middle; line-height: 18px; display: inline-block; float:left;} .datagrid thead th.center span {float:none;} .datagrid thead th a.datagrid-order {width: 12px; height: 18px; float: left; text-indent:-9999px; display:inline-block; overflow: hidden; margin-right: 5px;} .datagrid thead th a.datagrid-order-asc {background: url(../images/datagrid/table-sort-asc.gif) center center no-repeat;} .datagrid thead th a.datagrid-order-desc {background: url(../images/datagrid/table-sort-desc.gif) center center no-repeat;} .datagrid thead th a.datagrid-order-asc-active {background:url(../images/datagrid/table-sort-asc-active.gif) center center no-repeat;} .datagrid thead th a.datagrid-order-desc-active {background:url(../images/datagrid/table-sort-desc-active.gif) center center no-repeat;} .datagrid td {border: 1px solid #B0B0B0; vertical-align: middle; padding: 3px;} .datagrid tr.datagrid-data-odd {background: #fff;} .datagrid tr.datagrid-data-even {background: #E2E2E2;} .datagrid tr.selectlist-selected {background: #c80;} .datagrid td.datagrid-actions {text-align: right;} .datagrid td.datagrid-checkboxes {text-align: center; width: 20px;} .datagrid tbody td.datagrid-cell-array {font-size: 80%; padding: 0;} .datagrid tbody td.datagrid-cell-array > ul {max-height: 100px; overflow: auto;} .datagrid tbody td.datagrid-cell-checkbox {width: 16px; text-align: center;} .datagrid td ul {margin: 0; padding: 0 0 0 15px;} .datagrid tbody td span.false, .datagrid tbody td span.true {display: block; width: 16px; height: 16px; text-indent: 16px; overflow: hidden; margin: 0 auto;} .datagrid tbody td span.false {background: transparent url(../images/datagrid/boolean-false.png) center center no-repeat;} .datagrid tbody td span.true {background: transparent url(../images/datagrid/boolean-true.png) center center no-repeat;} div.selectlist-table div.datagrid-wrapper {border: 1px solid #555; padding: 10px;} .datagrid tbody td.datagrid-cell-date, .datagrid tbody td.datagrid-cell-datetime, .datagrid tbody td.datagrid-cell-time {text-align: center;} .datagrid tbody td.datagrid-cell-float, .datagrid tbody td.datagrid-cell-money {text-align: right;} .datagrid tbody td.datagrid-cell-int {text-align:center;} .datagrid tbody td.datagrid-cell-email, .datagrid tbody td.datagrid-cell-text, .datagrid tbody td.datagrid-cell-uri {text-align: left;} .datagrid tbody td.datagrid-cell-image {width: 24px; font-size: 50%; text-align: center;} .datagrid tbody td.datagrid-cell-image img {display: inline-block;} .datagrid tbody td.datagrid-cell-actions {text-align: right;} .datagrid tbody td.datagrid-cell-actions a {display: inline-block; float: right; margin-left: 3px;} .datagrid tbody td.datagrid-cell-actions span.datagrid-action-separator {display: inline-block; float: right; margin-left: 3px; border-left: 1px solid #888888; height: 16px;} /* ======================================================================== * Classes générales * ========================================================================*/ .message ul {padding:0 0 15px;} .messages-warn, .messages-checkout {background:url(../images/ico_warn.png) no-repeat 10px 6px; border:1px solid #EFEFEF; border-top:3px solid #43B3A6; padding:10px 0 0 50px; margin:0 0 10px;} .messages-checkout {font-weight:bold; color:#43B3A6; font-size:14px; padding:15px 0 0 50px; color:#FF0000} .messages-info {background:url(../images/ico_info.png) no-repeat 10px 6px; border:1px solid #EFEFEF; border-top:3px solid #43B3A6; padding:10px 0 0 50px; margin:0 0 10px;} .messages-error {background:url(../images/ico_error.png) no-repeat 10px 6px; border:1px solid #EFEFEF; border-top:3px solid #43B3A6; padding:10px 0 0 50px; margin:0 0 10px;} .denied {background:url(../images/ico_warning_01.gif) no-repeat 8px 11px; padding:5px 35px 5px 35px; margin:5px 0; border-top:3px solid red;} .denied li {border-bottom:1px dotted red; padding:3px 0;} .errors {background:url(../images/bgd_feedback.png) no-repeat scroll -675px top; color:#fff; font-weight:bold; padding:5px 0; text-align:center;} .errors li {background:#509A9A; padding:5px;} .clear { clear:both; line-height:0; height:0;} .form-image {width:auto !important; height:auto !important; border:none !important; cursor:pointer;} .checkbox {width:auto !important; height:auto !important; padding:0 !important; border:none !important;} .nodisplay { display:none; } .center, .align-center { text-align:center !important; } .right, .align-right { text-align:right !important; } .flright { float:right; } .flleft { float:left; } .two-columns { width:49% !important;} .action-link {background:url(../images/ico_actionLinks.png) no-repeat left top; font-weight:bold; padding:0 0 0 18px;} /* Correction Trustpilot */ .tpc_review_review { height: 112px }