/** * Magento * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (AFL 3.0) * that is bundled with this package in the file LICENSE_AFL.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/afl-3.0.php * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@magentocommerce.com so we can send you a copy immediately. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade Magento to newer * versions in the future. If you wish to customize Magento for your * needs please refer to http://www.magentocommerce.com for more information. * * @category design * @package default_default * @copyright Copyright (c) 2009 Irubin Consulting Inc. DBA Varien (http://www.varien.com) * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /* Reset ================================================================================= */ * { margin:0; padding:0; } body { background:url("../images/bg_soldes_coupemonde.jpg") no-repeat scroll center 204px #5aba23!important;/*background:url("../images/labmag/label_orange.jpg") no-repeat center top #e05a1b; */font:12px/1.35 Arial, Helvetica, sans-serif; color:#3C3C3C; text-align:center; -webkit-font-smoothing: antialiased; text-shadow: rgba(0, 0, 0, .01) 0 0 1px; } body.cms-index-index { background: transparent; } img { border:0; vertical-align:top; } a { color:#f04d12; text-decoration:none; } a:hover { text-decoration:underline; } :focus { outline: 0; } /* Headings */ h1,h2,h3, h4,h5,h6 { line-height:1.35; color:#3c3c3c; } h1 { font-size:20px; font-weight:normal; } h2 { font-size:18px; font-weight:normal; } h3 { font-size:16px; font-weight:bold; } h4 { font-size:14px; font-weight:bold; } h5 { font-size:12px; font-weight:bold; } h6 { font-size:11px; font-weight:bold; } /* Forms */ form { display:inline; } fieldset { border:0; } legend { display:none; } /* Content */ p { } strong { font-weight:bold; } small,big { font-size:1em; } /*sup { font-size:1em; vertical-align:top; }*/ /* Lists */ ul,ol { list-style:none; } /* ======================================================================================= */ /* Layout ================================================================================ */ .wrapper { min-width:954px; } .wrapper.wraphover{ } /*.cms-index-index .wrapper.wraphover{ cursor: pointer; }*/ .page { margin:0 auto; text-align: left; } .cms-index-index .page{ position:relative; } .page-print { background:#ffffff; padding:25px 30px; text-align:left; } .page-empty { background:#ffffff; padding:20px; text-align:left; } .page-popup { background:#ffffff; padding:25px 30px; text-align:left; } .main-container { margin: 0 auto; width: 960px; } .cms-index-index .main-container { margin: 0 auto; } /* BaderMODIF : Ancienne valeur => margin: 335px auto 0;*/ .main { background-color: #ffffff; } /* ======================================================================================= */ /* Global Styles ========================================================================= */ /* Form Elements */ input,select,textarea,button { font:12px/15px Arial, Helvetica, sans-serif; vertical-align:middle; color:#2f2f2f; } input.input-text,select,textarea { background:#ffffff; border: 1px solid #dddede; } input.input-text,textarea { padding:2px; } select { padding:1px; } select option { padding-right:10px; } select.multiselect option { border-bottom:1px solid #b6b6b6; padding:2px 5px; } select.multiselect option:last-child { border-bottom:0; } textarea { overflow:auto; } input.radio { margin-right:3px; } input.checkbox { margin-right:3px; } input.qty { width:2.5em !important; } button{ cursor: pointer; } button.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */ button.button { -webkit-border-fit:lines; } /* <- Safari & Google Chrome Fix */ button.button { overflow:visible; width:auto; border:0; padding:0; margin:0; background:transparent; cursor:pointer; } button.button > span { display: inline-block; *display: inline; zoom: 1; padding: 0 10px; height: 25px; line-height: 25px; text-transform: uppercase; font-weight: bold; background: url(../images/btn-btn.gif) left 0 repeat-x transparent; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #ffffff; } button.button > span:hover{ background: #b33700; } button.button > span span { } button.button.btn-cart{ display: inline-block; *display: inline; zoom: 1; height: 50px; line-height: 50px; font-size: 0; } .cms-index-index button.button.btn-cart{ height: 29px; line-height: 29px; } .cms-index-index button.button{ padding: 0; } button.button.btn-cart:hover span{ text-decoration: underline; } button.button.btn-cart > span { display: inline-block; *display: inline; zoom: 1; padding: 0 50px 0 0; height: 50px; line-height: 50px; text-transform: none; font-weight: normal; font-size: 12px; background: url(../images/catalog/picto-add-to-cart.png) right 2px no-repeat transparent; } button.button.btn-cart > span > span{ display: inline-block; *display: inline; zoom: 1; padding: 0 5px 0 10px; white-space: nowrap; background: url(../images/catalog/btn-add-to-cart.png) left 10px no-repeat transparent; font-size: 14px; color: #ffffff; } button.disabled span { border-color:#bbb !important; background:#bbb !important; } button.btn-checkout span { } button.btn-checkout span span { } button.btn-checkout.no-checkout span { } button.btn-checkout.no-checkout span span { } p.control input.checkbox, p.control input.radio { margin-right:6px; } /* Form Highlight */ input.input-text:focus,select:focus,textarea:focus { background-color:#edf7fd; } /*.highlight { background:#efefef; }*/ /* Form lists */ /* Grouped fields */ /*.form-list { width:535px; margin:0 auto; overflow:hidden; }*/ .form-list li { margin:0 0 8px; } .form-list label { float:left; color:#666; font-weight:bold; position:relative; z-index:0; } .form-list label.required {} .form-list label.required em { float:right; font-style:normal; color:#eb340a; position:absolute; top:0; right:-8px; } .form-list li.control label { float:none; } .form-list li.control input.radio, .form-list li.control input.checkbox { margin-right:6px; } .form-list li.control .input-box { clear:none; display:inline; width:auto; } /*.form-list li.fields { margin-right:-15px; }*/ .form-list .input-box { display:block; clear:both; width:260px; } .form-list .field { float:left; width:275px; } .form-list input.input-text { width:254px; } .form-list textarea { width:254px; height:10em; } .form-list select { width:260px; } .form-list li.wide .input-box { width:535px; } .form-list li.wide input.input-text { width:529px; } .form-list li.wide textarea { width:529px; } .form-list li.wide select { width:535px; } .form-list li.additional-row { border-top:1px solid #ccc; margin-top:10px; padding-top:7px; } .form-list li.additional-row .btn-remove { float:right; margin:5px 0 0; } .form-list .input-range input.input-text { width:74px; } /* Customer */ .form-list .customer-name-prefix .input-box, .form-list .customer-name-suffix .input-box, .form-list .customer-name-prefix-suffix .input-box, .form-list .customer-name-prefix-middlename .input-box, .form-list .customer-name-middlename-suffix .input-box, .form-list .customer-name-prefix-middlename-suffix .input-box { width:auto; } .form-list .name-prefix { width:65px; } .form-list .name-prefix select { width:55px; } .form-list .name-prefix input.input-text { width:49px; } .form-list .name-suffix { width:65px; } .form-list .name-suffix select { width:55px; } .form-list .name-suffix input.input-text { width:49px; } .form-list .name-middlename { width:70px; } .form-list .name-middlename input.input-text { width:49px; } .form-list .customer-name-prefix-middlename-suffix .name-firstname, .form-list .customer-name-prefix-middlename .name-firstname { width:140px; } .form-list .customer-name-prefix-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-middlename .name-firstname input.input-text { width:124px; } .form-list .customer-name-prefix-middlename-suffix .name-lastname { width:205px; } .form-list .customer-name-prefix-middlename-suffix .name-lastname input.input-text { width:189px; } .form-list .customer-name-prefix-suffix .name-firstname { width:210px; } .form-list .customer-name-prefix-suffix .name-lastname { width:205px; } .form-list .customer-name-prefix-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-suffix .name-lastname input.input-text { width:189px; } .form-list .customer-name-prefix-suffix .name-firstname { width:210px; } .form-list .customer-name-prefix-suffix .name-lastname { width:205px; } .form-list .customer-name-prefix-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-suffix .name-lastname input.input-text { width:189px; } .form-list .customer-name-prefix .name-firstname, .form-list .customer-name-middlename .name-firstname { width:210px; } .form-list .customer-name-suffix .name-lastname, .form-list .customer-name-middlename .name-firstname, .form-list .customer-name-middlename-suffix .name-firstname, .form-list .customer-name-middlename-suffix .name-lastname { width:205px; } .form-list .customer-name-prefix .name-firstname input.input-text, .form-list .customer-name-suffix .name-lastname input.input-text, .form-list .customer-name-middlename .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-lastname input.input-text { width:189px; } .form-list .customer-dob .dob-month, .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-year { float:left; width:85px; } .form-list .customer-dob input.input-text { display:block; width:74px; } .form-list .customer-dob label { font-size:10px; font-weight:normal; color:#888; } .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-month { width:60px; } .form-list .customer-dob .dob-day input.input-text, .form-list .customer-dob .dob-month input.input-text { width:46px; } .form-list .customer-dob .dob-year { width:140px; } .form-list .customer-dob .dob-year input.input-text { width:134px; } /* Independent fields */ /*.form-list li { margin:0 0 8px; } .form-list li.fields { margin:0; } .form-list .field { display:block; margin:0 0 8px; } .form-list li.control {} .form-list label { float:left; width:150px; padding:2px 10px 0 0; text-align:right; } .form-list label.required { font-weight:bold; } .form-list label.required em { font-variant:normal; color:#eb340a; margin-right:3px; } .form-list .input-box { float:left; width:260px; } .form-list input.input-text, .form-list textarea { width:254px; } .form-list select { width:260px; } .form-list li.additional-row { border-top:1px solid #ddd; margin-top:10px; } .form-list li.additional-row .btn-remove { float:right; margin:5px 5px 0 0; } .form-list .input-range input.input-text { width:96px; }*/ /* Customer */ /*.form-list .customer-dob .dob-month, .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-year { float:left; width:85px; } .form-list .customer-dob input.input-text { display:block; width:74px; } .form-list .customer-dob label { font-size:11px; font-weight:normal; color:#777; text-align:left; } .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-month { width:60px; } .form-list .customer-dob .dob-day input.input-text, .form-list .customer-dob .dob-month input.input-text { width:46px; } .form-list .customer-dob .dob-year { width:140px; } .form-list .customer-dob .dob-year input.input-text { width:134px; }*/ .buttons-set { clear:both; } .buttons-set p.required { margin:0 0 10px; } .buttons-set .back-link { float:left; margin:0; } .buttons-set button.button { float:right; margin-left:5px; } .buttons-set-order { margin:10px 0 0; } .buttons-set-order .please-wait { padding:12px 7px 0 0; } .fieldset { border:1px solid #bbafa0; background:#fbfaf6; padding:22px 25px 12px 33px; margin:28px 0; } .fieldset .legend { float:left; font-weight:bold; font-size:13px; border:1px solid #f19900; background:#f9f3e3; color:#e76200; margin:-33px 0 0 -10px; padding:0 8px; position:relative; } /* Form Validation */ .validation-advice { clear:both; min-height:13px; margin:3px 0 0; padding-left:17px; font-size:11px; font-weight:bold; line-height:13px; background:url(../images/validation_advice_bg.gif) 2px 0 no-repeat; color:#eb340a; } .validation-failed { border:1px dashed #eb340a !important; background:#faebe7 !important; } .validation-passed {} p.required { font-size:11px; text-align:right; color:#EB340A; } /* Expiration date and CVV number validation fix */ .v-fix { float:left; } .v-fix .validation-advice { display:block; width:12em; margin-right:-12em; position:relative; } /* BreadCrumbs */ .breadcrumbs { font-size:11px; line-height:1.25; margin:0 0 13px; padding: 10px 0 0 10px; } .breadcrumbs li { display:inline; } .breadcrumbs li strong { color: #6A6A6A; } /* Page Heading */ .page-title { } .page-title h1, .page-title h2 { font-size:20px; color: #616161; } .cms-index-index .page-title{ padding: 20px 0 15px; } .cms-index-index .page-title h1{ font-size: 19px; text-align: center; color: #616161; } .page-title .separator { margin:0 3px; } .page-title .link-rss { float:right; margin:7px 0 0; } .title-buttons { text-align:right; } .title-buttons h1, .title-buttons h2, .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6 { float:left; } .subtitle { clear:both; padding:15px 0 0; font-size:15px; font-weight:bold; margin:0 0 6px; color:#e25203; } /* Pager */ .pager { height: 29px; background-color: #e6e6e6; } .pager > *{ display: inline-block; *display: inline; zoom: 1; margin: 0; line-height: 29px; vertical-align: top; } /*.pager .amount { display: none; }*/ .pager .limiter { display: none; } .pager .limiter label { } .pager .limiter select { } .pager .pages { margin-right: 20px; padding: 0 15px 0 10px; border-right: solid 2px #ffffff; } .pager .pages strong{ display: inline-block; *display: inline; zoom: 1; margin-right: 10px; } .pager .pages ol { display: inline-block; *display: inline; zoom: 1; } .pager .pages li { display: inline-block; *display: inline; zoom: 1; padding: 0 1px; vertical-align: middle; font-size: 0; } .pager .pages li > *{ display: block; width: 15px; height: 18px; line-height: 18px; text-align: center; font-size: 16px; background-color: #c8c8c8; color: #363636; } .pager .pages li > .direction{ background: url(../images/pager-direction.gif) left top no-repeat transparent; } .pager .pages li > .direction.prev{ background-position: left bottom; } .pager .pages li > .direction.next:hover{ background-position: right top; } .pager .pages li > .direction.prev:hover{ background-position: right bottom; } .pager .pages li > .on, .pager .pages li > a:hover{ text-decoration: none; background-color: #f04d12; color: #ffffff; } .pager .pages li img{ display: none; } .pager .pages .current {} /* Sorter */ .sorter { } .sorter > *{ display: inline-block; *display: inline; zoom: 1; } .sorter .view-mode { display: none; } .sorter .sort-by { } .sorter .sort-by > a{ display: none; } .sorter .sort-by label { margin-right: 10px; } .sorter .sort-by .select-cont { width: 143px; } .sorter .sort-by select { padding:0; margin:0; } .sorter .link-feed {} /* Toolbar */ .toolbar { font-size: 14px; color: #747474; } .toolbar strong{ font-weight: normal; } .toolbar .pager { } .toolbar .sorter { } .toolbar-bottom {} /* Data Table */ .data-table { width:100%; } .data-table .odd { background:#ffffff } .data-table .even { background:#f5f5f5; } .data-table th { padding: 0 10px; color: #3d3d3d; } .data-table td { padding: 18px 10px 10px; } .data-table td .price-box{ text-align: right; } .data-table td .price{ color: #4d4d4d; } .data-table td.product-image img{ margin-top: -8px; border: solid 1px #e0e0e0; } .data-table td input.qty { margin-top: -8px; width: 28px !important; height: 28px; line-height: 28px; text-align: center; font-weight: bold; color: #4d4d4d; } .data-table th, .data-table td { font-weight:bold; border-left: solid 2px #ffffff; } .data-table tr.odd td{ border-color: #ffffff; } .data-table tr.even td{ border-color: #f5f5f5; } .data-table th:first-child, .data-table td:first-child { border-left: none; } .data-table thead th { height: 37px; line-height: 37px; background-color: #DEDEDE; } .data-table thead th.product-name { width: 549px; } .data-table thead th.unit-price { width: 93px; } .data-table thead th.wrap { white-space:normal; } .data-table thead th a, .data-table thead th a:hover { color:#ffffff; } .data-table thead th .tax-flag { font-size:11px; white-space:nowrap; } .data-table tfoot { } .data-table tfoot tr.first { } .data-table tfoot tr { height: 37px; line-height: 37px; background-color: #3a3a3a; } .data-table tfoot td { padding: 0 10px; } .data-table tfoot strong { } .data-table tbody th, .data-table tbody td { } /* Bundle products tables */ .data-table tbody.odd tr { background:#ffffff !important; } .data-table tbody.even tr { background:#f6f6f6 !important; } .data-table tbody.odd tr td, .data-table tbody.even tr td { border-bottom:0; } .data-table tbody.odd tr.border td, .data-table tbody.even tr.border td { border-bottom:1px solid #d9dde3; } .data-table tbody td .option-label { font-weight:bold; font-style:italic; } .data-table tbody td .option-value { padding-left:10px; } /* Tax Details Row */ tr.tax-total { cursor:pointer; } tr.tax-total td {} tr.tax-total .tax-collapse { float:right; text-align:right; padding-left:20px; cursor:pointer; } tr.show-details .tax-collapse { background-position:0 -52px; } tr.show-details td {} tr.tax-details td { font-size:11px; background-color:#dae1e4; color:#626465; } tr.tax-details-first td { border-top:1px solid #d2d8db; } /* Shopping cart tax info */ .cart-tax-info { display:block; } .cart-tax-info, .cart-tax-info .cart-price { padding-right:20px; } .cart-tax-total { display:block; padding-right:20px; background:url(../images/bkg_collapse.gif) 100% 5px no-repeat; cursor:pointer; } .cart-tax-info .price, .cart-tax-total .price { display:inline !important; font-weight:normal !important; } .cart-tax-total-expanded { background-position:100% -52px; } /* Class: std - styles for admin-controlled content */ .cms-page-view .main{ padding: 0 20px; } .std .subtitle { margin-bottom: 20px; padding: 0; color: #de4f0f; } .std button { padding: 0 10px; height: 29px; line-height: 29px; white-space: nowrap; background: #E63B06; border: none; color: #ffffff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .std button:hover { background-color: #d04800; } .std p, .std ul { margin-bottom: 3px; font-size: 13px; color: #454545; text-align:justify; } .std ol.ol { list-style:decimal outside; padding-left:1.5em; } .std ul.disc { margin:0 0 10px; } .std ul.disc { list-style:disc outside; } .std dl dt { font-weight: bold; } .std dl dd { margin:0 0 10px; } /*.std ul, .std ol, .std dl, .std p, .std address, .std blockquote { margin:0 0 1em; padding:0; } .std ul { list-style:disc outside; padding-left:1.5em; } .std ol { list-style:decimal outside; padding-left:1.5em; } .std ul ul { list-style-type:circle; } .std ul ul, .std ol ol, .std ul ol, .std ol ul { margin:.5em 0; } .std dt { font-weight:bold; } .std dd { padding:0 0 0 1.5em; } .std blockquote { font-style:italic; padding:0 0 0 1.5em; } .std address { font-style:normal; } .std b, .std strong { font-weight:bold; } .std i, .std em { font-style:italic; }*/ /* Misc */ .links li { display:inline; } .links li.first { padding-left:0 !important; } .links li.last { background:none !important; padding-right:0 !important; } .link-cart { color:#dc6809 !important; font-weight:bold; } .link-wishlist { color:#dc6809 !important; font-weight:bold; } .link-reorder { font-weight:bold; color:#dc6809 !important; } .link-compare { font-weight:bold; } .link-print { /*background:url(../images/i_print.gif) 0 2px no-repeat; padding:2px 0 2px 25px;*/ font-weight:bold; color:#dc6809; } .link-rss { background:url(../images/i_rss.gif) 0 2px no-repeat; padding-left:18px; line-height:14px; white-space:nowrap; } .btn-remove { display:block; width:11px; height:11px; font-size:0; line-height:0; background:url(../images/btn_remove.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; } .btn-remove2 { display:block; width: 17px; height: 18px; font-size:0; line-height:0; background:url(../images/btn_trash.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; } .separator { margin:0 3px; } .divider { clear:both; display:block; font-size:0; line-height:0; height:1px; margin:10px 0; background:url(../images/bkg_divider1.gif) 0 50% repeat-x; text-indent:-999em; overflow:hidden; } /* Mini-contact */ .cms-faire-votre-devis-personnalise { } .cms-faire-votre-devis-personnalise h3 { color:#EA642E; } .cms-faire-votre-devis-personnalise .col1-set .head { } .cms-faire-votre-devis-personnalise .col1-set .head a { float: left; padding-left:425px; } .cms-faire-votre-devis-personnalise .col1-set .head span { } .cms-faire-votre-devis-personnalise .col1-set .head h3 { color:#3C3C3C; } .cms-faire-votre-devis-personnalise .col1-set .head img { float:left; margin-right:10px; } .cms-faire-votre-devis-personnalise .col1-set .content { border-top: 1px solid #E9E7E7; border-left:1px solid #E9E7E7; border-right:1px solid #E9E7E7; background-color: #FFF; padding:10px; width:733px; overflow:auto; } .cms-faire-votre-devis-personnalise .col1-set .footer { background:url("../images/labmag/dashboard_account_footer_block_entier.png") no-repeat 0 0 transparent; height:6px; width:755px; } .cms-faire-votre-devis-personnalise .page-head { margin-top:20px; } .cms-faire-votre-devis-personnalise .col1-set { } .contacts-index-index .contact .head { background:url("../images/labmag/block_chapeau_contact.png") repeat scroll 0 0 transparent; height:54px; padding-left:10px; padding-top:20px; } .contacts-index-index .contact .head h4 { color:#FFF; } .contacts-index-index .contact .content { background:url("../images/labmag/block_chapeau_contact_background.png") repeat scroll 0 0 transparent; height:174px; padding:10px; margin-bottom:10px; } .contacts-index-index .contact .content li span { font-weight: bold; color:#659513; } /*page installeurs*/ .cms-trouvez-installateurs-agrees .col-main h2 { margin:10px 0; } .cms-trouvez-installateurs-agrees .col-main ul { margin:0 !important; } .cms-trouvez-installateurs-agrees .col-main ul li { color:#E95227; font-size:14px; font-weight:bold; height:70px; list-style-position:inside; margin-top:0 !important; width:600px; padding:10px; } .cms-trouvez-installateurs-agrees .col-main ul li.even { background-color:#F4F3F3; } .cms-trouvez-installateurs-agrees .col-main ul li.odd { background-color:#FFFFFF; } .cms-trouvez-installateurs-agrees .col-main ul li .societe { font-size:14px; color:#E95227!important; } .cms-trouvez-installateurs-agrees .col-main ul li .departement { font-size:14px; color:#E95227!important; } .cms-trouvez-installateurs-agrees .col-main ul li .parenthese { color:#000; } .cms-trouvez-installateurs-agrees .col-main ul li .mini-left { color:#000000; float:left; font-size:11px; margin-left:14px; margin-top:10px; width:200px; } /* Mini-contact-installateur agree */ .formulaire-index-index li { margin-bottom:5px; } .formulaire-index-index input { width:156px; } .formulaire-index-index .input-box { float:left; width:170px; } .formulaire-index-index .formcol-left { float:left; width:360px; } .formulaire-index-index .formcol-right { float:left; width:360px; } .formulaire-index-index .contact .head { background:url("../images/labmag/block_chapeau_contact.png") repeat scroll 0 0 transparent; height:54px; padding-left:10px; padding-top:20px; } .formulaire-index-index .contact .head h4 { color:#FFF; } .formulaire-index-index .contact .content { background:url("../images/labmag/block_chapeau_contact_background.png") repeat scroll 0 0 transparent; height:174px; padding:10px; } .formulaire-index-index .contact .content li span { font-weight: bold; color:#659513; } .formulaire-index-index h3 { color:#EA642E; } .formulaire-index-index .col1-set .head { background:url("../images/labmag/dashboard_account_chapeau_block_entier.png") no-repeat scroll 0 0 transparent; display:block; height:30px; width:745px; padding:10px 0 0 10px; } .formulaire-index-index .col1-set .head a { float: left; padding-left:425px; } .formulaire-index-index .col1-set .head span { background:url("../images/labmag/block_chapeau_picto_dashboard_newsletter.png") no-repeat scroll 0 0 transparent; display:block; float:left; height:35px; width:40px; margin:-8px 10px 0 -5px; } .formulaire-index-index .col1-set .head h3 { color:#3C3C3C; } .formulaire-index-index .col1-set .head img { float:left; margin-right:10px; } .formulaire-index-index .col1-set .content { border-left:1px solid #E9E7E7; border-right:1px solid #E9E7E7; background-color: #FFF; padding:10px; width:733px; overflow:auto; } .formulaire-index-index .col1-set .footer { background:url("../images/labmag/dashboard_account_footer_block_entier.png") no-repeat 0 0 transparent; height:6px; width:755px; } /* 404 */ .cms-no-route { } .cms-no-route .middle-container h3 { color:#E27039; margin-bottom:20px; margin-top:5px; } .cms-no-route .middle-container dt.border { border-bottom:1px solid #CCCCCC; padding-bottom:15px; } .cms-no-route .middle-container a:link { color:#E27039; text-decoration: none; } .cms-no-route .middle-container a:visited { color:#E27039; text-decoration: none; } .cms-no-route .middle-container a:hover { color:#E27039; text-decoration: underline; } .cms-no-route .middle-container a:active { color:#E27039; text-decoration: none; } .cms-no-route .middle-container ul li span { background:url("../images/labmag/block_advancedsearch_fleche_orange.jpg") no-repeat scroll 0 0 transparent; display:block; float:left; height:15px; margin-left:14px; margin-right:10px; width:15px; } .cms-no-route .middle-container ul { margin-top:10px; } .cms-no-route .middle-container ul li { height:22px; } .cms-no-route .middle-container img { margin:20px; } .cms-no-route .middle-container .topSearch { display:inline; float:left; margin-left:35px; } /* Noscript Notice */ .noscript { border:1px solid #ddd; border-width:0 0 1px; background:#ffffff; font-size:12px; line-height:1.25; text-align:center; color:#2f2f2f; } .noscript .noscript-inner { width:950px; margin:0 auto; padding:12px 0 12px; background:url(../images/i_notice.gif) 20px 50% no-repeat; } .noscript p { margin:0; } /* Demo Notice */ .demo-notice { margin:0; padding:6px 10px; background:#d75f07; font-size:12px; line-height:1.15; text-align:center; color:#ffffff; } /* ======================================================================================= */ /* Header ================================================================================ */ .logo { float:left; } .header-container { background: url("../images/bg-header-new.jpg") repeat-x scroll 0 0 #ffffff; } #header-content{ position: relative; margin: 0 auto; width: 960px; } /*#header-content > .right{ display: inline-block; *display: inline; zoom: 1; width: 264px; vertical-align: top; }*/ /**+html #header-content > .right{ float: none !important; margin-left: 5px; }*/ #header-content > .right{ position: absolute; top: 0; right: 0; float: none !important; display: inline-block; *display: inline; zoom: 1; width: 276px; vertical-align: top; } #header-content > .right .connexion{ display: inline-block; *display: inline; zoom: 1; height: 24px; line-height: 24px; text-transform: uppercase; text-decoration: none; font-size: 10px; font-weight: bold; color: #6a6a6a; background-color: #efefef; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#efefef)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #ffffff, #efefef); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #ffffff, #efefef); /* FF3.6 */ background-image: -ms-linear-gradient(top, #ffffff, #efefef); /* IE10 */ background-image: -o-linear-gradient(top, #ffffff, #efefef); /* Opera 11.10+ */ background-image: linear-gradient(top, #ffffff, #efefef); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fffffe', EndColorStr='#efefef'); /* IE6-IE9 */ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #header-content > .right .connexion:hover{ background-color: #ffffff; background-image: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#ffffff)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #efefef, #ffffff); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #efefef, #ffffff); /* FF3.6 */ background-image: -ms-linear-gradient(top, #efefef, #ffffff); /* IE10 */ background-image: -o-linear-gradient(top, #efefef, #ffffff); /* Opera 11.10+ */ background-image: linear-gradient(top, #efefef, #ffffff); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#efefef', EndColorStr='#efefef'); /* IE6-IE9 */ } #header-content > .right .connexion span{ display: block; padding: 0 8px 0 29px; background: url(../images/btn-connexion.png) left top no-repeat transparent; } #header-content > .right .create{ float: right; display: inline-block; *display: inline; zoom: 1; height: 24px; line-height: 24px; font-size: 11px; color: #6a6a6a; } #header-content > .right .create a{ color: #ff6214; } #header-content > .right .acces a{ } #header-content > .right .block-cart{ margin-top: 5px; width: 99%; background-color: #ffffff; cursor: pointer; } #header-content > .right .block-cart .block-content{ padding: 8px 0 5px; text-align: center; background-color: #ec7838; } #header-content > .right .block-cart .block-content a{ font-weight: bold; color: #2c2c2c; } #header-content > .right .block-cart .block-title{ padding: 0 5px; line-height: 23px; border: none; background-color: #e4580c; border-bottom: solid 1px #ffffff; } #header-content > .right .block-cart .block-title strong{ display: inline-block; *display: inline; zoom: 1; line-height: 23px; font-size: 14px; background-position-y: center; color: #ffffff; } #header-top { font-size: 0; background-color: #2c2c2c; color: #ffffff; } #header-top > *{ margin: 0 auto; width: 960px; height: 26px; line-height: 26px; text-align: right; font-size: 12px;} #header-top > * > p{ display: inline-block; *display: inline; zoom: 1; margin: 0 auto; padding: 0 10px; height: 18px; line-height: 16px; vertical-align: middle; border-right: solid 1px #565656; font-weight: bold; } #header-top > * > p span:first-child{ margin-right: 3px; } #header-top > * > p > *{ display: inline-block; *display: inline; zoom: 1; vertical-align: middle; } #header-top > * > p.livraison{ padding-right: 0; border-right: none; } #header-top > * > p .label{ text-transform: uppercase; line-height: 16px; font-size: 10px; } #header-top > * > p.service-client .content{ font-size: 15px; color: #ff5500; } #header-top > * > p.appel-etranger .label{ color: #969696; } .header-container .header { padding-top: 5px; border-top: solid 1px #ffffff; border-bottom: solid 1px #C8C8C7; overflow: visible !important; } .header-container .header .logo { float:left; margin:3px 0 10px 12px; text-decoration:none !important; } .header-container .header h1.logo { margin:0; } .header-container .header .quick-access { display: inline-block; *display: inline; zoom: 1; } .header-container .header .welcome-msg { margin:0; color:#ffffff; text-align:right; } .header-container .header .form-search { position: relative; z-index: 801; margin-top: 0px; height: 29px; line-height: 29px; font-size: 0; } *+html .header-container .header .form-search { z-index: 1001; width: 418px; } .header-container .header .form-search label { display: inline-block; *display: inline; zoom: 1; font-size: 12px;background: url("../images/home/search_text.png");height: 32px;width: 86px; } *+html .header-container .header .form-search label { float: left; } .header-container .header .form-search input.input-text { float: right; display: inline-block; *display: inline; zoom: 1; width: 280px; height: 26px; line-height: 23px; vertical-align: top; font-size: 12px; border: solid 1px #e65700;padding-left: 29px;background: url("../images/home/search_glass.png") no-repeat scroll 0 0 transparent; } .header-container .header .form-search input.input-text { height: 23px\9; } .header-container .header .form-search button.button { position: absolute; top: 1px; right: 1px; display: inline-block; *display: inline; zoom: 1; font-size: 11px; background-color: #F04D12; color: #ffffff; } .header-container .header .form-search button.button:hover {background-color:#ff802e } .header-container .header .form-search button.button > span { padding: 5px 5px 0px; height: 25px; background: none; } .header-container .header .form-search button.button > span span { } .header-container .header .form-search button.button span { font: bold 11px/23px Arial, Helvetica, sans-serif; } .header-container .header .form-search .search-autocomplete { z-index:999; top: 29px !important; left: 86px !important; } .header-container .header .form-search .search-autocomplete ul { border:1px solid #5c7989; background-color:#f9f5f0; } .header-container .header .form-search .search-autocomplete li { padding:2px 8px 1px 8px; text-align:left; font-size: 11px; border-bottom:1px solid #f4eee7; color: #000000; cursor:pointer; } .header-container .header .form-search .search-autocomplete li .amount { float:right; font-weight:bold; } .header-container .header .form-search .search-autocomplete li.selected { background-color:#f7e8dd; } .header-container .header .form-language { clear:both; padding:5px 0 0; text-align:right; } .header-container .header .form-language label { font-weight:bold; padding-right:5px; color:#a7c6dd; vertical-align:middle; } .header-container .header .form-language select { padding:0; } .header-container .header .form-language select.flags option { background-position:4px 50%; background-repeat:no-repeat; padding-left:25px; } .header-container .header .links { float:right; margin:0 0 6px; } .header-container .header .links li { float:left; font-size:11px; background:url(../images/bkg_pipe1.gif) 100% 60% no-repeat; padding:0 8px 0 7px; } .header-container .header .links a { color:#ebbc58; } .header-container .top-container { clear:both; padding:5px 10px 0 12px; text-align:right; } .header-container .top-container a { font-size:11px; color:#ebbc58; } #newsletter_popup_link{height:70px} /********** < Navigation */ .nav-container { position: relative; clear: both; background-color: #FFF; padding: 10px 0; } #nav { margin: 0 auto; width: 960px; height: 45px; white-space: nowrap; text-align: center; font-size: 0; background-color: #f15f1e; } /* 1er niveau : level-0 */ #nav > li{ display: inline-block; white-space: normal; vertical-align: top; font-size: 11px; /*border-bottom: solid 2px #E30041; */ } #nav > li > a { display: inline-block; padding: 0 9px; max-width: 75px; max-width: 72px\9; height: 45px; line-height: 45px; border-right: solid 1px #eaeaea; } #nav > li:first-child > a {border-left: solid 1px #eaeaea; } #nav > li > a > span{ display: inline-block; line-height: 14px; vertical-align: middle; color: #fff; font-weight: normal; } /* ============= */ /* = Sous-menu = */ /* ============= */ #nav > li > .sub { position: absolute; top: 55px; left: 50%; margin-left: -480px; z-index: 998; display: none; padding: 6px 8px 15px; width: 944px; text-align: left; background-color: #E30041; } #nav > li:hover > .sub { display: block } #nav > li > .sub > .category_name { height: 25px; line-height: 25px; font-size: 20px; font-weight: bold; color: #ffffff; } #nav > li > .sub > .sousmenu { padding: 5px 10px 0; background-color: #ffffff; } #nav > li > .sub > .sousmenu .category-cover { float: right; margin-bottom: 20px; } #nav > li > .sub > .sousmenu > ul { float: left; width: 930px; -webkit-column-count:4; -webkit-column-break-inside:avoid; -moz-column-count:4; -moz-column-break-inside:avoid; column-break-inside:avoid; column-count:4; } #nav > li > .sub > .sousmenu > ul > li { display: inline-block; *display: inline; zoom: 1; margin-left: 5px; margin-bottom: 10px; line-height: 16px; vertical-align: top; font-size: 12px; *width: 230px; } #nav > li > .sub > .sousmenu img { float:left!important; margin-right:-1px; margin-bottom:15px } #nav > li > .sub.no-css-columns > ul { float: left; width: 240px; } #nav > li > .sub.no-css-columns > ul > li { width: auto; } #nav > li#menu-118 > .sub > .sousmenu > ul > li { margin-bottom: 7px; } #nav > li > .sub > .sousmenu > ul > li > a { display: block; text-transform: uppercase; font-size: 12px; font-weight: bold; color: #d9003e; } #nav > li > .sub > .sousmenu > ul > li li { line-height: 14px; } #nav > li > .sub > .sousmenu ul > li li a { text-decoration: none; color: #4C4C4C; font-size: 11px; } #nav > li#menu-118 > .sub > .sousmenu > ul > li > a { margin-bottom: 0; text-transform: none; font-size: 11px; } /* ========================== */ /* = Navigation par marques = */ /* ========================== */ #nav .brands { margin-bottom: 10px; padding: 0 10px 0 5px; height: 33px; line-height: 33px; background-color: #f0f0f0; } #nav .brands strong { } #nav .brands ul { } #nav .brands strong, #nav .brands ul { display: inline-block; *display: inline; zoom: 1; vertical-align: middle; height: 33px; line-height: 33px; } #nav .brands ul li { display: inline-block; *display: inline; zoom: 1; margin-left: 8px; line-height: 15px; *padding-top: 5px; } #nav .brands ul li a { text-transform: uppercase; text-decoration: underline; font-weight: normal; font-size: 14px; color: #d9003e; } #nav .brands ul li a:hover { text-decoration: none; } #nav-under{ margin: 0 auto; width: 960px; height: 31px; line-height: 31px; text-align: right; background: #ffffff; } .cms-index-index #nav-under{ /*background: url(../images/menu/submen.png) left center repeat transparent;Modif Bader*/ z-index: 799; position: absolute; top: 202px; left: 50%; margin-left: -480px; background: transparent; } #nav-under > div{ margin: 0 auto; width: 960px; } #nav-under > div ul{ position: relative; z-index: 9; padding-right: 10px; } #nav-under ul li{ display: inline-block; *display: inline; zoom: 1; height: 100%; vertical-align: top;} #nav-under ul li a{ display: inline-block; *display: inline; zoom: 1; margin-left: 8px; text-transform: uppercase; font-weight: bold; background-position: top right; background-repeat: no-repeat; background-color: transparent; color: #ffffff; } #nav-under ul li a span{ display: inline-block; *display: inline; zoom: 1; margin: 0 5px 0 -5px; background-position: top left; background-repeat: no-repeat; background-color: transparent; } #nav-under ul li a.devis{ margin-top: 3px; line-height: 25px; vertical-align: top; background-image: url(../images/menu/nav-under-devis.png); } #nav-under ul li a.devis span{ padding: 0 4px 0 7px; background-image: url(../images/menu/nav-under-devis.png); } #nav-under ul li a:hover{ background-position: bottom right; } #nav-under ul li a:hover span{ background-position: bottom left; } #nav-under ul li a.ventes{ margin-top: 2px; line-height: 26px; vertical-align: top; background-image: url(../images/menu/nav-under-ventes.png); } #nav-under ul li a.ventes span{ padding: 0 4px 0 20px; background-image: url(../images/menu/nav-under-ventes.png); } /********** Navigation > */ /* ======================================================================================= */ /* Sidebar =============================================================================== */ .block { } .block .block-title { } .block .block-title strong { } .block .block-title strong span {} .block .block-title a { text-decoration:none !important; } .block .block-subtitle { margin:0; padding:5px 9px; font-size:1em; font-weight:bold; color:#0a263c; } .block .block-content { } .block .block-content .free-shipping{ margin-top: 5px; font-weight: bold; font-size: 10px; color: #fefefe; } .block .block-content li.item { } .block .btn-remove { float:right; margin:1px 0 2px 5px; } .block .actions { background:#dee5e8 url(../images/bkg_block-actions.gif) 0 0 repeat-x; padding:6px 9px; text-align:right; } .block .actions a { float:left; } .block .actions button.button { float:right; } .block .empty { margin:0; padding:5px 9px; } .block li.odd { } .block li.even { } /* Mini Blocks */ .block-cart, .block-wishlist, .block-subscribe, .block-compare, .block-reorder, .block-poll, .block-viewed, .block-compared, .block-related, .block-tags, .block-login { font-size:11px; line-height:1.25; } .block-cart .block-title strong, .block-wishlist .block-title strong, .block-subscribe .block-title strong, .block-compare .block-title strong, .block-reorder .block-title strong, .block-poll .block-title strong, .block-viewed .block-title strong, .block-compared .block-title strong, .block-related .block-title strong, .block-tags .block-title strong, .block-login .block-title strong { background-position:0 0; background-repeat:no-repeat; padding-left:21px; } /* Mini cart ajaxpro */ .ajaxcartpro_confirm { -moz-border-radius:5px 5px 5px 5px; -moz-box-shadow:0 0 8px #999999; -webkit-border-radius:5px; -webkit-box-shadow:0 0 8px #999999; border-radius:5px; box-shadow:0 0 8px #999999; background-color:#FFFFFF; left:50%; margin-left:-120px; padding:10px; position:fixed; text-align:center; top:240px !important; z-index: 999; border: 2px solid #D2D2D2; } .cms-index-index .page > .ajaxcartpro_confirm{ position: fixed; } .ajaxcartpro_progress { -moz-border-radius:5px 5px 5px 5px; -moz-box-shadow:0 0 8px #999999; -webkit-border-radius:5px; -webkit-box-shadow:0 0 8px #999999; border-radius:5px; box-shadow:0 0 8px #999999; background-color:#FFFFFF; left:43%; padding:10px; position:absolute; text-align:center; } .ajaxcartpro_confirm a.orange { background:url("../images/labmag/button_orange.png") no-repeat scroll right top transparent; border:medium none; float:right; margin-right:4px; margin-top:10px; outline:medium none; padding-right:15px; float:left; margin-left:80px; } .ajaxcartpro_confirm a.orange span { background:url("../images/labmag/button_orange.png") no-repeat scroll 0 0 transparent; color:#FFFFFF; display:block; font-size:12px; font-weight:bold; height:29px; line-height:29px; margin:0 0 0 -10px; outline:medium none; padding-left:16px; } .ajaxcartpro_confirm a.brown { background:url("../images/labmag/button_brown.png") no-repeat scroll right top transparent; border:medium none; float:right; margin-right:4px; margin-top:10px; outline:medium none; padding-right:15px; float:left; margin-left:60px; } .ajaxcartpro_confirm a.brown span { background:url("../images/labmag/button_brown.png") no-repeat scroll 0 0 transparent; color:#FFFFFF; display:block; font-size:12px; font-weight:bold; height:26px; line-height:26px; margin:0 0 0 -10px; outline:medium none; padding-left:18px; } .ajaxcartpro_confirm #aw_acp_continue { } .ajaxcartpro_confirm #aw_acp_checkout { } .ajaxcartpro_confirm #aw_acp_checkout:hover { text-decoration: none; } /* Block: Cart */ .block-cart .block-title { /*border-bottom:0;*/ } .block-cart .block-title strong { background: url(../images/i_block-cart.png) left center no-repeat transparent; } .block-cart .summary { background:#ffffff; padding:2px 8px 8px; margin:-1px 0 0; position:relative; z-index:1; } .block-cart .amount { display: inline-block; *display: inline; zoom: 1; margin:0; } .block-cart .amount a { font-weight:bold; } .block-cart .subtotal { display: inline-block; *display: inline; zoom: 1; padding-left: 2px; } .block-cart .subtotal .price { font-weight:bold; } .block-cart .actions { border-bottom:1px solid #c2c2c2; } /* Block: Subscribe */ .block-subscribe .block-content { padding:5px 10px; } .block-subscribe .block-title strong { background-image:url(../images/i_block-subscribe.gif); } .block-subscribe label { } .block-subscribe input.input-text { display:block; width:167px; margin:3px 0; } .block-subscribe .actions { background:none; padding:0; margin:3px 0 0; text-align:left; } .block-subscribe .actions button.button { float:none; } .block-subscribe .actions button.button > span { padding: 0; height: auto; line-height: 23px; background: none; } /* Category Page ========================================================================= */ .category-title { border:0; margin:0 0 7px; } .category-image { width:100%; overflow:hidden; margin:0 0 10px; text-align:center; } .category-image img {} .category-description { margin:0 0 10px; } .category-products {} /* View Type: Grid */ .products-grid { } .products-grid.last { } .products-grid .price-box { } .products-grid .availability { } .products-grid .actions { font-size: 0; } .col2-left-layout .products-grid, .col2-right-layout .products-grid { } .col1-layout .products-grid { } .products-grid li.item{ display: block; float:left; position: relative; margin: 20px 25px 5px; vertical-align: top; width: 142px; text-align: center; } .products-grid li.item{ } .products-grid li.item.first{ margin-left: 0; } .products-grid li.item.last{ margin-right: 0; } .products-grid li.item .product-image{position:relative; display: inline-block; *display: inline; zoom: 1; border: solid 1px #efefef; } .products-grid li.item .product-name{ float: none; margin: 5px auto; width: 120px; height: 39px; line-height: 39px; overflow: hidden; } .products-grid li.item .product-name a{ display: inline-block; *display: inline; zoom: 1; line-height: 13px; vertical-align: middle; text-decoration: none; font-size: 11px; color: #3c3c3c; } .products-grid li.item .product-name a:hover{ text-decoration: underline; color: #e63b06; } .products-grid li.item .price-box { float: none; } .products-grid li.item .price-box > *, .products-grid li.item .price{ display: inline-block; *display: inline; zoom: 1; float: none; margin: 0; line-height: 21px; vertical-align: middle; width: auto; color: #3c3c3c; } .products-grid li.item .price-box .special-price{ } .products-grid li.item .link-wishlist{ position: absolute; top: 105px; right: 1px; padding: 0; width: 21px; height: 20px; font-size: 0; background:url(../images/landing/wishlist.png) left top no-repeat #b3b3b3; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .products-grid li.item .link-wishlist:hover{ background-color: #E63B06; } .products-grid li.item .link-wishlist > span{ display: none; z-index: 9; position: absolute; top: -7px; left: 24px; padding-left: 20px; white-space: nowrap; background:url(../images/landing/infobulle.png) left top no-repeat; } .products-grid li.item .link-wishlist:hover > span{ display: inline-block; *display: inline; } .products-grid li.item .link-wishlist > span span{ display: inline-block; *display: inline; padding-right: 10px; line-height: 32px; background:url(../images/landing/infobulle.png) right top no-repeat; font-weight: bold; font-style: italic; font-family: Georgia, "DejaVu Serif", Norasi, serif; font-size: 10px; color: #e63b06; } .products-grid li.item .old-price .price-label{ display: none; } .products-grid li.item button.button span span{ padding: 0; text-transform: uppercase; font-size: 11px; background: transparent; } .products-grid li.item .sub{ display: none; z-index: 8; position: absolute; top: -25px; left: -15px; padding: 251px 0px 12px; width: 172px; box-shadow: 0px 0px 10px -2px black; background-color: white; } .products-grid li.item .sub{ width: 170px\9; border: solid 1px #efefef\9; } .products-grid li.item .sub .description{ padding: 0 15px 2px; text-align: justify; font-size: 10px; color: #828282; } .products-grid li.item .sub button{ display: inline-block; *display: inline; zoom: 1; } .products-grid li.item .sub .link-compare, .product-view .product-essential .right .link-compare{ display: inline-block; *display: inline; zoom: 1; padding-left: 20px; line-height: 18px; text-decoration: none; background:url(../images/landing/loupe.gif) left top no-repeat; font-size: 11px; color: #e63b06; } .product-view .product-essential .right .link-compare{ margin-top: 5px; } .product-view .product-essential .right .link-wishlist{ display: none; } .products-grid li.item .sub .add-to-links{ margin-top: 0;/*bader modif*/display: none; } .product-view .product-essential .right .link-compare:hover, .products-grid li.item .sub .link-compare:hover{ text-decoration: underline; } .products-grid li.item .sub .btn-cart{ position: relative; margin-left: 5px; width: 49px; height: 48px; vertical-align: top; font-size: 0; border: none; background:url(../images/landing/addtocart.png) right top no-repeat; cursor: pointer; } .products-grid li.item .sub .btn-cart:hover{ background-position: right bottom; } .products-grid li.item .sub .btn-cart > span{ display: none; z-index: 9; position: absolute; top: 8px; left: 45px; padding: 0 0 0 10px; white-space: nowrap; background:url(../images/landing/infobulle.png) left top no-repeat; } .products-grid li.item .sub .btn-cart:hover > span{ display: inline-block; *display: inline; } .products-grid li.item .sub .btn-cart > span span{ display: inline-block; *display: inline; padding: 0 10px; line-height: 32px; background:url(../images/landing/infobulle.png) right top no-repeat; font-weight: bold; font-style: italic; font-family: Georgia, "DejaVu Serif", Norasi, serif; font-size: 10px; color: #e63b06; } .products-grid li.item button.button{ padding: 0; height: 29px; line-height: 29px; } .products-grid li.item .sub .button.button{ margin-top: 10px; } .products-grid li.item .button.button > span{ display: block; padding: 0 8px; height: 29px; white-space: nowrap; font: bold 11px/29px Arial, Helvetica, sans-serif; background:url(../images/degrade.png) center top repeat-x #E63B06; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #ffffff; } .products-grid li.item .button.button:hover > span{ background-position-y: bottom; } .products-grid li.item .minimal-price-link{ display: none; } .products-grid li.item:hover .sub{ display: block; } .products-grid li.item:hover .product-image, .products-grid li.item:hover .product-name, .products-grid li.item:hover .price-box{ z-index: 9; position: relative; } .products-grid li.item:hover .link-wishlist{ z-index: 10; } .products-grid li.item:hover button.button span span{ } .products-grid li.item:hover .percentage-reduction{ z-index: 10; } /* Product View ========================================================================== */ /* Rating */ .no-rating { margin:0; } .ratings, .product-view .no-rating { margin: 10px 0 0; padding: 5px 0 3px; width: 152px; text-align: center; line-height: 1em; font-size:11px; } .product-view .ratings, .product-view .no-rating{ background-color: #de4f0f; color: #ffffff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .ratings a { text-decoration: underline; } .product-view .ratings a { color: #ffffff; } .product-view .no-rating .be-first { display: block; margin-bottom: 5px; } .product-view .no-rating a { font-weight: bold; color: #ffffff; } .ratings a:hover { text-decoration: none; } .ratings strong { float:left; margin:1px 3px 0 0; } .ratings .rating-links { margin:0; } .ratings .rating-links .separator { margin:0 2px; } .ratings dt {} .ratings dd {} .rating-box { width:90px; height:17px; font-size:0; line-height:0; background:url(../images/bkg_rating.png) 0 0 repeat-x; text-indent:-999em; overflow:hidden; } .rating-box .rating { float:left; height:17px; background:url(../images/bkg_rating.png) 0 100% repeat-x; } .ratings .rating-box { margin: 5px auto; } .ratings .amount {} .ratings-table th, .ratings-table td { font-size:11px; line-height:1.15; padding:3px 0; } .ratings-table th { font-weight:bold; padding-right:8px; line-height: 19px; } /* Availability */ .availability { margin:0; } .availability span { font-weight:bold; } .availability.in-stock span {} .availability.out-of-stock span { } .product-view .product-shop .availability { } .product-view .product-shop .availability span { } /* Alerts */ .alert-price { margin:0; font-size:11px; } .alert-stock { margin:0; font-size:11px; } /********** < Product Prices */ .price { white-space:nowrap !important; } .price-box { } .price-box .price { font-weight:bold; color:#c76200; } /* Regular price */ .regular-price { font-size: 17px; color:#c76200; } .products-list .regular-price .price { font-size: 26px; } .regular-price .price { color:#ffffff; } .product-view .right .regular-price .price { font-size: 30px; } .landing-grid .regular-price .price { font-size: 17px; color:#3c3c3c; } .block .regular-price, .block .regular-price .price { color:#2f2f2f; } /* Old price */ .old-price { margin:0; } .old-price .price-label { display: none; white-space:nowrap; color:#999; } .old-price .price { line-height: 1em; font-size: 14px; font-weight: normal; text-decoration:line-through; color:#ffffff; } .product-view .right .old-price .price { font-size: 18px; } .landing-grid .old-price .price { margin-right: 4px !important; color:#3c3c3c; } /* Special price */ .special-price { margin:0; } .special-price .price-label { display: none; font-size:13px; font-weight:bold; white-space:nowrap; color:#cd5033; } .special-price .price { line-height: 1em; font-size: 15px; font-weight:bold; color:#ffffff; } .products-list .special-price .price { font-size: 26px; } .product-view .right .special-price .price { font-size: 30px; } .landing-grid .special-price .price { color: #d84712; } /* Minimal price (as low as) */ .minimal-price { margin:0; } .minimal-price .price-label { font-weight:bold; white-space:nowrap; } .minimal-price-link { display:block; } .minimal-price-link .label {color:#000000;} .minimal-price-link .price { font-weight:normal; color:#000000; } /* Excluding tax */ .price-excluding-tax { display:block; color:#999; } .price-excluding-tax .label { white-space:nowrap; color:#999; } .price-excluding-tax .price { font-size:13px; font-weight:normal; color:#c76200; } /* Including tax */ .price-including-tax { display:block; color:#999; } .price-including-tax .label { white-space:nowrap; color:#999; } .price-including-tax .price { font-size:13px; font-weight:bold; color:#c76200; } /* FTP */ .weee { display:block; font-size:11px; color:#444; } .weee .price { font-size:11px; font-weight:normal; } /* Excl tax (for order tables) */ .price-excl-tax { display:block; } .price-excl-tax .label { display:block; white-space:nowrap; } .price-excl-tax .price { display:block; } /* Incl tax (for order tables) */ .price-incl-tax { display:block; } .price-incl-tax .label { display:block; white-space:nowrap; } .price-incl-tax .price { display:block; font-weight:bold; } /* Price range */ .price-from { margin:0; } .price-from .price-label { font-weight:bold; white-space:nowrap; } .price-to { margin:0; } .price-to .price-label { font-weight:bold; white-space:nowrap; } /* Price notice next to the options */ .price-notice { padding-left:10px; color:#999; } .price-notice .price { font-weight:bold; color:#2f2f2f; } /* Price as configured */ .price-as-configured { margin:0; } .price-as-configured .price-label { font-weight:bold; white-space:nowrap; } .price-box-bundle { padding:0 0 10px 0; } .price-box-bundle .price-box { margin:0 !important; padding:0 !important; } .price-box-bundle .price { color:#555; } /********** Product Prices > */ /* Tier Prices */ .tier-prices { margin:10px 0 0; padding:10px; background-color:#f4f7f7; border:1px solid #dadddd; } .tier-prices li { line-height:1.4; background:url(../images/i_tier.gif) no-repeat 0 3px; padding:2px 0 2px 10px; color:#424242; } .tier-prices .benefit { font-style:italic; font-weight:bold; color:#2f2f2f; } .tier-prices .price { font-weight:bold; color:#2f2f2f; } .tier-prices-grouped li { padding:2px 0; color:#e26703; } .tier-prices-grouped li .price { font-weight:bold; } /* Add to Links */ .add-to-links { font-size:11px; margin:5px 0 0; } .add-to-links .separator { display:none; } /* Add to Cart */ .add-to-cart label { display: inline-block; *display: inline; zoom: 1; vertical-align: top; margin: 0 5px 0 10px; height: 22px; line-height: 22px; font-size: 16px; color:#555; } .add-to-cart .qty-controls { display: inline-block; *display: inline; zoom: 1; height: 22px; line-height: 22px; white-space: nowrap; font-size: 0; } .add-to-cart .qty-controls a, .qtyGestion a.plius, .qtyGestion a.minus{ display: inline-block; *display: inline; zoom: 1; width: 15px; height: 15px; line-height: 15px; vertical-align: middle; background: url(../images/catalog/product/qty-controls.png) left top no-repeat transparent; color: #ffffff; } .add-to-cart .qty-controls a.plus, .qtyGestion a.plius{ background-position-x: right; } .add-to-cart .qty-controls a:hover{ background-position-y: bottom; } .add-to-cart .qty { display: inline-block; *display: inline; zoom: 1; margin: 0 3px; padding-right: 8px; width: 19px !important; height: 1em; line-height: 1em; vertical-align: top; text-align: right; font-size: 16px; background-color: #dededf; border: solid 1px #d0d0d0; color:#555; } .add-to-cart button.button { float:left; } .product-view .add-to-cart button.button { float: right; } /* Add to Links + Add to Cart */ .add-to-box { } .add-to-box .add-to-cart { position: relative; padding-top: 11px; width: 167px; height: 80px; background: url(../images/catalog/product/product-view-addto.png) left center no-repeat transparent; } .catalog-product-view .free{ margin-top: -4px; width: 153px; height: 32px; line-height: 32px; text-align: center; background: url(../images/catalog/product/product-view-livraison-gratuite.jpg) left center repeat-x #ffffff; color: #ffffff; } .catalog-product-view .free span{ display: inline-block; *display: inline; zoom: 1; vertical-align: bottom; padding-left: 35px; height: 28px; line-height: 28px; background: url(../images/catalog/product/product-free.png) left center no-repeat transparent; color: #ffffff; } .add-to-box .or { float:left; font-weight:bold; margin:0 7px; color:#666; } .add-to-box .add-to-links { float:left; margin:0; font-size:12px !important; line-height:1.25 !important; text-align:left !important; } .add-to-box .add-to-links li { display:block !important; } .add-to-box .add-to-links li .separator { display:none !important; } .add-to-box .add-to-cart button.button.btn-cart > span > span{ font-size: 13px; } .product-view { } .product-essential { } .product-essential h2 { font:bold 13px/1.35 Arial, Helvetica, sans-serif; } .product-essential .right{ width: 175px; } .product-essential .right > .floatable{ position: fixed; top: 31px; } .product-essential .right .product-brand{ width: 165px; height: 95px; text-align: right; } .product-essential .right .product-brand img{ border: solid 1px #f0f0f0; } .product-essential .right .prices{ position: relative; width: 153px; padding-top: 13px; text-align: center; background: url(../images/catalog/product/product-view-prices.jpg) left top no-repeat #e4580c; } .product-essential .right .prices .price-box{ height: 62px; } .percentage-reduction{ position: absolute; top: -21px; right: -16px; width: 48px; height: 49px; line-height: 49px; text-align: center; font-size: 17px; background: url(../images/catalog/product/product-promo.png) left center no-repeat transparent; color: #ffffff; } .products-grid .percentage-reduction{ top: -5px; right: 0; padding: 0 5px; width: auto; height: 20px; line-height: 20px; text-transform: uppercase; font-size: 14px; font-weight: bold; background: #de4f0f; color: #ffffff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .product-essential .right .prices .eco-taxe{ font-size: 10px; color: #ffffff; } .product-collateral { margin-bottom: 25px; width: 775px; } .product-collateral > * { padding-left: 20px; } .ul-collateral { margin: 20px 0; height: 36px; line-height: 36px; } .std h1, .contacts-index-index h1, .catalog-seo-sitemap-category h1, .catalog-seo-sitemap-product h1, .contacts-revendeur-index h1{ clear: both; margin: 15px 0 20px -20px; padding-left: 10px; height: 35px; line-height: 35px; text-transform: uppercase; font-weight: bold; font-size: 30px; border-left: solid 15px #E30041; color: #E30041; } .std h2, .product-collateral h2 { clear: both; margin: 15px 0 10px -20px; padding-left: 10px; height: 35px; line-height: 35px; text-transform: uppercase; font-weight: bold; font-size: 25px; border-left: solid 15px #2b2b2b; color: #2b2b2b; } .cms-index-index .std h1{ margin: 0; padding: 10px 60px 0px; height: auto; text-transform: none; line-height: 28px; text-align: center; font-size: 13px; border: none; color: #616161; } .cms-index-index .std h2{ margin: 0; border: none; } .cms-index-index .std .home-h2{ background: url(../images/home-h2.png) left center repeat-x transparent; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .cms-index-index .std .marques-home-title{ height: 23px; line-height: 23px; background-color: #e7e7e7; } .cms-index-index .std .marques-home-title h2{ display: inline-block; *display: inline; zoom: 1; padding-left: 26px; height: 23px; line-height: 23px; text-transform: uppercase; font-size: 14px; background: url(../images/home/top-marques-home.png) 6px center no-repeat transparent; color: #6a6a6a; } .cms-index-index .std .marques-home-title a{ float: right; display: inline-block; *display: inline; zoom: 1; margin-top: 2px; margin-right: 2px; padding: 0 5px; height: 19px; line-height: 19px; vertical-align: middle; background-color: #ff5400; color: #ffffff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .cms-index-index .std .home-h2 h2{ padding-left: 40px; height: 45px; line-height: 45px; font-size: 20px; background: url(../images/star.png) 8px center no-repeat transparent; color: #ffffff; } /* Notation Produit ================================================================================ */ /* Affichage des notes dans les commentaires publiés */ #product-review-table .ratings-table th { font-style: normal; font-weight: bold; padding-right: 8px; } #product-review-table .rating-box { background: url("http://assets.labelhabitation.com/skin/frontend/refonte/default/images/ratings/stars_bg.gif") repeat-x scroll 0 100% transparent; height: 13px; width: 95px; } #product-review-table .rating-box .rating { background: url("http://assets.labelhabitation.com/skin/frontend/refonte/default/images/ratings/stars.gif") repeat-x scroll 0 100% transparent; float: left; height: 13px; } /* Notation dans le form */ #product-review-table .rating-container, #customer-reviews .form-list li { line-height: 33px; background-color: #ffffff; } #product-review-table { margin-bottom: 10px; } #customer-reviews .form-list li label, #customer-reviews .form-list li .input-box{ display: inline-block; *display: inline; zoom: 1; padding-left: 10px; width: auto; } #customer-reviews .form-list li .input-box input{ margin-left: 5px; border: none; } #customer-reviews .form-list li .input-box textarea{ padding-top: 10px; width: 425px; border: none; } #product-review-table .rating-container { } #product-review-table #input-message-box { display: inline-block; *display: inline; zoom: 1; padding-left: 10px; font-weight: bold; line-height: 24px; color: #3C3C3C; position: relative; } #product-review-table #input-message-box em { float: right; font-style: normal; color: #EB340A; position: absolute; top: 0; right: -8px; } #product-review-table fieldset.rating { margin-left: 7px; padding: 0; display: inline-block; *display: inline; zoom: 1; vertical-align: middle; width: 95px; font-size: 9px; background-color: #ffffff; } #product-review-table .rating:not(:checked) > input { position: absolute; top: -9999px; clip: rect(0,0,0,0); } #product-review-table .rating-container a.star { cursor: pointer; display: block; float: right; font-size: 165%; line-height: 1.2; color: #d6d6d6; width: 1em; padding: 0 2px; } #product-review-table .rating-container a.star:hover, #product-review-table .rating-container a.star.active, #product-review-table .rating-container a.star.checked { color: #F0C808 ; text-decoration: none; } #product-review-table .rating:not(:checked) > label { float: right; width: 1em; padding: 0 2px; overflow: hidden; white-space: nowrap; cursor: pointer; font-size: 165%; line-height: 1.2; color: #d6d6d6; background-color: #ffffff; } #product-review-table .rating > input:checked ~ label { color: #F0C808; } #product-review-table .rating:not(:checked) > label:hover, #product-review-table .rating:not(:checked) > label:hover ~ label { color: #F0C808 ; } #product-review-table .rating > input:checked + label:hover, #product-review-table .rating > input:checked + label:hover ~ label, #product-review-table .rating > input:checked ~ label:hover, #product-review-table .rating > input:checked ~ label:hover ~ label, #product-review-table .rating > label:hover ~ input:checked ~ label { color: #F0C808; } #product-review-table .rating > label:active { position: relative; } /* ======================================================================================= */ /* Content Styles ================================================================= */ .product-name { margin:0; font-size:1em; font-weight:normal; } /* CMS Home Page */ .cms-index-index .wrapper { background: transparent; } #home-style { position: absolute; width: 100%; height: 100%; } .cms-index-index .page > *{ position: relative; } .not-ie .cms-index-index .page > *{ z-index: 1; } .not-ie .cms-index-index .page > .nav-container{ z-index: 2; } .not-ie .cms-index-index .page > .header-container{ z-index: 3; } /*.not-ie .cms-index-index #nav > li{ z-index: 0; }*/ #home-style{ z-index: 0; } #slider-home { height: 100%; } #slider-home .flex-viewport{ height: 100%; } #slider-home .slides{ height: 100%; } #slider-home .slides li{ height: 100%; cursor: pointer; } #slider-home .slides li img{ display: none; } #slider-home .flex-control-nav{ z-index: 990; top: 540px; left: 50%; margin-left: -480px; width: 960px; } #slider-home2 .flex-control-nav{ z-index: 990; bottom: 15px; left: 50%; margin-left: -480px; width: 960px; } /**+html #slider-home2 .flex-control-nav{ margin-left: 0; }*/ #slider-home .flex-control-nav li{ margin: 0 5px; } #slider-home .flex-control-nav li:first-child{ margin-left: 0; } #slider-home .flex-control-nav li a{ width: 15px; height: 15px; background-color: #ffffff; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; opacity:0.5;-moz-opacity:0.5;-webkit-opacity:0.5;filter:alpha(opacity=50);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; } #slider-home .flex-control-nav li a:hover { background-color: #ffffff; opacity:0.7;-moz-opacity:0.7;-webkit-opacity:0.7;filter:alpha(opacity=70);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; } #slider-home .flex-control-nav li a.flex-active { background-color: #ffffff; opacity:0.9;-moz-opacity:0.9;-webkit-opacity:0.9;filter:alpha(opacity=90);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; } .cms-index-index .home-content .home-left { float: left; margin-bottom: 36px; padding-left: 10px; width: 200px; } .left-tools{ } .left-tools li{ margin-bottom: 5px; line-height: 55px; text-align: center; } .left-tools li a{ display: block; background: url(../images/left-tools.png) left top no-repeat transparent; } .left-tools li a:hover{ background-position: left bottom; } .left-tools li a > span{ display: inline-block; *display: inline; zoom: 1; padding: 0 5px; line-height: 16px; vertical-align: middle; text-transform: uppercase; font-weight: bold; font-size: 14px; color: #ffffff; } .left-tools li a img{ vertical-align: middle; } .left-tools li a span{ font-size: 14px; } .left-tools li a span.mini{ text-transform: none; font-size: 10px; } .cms-index-index .home-content .home-left .encart-product-left{ margin: 10px 0; } .cms-index-index .home-content .home-left .encart-pub-left{ margin: 10px 0; } .cms-index-index .home-content .content { float: right; padding-right: 10px; width: 720px; } .cms-index-index .home-content .content .encarts-home li{ float: left; } .cms-index-index .home-content .content .encarts-home li:first-child{ margin-right: 10px; } /* list-cat */ .list-cat { } .list-cat-landing { } .feature-middle > ul { margin-bottom: 10px; padding: 15px 0 2px 20px; } .list-cat > ul > li { display: block; float:left; margin: 0 20px 13px 0; width: 168px; vertical-align: top; background: #ffffff; -moz-box-shadow:0px 5px 5px -4px #000000; -webkit-box-shadow:0px 5px 5px -4px #000000; box-shadow:0px 5px 5px -4px #000000; } .cms-index-index .list-cat > ul > li { height: 201px; background: url(../images/home/featured-back-a.jpg) left top no-repeat #ffffff; } .list-cat-landing > ul > li { margin-right: 16px; } .list-cat > ul > li.last { margin-right: 0; } .list-cat > ul > li .listing { height: 100px; text-align: center; } .list-cat > ul > li:hover .listing { background: url(../images/home/featured-listing.png) left top repeat transparent; } .cms-index-index .list-cat > ul > li .listing { height: 166px; text-align: left; } .list-cat > ul > li .listing.not-home a{ display: block; height: 100px; line-height: 100px; border: solid 1px #D9D9D9; border-top: none; background-color:#ffffff; } .list-cat > ul > li .listing.not-home a img{ vertical-align: middle; } .list-cat > ul > li .listing ul{ display: none; padding: 5px 0 0 7px; height: 150px; overflow: hidden; } .list-cat > ul > li:hover .listing ul{ display: block; } .list-cat > ul > li .listing li { line-height: 15px; font-size: 10px; } .list-cat > ul > li .listing li a { color:#d925ac; } .list-cat > ul > li.last { margin-right:0; } .list-cat > ul > li .header { text-align:center; } .list-cat > ul > li .content { float:right; padding-top:3px; text-align:center; margin: 0 6px 0 0; position:relative; width:120px; } .list-cat > ul > li .header h2 { margin: 0; padding: 0 20px; height: 35px; line-height: 35px; text-transform: uppercase; border: none; background; font-size: 11px; } .list-cat > ul > li .header h2 a { display: inline-block; *display: inline; zoom: 1; line-height: 1; vertical-align: middle; color:#e45848; font-weight: bold; } .list-cat > ul > li .header h2 a:hover { color:#ffffff; text-decoration:none; } .feature-middle > ul > li .product-name { letter-spacing: -0.1em; line-height: 13px; } .feature-middle > ul > li .product-name a { display:block; font-size:11px; text-align: center; } .feature-middle > ul > li .zone-name, .feature-middle > ul > li .zone-price { text-align:center; } .feature-middle > ul > li .zone-price .price-box { float:none; line-height: 12px; margin:5px 0 0; } .feature-middle > ul > li .zone-price .price-box p { text-align:center; } .feature-middle > ul > li .zone-price .price-box .price, .feature-middle > ul > li .zone-price .price-box .label { color:#3c3c3c; font-size:12px; } .feature-middle > ul > li .zone-price .price-box strong { display:none; } .feature-middle > ul > li .zone-price .old-price .price { font-size:11px; font-weight:normal; text-decoration: line-through; } .feature-middle > ul > li .zone-name { font-size:11px; } .feature-middle .button-more { background-color:#ffffff; background: url("../images/labmag/bkg-btn-rayon.jpg") repeat-x scroll 0 0 transparent; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border:1px solid #eaeaea; bottom:5px; left:30px; color:#3c3c3c; clear:both; height:34px; line-height:34px; vertical-align:middle; display:inline-block; padding:0 5px; *display:inline; zoom:1; margin:7px auto 10px; position:absolute; text-align: center; text-transform: uppercase; width: 190px; } .feature-middle .button-more span { display:inline-block; *display:inline; zoom:1; line-height:14px; vertical-align:middle; } .feature-middle .button-more:hover { background:#eee; text-decoration:none; } .feature-middle .button-more:active { background-color:#e3e3e3; background-image: -webkit-gradient(linear, left top, left bottom, from(#e3e3e3), to(#ffffff)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #e3e3e3, #ffffff); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #e3e3e3, #ffffff); /* FF3.6 */ background-image: -ms-linear-gradient(top, #e3e3e3, #ffffff); /* IE10 */ background-image: -o-linear-gradient(top, #e3e3e3, #ffffff); /* Opera 11.10+ */ background-image: linear-gradient(top, #e3e3e3, #ffffff); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e3e3e3', endColorstr='#ffffff'); /* IE */ text-decoration:none; } /* feature-sidebar */ .feature-sidebar { border:1px solid #E9E7E7; margin-bottom:10px; } .feature-sidebar a { display:block; text-decoration:none; height:131px; position:relative; width:200px; } .feature-sidebar a .zone-price { background:url("../images/labmag/feature_sidebar_promo.png") no-repeat scroll 0 0 transparent; bottom:0; height:46px; position:absolute; right:0; width:87px; text-align:center; } .feature-sidebar a .zone-price .price-box { float: none; margin-left: 10px; margin-top: 10px; } .feature-sidebar a img { border:1px solid #E9E7E7; } /*** MANUFACTURERS ***/ .manufacturers h1{ margin-bottom: 25px; text-transform: uppercase; font-size: 27px; font-weight: bold; color: #e30041; } #manufacturers-slider { clear:both; margin-bottom: 36px; background: url(../images/manufacturers/manufacturers-home-back.png) left center repeat-y transparent; } #manufacturers-slider .header { height: 23px; line-height: 23px; background-color: #e7e7e7; } #manufacturers-slider .header h2 { } #manufacturers-slider .header h2 a { color: #6a6a6a; } #manufacturers-slider ol { overflow:hidden; _overflow:visible; zoom:1; } #manufacturers-slider ol li { float:left; width:127px; height:100px; margin:0 5px; } #manufacturers-slider ol li a { display:block; height:100px; line-height:100px; text-align:center; } #manufacturers-slider ol li a img { vertical-align:middle; max-width:100%; max-height:100%; -moz-transition:opacity .2s ease-in-out; -webkit-transition:opacity .2s ease-in-out; transition:opacity .2s ease-in-out; } #manufacturers-slider ol li a:hover img { opacity:.75; filter:alpha(opacity=75); } #brand-description { margin-bottom: 30px; overflow:hidden; _overflow:visible; zoom:1; } #brand-description img { float: left; margin: 0 10px 10px 0; } #brand-description p { margin-bottom:10px; } #all-brands dl { margin-bottom:15px; } #all-brands dt { font-size: 18px; font-weight: bold; } #all-brands div { float: left; } /* RSS */ .rss-title h1 { background:url(../images/i_rss-big.png) 0 4px no-repeat; padding-left:27px; } .rss-table .link-rss { display:block; line-height:1.55; background-position:0 4px; } /* ======================================================================================= */ /* Footer ================================================================================ */ .footer-container { margin:0 auto; width:960px; clear:both; } .footer { padding-top: 40px; background-color: #ffffff; } .footer div.footer_column {float: left; width:320px; margin-top:20px;} #footer-tools{ white-space: nowrap; text-align: center; height: 86px; background-color:#E4E4E4} #footer-tools li{ display: inline-block; *display: inline; zoom: 1; height: 104px; line-height: 104px; white-space: normal; vertical-align: top; } #footer-tools li a{ display: inline-block; *display: inline; zoom: 1; padding: 4px 0 3px; vertical-align: top; text-transform: uppercase; color: #000000; background-color: #E4E4E4; } #footer-tools li a span{ display: block; vertical-align: top; padding: 25px 0 0 93px; width: 95px; height: 54px; line-height: 16px; background-position: center 16px; background-repeat: no-repeat; border-right: solid 1px #ffffff; text-align:left; } #footer-tools li.last a span{ width: 120px; border-right: none; } *+html #footer-tools li a{ padding: 71px 10px 3px; } #footer-tools li a:hover{ text-decoration: none; background-color: #d4d4d4; } .footer .social-network {} .footer .social-network .social-button {background-image: url('../images/sprite-footer.png'); width:45px; height:45px; float:left;} .footer .social-network .social-button a { display: block; width:100%; height: 100%; } .footer .social-network .social-button.facebook {background-position: -45px 0;} .footer .social-network .social-button.google {background-position: 0 0;} .footer .social-network .social-button.twitter {background-position: -90px 0;} .footer .social-network .social-button.pinterest {background-position: -135px 0;} .footer .mobile_tablette {background-image: url('../images/sprite-footer.png'); height:90px; background-position: -345px -185px; background-repeat: no-repeat;} .footer .footer_partenaires {background-image: url('../images/sprite-footer.png'); background-position: 0 -285px; background-repeat: no-repeat; height: 70px; width: 700px;margin: auto; clear: both;} .footer-container .footer-block{ display: inline-block; *display: inline; zoom: 1; margin: 15px 5px 10px 10px; padding: 10px 10px 15px; height: 115px; vertical-align: top; border: solid 1px #d0d0d0; } .footer-container .footer-block.partenaires{ width: 310px; } .footer-container .footer-block > strong{ display: block; margin-bottom: 15px; text-transform: uppercase; color: #DC4E10; } .footer-container .footer-block > img{ } .footer-container .footer-block > ul{ } .footer-container .footer-block > ul li{ display: inline-block; *display: inline; zoom: 1; line-height: 40px; vertical-align: top; } .footer-container .footer-block > ul li img{ } .footer-container .reseaux-soc{ display: inline-block; *display: inline; zoom: 1; margin-top: 15px; padding-left: 10px; width: 158px; } .footer-container .reseaux-soc li{ margin-bottom: 7px; padding: 1px; line-height: 27px; background-color: #395796; color: #3a5897; } .footer-container .reseaux-soc li.tweeter { background-color: #32aadc; color: #32aadc; } .footer-container .reseaux-soc li.blogger{ background-color: #fe6700; color: #fe6700; } .footer-container .reseaux-soc li .picto{ display: inline-block; *display: inline; zoom: 1; margin: 0; width: 30px; min-height: 27px; line-height: 27px; vertical-align: middle; background: url(../images/footer/footer-f.png) center center no-repeat transparent; } .footer-container .reseaux-soc li.tweeter .picto{ background-image: url(../images/footer/footer-tweeter.gif); } .footer-container .reseaux-soc li.blogger .picto{ background-image: url(../images/footer/footer-b.gif); } .footer-container .reseaux-soc li .content{ position: relative; overflow: hidden; display: inline-block; *display: inline; zoom: 1; padding: 2px 5px 5px; width: 113px; line-height: 11px; font-size: 9px; vertical-align: middle; background-color: #ffffff; } .footer-container .reseaux-soc li .content a{ color: #3a5897; } .footer-container .reseaux-soc li.tweeter .content a{ color: #32aadc; } .footer-container .reseaux-soc li.blogger .content a{ color: #fe6700; } .footer-container .footer .block{width:284px; display: inline-block; /*display: inline;*/ zoom: 1; margin: 0 0 10px 10px; padding: 0 13px 4px; line-height:19px; vertical-align: top; font-size: 12px; color: #6a6a6a; } .footer-container .footer .block .block-content{ padding: 0; line-height: 16px; margin-top: 10px;} .footer-container .footer .block .actions{ display: inline-block; *display: inline; zoom: 1; } .footer-container .footer .block label{ display: block; margin-bottom: 4px; } .footer-container .footer .block .input-box{ display: inline-block; *display: inline; zoom: 1; vertical-align: top; } .footer-container .footer .block .input-box input{ height: 17px; border-right: none; } .footer-container .footer .block .actions button.button{ padding: 0 8px; line-height: 23px; background-color: #f04d12; color: #ffffff; } .footer-container .footer .block.block-subscribe{ } .footer-container .footer .block .block-title{ padding: 0; border: none; } .footer-container .footer .block > strong{ font-size: 13px; color:#000000; text-transform: uppercase; float:none; display: block;} .footer-container .footer .block a{ color: #6a6a6a; } .footer-container .footer .block.footer-links ul li{ background: none; } .footer-bottom { height:104px; position:relative; } .footer-bottom .mobile-agent { position: absolute; right: 0; } .footer-bottom .vualatv { position: absolute; top: 0; left: 10px; } /* ======================================================================================= */ /* ======================================================================================= */ /* Clears ================================================================================ */ .clearer:after, .header-container:after, .header-container .top-container:after, .header:after, .header .quick-access:after, .main:after, .footer:after, .footer-container .bottom-container:after, .col-main:after, .col2-set:after, .col3-set:after, .col4-set:after, .search-autocomplete li:after, .block .block-content:after, .block .actions:after, .block li.item:after, .block-poll li:after, .block-layered-nav .currently li:after, .page-title:after, .products-grid:after, .products-list li.item:after, .box-account .box-head:after, .dashboard .box .box-title:after, .box-reviews li.item:after, .box-tags li.item:after, .pager:after, .sorter:after, .ratings:after, .add-to-box:after, .add-to-cart:after, .product-essential:after, .product-collateral:after, .product-view .product-img-box .more-views ul:after, .product-view .box-tags .form-add:after, .product-options .options-list li:after, .product-options-bottom:after, .product-review:after, .cart:after, .cart-collaterals:after, .cart .crosssell li.item:after, .opc .step-title:after, .checkout-progress:after, .multiple-checkout .place-order:after, .group-select li:after, .form-list li:after, .form-list .field:after, .buttons-set:after, .page-print .print-head:after, .advanced-search-summary:after, .gift-messages-form .item:after, .send-friend .form-list li p:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } /* ======================================================================================= */ /*------------- Links sociaux ------------*/ ul.links-sociaux{ float: left; margin-right: 10px; margin-left: 45px; } ul.links-sociaux li{ margin-bottom: 2px; } /* Clearfix ================================================================================ */ .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; visibility: hidden; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } /*---------------sliders------------------*/ .flex-direction-nav{ position: absolute; top: 50%; left: 0; margin-top: -20px !important; width: 100%; height: 41px; } .flex-direction-nav li{ float: right; } .flex-direction-nav li:first-child{ float: left; } .flex-direction-nav li a{ display: block; width: 21px; height: 40px; font-size: 0; background: url(../images/flexslider/slide-direction.png) left top no-repeat transparent; } .flex-direction-nav li a.flex-next{ /*right: 0;*/ background-position: left bottom; } #landing-slides{ margin-bottom: 7px; } #manufacturers-slider{ line-height: 113px; } #manufacturers-slider .flex-viewport{ z-index: 1; margin: 0 auto; width: 645px; } #manufacturers-slider.flexslider .slides > li{ overflow: hidden; text-align: center; } #manufacturers-slider.flexslider .slides a{ display: block; } #manufacturers-slider.flexslider .slides img{ display: inline-block; *display: inline; zoom: 1; max-height: 85px; vertical-align: middle; } /*---------------Modifs individuelles------------------*/ #nav > li#menu-558 { background-color: #FF8600; max-width: 68px; } #nav > li#menu-1493, #nav > li#menu-2114 { background-color: #3b97b9; max-width: 63px; } #nav > li#menu-117 > a{ width: 92px; } #nav > li#menu-118 > a{ width: 95px; } #nav > li#menu-120 > a{ width: 75px; } #nav > li#menu-121 > a{ width: 61px; } #nav > li#menu-1493 > a { padding : 0 9px; } #nav > li#menu-631 > a{ padding: 0 4px; width: 45px; } #nav > li#menu-669 > a{ padding: 0 4px; } #nav > li#menu-769 > a{ width: 65px; } #nav > li#menu-1695 > a{ width: 43px; } #nav > li#menu-1982 > a{ width: 65px; } #nav > li#menu-123 > a{ width: 117px; /*max-width: 117px;*/ } #nav > li#menu-558:hover { background-color: #FF9C00; } #nav > li#menu-558:hover > a > span {color:#FFF} #nav > li#menu-1493:hover { background-color: #ff592a; } #nav > li#menu-1493:hover > a > span {color:#FFF} #nav > li#menu-2114:hover { background-color: #ff592a; } #nav > li#menu-2114:hover > a > span {color:#FFF} #nav > li#menu-117:hover {background-color: #518D19; } #nav > li#menu-118:hover {background-color: #CD5228; } #nav > li#menu-120:hover { background-color: #F27007; } #nav > li#menu-121:hover { background-color: #00E3AB; } #nav > li#menu-1354:hover { background-color: #CD5228;} #nav > li#menu-631:hover { background-color: #F21707; } #nav > li#menu-669:hover { background-color: #00A6E3; } #nav > li#menu-769:hover { background-color: #ADDA13; } #nav > li#menu-1695:hover { background-color: #ADDA13; } #nav > li#menu-123:hover { background-color: #F21707; } #nav > li#menu-1354:hover { background-color: #AB00E3; } #nav > li#menu-672:hover { background-color: #A82049; } #nav > li#menu-1387:hover { background-color: #E300AB; } #nav > li#menu-1982:hover { background-color: #18929E; } #nav > li#menu-1732:hover { background-color: #a55c34;} /*-------------------Couleurs de categories----------------------*/ /*.list-cat > ul > li.nav-117 .listing li, .list-cat > ul > li.nav-117 .product-name a { color:#518D19 } .list-cat > ul > li.nav-118 .listing li, .list-cat > ul > li.nav-118 .product-name a { color:#093a39 } .list-cat > ul > li.nav-119 .listing li, .list-cat > ul > li.nav-119 .product-name a { color:#96cc13 } .list-cat > ul > li.nav-120 .listing li, .list-cat > ul > li.nav-120 .product-name a { color:#d34614 } .list-cat > ul > li.nav-121 .listing li, .list-cat > ul > li.nav-121 .product-name a { color:#ba3aca } .list-cat > ul > li.nav-123 .listing li, .list-cat > ul > li.nav-123 .product-name a { color:#044698 }*/ .cms-index-index .products-grid li.item .sub .link-compare, .cms-index-index .landing-grid .special-price .price, .cms-index-index .products-grid li.item .product-name a:hover, .cms-index-index .products-grid li.item .sub .btn-cart > span span, .cms-index-index .products-grid li.item .link-wishlist > span span{ color: #e30041; } .cms-index-index .products-grid li.item .link-wishlist:hover, .cms-index-index .products-grid li.item .button.button > span, .cms-index-index .products-grid .percentage-reduction{ background-color: #e30041; } #nav > li{ border-color: #ff592a; } #nav > li:hover > a > span, #nav > li > .sub > .sousmenu > ul > li > a, #nav > li .brands ul li a, #nav > li > .sub > .sousmenu ul > li li a:hover, .list-cat > ul > li .listing li a, .catalog-category-view h1, .product-view .product-name h1, .products-grid li.item .product-name a:hover, .products-grid li.item .sub .link-compare, .product-view .product-essential .right .link-compare, .block-layered-nav dd > ol > li > a:hover, .block-layered-nav dd > ol > li > a.active, .block-layered-nav dd > ol > li ul li a:hover, .landing-grid .special-price .price, .products-grid li.item .sub .btn-cart > span span, .products-grid li.item .link-wishlist > span span, .products-list .product-name a:hover{ color: #ff592a; } #nav > li > .sub, .products-grid li.item .link-wishlist:hover, .products-grid li.item .button.button > span, .products-grid .percentage-reduction{ background-color: #ff592a; } .list-cat > ul > li .header h2, .list-cat > ul > li .header h2{ background-color: #eaeaea; } #nav > li#menu-117{ border-color: #518D19; } #nav > li#menu-117:hover > a > span {color:#FFF} #nav > li#menu-117 > .sub > .sousmenu > ul > li > a, #nav > li#menu-117 .brands ul li a, #nav > li#menu-117 > .sub > .sousmenu ul > li li a:hover, .list-cat > ul > li.nav-117 .listing li, .list-cat > ul > li.nav-117 .product-name a, .list-cat > ul > li.nav-117 .listing li a, .body_top_category_117.catalog-category-view h1, .body_top_category_117 .product-view .product-name h1, .body_top_category_117 .products-grid li.item .product-name a:hover, .body_top_category_117 .products-grid li.item .sub .link-compare, .body_top_category_117 .product-view .product-essential .right .link-compare, .body_top_category_117 .block-layered-nav dd > ol > li > a:hover, .body_top_category_117 .block-layered-nav dd > ol > li > a.active, .body_top_category_117 .block-layered-nav dd > ol > li ul li a:hover, .body_top_category_117 .landing-grid .special-price .price, .body_top_category_117 .products-grid li.item .sub .btn-cart > span span, .body_top_category_117.products-grid li.item .link-wishlist > span span, .body_top_category_117 .products-list .product-name a:hover{ color: #518D19; } #nav > li#menu-117 > .sub, .body_top_category_117 .products-grid li.item .link-wishlist:hover, .body_top_category_117 .products-grid li.item .button.button > span, .body_top_category_117 .products-grid .percentage-reduction{ background-color: #518D19; } .body_top_category_117 .list-cat > ul > li .header h2, .list-cat > ul > li.nav-117 .header h2{ background-position: left 0; } #nav > li#menu-118{ border-color: #E300AB; } #nav > li#menu-118:hover > a > span {color:#FFF} #nav > li#menu-118 > .sub > .sousmenu > ul > li > a, #nav > li#menu-118 .brands ul li a, #nav > li#menu-118 > .sub > .sousmenu ul > li li a:hover, .list-cat > ul > li.nav-118 .listing li, .list-cat > ul > li.nav-118 .product-name a, .list-cat > ul > li.nav-118 .listing li a, .body_top_category_118.catalog-category-view h1, .body_top_category_118 .product-view .product-name h1, .body_top_category_118 .products-grid li.item .product-name a:hover, .body_top_category_118 .products-grid li.item .sub .link-compare, .body_top_category_118 .product-view .product-essential .right .link-compare, .body_top_category_118 .block-layered-nav dd > ol > li > a:hover, .body_top_category_118 .block-layered-nav dd > ol > li > a.active, .body_top_category_118 .block-layered-nav dd > ol > li ul li a:hover, .body_top_category_118 .landing-grid .special-price .price, .body_top_category_118 .products-grid li.item .sub .btn-cart > span span, .body_top_category_118.products-grid li.item .link-wishlist > span span, .body_top_category_118 .products-list .product-name a:hover{ color: #E300AB; } #nav > li#menu-118 > .sub, .body_top_category_118 .products-grid li.item .link-wishlist:hover, .body_top_category_118 .products-grid li.item .button.button > span, .body_top_category_118 .products-grid .percentage-reduction{ background-color: #E300AB; } .body_top_category_118 .list-cat > ul > li .header h2, .list-cat > ul > li.nav-118 .header h2{ background-position: left -35px; } #nav > li#menu-119{ border-color: #AB00E3; } #nav > li#menu-119:hover > a > span {color:#FFF} #nav > li#menu-119 > .sub > .sousmenu > ul > li > a, #nav > li#menu-119 .brands ul li a, #nav > li#menu-119 > .sub > .sousmenu ul > li li a:hover, .list-cat > ul > li.nav-119 .listing li, .list-cat > ul > li.nav-119 .product-name a, .list-cat > ul > li.nav-119 .listing li a, .body_top_category_119.catalog-category-view h1, .body_top_category_119 .product-view .product-name h1, .body_top_category_119 .products-grid li.item .product-name a:hover, .body_top_category_119 .products-grid li.item .sub .link-compare, .body_top_category_119 .product-view .product-essential .right .link-compare, .body_top_category_119 .block-layered-nav dd > ol > li > a:hover, .body_top_category_119 .block-layered-nav dd > ol > li > a.active, .body_top_category_119 .block-layered-nav dd > ol > li ul li a:hover, .body_top_category_119 .landing-grid .special-price .price, .body_top_category_119 .products-grid li.item .sub .btn-cart > span span, .body_top_category_119.products-grid li.item .link-wishlist > span span, .body_top_category_119 .products-list .product-name a:hover{ color: #AB00E3; } #nav > li#menu-119 > .sub, .body_top_category_119 .products-grid li.item .link-wishlist:hover, .body_top_category_119 .products-grid li.item .button.button > span, .body_top_category_119 .products-grid .percentage-reduction{ background-color: #AB00E3; } .body_top_category_119 .list-cat > ul > li .header h2, .list-cat > ul > li.nav-119 .header h2{ background-position: left -70px; } #nav > li#menu-672{ border-color: #a82049; } #nav > li#menu-672:hover > a > span {color:#FFF} #nav > li#menu-672 > .sub > .sousmenu > ul > li > a, #nav > li#menu-672 .brands ul li a, #nav > li#menu-672 > .sub > .sousmenu ul > li li a:hover, .list-cat > ul > li.nav-672 .listing li, .list-cat > ul > li.nav-672 .product-name a, .list-cat > ul > li.nav-672 .listing li a, .body_top_category_672.catalog-category-view h1, .body_top_category_672 .product-view .product-name h1, .body_top_category_672 .products-grid li.item .product-name a:hover, .body_top_category_672 .products-grid li.item .sub .link-compare, .body_top_category_672 .product-view .product-essential .right .link-compare, .body_top_category_672 .block-layered-nav dd > ol > li > a:hover, .body_top_category_672 .block-layered-nav dd > ol > li > a.active, .body_top_category_672 .block-layered-nav dd > ol > li ul li a:hover, .body_top_category_672 .landing-grid .special-price .price, .body_top_category_672 .products-grid li.item .sub .btn-cart > span span, .body_top_category_672.products-grid li.item .link-wishlist > span span, .body_top_category_672 .products-list .product-name a:hover{ color: #a82049; } #nav > li#menu-672 > .sub, .body_top_category_672 .products-grid li.item .link-wishlist:hover, .body_top_category_672 .products-grid li.item .button.button > span, .body_top_category_672 .products-grid .percentage-reduction{ background-color: #a82049; } .body_top_category_672 .list-cat > ul > li .header h2, .list-cat > ul > li.nav-672 .header h2{ background-position: left -280px; } #nav > li#menu-120{ border-color: #F27007; } #nav > li#menu-120:hover > a > span {color:#FFF} #nav > li#menu-120 > .sub > .sousmenu > ul > li > a, #nav > li#menu-120 .brands ul li a, #nav > li#menu-120 > .sub > .sousmenu ul > li li a:hover, .list-cat > ul > li.nav-120 .listing li, .list-cat > ul > li.nav-120 .product-name a, .list-cat > ul > li.nav-120 .listing li a, .body_top_category_120.catalog-category-view h1, .body_top_category_120 .product-view .product-name h1, .body_top_category_120 .products-grid li.item .product-name a:hover, .body_top_category_120 .products-grid li.item .sub .link-compare, .body_top_category_120 .product-view .product-essential .right .link-compare, .body_top_category_120 .block-layered-nav dd > ol > li > a:hover, .body_top_category_120 .block-layered-nav dd > ol > li > a.active, .body_top_category_120 .block-layered-nav dd > ol > li ul li a:hover, .body_top_category_120 .landing-grid .special-price .price, .body_top_category_120 .products-grid li.item .sub .btn-cart > span span, .body_top_category_120.products-grid li.item .link-wishlist > span span, .body_top_category_120 .products-list .product-name a:hover{ color: #F27007; } #nav > li#menu-120 > .sub, .body_top_category_120 .products-grid li.item .link-wishlist:hover, .body_top_category_120 .products-grid li.item .button.button > span, .body_top_category_120 .products-grid .percentage-reduction{ background-color: #F27007; } .body_top_category_120 .list-cat > ul > li .header h2, .list-cat > ul > li.nav-120 .header h2{ background-position: left -105px; } #nav > li#menu-631{ border-color: #F21707; } #nav > li#menu-631:hover > a > span {color:#FFF} #nav > li#menu-631 > .sub > .sousmenu > ul > li > a, #nav > li#menu-631 .brands ul li a, #nav > li#menu-631 > .sub > .sousmenu ul > li li a:hover, .list-cat > ul > li.nav-631 .listing li, .list-cat > ul > li.nav-631 .product-name a, .list-cat > ul > li.nav-631 .listing li a, .body_top_category_631.catalog-category-view h1, .body_top_category_631 .product-view .product-name h1, .body_top_category_631 .products-grid li.item .product-name a:hover, .body_top_category_631 .products-grid li.item .sub .link-compare, .body_top_category_631 .product-view .product-essential .right .link-compare, .body_top_category_631 .block-layered-nav dd > ol > li > a:hover, .body_top_category_631 .block-layered-nav dd > ol > li > a.active, .body_top_category_631 .block-layered-nav dd > ol > li ul li a:hover, .body_top_category_631 .landing-grid .special-price .price, .body_top_category_631 .products-grid li.item .sub .btn-cart > span span, .body_top_category_631.products-grid li.item .link-wishlist > span span, .body_top_category_631 .products-list .product-name a:hover{ color: #F21707; } #nav > li#menu-631 > .sub, .body_top_category_631 .products-grid li.item .link-wishlist:hover, .body_top_category_631 .products-grid li.item .button.button > span, .body_top_category_631 .products-grid .percentage-reduction{ background-color: #F21707; } .body_top_category_631 .list-cat > ul > li .header h2, .list-cat > ul > li.nav-631 .header h2{ background-position: left -210px; } #nav > li#menu-669{ border-color: #00A6E3; } #nav > li#menu-669:hover > a > span {color:#FFF} #nav > li#menu-669 > .sub > .sousmenu > ul > li > a, #nav > li#menu-669 .brands ul li a, #nav > li#menu-669 > .sub > .sousmenu ul > li li a:hover, .list-cat > ul > li.nav-669 .listing li, .list-cat > ul > li.nav-669 .product-name a, .list-cat > ul > li.nav-669 .listing li a, .body_top_category_669.catalog-category-view h1, .body_top_category_669 .product-view .product-name h1, .body_top_category_669 .products-grid li.item .product-name a:hover, .body_top_category_669 .products-grid li.item .sub .link-compare, .body_top_category_669 .product-view .product-essential .right .link-compare, .body_top_category_669 .block-layered-nav dd > ol > li > a:hover, .body_top_category_669 .block-layered-nav dd > ol > li > a.active, .body_top_category_669 .block-layered-nav dd > ol > li ul li a:hover, .body_top_category_669 .landing-grid .special-price .price, .body_top_category_669 .products-grid li.item .sub .btn-cart > span span, .body_top_category_669.products-grid li.item .link-wishlist > span span, .body_top_category_669 .products-list .product-name a:hover{ color: #00A6E3; } #nav > li#menu-669 > .sub, .body_top_category_669 .products-grid li.item .link-wishlist:hover, .body_top_category_669 .products-grid li.item .button.button > span, .body_top_category_669 .products-grid .percentage-reduction{ background-color: #00A6E3; } .body_top_category_669 .list-cat > ul > li .header h2, .list-cat > ul > li.nav-669 .header h2{ background-position: left -245px; } #nav > li#menu-121{ border-color: #00E3AB; } #nav > li#menu-121:hover > a > span {color:#FFF} #nav > li#menu-121 > .sub > .sousmenu > ul > li > a, #nav > li#menu-121 .brands ul li a, #nav > li#menu-121 > .sub > .sousmenu ul > li li a:hover, .list-cat > ul > li.nav-121 .listing li, .list-cat > ul > li.nav-121 .product-name a, .list-cat > ul > li.nav-121 .listing li a, .body_top_category_121.catalog-category-view h1, .body_top_category_121 .product-view .product-name h1, .body_top_category_121 .products-grid li.item .product-name a:hover, .body_top_category_121 .products-grid li.item .sub .link-compare, .body_top_category_121 .product-view .product-essential .right .link-compare, .body_top_category_121 .block-layered-nav dd > ol > li > a:hover, .body_top_category_121 .block-layered-nav dd > ol > li > a.active, .body_top_category_121 .block-layered-nav dd > ol > li ul li a:hover, .body_top_category_121 .landing-grid .special-price .price, .body_top_category_121 .products-grid li.item .sub .btn-cart > span span, .body_top_category_121.products-grid li.item .link-wishlist > span span, .body_top_category_121 .products-list .product-name a:hover{ color: #00E3AB; } #nav > li#menu-121 > .sub, .body_top_category_121 .products-grid li.item .link-wishlist:hover, .body_top_category_121 .products-grid li.item .button.button > span, .body_top_category_121 .products-grid .percentage-reduction{ background-color: #00E3AB; } .body_top_category_121 .list-cat > ul > li .header h2, .list-cat > ul > li.nav-121 .header h2{ background-position: left -140px; } #nav > li#menu-769{ border-color: #ADDA13; } #nav > li#menu-769:hover > a > span {color:#FFF} #nav > li#menu-769 > .sub > .sousmenu > ul > li > a, #nav > li#menu-769 .brands ul li a, #nav > li#menu-769 > .sub > .sousmenu ul > li li a:hover, .list-cat > ul > li.nav-769 .listing li, .list-cat > ul > li.nav-769 .product-name a, .list-cat > ul > li.nav-769 .listing li a, .body_top_category_769.catalog-category-view h1, .body_top_category_769 .product-view .product-name h1, .body_top_category_769 .products-grid li.item .product-name a:hover, .body_top_category_769 .products-grid li.item .sub .link-compare, .body_top_category_769 .product-view .product-essential .right .link-compare, .body_top_category_769 .block-layered-nav dd > ol > li > a:hover, .body_top_category_769 .block-layered-nav dd > ol > li > a.active, .body_top_category_769 .block-layered-nav dd > ol > li ul li a:hover, .body_top_category_769 .landing-grid .special-price .price, .body_top_category_769 .products-grid li.item .sub .btn-cart > span span, .body_top_category_769.products-grid li.item .link-wishlist > span span, .body_top_category_769 .products-list .product-name a:hover{ color: #ADDA13; } #nav > li#menu-769 > .sub, .body_top_category_769 .products-grid li.item .link-wishlist:hover, .body_top_category_769 .products-grid li.item .button.button > span, .body_top_category_769 .products-grid .percentage-reduction{ background-color: #ADDA13; } .body_top_category_769 .list-cat > ul > li .header h2, .list-cat > ul > li.nav-769 .header h2{ background-position: left -315px; } #nav > li#menu-123{ border-color: #F21707; } #nav > li#menu-123:hover > a > span {color:#FFF} #nav > li#menu-123 > .sub > .sousmenu > ul > li > a, #nav > li#menu-123 .brands ul li a, #nav > li#menu-123 > .sub > .sousmenu ul > li li a:hover, .list-cat > ul > li.nav-123 .listing li, .list-cat > ul > li.nav-123 .product-name a, .list-cat > ul > li.nav-123 .listing li a, .body_top_category_123.catalog-category-view h1, .body_top_category_123 .product-view .product-name h1, .body_top_category_123 .products-grid li.item .product-name a:hover, .body_top_category_123 .products-grid li.item .sub .link-compare, .body_top_category_123 .product-view .product-essential .right .link-compare, .body_top_category_123 .block-layered-nav dd > ol > li > a:hover, .body_top_category_123 .block-layered-nav dd > ol > li > a.active, .body_top_category_123 .block-layered-nav dd > ol > li ul li a:hover, .body_top_category_123 .landing-grid .special-price .price, .body_top_category_123 .products-grid li.item .sub .btn-cart > span span, .body_top_category_123.products-grid li.item .link-wishlist > span span, .body_top_category_123 .products-list .product-name a:hover{ color: #F21707; } #nav > li#menu-123 > .sub, .body_top_category_123 .products-grid li.item .link-wishlist:hover, .body_top_category_123 .products-grid li.item .button.button > span, .body_top_category_123 .products-grid .percentage-reduction{ background-color: #F21707; } .body_top_category_123 .list-cat > ul > li .header h2, .list-cat > ul > li.nav-123 .header h2{ } /* fix for masonry */ #nav > li > .sub > .sousmenu > ul > li { width:220px; } #nav > li > .sub { display:block; left:-2000px; } #nav > li:hover > .sub { display:block; left:50%; } /* Nouvelle catégorie Remplacement de Telecommande Portail */ #nav > li#menu-1387 { border-color: #E300AB; } #nav > li#menu-1387:hover > a > span {color:#FFF} #nav > li#menu-1387 > .sub > .sousmenu > ul > li > a, #nav > li#menu-1387.brands ul li a, #nav > li#menu-1387> .sub > .sousmenu ul > li li a:hover, .list-cat > ul > li.nav-1387.listing li, .list-cat > ul > li.nav-1387.product-name a, .list-cat > ul > li.nav-1387.listing li a, .body_top_category_1387.catalog-category-view h1, .body_top_category_1387 .product-view .product-name h1, .body_top_category_1387 .products-grid li.item .product-name a:hover, .body_top_category_1387 .products-grid li.item .sub .link-compare, .body_top_category_1387 .product-view .product-essential .right .link-compare, .body_top_category_1387 .block-layered-nav dd > ol > li > a:hover, .body_top_category_1387 .block-layered-nav dd > ol > li > a.active, .body_top_category_1387 .block-layered-nav dd > ol > li ul li a:hover, .body_top_category_1387 .landing-grid .special-price .price, .body_top_category_1387 .products-grid li.item .sub .btn-cart > span span, .body_top_category_1387.products-grid li.item .link-wishlist > span span, .body_top_category_1387 .products-list .product-name a:hover{ color: #E300AB; } #nav > li#menu-1387 > .sub, .body_top_category_1387 .products-grid li.item .link-wishlist:hover, .body_top_category_1387 .products-grid li.item .button.button > span, .body_top_category_1387 .products-grid .percentage-reduction{ background-color: #E300AB; } .body_top_category_1387 .list-cat > ul > li .header h2, .list-cat > ul > li.nav-1387 .header h2{ background-position: left -35px; } #nav > li#menu-1387 > a{ width: 95px; } #nav > li#menu-1354 { border-color: #AB00E3; } #nav > li#menu-1354:hover > a > span {color:#FFF} #nav > li#menu-1354 > .sub > .sousmenu > ul > li > a, #nav > li#menu-1354 .brands ul li a, #nav > li#menu-1354 > .sub > .sousmenu ul > li li a:hover, .list-cat > ul > li.nav-1354 .listing li, .list-cat > ul > li.nav-1354 .product-name a, .list-cat > ul > li.nav-1354 .listing li a, .body_top_category_1354.catalog-category-view h1, .body_top_category_1354 .product-view .product-name h1, .body_top_category_1354 .products-grid li.item .product-name a:hover, .body_top_category_1354 .products-grid li.item .sub .link-compare, .body_top_category_1354 .product-view .product-essential .right .link-compare, .body_top_category_1354 .block-layered-nav dd > ol > li > a:hover, .body_top_category_1354 .block-layered-nav dd > ol > li > a.active, .body_top_category_1354 .block-layered-nav dd > ol > li ul li a:hover, .body_top_category_1354 .landing-grid .special-price .price, .body_top_category_1354 .products-grid li.item .sub .btn-cart > span span, .body_top_category_1354.products-grid li.item .link-wishlist > span span, .body_top_category_1354 .products-list .product-name a:hover{ color: #AB00E3; } #nav > li#menu-1354 > .sub, .body_top_category_1354 .products-grid li.item .link-wishlist:hover, .body_top_category_1354 .products-grid li.item .button.button > span, .body_top_category_1354 .products-grid .percentage-reduction{ background-color: #AB00E3; } .body_top_category_1354 .list-cat > ul > li .header h2, .list-cat > ul > li.nav-1354 .header h2{ background-position: left -70px; } #nav > li#menu-1695{ border-color: #ADDA13; } #nav > li#menu-1695:hover > a > span {color:#FFF} #nav > li#menu-1695 > .sub > .sousmenu > ul > li > a, #nav > li#menu-1695 .brands ul li a, #nav > li#menu-1695 > .sub > .sousmenu ul > li li a:hover, .list-cat > ul > li.nav-1695 .listing li, .list-cat > ul > li.nav-1695 .product-name a, .list-cat > ul > li.nav-1695 .listing li a, .body_top_category_1695.catalog-category-view h1, .body_top_category_1695 .product-view .product-name h1, .body_top_category_1695 .products-grid li.item .product-name a:hover, .body_top_category_1695 .products-grid li.item .sub .link-compare, .body_top_category_1695 .product-view .product-essential .right .link-compare, .body_top_category_1695 .block-layered-nav dd > ol > li > a:hover, .body_top_category_1695 .block-layered-nav dd > ol > li > a.active, .body_top_category_1695 .block-layered-nav dd > ol > li ul li a:hover, .body_top_category_1695 .landing-grid .special-price .price, .body_top_category_1695 .products-grid li.item .sub .btn-cart > span span, .body_top_category_1695.products-grid li.item .link-wishlist > span span, .body_top_category_1695 .products-list .product-name a:hover{ color: #ADDA13; } #nav > li#menu-1695 > .sub, .body_top_category_1695 .products-grid li.item .link-wishlist:hover, .body_top_category_1695 .products-grid li.item .button.button > span, .body_top_category_1695 .products-grid .percentage-reduction{ background-color: #ADDA13; } .body_top_category_1695 .list-cat > ul > li .header h2, .list-cat > ul > li.nav-1695 .header h2{ background-position: left -315px; } #nav > li#menu-1732{ border-color: #a55c34; } #nav > li#menu-1732:hover > a > span {color:#FFF} #nav > li#menu-1732 > .sub > .sousmenu > ul > li > a, #nav > li#menu-1732 .brands ul li a, #nav > li#menu-1732 > .sub > .sousmenu ul > li li a:hover, .list-cat > ul > li.nav-1732 .listing li, .list-cat > ul > li.nav-1732 .product-name a, .list-cat > ul > li.nav-1732 .listing li a, .body_top_category_1732.catalog-category-view h1, .body_top_category_1732 .product-view .product-name h1, .body_top_category_1732 .products-grid li.item .product-name a:hover, .body_top_category_1732 .products-grid li.item .sub .link-compare, .body_top_category_1732 .product-view .product-essential .right .link-compare, .body_top_category_1732 .block-layered-nav dd > ol > li > a:hover, .body_top_category_1732 .block-layered-nav dd > ol > li > a.active, .body_top_category_1732 .block-layered-nav dd > ol > li ul li a:hover, .body_top_category_1732 .landing-grid .special-price .price, .body_top_category_1732 .products-grid li.item .sub .btn-cart > span span, .body_top_category_1732.products-grid li.item .link-wishlist > span span, .body_top_category_1732 .products-list .product-name a:hover{ color: #a55c34; } #nav > li#menu-1732 > .sub, .body_top_category_1732 .products-grid li.item .link-wishlist:hover, .body_top_category_1732 .products-grid li.item .button.button > span, .body_top_category_1732 .products-grid .percentage-reduction{ background-color: #a55c34; } .body_top_category_1732 .list-cat > ul > li .header h2, .list-cat > ul > li.nav-1732 .header h2{ background-position: left -315px; } /* Nouvelle catégorie Salle de Bains */ #nav > li#menu-1982 { border-color: #18929E; } #nav > li#menu-1982:hover > a > span {color:#FFF} #nav > li#menu-1982 > .sub > .sousmenu > ul > li > a, #nav > li#menu-1982.brands ul li a, #nav > li#menu-1982> .sub > .sousmenu ul > li li a:hover, .list-cat > ul > li.nav-1982.listing li, .list-cat > ul > li.nav-1982.product-name a, .list-cat > ul > li.nav-1982.listing li a, .body_top_category_1982.catalog-category-view h1, .body_top_category_1982 .product-view .product-name h1, .body_top_category_1982 .products-grid li.item .product-name a:hover, .body_top_category_1982 .products-grid li.item .sub .link-compare, .body_top_category_1982 .product-view .product-essential .right .link-compare, .body_top_category_1982 .block-layered-nav dd > ol > li > a:hover, .body_top_category_1982 .block-layered-nav dd > ol > li > a.active, .body_top_category_1982 .block-layered-nav dd > ol > li ul li a:hover, .body_top_category_1982 .landing-grid .special-price .price, .body_top_category_1982 .products-grid li.item .sub .btn-cart > span span, .body_top_category_1982.products-grid li.item .link-wishlist > span span, .body_top_category_1982 .products-list .product-name a:hover{ color: #18929E; } #nav > li#menu-1982 > .sub, .body_top_category_1982 .products-grid li.item .link-wishlist:hover, .body_top_category_1982 .products-grid li.item .button.button > span, .body_top_category_1982 .products-grid .percentage-reduction{ background-color: #18929E; } .body_top_category_1982 .list-cat > ul > li .header h2, .list-cat > ul > li.nav-1982 .header h2{ background-position: left -35px; } /*--------------------------------------------- ------------------------------------------------------------*/ /*Slider Bader*/ .cms-index-index{ background:url("../images/bg_soldes_coupemonde.jpg") no-repeat center 218px #5aba23 !important; } #slider-home2{ /*position:absolute; top: -235px;*/ } #slider-home2 .flex-control-nav li a{ width: 15px; height: 15px; text-indent: 0; text-align: center; font-weight: bold; color: #000; background-color: #ffffff; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; opacity:0.5;-moz-opacity:0.5;-webkit-opacity:0.5;filter:alpha(opacity=50);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; } #slider-home2 .flex-control-nav li a.flex-active, #slider-home2 .flex-control-nav li a:hover{ opacity:1;-moz-opacity:1;-webkit-opacity:1;filter:alpha(opacity=100);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } /*End Slider Bader*/ #slider-home2 .slides{ margin: 0; } *+html #slider-home2 .flex-direction-nav{ display: block; width: 960px; } *+html #slider-home2 .flex-control-nav{ } #newsletter_popup #newsletter { width: 350px; } /* all in a sprite */ .footer-container .reseaux-soc li .picto, .footer-container .reseaux-soc li.tweeter .picto, .footer-container .reseaux-soc li.blogger .picto, .flex-direction-nav li a, .cms-index-index .std .marques-home-title h2, #header-content > .right .connexion span, .block-cart .block-title strong, .cms-index-index .std .home-h2 h2, .products-grid li.item .link-wishlist{ background-image: url(../images/allinasprite.png); } .footer-container .reseaux-soc li .picto{ background-position: -50px top; } .footer-container .reseaux-soc li.tweeter .picto{ background-position: -100px top; } .footer-container .reseaux-soc li.blogger .picto{ background-position: -150px top; } .flex-direction-nav li a{ background-position: left -50px; } .flex-direction-nav li a.flex-next{ background-position: left -91px; } .cms-index-index .std .marques-home-title h2{ background-position: -44px -50px; } #header-content > .right .connexion span{ background-position: left -200px; } #header-content > .right .block-cart .block-title strong{ background-position: left -250px; } .cms-index-index .std .home-h2 h2{ background-position: 8px -300px; } .products-grid li.item .link-wishlist{ background-position: left -2px; } .footer-container .footer .block.footer-links ul.paiement_securise li{ background-position: left -145px; } #footer-tools li.foire a span, #footer-tools li.garanties a span, #footer-tools li.facilites a span, #footer-tools li.knowmore a span, #footer-tools li.ecoute a span, #footer-tools li.guide a span{ background-image: url(../images/sprite-footer.png); } #footer-tools li.garanties a span{ background-position: 25px -187px; } #footer-tools li.facilites a span{ background-position: 25px -93px; } #footer-tools li.knowmore a span{ background-position: -356px -90px; } #footer-tools li.ecoute a span{ background-position: -166px -90px; } #footer-tools li.foire a span{ background-position: -166px -187px; } /* Nos Bons Plans*/ #nav-under ul li a.bons-plans{ margin-top: 3px; line-height: 25px;width:124px; vertical-align: top; background-image: url(../images/menu/nav-under-bons-plans.png); } #nav-under ul li a.bons-plans span{ background-image: url(../images/menu/nav-under-bons-plans.png); padding:0 0px 0 7px } .cms-home .success-msg{background-color: #FF8500;border-radius: 3px 3px 3px 3px;color: #FFFFFF;font-size: 19px;font-weight: bold;padding: 10px;height: 23px;padding-top: 35px;text-align: center;} .cms-home .messages li{margin: 0px !important;} .fptSplashEmptyTagList { position: absolute; right: 0; top: 0; width: 95px; z-index: 2; } #livechat-full{ bottom:-20px!important;} /* Slider Home */ #slider-container{width:601px;} #slides {width:960px; height:257px; margin:0 auto; overflow:hidden;} #slides ul.jcarousel-list li {width:960px; height:235px; } #slides ul.slider-pagination {width:960px; text-align:left; background:#eaeaea; height:28px; margin: auto; di} #slides ul.slider-pagination li{display:inline; float:left;} #slides ul.slider-pagination li.activeSlide{background:#FE5200;} #slides ul.slider-pagination li.activeSlide a{color:#fff;} #slides ul.slider-pagination li a{font:bold 16px/28px Arial,"Helvetica Neue", sans-serif; color:#000; padding:10px; text-decoration:none} #slides .jcarousel-prev, #slides .jcarousel-next { background: none repeat scroll 0 0 #4E443C; border-radius: 30px; box-shadow: 0 0 2px #999999; color: #FFFFFF; font: 24px/27px Arial,sans-serif; height: 30px; position: absolute; text-align: center; text-decoration: none; text-shadow: 0 0 1px #000000; top: 100px; width: 30px; cursor:pointer; background-color: #FE5200; } #slides .jcarousel-next { right: 5px; } #slides .jcarousel-next:before { content: ">"; line-height: 31px; } #slides .jcarousel-prev { left: 5px; } #slides .jcarousel-prev:before { content: "<"; line-height: 31px; } /* categories level-2 speciales */ .cat_niv-2031, .cat_niv-2031 a {background-color:#518D19; color:#ffffff!important;} .cat_niv-2032, .cat_niv-2032 a {background-color:#518D19; color:#ffffff!important;} .cat_niv-2045, .cat_niv-2045 a {background-color:#518D19; color:#ffffff!important;} .cat_niv-2046, .cat_niv-2046 a {background-color:#518D19; color:#ffffff!important;} .cat_niv-2049, .cat_niv-2049 a {background-color:#518D19; color:#ffffff!important;} .cat_niv-2050, .cat_niv-2050 a {background-color:#518D19; color:#ffffff!important;} .cat_niv-2048, .cat_niv-2048 a {background-color:#E300AB; color:#ffffff!important;} .cat_niv-2051, .cat_niv-2051 a {background-color:#E300AB; color:#ffffff!important;} .cat_niv-1933, .cat_niv-1933 a {background-color:#E300AB; color:#ffffff!important;} .cat_niv-2053, .cat_niv-2053 a {background-color:#A82049; color:#ffffff!important;} .cat_niv-2054, .cat_niv-2054 a {background-color:#A82049; color:#ffffff!important;} .cat_niv-2055, .cat_niv-2055 a {background-color:#A82049; color:#ffffff!important;} #menu-117 li.fluo, #menu-117 li.fluo a {background-color:#518D19; color:#ffffff!important;} #menu-1387 li.fluo, #menu-1387 li.fluo a {background-color:#E300AB; color:#ffffff!important;} #menu-672 li.fluo, #menu-672 li.fluo a {background-color:#A82049; color:#ffffff!important;} #menu-120 li.fluo, #menu-120 li.fluo a {background-color:#F27007; color:#ffffff!important;} #menu-669 li.fluo, #menu-669 li.fluo a {background-color:#00A6E3; color:#ffffff!important;} #menu-631 li.fluo, #menu-631 li.fluo a {background-color:#F21707; color:#ffffff!important;} #menu-1982 li.fluo, #menu-1982 li.fluo a {background-color:#18929E; color:#ffffff!important;} #menu-121 li.fluo, #menu-121 li.fluo a {background-color:#00E3AB; color:#ffffff!important;} #menu-1695 li.fluo, #menu-1695 li.fluo a {background-color:#ADDA13; color:#ffffff!important;} #menu-1732 li.fluo, #menu-1732 li.fluo a {background-color:#A55C34; color:#ffffff!important;} #menu-123 li.fluo, #menu-123 li.fluo a {background-color:#F21707; color:#ffffff!important;} .header .form-search #search_autocomplete.search-autocomplete ul li.suggestHeader { background-color: #F25220; color: #FFFFFF; } .fptSplashEmptyTag { position: absolute; right: 0; top: 0; z-index: 2; } .fptSplashEmptyTagFree { position: absolute; left: 0; top: 0; z-index: 2; } .fptSplashEmptyTagList { position: absolute; right: 0; top: 0; z-index: 2; width: 65px; } .fptSplashEmptyTagListFree { position: absolute; left: 0; top: 0; z-index: 2; width: 65px; }