/** * 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. * * @copyright Copyright (c) 2008 Irubin Consulting Inc. DBA Varien (http://www.varien.com) * @licensehttp://opensource.org/licenses/osl-3.0.php Open Software License (OSL 3.0) */ /* Layout ================================================================================= */ .wrapper { /*ADD*/ background:url(../images/body/bg.png) 0 160px repeat-x ; width:100%; height:100%; overflow:visible; } .page { width:1000px; margin:0 auto; padding:0; text-align:left; } .page-print { background:#fff; padding:20px; text-align:left; } .page-popup { padding:20px; text-align:left; } .main { margin:0 0 10px 0; } /* Base Columns */ .col-left { float:left; width:172px; padding:15px 5px 10px 5px; } .col-main { float:left; width:813px; padding:15px 0 5px; height:100%; overflow:visible; } .col-right { float:right; width:172px; padding:5px 5px 10px; } /* 1 Column Layout */ .col1-layout .col-main { float:none; width:auto; } /* 2 Columns Layout */ .col2-left-layout .col-main { float:right; } .col2-right-layout .col-main {} /* 3 Columns Layout */ .col3-layout .col-main { width:484px; margin-left:10px; } /* ICONE TITLE 2*/ .col-main h2 img { vertical-align:middle; } /* Content Columns */ .col2-set { padding:0px;} .col2-set .col-1 { float:none; width:auto !important; } .col2-set .col-2 { float:none; width:auto !important; } .col2-set .narrow { width:33%; } .col2-set .wide { width:65%; } .col3-set .col-1 { float:left; width:32%; } .col3-set .col-2 { float:left; width:32%; margin-left:2%; } .col3-set .col-3 { float:right; width:32%; } .col4-set .col-1 { float:left; width:23.5%; } .col4-set .col-2 { float:left; width:23.5%; margin:0 2%; } .col4-set .col-3 { float:left; width:23.5%; } .col4-set .col-4 { float:right; width:23.5%; } /* ======================================================================================= */ /* Global Styles ========================================================================= */ /* Form Elements */ a{ color:#206dd3;} input,select,textarea,button { font:12px Arial, Helvetica, sans-serif; vertical-align:middle; color:#000; } input.input-text,select,textarea { background:#fff; border:1px solid #ddd; } input.input-text,textarea { padding:2px; } select { padding:1px; } select option { padding-right:10px; } select.multiselect option {} textarea { overflow:auto; } input.radio { margin-right:3px; } input.checkbox { margin-right:3px; } input.qty { width:2.5em !important; } button.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */ button.button { overflow:visible; width:auto; height:23px; border:none; padding:0 0 0 12px; background:url(../images/bkg_button.gif) 0 50% no-repeat; cursor:pointer; -webkit-border-fit:lines; /*<- Safari & Google Chrome Fix */ } button.button span { display:block; padding:0 12px 0 0; height:23px; background:url(../images/bkg_button.gif) 100% 50% no-repeat; font:bold 12px/21px Arial, Helvetica, sans-serif; text-align:center; white-space:nowrap; color:#fff;} button.ajoutdevis{ overflow:visible; width:auto; height:18px; border:none; padding:0 0 0 12px; background:url(../images/bkg_button_devis.gif) 0 50% no-repeat; cursor:pointer; -webkit-border-fit:lines; display:block; float:right !important; margin:7px 0 0 0; }/*<- Safari & Google Chrome Fix */ button.ajoutdevis span { display:block; padding:0 12px 0 0; height:18px; background:url(../images/bkg_button_devis.gif) 100% 50% no-repeat; font:normal 10px/18px Arial, Helvetica, sans-serif; text-align:center; white-space:nowrap; color:#fff;} button.disabled {} button.disabled span {} .clear-both { clear:both;} /* Input & Textarea stretched for 100% */ .field-100 { border:1px solid #888; padding:2px; overflow:hidden; } .field-100 input.input-text, .field-100 textarea { float:left; width:100%; margin:0; padding:0; border:0; } /* Form Highlight */ /*input.input-text:focus,select:focus,textarea:focus {}*/ /*.highlight { background:#eee; }*/ #contactForm, #review-form, #form-validate { padding:0 30px; margin-bottom:10px; display:block;} #contactForm h3, #review-form h3, #form-validate h3 {padding-bottom:5px; margin:15px 0 5px; border-bottom:#ddd 1px solid; } #form-validate .input-box{ line-height:20px; } #contactForm input, #review-form input, #form-validate input, #contactForm select, #review-form select, #form-validate select,{ border:1px solid #dddddd;} /* Form lists */ .form-list li { margin:0 0 5px; } .form-list label { font-weight:bold;} .form-list .input-box { float:left; width:260px; } .form-list input.input-text { width:250px; } .form-list textarea { width:350px; height:200px; } .form-list select { width:256px; } .form-list li.add-row { border-top:1px solid #ddd; margin-top:10px; } .form-list li.add-row .btn-remove { font-size:0; line-height:0; padding:5px 5px 0 0; text-align:right; } .form-list .range input.input-text { width:96px; } .group-select {} .group-select li { margin:0 0 5px; } .group-select .input-box { float:left; width:260px; } .group-select input.input-text, .group-select textarea {width:510px; } .group-select select { width:516px; } .group-select .input-box input.input-text, .group-select .input-box textarea { width:250px; } .group-select .input-box select { width:256px; } .buttons-set { clear:both; margin:5px 0 0; padding:5px; }/*border:1px solid #ddd; }*/ /*.buttons-set .back-link { float:left; margin-right:10px; background:url(../images/main/button_black.png) no-repeat; width:100px; height:21px; line-height:21px; text-align:center; color:#FFF; font-weight:bold; text-decoration:none;}*/ .buttons-set .back-link{ float:left; height:21px; line-height:21px; text-align:center; font-weight:bold; } .buttons-set .back-link, .buttons-set .f-left{ float:left; margin-right:10px; } .buttons-set button.button { }/*float:right; }*/ .buttons-set2 { clear:both; margin:5px 0 0; padding:5px; text-align:right; } /* Form Validation */ .validation-advice { clear:both; min-height:13px; margin:3px 0 0; padding-left:17px; font-size:10px; line-height:13px; background:url(../images/validation_advice_bg.gif) 2px 1px no-repeat; color:#f00; } .validation-failed { border:1px dotted #f00 !important; background:#faebe7 !important; } .validation-passed {} .required { color:#f00; } p.required { font-size:10px; }/* text-align:right;*/ /* Expiration date and CVV number validation fix */ .v-fix { float:left; } .v-fix .validation-advice { display:block; width:12em; margin-right:-12em; position:relative; } /* Global Messages */ .success { color:#3d6611; font-weight:bold; } .error { color:#f00; font-weight:bold; } .notice { color:#ccc; } .messages, .messages ul { list-style:none !important; margin:0 !important; padding:0 !important; } .messages { width:100%; overflow:hidden; } .messages li { margin:0 0 10px; } .messages li li { margin:0 0 3px; } .error-msg, .success-msg, .note-msg, .notice-msg { border-style:solid !important; border-width:1px !important; background-position:10px 10px !important; background-repeat:no-repeat !important; min-height:24px !important; padding:8px 8px 8px 32px !important; font-size:10px !important; font-weight:bold !important; } .error-msg { border-color:#f16048; background-color:#faebe7; background-image:url(../images/error_msg_icon.gif); color:#df280a; } .success-msg { border-color:#89c050; background-color:#f7ffef; background-image:url(../images/success_msg_icon.gif); color:#3d6611; } .note-msg, .notice-msg { border-color:#fcd344; background-color:#fafaec; background-image:url(../images/note_msg_icon.gif); color:#3d6611; } /* BottomBar */ .bottombar-container{ height:65px; background-image:url(../images/bottombar/bg_bottombar1.png); background-repeat: repeat-x; } .bottombar-top{ position:relative; } .bottombar-top td{ height:24px;} /* BreadCrumbs */ .bottom-bar-breadcrumbs-container{} .breadcrumbs { padding:2px 10px; margin:0;} .breadcrumbs ul { padding:2px 8px; background-image:url(../images/bottombar/bg_breadcrumbs.png); background-repeat: no-repeat; display:inline; } .breadcrumbs li { display:inline; font-size:11px; color:#FFF; } .breadcrumbs li a { color:#FFF; text-decoration:none;} .breadcrumbs li span { padding:0 3px;} .breadcrumbs li strong {} /* Bottombar: Panier */ .bottom-bar-links-container { width:400px; text-align:right; padding-right:10px; overflow:hidden; line-height:20px; } .bottom-bar-links-container .amount { height:24px; } .bottom-bar-links-container div.amount > span.strong{ padding-left:18px; background:url(../images/main/main_sprite.png) 0 -737px no-repeat;} .bottom-bar-links-container .strong{ font-weight:bold;} .bottom-bar-links-container ul {} .bottom-bar-links-container li { color:#000;} .bottom-bar-links-container a { color:#000;} /* BottomBar: Rechercher */ .search-mini-form-container { position:relative; width:210px; height:30px; padding:8px 0 0 10px; background-image:url(../images/bottombar/bg_bottombar2.png) !important; background-image:url(../images/bottombar/bg_bottombar2_ie6.png); /* ie6, ie7 */ background-repeat:no-repeat; } .search-mini-form-container input { font: normal 11px/14px Arial, Helvetica, sans-serif; color:#000; width:110px; height:19px; padding:4px 3px 0 22px; background:url(../images/main/main_sprite.png) -87px -760px no-repeat; overflow:hidden; border:none; clip:rect(4px 3px 0 22px); } .search-mini-form-container button { font: normal 11px/14px Arial, Helvetica, sans-serif; color:#2a5c94; background: url(../images/main/main_sprite.png) -40px -760px no-repeat !important; background: url(../images/bottombar/recherche_valider.png) no-repeat; padding:0; margin:0; width:40px; height:25px; } .search-mini-form-container button span{ line-height:25px; padding:0 10px 0 12px; background:none; color:#206bb3; display: inline-block;} /* BottomBar: autocomplete */ #iso_search_autocomplete { border:1px solid #f00; } .bottombar-bottom { position:relative; z-index:40;} #search_autocomplete { position: absolute; left:0; top:32px; width:195px; background: url(../images/bottombar/bg_autocompletition.png) 0 100% no-repeat;} #search_autocomplete ul{ margin:0; padding:3px 10px; background:url(../images/bottombar/bg_autocompletition_ul.png) no-repeat;} #search_autocomplete li { cursor:pointer; font-weight:normal; color:#333;} #search_autocomplete li:hover { cursor:pointer; font-weight: bold;} #search_autocomplete .amount { color:#206bb3; font-weight:bold; margin-right:3px;} /* Page Heading */ .page-title { margin:0 0 10px 10px; } .title-buttons { text-align:right; } .title-buttons h2, .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6 { float:left; } /* Pager */ .pager { border-bottom:1px solid #ddd; padding:5px; margin:0; text-align:center; height:20px; } .pager .amount { float:left; } .pager .limiter { float:right; } .pager .pages { margin:0 135px; } .pager .pages ol { display:inline; } .pager .pages li { display:inline; } .pager .pages .current {} /* Sorter */ .sorter { padding:5px; margin:0; height:20px; } .sorter .view-mode { float:left; } .sorter .sort-by { float:right; } .sorter .link-feed {} .sorter a { color:#494949;} .sorter strong { color:#206bb3;} /* Data Table */ .data-table { width:100%; border-bottom:1px #ddd solid; } .data-table th { padding:5px; font-weight:bold; white-space:nowrap; border-bottom:1px #ddd dotted; border-right:0px #ddd solid; } .data-table td { padding:5px; border-bottom:1px #ddd dotted; background:#FFF;} .data-table thead { background:#2977c8 url(../images/main/bg_table_th.png) repeat-x;color:#FFF; } .data-table tbody {} .data-table tfoot {} .data-table tr.first {} .data-table tr.last {} .data-table tr.odd {} .data-table tr.even { background-color:#f6f6f6; } .data-table tbody.odd {} .data-table tbody.odd td { border-width:0 1px; } .data-table tbody.even { background-color:#f6f6f6; } .data-table tbody.even td { border-width:0 1px; } .data-table tbody.odd tr.border td, .data-table tbody.even tr.border td { border-bottom-width:1px; } .data-table th .tax-flag { white-space:nowrap; font-weight:normal; } .data-table td.label, .data-table th.label { font-weight:bold; background-color:#eee; } .data-table td.value {} #quoterequest-form { padding:10px; display:block; } .quoterequest-table{ } .group-select-edit { } /* 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; background:url(../images/bg_collapse.gif) 0 4px no-repeat; cursor:pointer; } tr.show-details .tax-collapse { background-position:0 -53px; } tr.show-details td {} tr.tax-details td { background-color:#f6f6f6; } tr.tax-details-first td {} /* Shopping cart tax info */ .cart-tax-info, .cart-tax-info .cart-price { padding-right:20px; } .cart-tax-total { cursor:pointer; } .cart-tax-total { padding-right:20px; background:url(../images/bg_collapse.gif) 100% 4px no-repeat; cursor:pointer; } .cart-tax-total-expanded { background-position:100% -52px; } /* Lists Decoration */ li.odd {} li.even { } dt.odd, dd.odd {} dt.even, dd.even { background-color:#f6f6f6; } /* Class: std - styles for admin-controlled content */ .std, .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; color:color:#206bb3; margin-top:1em; padding:0 0 0 1.5em } .std dd { padding:0 0 0 0.5em; } .std dd strong{ color:#333; } .std blockquote { font-style:italic; padding:0 0 0 1.5em; } .std address { font-style:normal; } .std b, .std strong { font-weight:bold; color:#206bb3;} .std i, .std em { font-style:italic; } /* Misc */ .link-rss { background:url(../images/icon_rss.gif) 0 1px no-repeat; padding-left:18px; white-space:nowrap; } /* Noscript Notice */ .noscript { border:1px solid #ddd; border-width:0 0 1px; background:#ffff90; font-size:12px; line-height:1.25; text-align:center; color:#2f2f2f; } .noscript .noscript-inner { width:1000px; margin:0 auto; padding:12px 0 12px; background:url(../images/../home/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:#fff; } /* ======================================================================================= */ /* Header ================================================================================ */ .logo { float:left; width:200px; height:63px; overflow:hidden; } .header-container {} .header { position:relative; height:120px; } .header .logo { background-position:0 0; background-repeat:no-repeat; text-indent:-999em; } .header .logo a { display:block; width:187px; height:65px; } .header .welcome-msg { font-weight:bold; } .header .links { float:right; } .header .form-search { text-align:center; } .header .form-search .search-autocomplete { z-index:999; } .header .form-search .search-autocomplete ul { border:1px solid #ddd; background-color:#fff; } .header .form-search .search-autocomplete li { padding:3px; border-bottom:1px solid #ddd; cursor:pointer; } .header .form-search .search-autocomplete li .amount { float:right; font-weight:bold; } .header .form-search .search-autocomplete li.selected {} .header .form-language { text-align:center; } .header .header-login-container { position:absolute; width:196px; height:120px; top:0; right:0; padding:0 20px 0 40px; background:url(../images/main/main_sprite.png) 0 -598px no-repeat;} .header .header-login-container h3{ font:bold 12px/12px Arial, Helvetica, sans-serif; color:#0a4985; display:block; margin:8px 0 7px 5px;} .header .header-login-container input { font: normal 11px/14px Arial, Helvetica, sans-serif; color:#000; border-color:#888; height:16px; width:120px; } .header .header-login-container button { position:absolute; top:53px; right:45px; font: normal 11px/14px Arial, Helvetica, sans-serif; color:#FFF; height:25px; background:url(../images/main/main_sprite.png) 0 -760px no-repeat; padding:0; margin:0; } .header .header-login-container button span{ display:block; padding:0 10px 0 12px; color:#FFF; background:none; line-height:25px; display: inline-block;} .header .header-login-container .account-create-login { position:absolute; top:80px; height:20px;} .header .header-login-container .account-logout {} .header .header-login-container .account-create-login li, .header .header-login-container .account-logout li{ float:left; font:11px/11px Arial, Helvetica, sans-serif; color:#254c6d; margin-top:5px;} .header .header-login-container .account-logout li{ float:none;} .header .header-login-container .account-create-login li span{} .header .header-login-container .account-create-login li a, .header .header-login-container .account-logout li a{color:#254c6d; padding:0 5px;} .header .header-logo-container { position:absolute; top:0; left:0; width:187px; height:120px;} .header .header-logo-container .text { padding-left:30px; color:#666; font-weight:bold; font-size:12px;} .header .header-top-links-container { position:absolute; top:0; left:187px; width:542px; height:26px; padding-right:15px; z-index:1000;} .header .header-top-links-container ul{ padding:0; margin:0; } .header .header-top-links-container li{ padding:0 0 0 10px; margin:0; float:left; } .header .header-top-links-container li a{ color:#000; text-decoration:none; font: 11px/11px Arial, sans-serif;} .header .header-top-links-container li a:hover{ color:#000; text-decoration:underline; } .header .header-top-links-container li .top-link-addbookmark { padding-left:15px; background:url(../images/main/main_sprite.png) 0 -718px no-repeat;} .header .header-top-links-container li .top-link-your-orders { padding-left:15px; background:url(../images/main/main_sprite.png) -289px -718px no-repeat;} .header .header-top-links-container li .top-link-recently-viewed-products { padding-left:15px; background:url(../images/main/main_sprite.png) -129px -718px no-repeat;} .header .header-additionals-container { position:absolute; top:26px; left:187px; width:557px; height:94px;} .header .header-additionals-container .num-azur-container{ position:absolute; top:0; left:0; width:250px; height:94px; overflow:hidden;} .header .header-additionals-container .header-isocod-tv-container{ position:absolute; top:0; left:250px; width:307px; height:94px; overflow:hidden;} /********** < Navigation */ #nav { position:relative; font-size:12px; color:#000; padding:0; margin:0; height:40px; background-image:url(../images/body/bg_menu.png); background-repeat: repeat-x; z-index:999; } /* All Levels */ #nav li { text-align:left; position:relative;} #nav li.over { } #nav li.parent {} #nav li a { display:block; text-decoration:none; } #nav li a:hover { text-decoration:none; } #nav li a span { display:block; cursor:pointer; } /*white-space:nowrap;*/ #nav li a span.bold { font-weight:bold; } #nav li ul a span { white-space:normal; } /* 1st Level */ #nav li { float:left; width:auto; } #nav li a { float:left; padding:10px 10px 0px; line-height:14px; color:#000; height:30px; text-align:center; background-image:url(../images/header/bg_menu_link.png); background-repeat:no-repeat; } #nav li.level0 { color:#FFF;} #nav li a:hover, #nav li.level0 a:hover, #nav li.over a, #nav li.active a { color:#FFF; background:url(../images/header/bg_menu_over.png) no-repeat; } #nav li.nav-defribilateur { width:86px; } #nav li.nav-equipements-de-protection-individuelle { width:143px; } #nav li.nav-anti-chutes {} #nav li.nav-valises-et-caisses { width:75px;} #nav li.nav-lampes-et-torches { width:80px;} #nav li.nav-pack-complet { width:63px; } #nav li.nav-premiers-soins { width:67px; } #nav li.nav-extincteurs {} #nav li.nav-affichages-et-registres { width:90px; } #nav li.nav-divers {} #nav li.nav-promos {} /* 2nd Level */ #nav ul { position:absolute; width:16em; top:40px; left:-10000px; border:2px solid #d22026; background-color:#FFF; } #nav li.level1 { color:#FFF;} #nav ul li { float:none; border-bottom:1px solid #ddd; } #nav ul li.last { border-bottom:0; } #nav ul li a { float:none; text-align:left !important; background-image:none !important; height:auto !important; padding:5px 10px; font-weight:normal; color:#0a4985 !important; } #nav ul li a:hover { color:#000 !important; font-weight:bold;} #nav ul li.active > a, #nav ul li.over > a { font-weight:bold; color:#000 !important; } /* 3rd+ leven */ #nav ul ul { top:-2px; margin-left:80px; z-index:10; } /* Show Menu */ #nav li.over > ul { left:0; } #nav li.over > ul li.over > ul { left:100px; } #nav li.over ul ul { left:-10000px; } /********** Navigation > */ /* ======================================================================================= */ /* Sidebar =============================================================================== */ .block { margin:0 0 10px; } /*border:#CCC 1px solid; }*/ .block .block-title { padding:0 10px; } /*border-bottom:1px solid #ddd;*/ .block .block-title h2 { font-size:12px; font-weight:bold; line-height:15px; color:#206bb3; } .block h3 { font-size:14px; line-height:1.5; } .block .block-content {} .block .actions { text-align:right; } .block .actions a { float:left; } .callus2 { float:right; padding-top:20px;} .col-left .callus2 { float:none; padding:0; margin:10px 0;} /* Block: Account */ .block-account { position:relative; background-image:url(../images/colonne/bg_account.png); background-repeat:no-repeat; } .block-account .block-title { padding:15px 10px 0;} .block-account h2{ font-size:17px; color:#5d5e60; font-weight:bold; line-height:15px; font-family:Helvetica, Arial, sans-serif; text-indent:-9999px; margin-bottom:10px; } .block-account .block-content { padding-bottom:10px; background-image:url(../images/colonne/bg_bottom_account.png); background-repeat:no-repeat; background-position:bottom; } .block-account li{ color:#fff; border-bottom:#85bcf0 1px dotted; display:block; line-height:15px; } .block-account li a{ color:#fff; padding:0; display:block; text-decoration:none; padding:5px 10px; line-height:15px;} .block-account li a:hover{ text-decoration:none; background-color:#85bcf0;} .block-account li.current { padding:5px 10px;background-color:#85bcf0; } /* Block: Currency Switcher */ .block-currency {} .block-currency select { width:100%; border:1px solid #888; } /* Block: Layered Navigation */ .block-layered-nav { position:relative; background-image:url(../images/colonne/block_title.png); background-repeat:no-repeat; } .block-layered-nav .block-title { padding:15px 10px 0;} .block-layered-nav h2{ font-size:17px; color:#5d5e60; font-weight:bold; line-height:15px; font-family:Helvetica, Arial, sans-serif;}/* text-indent:-9999px;}*/ .block-layered-nav .block-content { padding-bottom:10px; background-image:url(../images/colonne/bg_bottom_block.png); background-repeat:no-repeat; background-position:bottom; } .block-layered-nav dt {padding:0 10px 9px; font-size:12px; color:#343434; font-weight:bold; line-height:18px; font-family:Helvetica, Arial, sans-serif;}/* text-indent:-9999px;}*/ .block-layered-nav .currently {} .block-layered-nav ol {overflow:visible; height:100%;} .block-layered-nav li{ line-height:25px; border-left:#e1e1e1 1px solid; border-right:#e1e1e1 1px solid; color:#3570b2; background:#fafafa; } .block-layered-nav li a{ line-height:25px; color:#3570b2; font-weight:bold; padding:0 5px 0 15px; } .block-layered-nav li a:hover, .block-layered-nav li a:active { padding:0 5px 0 18px; } /* Block: Industry */ .industry { background-image:url(../images/colonne/activite_title.png); } .block-layered-nav .block-title { padding:15px 10px 0;} .industry h2{ text-indent:-9999px;} .industry dt { text-indent:-9999px;} .industry .block-content { background-image:url(../images/colonne/bg_bottom_activite.png);} .industry ol {overflow:visible; height:100%;} .industry li{ line-height:25px; background-color:#4e8dd1; border-top:1px solid #2c69bd; color:#FFF; border-left:none; border-right:none;} .industry li a{ line-height:25px; color:#FFF; font-weight:bold; text-decoration:none; padding:0 5px 0 15px; } .industry li a:hover, .block-layered-nav li a:active { padding:0 5px 0 15px; } .industry li ol{ clear:both; } .industry li ol li{ line-height:20px; background-color:#f4f7fa; border-top:1px solid #d8d8d8; color:#206bb3; border-left:#e1e1e1 1px solid; border-right:#e1e1e1 1px solid; } .industry li ol li a{ line-height:20px; color:#206bb3; font-weight:bold; text-decoration:none; padding:0 5px 0 18px; } .industry li ol li a:hover, .industry li ol li a:active { padding:0 5px 0 18px; } /* Block: Avantages */ .block-advantages { position:relative; background-image:url(../images/colonne/avantages_title.png); background-repeat:no-repeat;} .block-advantages .block-title { padding:15px 10px 13px;} .block-advantages .block-title h2{ font-size:17px; color:#5d5e60; font-weight:bold; line-height:15px; font-family:Helvetica, Arial, sans-serif; text-indent:-9999px;} .block-advantages .block-content { padding-bottom:10px; background-image:url(../images/colonne/bg_bottom_avantages.png); background-repeat:no-repeat; background-position:bottom; } .block-advantages .col2-set { overflow:visible; height:100%; border-left:#eb1822 1px solid; border-right:#eb1822 1px solid; background-color:#fff; } /* Block: Catalogue */ .block-demcat { position:relative; background-image:url(../images/colonne/catalogue_title.png); background-repeat:no-repeat; background-color:#fafbfb; overflow:visible; height:100%;} .block-demcat .block-content { padding:10px 1px; background-image:url(../images/colonne/bg_bottom_catalogue.png); background-repeat:no-repeat; background-position:bottom; } /* Block: Cart */ .block-cart { position:relative; background-image:url(../images/colonne/block_panier.png); background-repeat:no-repeat;} .block-cart .block-title { padding:15px 10px 0;} .block-cart h2{ margin-bottom:10px; font-size:17px; color:#5d5e60; font-weight:bold; line-height:15px; font-family:Helvetica, Arial, sans-serif; text-indent:-9999px;} .block-cart h3{ margin-bottom:10px; font-size:11px; margin-top:10px; padding:5px 0 5px 5px; border-top:#000 1px dotted; background:url(../images/colonne/fleche_down_black.png) 50% 0 no-repeat; } .block-cart .block-content { padding:10px; border:#ebebeb 1px solid; border-top:none;} .block-cart .amount {} .block-cart .subtotal { text-align:center; } .block-cart .price { color:#e32329; font-weight:bold; font-size:15px; } .mini-products-list li { padding:5px 0; } .mini-products-list .product-image { float:left; width:30px; padding:5px; margin-right:-40px; } .mini-products-list .product-details { margin-left:40px; } .mini-products-list .product-details h4 { font-size:1em; font-weight:bold; margin:0; } .mini-products-list .product-details .btn-remove { float:right; } /* Block: Wishlist */ .block-wishlist {position:relative; background:url(../images/colonne/block_title_yellow.png) no-repeat;} .block-wishlist .block-title { padding:15px 10px 0;} .block-wishlist h2{ margin-bottom:0; font-size:17px; color:#5d5e60; font-weight:bold; line-height:15px;} .block-wishlist .block-content { padding:10px; border:#ebebeb 1px solid; border-top:none; background:#fcfaf1;} .block-wishlist h3{ margin-bottom:10px; font-size:11px; margin-top:0; padding:5px 0 5px 5px; border-top:#000 1px dotted; background:url(../images/colonne/fleche_down_black.png) 50% 0 no-repeat; } .block-wishlist #wishlist-sidebar .product-image{ width:30px; height:30px; overflow:hidden; margin-right:5px;} .block-wishlist li { padding:5px 0; border-bottom:#a0a0a0 1px dotted; } .block-wishlist input.checkbox { float:left; margin:3px -20px 0 0; } .block-wishlist .label { display:block; margin-left:20px; } /* Block: Related */ .block-related {} .block-related li { padding:5px 0; } .block-related input.checkbox { float:left; margin-right:-20px; } .block-related .item { margin-left:20px; } .block-related .item .product-image { float:left; margin-right:-65px; } .block-related .item .product-details { margin-left:65px; } /* Block: Compare Products */ .block-compare {position:relative; background-image:url(../images/colonne/block_title.png); background-repeat:no-repeat;} .block-compare .block-title { padding:15px 10px 0;} .block-compare h2{ font-size:17px; color:#5d5e60; font-weight:bold; line-height:15px; font-family:Helvetica, Arial, sans-serif;} .block-compare .block-content { padding:10px; border:#ebebeb 1px solid; border-top:none;} .block-compare li { padding:5px 0; } /* Block: block-subscribe-form */ .block-subscribe-form .block-title { padding:15px 10px 0;} .block-subscribe-form .block-title h2{ color:#000; text-decoration:none; font: 17px Tahoma, Helvetica, Arial, sans-serif;} .block-subscribe-form hr { margin:10px 0; height:1px;} .block-subscribe-form .input-box { padding:15px 10px 0;} .block-subscribe-form .input-box label{ } .block-subscribe-form .input-box #newsletter{ width:300px; } .block-subscribe-form .input-box #nom{ width:127px; } .block-subscribe-form .input-box #prenom{ width:127px; } .block-subscribe-form .input-box p{ margin:5px 0;} .block-subscribe-form .input-box p input{ margin:5px; border:none; } .block-subscribe-form .information-options { display:block; margin:5px 0 10px; overflow:auto; } .block-subscribe-form .information-options p { margin:0; width:33%; display:inline-block; float:left; } .red { color:#e2001a;} .information-options { padding:5px 10px;} .information-options p input{ margin:0 10px 0 0;} /* Block: Viewed */ .block-recent {} /* Block: Poll */ .block-poll {} .block-poll input.radio { float:left; margin:3px -18px 0 0; } .block-poll .label { display:block; margin-left:18px; } .block-poll .answer {} .block-poll .votes { font-weight:bold; } /* Block: Tags */ .block-tags ul, .block-tags li { display:inline; } /* Block: Subscribe */ .block-subscribe { position:relative; width:100%; height:110px; background:url(../images/colonne/bg_newsletter.png) 0 0 no-repeat; overflow:hidden;} .block-subscribe h2{ color:#FFF; padding:19px 0 0; text-indent:-9999px; height:45px;} .block-subscribe input{ margin:5px 15px; width:135px;} .block-subscribe button{ position:relative; background:url(../images/main/main_sprite.png) 0 -793px no-repeat !important; background:url(../images/colonne/bg_button.png) no-repeat; height:27px; width:120px; padding:0 110px 0 0; margin:5px 15px;} .block-subscribe button span { padding-left:12px; margin-top:-3px; background:none; color:#206bb3; display:inline-block;} /* Block: Reorder */ .block-reorder {position:relative; background:url(../images/colonne/block_title.png) no-repeat;} .block-reorder .block-title { padding:15px 10px 0;} .block-reorder h2{ margin-bottom:0; font-size:17px; color:#5d5e60; font-weight:bold; line-height:15px;} .block-reorder .block-content { padding:10px; border:#ebebeb 1px solid; border-top:none; background:#faf9f9;} .block-reorder h3{ margin-bottom:10px; font-size:11px; margin-top:0; padding:5px 0 5px 5px; border-top:#000 1px dotted; background:url(../images/colonne/fleche_down_black.png) 50% 0 no-repeat; } .block-reorder li { padding:5px 0; } .block-reorder input.checkbox { float:left; margin:3px -20px 0 0; } .block-reorder .label { display:block; margin-left:20px; } /* Block: Banner */ .block-banner { position:relative; border-top:1px solid #ebebeb;} .block-banner .block-content {} .information-container .block-banner .free-quote { position:absolute; top:-38px; right:172px; } .information-container .block-banner .callus { position:absolute; top:-49px; right:0;} *+html .block-banner .callus, * html .block-banner .callus { } /* Block: Checkout Progress */ .block-progress { position:relative; background-image:url(../images/colonne/block_title_yellow.png); background-repeat:no-repeat;} .block-progress .block-title { padding:15px 10px 0;} .block-progress h2{ margin-bottom:0; font-size:17px; color:#5d5e60; font-weight:bold; line-height:15px; border-bottom:1px solid #ddd; padding-bottom:10px;} .block-progress .block-content { padding:10px; border:#eee5b1 1px solid; border-top:none;} .block-progress dt { font-weight:bold; font-size:11px; color:#666; } .block-progress dt.complete { border-bottom:#ddd 1px dotted; font-size:11px; color:#000; } .block-progress dd.complete { margin-bottom:5px;} /* Block: home illustration */ .home-top-container{ position:relative; } .picture_container{ position:relative; top:0px; margin-top:-56px; } /* Block: block subcategory */ .block-subcategory{ margin-top:-10px; padding:10px; border:#e1e1e1 1px solid; border-top-color:#ffffff; background:#fff url(../images/main/bg_block_subcategory.png) repeat-x;} .category-description{ padding:0 0 5px 0; margin:0; font-size:14px; text-shadow:0 -1px 0 #fff, 1px 1px 1px #CCCCCC; } .subcategory-grid { width:100%;} .subcategory-grid td{ width:20%; padding-right:10px; font-weight:bold; color:#eb252c; } .subcategory-grid td a{ color:#000; text-decoration:none; font-weight:normal; background:url(../images/main/main_sprite.png) -174px -789px no-repeat; line-height:12px; padding-left:8px;} .subcategory-grid td a:hover{ background-position:-171px -789px;} /* ======================================================================================= */ /* Category Page ========================================================================= */ .category-title { border-bottom:1px solid #888; margin:0 0 10px;} .category-image { display:block; margin:0 auto; } .category-products { } /* focusblock-grid */ .focusblock-grid{ width:100%;} .focusblock-grid tr.first td { width:50%; } .block-focusblock { position:relative; border:1px solid #e1e1e1; background: #FFF url(../images/main/bg_table.png) repeat-x; width:405px; overflow:hidden; }/*width:98.5%; */ .block-focusblock .block-title { padding:5px 15px;} .block-focusblock .block-title h2, .block-focusblock .block-title h2 a { color:#000; text-decoration:none; font: 17px Tahoma, Helvetica, Arial, sans-serif;} .block-focusblock .block-content {} .block-focusblock .block-content .product-image { float:left; width:180px; height:180px; overflow:hidden; } .block-focusblock .block-content .product-image img{ width:100%; height:auto; } .block-focusblock .block-content .description { position:relative; float:right; width:200px; height:255px; overflow: visible; } .block-focusblock .block-content .description .brand { margin-bottom:5px;} .block-focusblock .block-content .description .product-name {} .block-focusblock .block-content .description .short-description { margin:0 3px 5px 0; line-height:13px;} .block-focusblock .block-content .description li { list-style-type:none;} .block-focusblock .block-content .description li a { color:#707070; font-weight:bold; } .block-focusblock .block-content .description li a[title="En savoir plus"] { padding:0 0 0 17px; background:url(../images/main/main_sprite.png) 0 -308px no-repeat;} .block-focusblock .block-content .description li a:hover { text-decoration:none;} .block-focusblock .block-content .description li a[title="En savoir plus"] { background-position:2px -308px;} .block-focusblock .block-content .description .price-box { margin:5px 0 0;} .block-focusblock .block-content .description .price-box .price{ font-size:18px;} .block-focusblock .block-content .description .price-box .old-price .price{ font-size:18px;} .label_additional { display:block; } .label_additional .label-item span.price{ font-size:12px; font-weight:normal;} .label_additional .sansfrais{ color:#254c6d; font-weight:bold; font-size:15px; margin-bottom:5px;} .block-focusblock .block-content .description button.button, .block-focusblock .block-content .description button.button:focus, .block-focusblock .block-content .description button.promo, .block-focusblock .block-content .description button.promo:focus { position:relative; background:url(../images/main/main_sprite.png) 0 -96px no-repeat; height:27px; width:110px; padding:0 110px 0 0; overflow:hidden; } .block-focusblock .block-content .description button.button:hover, .block-focusblock .block-content .description button.promo:hover { background-position:0 -122px} .block-focusblock .block-content .description button span { padding-left:35px; color:#FFF; margin-top:-2px; background:none; display:inline-block; } .block-focusblock .block-content .labels { height:75px; width:190px; float:left; overflow:hidden; } .block-focusblock .block-content .labels ul{ padding:0;} .block-focusblock .block-content .labels li{ list-style-type:none; float:left; padding:0; width:33%; padding:0; } .block-focusblock .block-content .labels li img{ width:100%; height:auto;} /* quantit� d'un produit */ * html .prd-qte-select {background:url(../images/main/bg_choixqte_ie.png) no-repeat;}/* ie7 */ .prd-qte-select { position:absolute; z-index:600; padding:10px 10px 0; margin-top:-60px; margin-left:-30px; width:213px; height:105px; background:url(../images/main/bg_choixqte.png) no-repeat !important; background:url(../images/main/bg_choixqte_ie.png) no-repeat; } /* grid */ .products-grid .products-grid-container .prd-qte-select{ margin-top:-65px; margin-left:-20px;} .prd-qte-select fieldset { margin:0; padding:0; width:inherit;} .prd-qte-select select { width:100px; margin:4px 0;} .prd-qte-select .add-to-cart { width:100%; } .prd-qte-select div{ display:block; width:215px; text-align:center; vertical-align:middle; } .prd-qte-select div div { position:relative; left:0;} .prd-qte-select #select_taille { font-size:10px; width:40px; } .prd-qte-select #select_couleur { font-size:10px; width:60px; } .prd-qte-select .button-up, .prd-qte-select .button-down, .product-options-bottom .add-to-cart .button-up, .product-options-bottom .add-to-cart .button-down{ text-indent:-999px; width:47px; height:22px; border:none; margin-left:3px; font-size: 0px; line-height: 0px; cursor:pointer; } .prd-qte-select .button-up, .prd-qte-select .button-up:focus, .product-options-bottom .add-to-cart .button-up, .product-options-bottom .add-to-cart .button-up:focus { background:url(../images/main/main_sprite.png) 0 -52px no-repeat;} .prd-qte-select .button-down, .prd-qte-select .button-down:focus, .product-options-bottom .add-to-cart .button-down, .product-options-bottom .add-to-cart .button-down:focus{ background:url(../images/main/main_sprite.png) -87px -52px no-repeat;} .prd-qte-select .button-up:hover, .product-options-bottom .add-to-cart .button-up:hover { background-position:0 -74px;} .prd-qte-select .button-down:hover, .product-options-bottom .add-to-cart .button-down:hover{ background-position:-87px -74px;} .prd-qte-select div div.prd-qty-button-list { border-top:#a2a2a2 1px solid; padding-top:4px; position:absolute; bottom:19px; left:10px;} .prd-qty-button-list input.qty_annuler, .prd-qty-button-list input.qty_valider{ width:90px; height:26px; border:0; outline:0; text-align:left; color:#FFF; font-weight:bold; padding:0 18px 0 28px; padding-bottom:3px; cursor:pointer; -webkit-border-fit:lines;} .prd-qty-button-list input.qty_valider, .prd-qty-button-list input.qty_valider:focus{ background:url(../images/main/main_sprite.png) 0 0 no-repeat; } .prd-qty-button-list input.qty_annuler, .prd-qty-button-list input.qty_annuler:focus{ background:url(../images/main/main_sprite.png) -129px 0 no-repeat; } .prd-qty-button-list input.qty_valider:hover{ background-position:0 -26px; border:0; outline:0; } .prd-qty-button-list input.qty_annuler:hover{ background-position:-129px -26px; border:0; outline:0; }*/ /* related */ .related { position:relative; float:left; height:107px; clear:both; border-top:#eaeaea 1px solid; background:#f00; } .related li { float:left; width:25%; height:107px; padding:0; background:url(../images/main/main_sprite.png) -129px -488px no-repeat; margin:0; } .related li .related-product-image { margin-left:10px;} .related li .related-product-image a.product-image { width:80px; height:80px; display:block; text-align:center; } .related li .related-product-price {} .related li .related-product-price .price-box { height:18px; text-align:center;} .related li .related-product-price .price-box .regular-price, .related li .related-product-price .price-box .old-price, .related li .related-product-price .price-box .special-price, .related li .related-product-price .price-box .minimal-price { padding:0; margin:0; line-height:10px; } .related li .related-product-price .price-box * { font-size:10px; line-height:10px; display:block;} /*.related li .related-product-price .price-box .regular-price .price, .related li .related-product-price .price-box .old-price .price, .related li .related-product-price .price-box .special-price .price, .related li .related-product-price .price-box .minimal-price .price { font-size:10px; line-height:10px;} /* View Type: Grid */ .products-grid { position:relative; width:100%; border:1px solid #ddd; background:#FFF url(../images/main/bg_table.png) repeat-x; } .products-grid tr.odd { } .products-grid tr.even { } .products-grid td { width:33%; border-left:1px dotted #ddd; border-top:1px #ddd solid; padding:12px 5px 8px; } .products-grid td.empty {} .products-grid .products-grid-container {position:relative; z-index:0;} .products-grid .product-image { float:left; width:135px; height:135px; } .products-grid .price-box { position:absolute; bottom:42px; width:100%; clear:none; text-align:center; } .products-grid .label_additional { position:absolute; bottom:28px; text-align:center; width:100%;} .products-grid .brand { width:135px; clear:both; } .products-grid .product-name { clear:both;} .products-grid .product-name, .products-grid .short-description, .products-grid .add-to-links, .products-grid .labels, .products-grid .brand { margin:0 10px 10px; } .products-grid .labels ul{ padding:0; margin:0; } .products-grid .labels li{ list-style-type:none; float:left; padding:0; margin:1px; } .products-grid button.button, .products-grid button.promo, .products-grid button.button:focus, .products-grid button.promo:focus { position:absolute; background:url(../images/main/main_sprite.png) 0 -96px no-repeat; height:27px; width:110px; bottom:0; padding:0 110px 0 0; overflow:hidden;} .products-grid button.button:hover, .products-grid button.promo:hover { background-position:0 -122px } .products-grid button span { padding-left:35px; color:#FFF; margin-top:-2px; background:none;display:inline-block; } /* alignement vertical des prix */ .tablePositionGrid{position:relative; width:100%;} .tableAlignBottom { position:absolute; bottom:0; text-align:center; margin-bottom:10px; } .products-grid .tableAlignBottom { top:0; right:0; height:100px; width:115px; margin-bottom:0; text-align:left;} /* View Type: List */ .products-list { width:100%; border:1px solid #ddd; background:#FFF url(../images/main/bg_table.png) repeat-x; } .products-list ul {} .products-list li.item { border-top:1px dotted #ddd; padding:10px 5px; margin:0px; clear:both; height:100%; overflow:visible;} .products-list .user-input { float:left; margin:25px 5px 0 0;} .products-list .product-image { float:left; height:80px; width:80px; margin-right:10px;} .products-list .product-image img { width:100%; height:100%;} .products-list .product-brand { float:left; width:90px; margin:25px 15px 0 0; text-align:center; } .products-list .product-brand img { width:100%; height:auto; } .products-list .product-description { float:left; width:360px; margin-right:20px;} .products-list .product-description .std{ margin-bottom:5px;} .products-list .product-description .product-name { } .products-list .product-description .add-to-links { } .products-list .product-description .add-to-links li{ float:left; margin-right:20px;} .products-list .product-labels { float:left; width:100px; margin-right:0px; } .products-list .product-labels ul{ padding:0; margin:0;} .products-list .product-labels li{ float:left; list-style-type:none; width:50px; height:100%; overflow:visible;} .products-list .product-labels img{ width:100%; height:auto;} .products-list .product-shop { float:right; width:110px; padding:0; margin:0; text-align:center; overflow:hidden; } .products-list button.button, .products-list button.promo, .products-list button.button:focus, .products-list button.promo:focus{ position:relative; background:url(../images/main/main_sprite.png) 0 -96px no-repeat; height:27px; width:110px; padding:0 110px 0 0;} * html .products-list button.button, * html .products-list button.promo, * html .products-list button.button:focus, * html .products-list button.promo:focus{ padding:0;} .products-list button.button:hover, .products-list button.promo:hover{ background-position:0 -122px} .products-list button.promo { position:relative; background:url(../images/main/main_sprite.png) 0 -96px no-repeat; height:27px; width:110px; padding:0 110px 0 0; } .products-list button span { padding-left:35px; color:#FFF; margin-top:-2px; background:none; display:inline-block; } /* ======================================================================================= */ /* Product View ========================================================================== */ .product-view { position:relative; margin-top:5px;} .product-essential {} .product-collateral { position:relative; padding-top:20px; } .media-container-box, #product-review-media-container { float:left; background:#FFF; border:#adadad 1px solid; width:353px; height:100%;} .product-collateral .product-collateral-header-container { position:relative; display:block; height:20px; background:#797979 url(../images/main/bg_product_header.png) repeat-x; padding:5px 5px 0;} .product-collateral .product-collateral-header-container .product-collateral-header {} .product-collateral .product-collateral-header-container .product-collateral-header li { float:left; background:#c9c9c9; padding:0; margin-right:8px; height:20px;} .product-collateral .product-collateral-header-container .product-collateral-header li.active { background:#FFF;} .product-collateral .product-collateral-header-container .product-collateral-header li a { color:#000; padding:3px 10px; } .product-collateral .product-collateral-header-container .product-collateral-header li a:hover {text-decoration:none; background-color:#f0f0f0; } .product-collateral .product-collateral-content-container { border:#e1e1e1 1px solid; border-top:none; padding:10px; margin-bottom:20px;} .product-collateral .product-collateral-content-container h3{ font-size:12px; text-transform:uppercase; margin:10px 0 5px;} .product-collateral .product-collateral-content-container .product-view a{ color:#206bb3; } .product-collateral .product-collateral-content-container .product-view .products-list{ background:none; border:none; border-bottom:1px #ddd dotted;} .product-collateral .product-collateral-content-container .product-view .products-list .product-description { width:460px; padding:0;} .product-collateral .product-collateral-content-container .product-view .products-list .product-description .short-description { color:#000; font-size:12px; margin:0; padding:0;} .product-collateral .product-collateral-content-container .product-view .products-list .product-labels{ width:150px;} .product-collateral .product-collateral-content-container .product-view .products-list .product-shop{ width:110px;} /* Product Header */ .product-view .box-header { height:23px; width:350px; background:#488ac9 url(../images/main/bg_box_header.png) repeat-x; padding:4px 2px 0;} .product-view .box-header li { float:left;} .product-view .box-header li a, .product-view .box-header li a.inactive { color:#FFF; font-weight:normal; text-decoration:none; padding:0 5px; border-right:#FFF 1px solid; } .product-view .box-header li a:hover, .product-view .box-header li a.active { font-weight:bold;} /* Product Images */ .product-view .product-img-box { position:relative; text-align:center; } .product-view .product-img-box .product-image { } .product-view .product-img-box .product-image-zoom { position:relative; width:265px; height:265px; overflow:hidden; z-index:9; text-align:center; margin-left: auto; margin-right: auto;} .product-view .product-img-box .product-image-zoom img { position:absolute; left:0; top:0; cursor:move; } .product-view .product-img-box .zoom-notice { text-align:center; position:absolute; top:265px; width:100%; font-size:10px; } .product-view .product-img-box .zoom { position:relative; z-index:9; cursor:pointer; height:25px;} /*.product-view .product-img-box .zoom #track { position:relative; height:18px; } .product-view .product-img-box .zoom #handle { position:absolute; left:0; top:-1px; width:9px; height:22px; background:url(../images/magnifier_handle.gif) 0 0 no-repeat; }*/ .product-view .product-img-box .zoom .btn-zoom-out { position:absolute; left:2px; top:0; } .product-view .product-img-box .zoom .btn-zoom-in { position:absolute; right:2px; top:0; } .product-view .product-img-box .more-views { position:relative;} .product-view .product-img-box .more-views h4{ display:none;} .product-view .product-img-box .more-views ul { background:#f8f8f8 url(../images/main/bg_ul_more-views.png) repeat-x; } .product-view .product-img-box .more-views li { float:left; width:80px; height:80px; padding:0; padding:9px 4px 0; background:url(../images/main/main_sprite.png) 0 -488px no-repeat; margin:0;} .product-view .additional-details{ padding:10px; margin-top:20px;} /* related { position:relative; height:107px; clear:both; border-top:#eaeaea 1px solid;} .related li { float:left; width:86px; height:107px; padding:0 5px 0 9px; background:url(../images/main/bg_related_product_image.png) no-repeat; margin:0; } .related li .related-product-image {} .related li .related-product-image a.product-image { width:80px; display:block; text-align:center; } */ .product-image-popup { margin:0 auto; } .product-image-popup .nav { text-align:center; } .product-image-popup .image { display:block; } .product-image-popup .image-label {} /* Product informations */ .information-container-box { float:right; width:620px; height:100%; overflow:visible; } .information-container-box .col-1 { } .information-container-box .col-2 { width:auto !important; background:#FFF; padding-bottom:10px;} .information-container-box .col-2 .labels { padding:0 10px; height:100%;} .information-container-box .col-2 .labels li { float:left; list-style-type:none; padding:0; margin:0 15px 10px 0; } .information-container-box .col-2 .product-references { padding:10px; clear:both; margin-top:10;} .information-container-box .col-2 .product-references .label, .information-container-box .col-2 .availability .in-stock{ color:#206bb3; font-weight:bold;} .information-container-box .col-2 .availability {padding:10px; clear:both; margin-top:10; border-top:#a0a0a0 1px solid; background:#feffdc;} /*.information-container-box .price-box {padding:10px; clear:both; margin-top:10; border-top:#a0a0a0 1px solid; background:#fff;}*/ .information-container-box .price-box {clear:both; } .information-container-box a { color:#206bb3; text-decoration:underline;} .information-container-box a:hover { text-decoration:none;} .information-container-box p { padding:0 10px;} /* Product Shop */ .product-view .product-shop { float:right; width:445px; } .product-view .product-name {} .product-view .short-description { color:#206bb3; font-size:17px; line-height:19px; padding-bottom:15px;} .product-view .strong-points { margin:10px 0;} .product-view .strong-points li { font-weight:bold; color:#206bb3; padding:0 0 0 20px; background: url(../images/main/main_sprite.png) -273px 0 no-repeat;} .product-view .technical-points{ margin-bottom:10px;} .product-view .technical-points li {font-weight:bold; color:#494949; padding:0 0 0 20px; background: url(../images/main/main_sprite.png) -273px -248px no-repeat;} .product-view .shipped-with { margin-bottom:5px;} .product-view .shipped-with .label { float:left; color:#494949; font-weight:bold; display:inline;} .product-view .shipped-with li{ float:left; margin-left:5px;} .product-view .shipped-with p{ clear:both; margin:0; padding:0;} .product-view .product-downloadable { clear:both; margin-bottom:10px; display:block;} .product-view .product-downloadable li a { color:#206bb3; text-decoration:underline;} .product-view .product-downloadable li a.hover { text-decoration:none;} /*.product-view .product-downloadable .pdf_action { background:url(../images/main/main_sprite.png) 0 -428px no-repeat; padding-left:25px;} .product-view .product-downloadable .link_action { background:url(../images/main/main_sprite.png) 0 -368px no-repeat; padding-left:25px;}*/ .pdf_action { background:url(../images/main/main_sprite.png) 0 -428px no-repeat; padding-left:25px;} .link_action { background:url(../images/main/main_sprite.png) 0 -368px no-repeat; padding-left:25px;} .product-view .add-to-links li { float:left; margin-right:20px;} /* block-bestsellers */ .block-bestsellers { position:relative; height:100%; overflow:auto; } .block-bestsellers .block-title { padding:0; background:url(../images/main/bg_topventes.png) 100% 0 no-repeat; } .block-bestsellers .block-title h2{ height:25px; background:url(../images/main/bg_topventes_title.png) no-repeat; line-height:25px; padding:0 10px; color:#FFF; } .block-bestsellers .block-content { position:relative; border:#a0a0a0 1px solid; border-top:none; height:100%; overflow:visible;} .block-bestsellers .block-content .bestsellers-product-list{ clear:both; border-top:#d6d6d6 1px solid; overflow:auto; width:100%; } .block-bestsellers .block-content .bestsellers-topnav { background:url(../images/main/bg_product_header.png) repeat-x; height:20px; padding:5px 5px 0;} .block-bestsellers .block-content .bestsellers-topnav li{ float:left; background:#FFF; margin-right:10px;} .block-bestsellers .block-content .bestsellers-topnav li.active{ background:#FFF;} .block-bestsellers .block-content .bestsellers-topnav li.inactive{ background:#ccc;} .block-bestsellers .block-content .bestsellers-topnav li a{ padding:2px 5px 0; color:#000; cursor: pointer; text-decoration:underline;} .block-bestsellers .block-content .bestsellers-topnav li a:hover {text-decoration:none;} .block-bestsellers .block-content .bestsellers-product-header{ float:left;} .block-bestsellers .block-content .bestsellers-product-title, .block-bestsellers .bestsellers-product-learn_more{ color:#206bb3; width:160px; padding:0 5px 0 10px; } .block-bestsellers .block-content .bestsellers-product-title h3{ font-size:12px; color:#000;} .block-bestsellers .block-content .bestsellers-product-learn_more li{ list-style-type:none;} .block-bestsellers .block-content .bestsellers-product-learn_more a{ color:#206dd3; font-weight:bold; padding:0; } .block-bestsellers .block-content .bestsellers-product-learn_more a:hover{ text-decoration:none;} .block-bestsellers .block-content .short-description{ float:left; width:460px; padding:0 5px; } .block-bestsellers .block-content .price-box { float:left; clear:none; width:100px; padding:0 5px; text-align:right; } .block-bestsellers .block-content .bestsellers-product-addto{ float:right; width:40px; overflow:hidden; margin:0; } .block-bestsellers .block-content .bestsellers-product-addto .button, .block-bestsellers .block-content .bestsellers-product-addto .button:focus{ background:url(../images/main/main_sprite.png) 0 -148px no-repeat; width:40px; height:40px; padding:0 30px; } .block-bestsellers .block-content .bestsellers-product-addto .button:hover{ background-position:-129px -148px; } .block-bestsellers .block-content .bestsellers-product-addto .button span{ background:none; text-indent:-999px; } @media screen and (-webkit-min-device-pixel-ratio:0) { /* Safari and Google Chrome only - fix margins */ .block-bestsellers .block-content .bestsellers-product-addto .button span { font-size:1px; text-indent:-66px; } } /* Rating */ .ratings { background-color:#ebf5f7; padding:10px;} .ratings h2 { color:#206bb3; font-size:12px; font-weight:bold; } .ratings a { color:#000; } .ratings .amount {} .ratings .rating-links {} .ratings .rating-links a { color:#494949; font-weight:bold; padding:0 0 0 17px; background:url(../images/main/main_sprite.png) 0 -308px no-repeat;} .ratings .rating-links a:hover { background-position:2px -308px;} .ratings dt {} .ratings dd {} .rating-box { width:69px; height:13px; font-size:0; line-height:0; background:url(../images/bg_rating.gif) 0 0 repeat-x; position:relative; overflow:hidden; } .rating-box .rating { position:absolute; top:0; left:0; height:13px; background:url(../images/bg_rating.gif) 0 100% repeat-x; } /* Availability */ .availability {} .availability .in-stock { font-weight:bold; } .availability .out-of-stock { font-weight:bold; color:#f00; } /********** < Product Prices */ .price { color:#e32329; white-space:nowrap !important; } .price-box { display:block; clear:both;} .price-box-bundle {} /* Regular price */ .regular-price {} .regular-price .price { font-weight:bold; color:#e32329; font-size:16px; line-height:24px; } /* Old price */ .old-price {} .old-price .price-label { white-space:nowrap; } .old-price .price { font-weight:bold; color:#676565; font-size:14px; line-height:20px; text-decoration:line-through; } /* Old price Cart*/ .old-price-cart .price{ color:#676565; text-decoration:line-through; } /* Special price */ .special-price {} .special-price .price-label { font-weight:bold; white-space:nowrap; } .special-price .price { font-weight:bold; color:#e32329; font-size:16px; line-height:24px; } /* Minimal price (as low as) */ .minimal-price {} .minimal-price .price-label { font-weight:bold; white-space:nowrap; color:#e32329; } a.minimal-price-link { display:block; text-decoration:none; } a.minimal-price-link .label { color:#000; display:block; } a.minimal-price-link .price { font-weight:bold; color:#e32329; font-size:20px; line-height:24px; } /* Reductions */ #shopping-cart-totals-table { } #shopping-cart-totals-table tr{ border-bottom:1px dotted #ddd;} #shopping-cart-totals-table td{ padding:2px 5px;} .cart-price, .special_price_total_cart { position:relative;} .special_price_details_cart, .special_price_details { position:relative; border:#d6d6d6 1px solid; background:#FFF;} .cart .totals table .special_price_details { border:none; background:none;} .product-labels .special_price_details { margin:0 auto 10px; width:80px;} .products-grid .special_price_details { position:absolute; top:95px; right:0; margin:8px 25px 0 -25px;} .block-focusblock .special_price_details { position:absolute; top:-10px; right:0; margin:0 130px 0 -130px;} .product-options-bottom .special_price_details{ float:right; margin-right:10px; } .cell_special_price_total_cart { color:#797b7b; background-color:#f3f9fa; padding:0; } .discount_price { font-size:20px; color:#e53237; text-align:center; line-height:18px; } .special_price_details_cart .discount_price{ width:80px; padding-right:55px; } .cell_special_price_total_cart .discount_price{ font-size:12px; font-weight:bold; } .product-options-bottom .discount_price, .products-grid .discount_price, .block-focusblock .discount_price{ padding:0 5px;} .discount_percentage { font-size:10px; color:#FFF; background-color:#e53237; text-align:center; line-height:18px;} .special_price_details_cart .discount_percentage{ width:55px; position:absolute; right:0; top:0;} .product-options-bottom .discount_percentage, .products-grid .discount_percentage, .block-focusblock .discount_percentage{ padding:0 5px;} /* Excluding tax */ .price-excluding-tax { display:block; } .price-excluding-tax .label { white-space:nowrap; } .price-excluding-tax .price { font-weight:normal; color:#e32329;} /* Including tax */ .price-including-tax { display:block; } .price-including-tax .label { white-space:nowrap; } .price-including-tax .price { font-weight:bold; color:#e32329;} /* 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; color:#e32329;} /* 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; color:#e32329;} /* Price range */ .price-from {} .price-from .price-label { font-weight:bold; white-space:nowrap; } .price-to {} .price-to .price-label { font-weight:bold; white-space:nowrap; color:#e32329;} /* Price as configured */ .price-as-configured {} .price-as-configured .price-label { font-weight:bold; white-space:nowrap; } /* Price notice next to the options */ .price-notice { padding-left:10px; } .price-notice .price { font-weight:bold; color:#e32329;} /********** Product Prices > */ /* Tier Prices */ .tier-prices .price { font-weight:bold; } .tier-prices .benefit {} /* Add to Links */ .add-to-links { margin:0; padding-bottom:10px;} .add-to-links li{ margin:0; padding:2px 0;} .add-to-links a{ font-weight:bold; color:#707070; padding:0 0 0 17px; background:url(../images/main/main_sprite.png) 0 -308px no-repeat;} .add-to-links a:hover { background-position:2px -308px;} .add-to-links .separator { display:none; } /* Add to Cart */ .add-to-cart { clear:both; float:left; width:100%; height:100%; overflow:visible; margin-top:10px; } .add-to-cart label { float:left; margin-right:5px; } .add-to-cart .qty { float:left; } .add-to-cart button.button { float:left; margin-left:5px; } /* Add to Links + Add to Cart */ .add-to-box {} .add-to-box .add-to-cart { float:left; } .add-to-box .or { float:left; margin:0 10px; } .add-to-box .add-to-links { float:left; } /* Product Options */ .product-options { position:relative; padding:5px 10px; border:1px solid #ffeeb2; background:#fffce9; margin:0 0 10px; display:block; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px; background-image: -moz-linear-gradient(center top, rgb(255,255,245) 0%, rgb(255,248,218) 100%); /* FF3.6 */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(255,255,245)), color-stop(1, rgb(255,248,218))); /* Saf4+, Chrome */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffff5', endColorstr='#fff8da'); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffff5', endColorstr='#fff8da')"; /* IE8 */ } .product-options dl { position:relative; } .product-options dt { display:block; clear:both; float:none; } .product-options dt .qty-holder { float:right; } .product-options dt .qty-holder label { } .product-options dt .qty-disabled { background:none; border:none; color:#000; } .product-options dt label { float:left; block; font-weight:bold; color:#206bb3; } .product-options dd { display:block; clear:both; height:100%; overflow:visible; margin-bottom:5px; border-top:#ccc 1px solid; padding:5px; } .product-options .options-list { } .product-options .options-list div { float:left; } .product-options .options-list .product-image { float:left; margin:0 10px;} .product-options .options-list .label { width:80%; float:left; clear:none; } .product-options .options-list label { } .product-options #bundle-option-3-container { display:block; padding:2px; font-style:italic; } .product-options dd input.input-text { width:98%; } .product-options dd textarea { width:98%; height:8em; } .product-options dd select { width:auto; } .product-options ul.validation-failed { padding:0 7px; } .product-options p.required { padding:5px 0 0; clear:both; text-align:left; } .product-options dl.last dd.last {} .product-options .options-list input.radio { float:left; margin:3px -18px 0 0; } .product-options-bottom { position:relative; padding:5px 10px; border:1px solid #daeaed; background:#ebf5f7; margin-bottom:10px; display:block; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px; background-image: -moz-linear-gradient(center top, rgb(250,252,253) 0%, rgb(235,245,247) 100%); /* FF3.6 */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(250,252,253)), color-stop(1, rgb(235,245,247))); /* Saf4+, Chrome */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafcfd', endColorstr='#ebf5f7'); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafcfd', endColorstr='#ebf5f7')"; /* IE8 */ } .product-options-bottom .price-box { float:left; clear:none; margin: 0;} .product-options-bottom .price-box .price{ font-size:18px;} .product-options-bottom .label_additional{ float:left; line-height:24px; padding:0 0 0 5px;} .product-options-bottom .button { float:left; height:36px; padding:0 0 0 30px; background:url(../images/bkg_button.png) 0 50% no-repeat; margin:3px 0; } .product-options-bottom .button span{ font-size:16px; height:36px; background:url(../images/bkg_button.png) 100% 50% no-repeat; line-height:36px; } .product-options-bottom fieldset{ float:left;} .product-options-bottom .qty-box{ float:both; position:relative; top:10px; margin:0 20px;} /*.product-options-bottom .ajoutdevis { clear:right; background:url(../images/bkg_button_devis.gif) 0 50% no-repeat; height:18px; padding:0 0 0 12px;} .product-options-bottom .ajoutdevis span{ font-size:10px; background:url(../images/bkg_button_devis.gif) 100% 50% no-repeat; padding:0 12px 0 0; height:18px; line-height:18px; color:#FFF;} */ /* related li .related-product-price .price-box .regular-price .price, .related li .related-product-price .price-box .old-price .price, .related li .related-product-price .price-box .special-price .price, .related li .related-product-price .price-box .minimal-price .price */ .product-options-bottom .add-to-cart{ float:right; border:none; width:auto; clear:none; margin:3px 20px 0;/**/ } .product-options-bottom .add-to-cart label { font-weight:bold; color:#206bb3; } .product-options-bottom .add-to-cart button.button, .product-options-bottom .add-to-cart button.button:focus{ position:relative; background:url(../images/main/main_sprite.png) -129px -96px no-repeat; height:27px; width:110px; padding:0 110px 0 0; overflow:hidden;} .product-options-bottom .add-to-cart button.button:hover { background-position:-129px -122px;} .product-options-bottom .add-to-cart button span { padding-left:35px; color:#FFF; margin-top:-2px; background:none; display:inline-block; } .product-options-bottom .product-price-label { display:block; } .product-options-bottom .product-price { float:left; } .product-options-bottom .tierprice-details{ position:relative; } .product-options-bottom .tierprice-details table{ font-size:10px; color:#000; border-bottom:#ccc 1px solid; margin:5px 0 10px; } .product-options-bottom .tierprice-details th{ color:#FFF; text-align:center; background-color:#4086cb; } .product-options-bottom .tierprice-details th.information{ background:none; text-align:left; } .product-options-bottom .tierprice-details td{ text-align:center; line-height:18px; border-top:1px #c5dde2 solid;} .product-options-bottom .tierprice-details tr:last-child td{ padding-bottom:5px;} .product-options-bottom .tierprice-details .information{ width:80px;} .product-options-bottom .tierprice-details .product-pricing{ position:absolute; top:0; width:230px; margin-left:80px; } .product-options-bottom .tierprice-details .product-pricing li{ float:left; width:50px; text-align:center; margin:5px; border-left:1px dotted #206bb3; padding:0 5px;} .product-options-bottom .tierprice-details .product-pricing li span.strong{ display:block; color:#206bb3; font-weight:bold; } .product-options-bottom .tierprice-details .product-pricing li span.price{ display:block; } .add-to-box .price-label{ background:url(../images/main/main_sprite.png) 0 -308px no-repeat; } /* Grouped Product */ .grouped-items {} /* Block: Description */ .product-view .description {} /* Block: Additional */ .product-view .additional {} /* Block: Upsell */ .product-view .up-sell {} .product-view .up-sell .products-grid td { width:25%; } /* Block: Tags */ .product-view .tags {} .product-view .tags .form-add-tags label { float:left; } .product-view .tags .form-add-tags .input-box { float:left; width:260px; margin:0 5px; } .product-view .tags .form-add-tags input.input-text { width:254px; } .product-view .tags .form-add-tags button.button { vertical-align:bottom; } .product-view .tags .form-add-tags p { clear:both; } /* Block: Reviews */ .product-view .reviews { padding:10px; } .product-view .reviews h3 { padding-bottom:5px; margin-bottom:5px; border-bottom:#ddd 1px solid; } .product-view .reviews dt { font-weight:bold; padding:5px;} .product-view .reviews dt a { color:#206dd3; padding-right:5px;} .product-view .reviews dd { font-size:11px; } .product-view .reviews dd p{ background: url(../images/main/bg_message.png) no-repeat; padding:8px 5px 0 5px;} .product-view .reviews dd .date{ background: url(../images/main/bg_message_date.png) 0 100% no-repeat; color:#206dd3; padding:5px; padding-top:0;} /* Block: Add Review */ .product-view .add-review {} .product-view .add-review .product-name span { font-weight:normal; } /* Block: recent-product */ #recent-products, #cart-product-list{ position:absolute; background-color:#FFF; border:#ccc 3px solid; padding:2px; top:15px; right:0; } #recent-products { width:130px; } #cart-product-list{ width:200px; z-index:600; } #recent-products .block-content {} #cart-product-list #cart-topbar { padding:0px;} #recent-products li, #cart-product-list li { padding:0 0 0 5px; border-bottom:#CCC 1px dotted; font-size:10px; border-left:3px #206bb3 solid; } #recent-products li { width:120px;} #cart-product-list li { width:190px;} #recent-products .product-image, #cart-product-list .product-image { border:none; margin:0; padding:0; width:auto; font-size:10px; } #recent-products .product-image img, #cart-product-list .product-image img { float:left; width:30px; height:auto;} #recent-products .product-details, #cart-product-list .product-details { margin:0 0 0 5px; float:left; width:150px; text-align:left; } #cart-product-list .product-details h4 {} #cart-product-list .product-details .btn-remove { padding-top:3px;} #cart-product-list .product-details .price { color:#e32329; font-weight:bold;} /* ======================================================================================= */ /* Content Styles ================================================================= */ * .product-name { font-weight:bold; font:15px/18px Helvetica, Tahoma, sans-serif; padding:5px 0; } * a.product-name { display:block;} /* Product Tags */ .tags-list li { display:inline; } /* Advanced Search */ .search-summary {} /* CMS Home Page */ .cms-home .products-grid td { width:20%; } /* Sitemap */ .sitemap { padding:10px 20px;} .sitemap li a { background:none; padding:2px 5px; } .sitemap li a:hover { background:#e32329; color:#FFF; padding:2px 5px; text-decoration:none; -moz-border-radius: 4px; -webkit-border-radius: 4px;} .sitemap .level-1 { margin-top:5px; } .sitemap .level-1 a{ background:#5992c8; color:#FFF; text-decoration:none; -moz-border-radius: 4px; -webkit-border-radius: 4px;} .sitemap .level-2 { padding:5px 0; background:url(../images/main/sitemap_level2.png) 0 0 no-repeat;} .sitemap .level-2 a{ background:#c7e4ff; text-decoration:none; -moz-border-radius: 4px; -webkit-border-radius: 4px;} .sitemap .level-1 a:hover, .sitemap .level-2 a:hover{ background:#e32329;} .sitemap .level-3 { padding-top:5px; background:url(../images/main/sitemap_level3.png) 0 0 no-repeat;} .sitemap .level-3 a{ text-decoration:none; } .sitemap .level-3 a:hover { background:none; color:#e32329;} /* ======================================================================================= */ /* Product Review ======================================================================== */ .product-review {} .product-review .product-img-box { float:left; width:140px; } .product-review .product-img-box .product-image { display:block; border:1px solid #ddd; padding:1px; } .product-review .details { float:right; /*width:570px; */} .product-review #product-review-media-container { width:auto;} .product-review #product-review-media-container .product-img-box{ width:auto;} /* ======================================================================================= */ /* Shopping Cart ========================================================================= */ .cart .checkout-types { float:right; text-align:right; } /* Shopping Cart Table */ .cart-table .item-msg { font-size:10px; } /* Shopping Cart Collateral boxes */ .cart .cart-collaterals { float:left; width:700px; } .cart .cart-collaterals h3 {font-size:12px;} .cart .crosssell { padding:10px; margin-bottom:10px; border-right:#ddd 0px solid;} .cart .crosssell h3 {} .cart .crosssell li { border-top:#ddd 1px solid; padding:2px 0;} .cart .crosssell ul.add-to-links li { border:none;} .cart .crosssell .product-image { float:left; margin-right:-90px; } .cart .crosssell .product-shop { margin-left:90px; } .cart .crosssell .product-shop .price-box { clear:none;} .cart .shipping {} /* offres discount */ .discount { padding:10px; background-color:#fffbd0; border:#f5edc4 1px solid; margin-bottom:10px;} .discount h3 { color:#9a4c00; margin-bottom:5px;} .discount label{} /* Shopping Cart Totals */ .cart .totals { float:right; width:250px; } .cart .totals table { width:100%; border:#dddddd 1px solid; border-top:none;} .cart .totals table th, .cart .totals table td { padding:5px; } .cart .totals table th { font-weight:bold; } /* Options Tool Tip */ .item-options dt { font-weight:bold; font-style:italic; } .item-options dd { padding-left:10px; } .truncated { cursor:help; } .truncated a.dots { cursor:help; } .truncated a.details { cursor:help; } .truncated .truncated_full_value { position:relative; z-index:999; } .truncated .truncated_full_value dl { position:absolute; top:-99999em; left:-99999em; z-index:999; width:250px; padding:8px; border:1px solid #ddd; background-color:#f6f6f6; } .truncated .show dl { top:-20px; left:50%; } .col-left .truncated .show dl { left:30px; top:7px; } .col-right .truncated .show dl { left:-240px; top:7px; } /* ======================================================================================= */ /* Checkout ============================================================================== */ /* One Page */ .opc { border-bottom:1px solid #ddd; position:relative; } .opc li.section { border:1px solid #ddd; border-bottom:0; } .opc .step-title { background-color:#f6f6f6; padding:0 5px; text-align:right; } .opc .step-title .number { font-size:12px; float:left; line-height:22px; margin-right:5px; } .opc .step-title h3 { font-size:12px; line-height:22px; float:left; } .opc .allow .step-title { cursor:pointer; } .opc .active {} .opc .active .step-title { background-color:#3880c5; cursor:default; } .opc .active .step-title h3, .opc .active .step-title .number{ color:#FFF;} .opc .step { border-top:1px solid #ddd; padding:10px; position:relative; background:#FFF; } .opc .step .tool-tip { right:10px; } .opc .order-review {} /* Multiple Addresses Checkout */ .checkout-progress { padding:0 50px; margin:10px 0; } .checkout-progress li { float:left; width:20%; border-top:5px solid #ccc; text-align:center; color:#ccc; } .checkout-progress li.active { border-top-color:#000; color:#000; } .multiple-checkout { position:relative; } .multiple-checkout .tool-tip { top:50%; margin-top:-120px; right:10px; } .multiple-checkout .grand-total { font-size:1.5em; text-align:right; } .multiple-checkout .grand-total big {} .multiple-checkout .grand-total .price {} /********** < Common Checkout Styles */ /* Shipping and Payment methods */ .sp-methods dt { font-weight:bold; } .sp-methods .price { font-weight:bold; } .sp-methods .form-list { padding-left:20px; } .sp-methods select.month { width:150px; margin-right:10px; } .sp-methods select.year { width:96px; } .sp-methods input.cvv { width:3em !important; } .please-wait { float:right; margin-right:5px; } .cvv-what-is-this { cursor:help; margin-left:5px; } /* Tooltip */ .tool-tip { border:1px solid #ddd; background-color:#f6f6f6; padding:5px; position:absolute; z-index:9999; } .tool-tip .btn-close { text-align:right; } .tool-tip .tool-tip-content { padding:5px; } /* Gift Messages */ .add-gift-message {} .gift-message-form { border:1px solid #ddd; background-color:#f5f5f5; } .gift-message-form .inner-box { padding:5px; height:300px; overflow:auto; } .gift-message-form .gift-item {} .gift-message-link { display:block; background:url(../images/bg_collapse.gif) 0 4px no-repeat; padding-left:20px; } .gift-message-link.expanded { background-position:0 -53px; } .gift-message-row {} .gift-message-row .btn-close { float:right; } .gift-message dt strong { font-weight:bold; } /* Checkout Agreements */ .checkout-agreements {} .checkout-agreements li { margin:10px 0; } .checkout-agreements .agreement-content { border:1px solid #ddd; background-color:#f6f6f6; padding:5px; height:10em; overflow:auto; } .checkout-agreements .agree { padding:6px; } /********** Common Checkout Styles > */ /* ======================================================================================= */ /* Account Login/Create Pages ============================================================ */ .account-login {} .account-login .new-users {} .account-login .registered-users {} .account-create {} /* Account Login/Create Pages ============================================================ */ /* My Account ============================================================================= */ /********** < Dashboard */ .dashboard { margin:0 10px;} .dashboard .welcome-msg { margin:10px 0 30px;} .dashboard .welcome-msg h3 { color:#206bb3; } .dashboard h2{ font-size:15px; border-bottom:1px solid #ccc; } .dashboard .col2-set { margin:5px 0 30px;} /* Block: Recent Orders */ .dashboard .recent-orders { margin:10px 0; } /* Block: Tags */ .dashboard .tags .number { float:left; margin-right:-20px; } .dashboard .tags .details { margin-left:20px; } /* Block: Reviews */ .dashboard .reviews {} /********** Dashboard > */ /* Order View */ .order-info { border:1px solid #ddd; padding:5px; background:#fffbd0; } .order-info dt, .order-info dd, .order-info ul, .order-info li { display:inline; } .order-info dt { font-weight:bold; } /* Print Pages */ .print_link { float:right;} .print_link a, .print_link a:link{ position:relative; width:29px; height:32px; background:#F00; display:block; text-indent:-9999px; background:url(../images/main/main_sprite.png) 0 -188px no-repeat; color:#000; font-size:11px; line-height:30px;} .print_link a:hover{ background-position:-129px -188px; text-indent:-40px;} .page-print {} .page-print .print-head {} .page-print .print-head img { float:left; } .page-print .print-head address { float:left; margin-left:15px; } /* Price Rewrites */ .page-print .gift-message-link { display:none; } .page-print .price-excl-tax, .page-print .price-incl-tax { display:block; white-space:nowrap; } .page-print .cart-price, .page-print .price-excl-tax .label, .page-print .price-incl-tax .label, .page-print .price-excl-tax .price, .page-print .price-incl-tax .price { display:inline; } /* Page de pr�vu Print */ #product-view-print-wrapper {} #product-view-print-wrapper .box-header, #product-view-print-wrapper .zoom, #product-view-print-wrapper .more-views, #product-view-print-wrapper .zoom-notice, #product-view-print-wrapper .add-to-box, #product-view-print-wrapper .product-downloadable, #product-view-print-wrapper .add-to-links, #product-view-print-wrapper .product-collateral-header-container, #product-view-print-wrapper button { display:none; clear:inherit; } #product-view-print-wrapper .product-collateral-content-container { border-top:#e1e1e1 1px solid;} #product-view-print-wrapper .media-container-box , #product-view-print-wrapper #product-review-media-container { border:1pw solid 000;; width: 20%;} #product-view-print-wrapper .media-container-box > *, #product-view-print-wrapper #product-review-media-container > *{ border:none; width: inherit;} #product-view-print-wrapper .information-container-box .col-2 { border-top:none; border-left:1px solid #ccc;} #product-view-print-wrapper .product-references{ border:none;} #product-view-print-wrapper .information-container-box { float:left; width:inherit;} #product-view-print-wrapper * .technical-points li, #product-view-print-wrapper * .strong-points li{ background:none; list-style-type: disc; list-style-position:inside;} #product-view-print-wrapper .col2-set .col-1 { float:left; width:50%; } #product-view-print-wrapper .col2-set .col-2 { float:right; width:25%; } /* ======================================================================================= */ /* Footer ================================================================================ */ .footer { clear:both; padding:10px; background:#fff url(../images/footer/bg_footer.png) repeat-x; } .footer .footerpayment { width:350px;} .footer .engagement { float:right; width:180px;} .footer p { text-align:left; color:#000; font:11px/12px Arial, Helvetica, sans-serif; margin-top:20px; } .footer .infos-securite a{ font-weight:bold; color:#206bb3;} .footer .infos-securite a:hover{ text-decoration:none;} .footer address { text-align:right; } .footer span { font: bold 12px/18px Arial, Helvetica, sans-serif; color:#000; display:block;} .footer ul { float:left; padding:0 20px 0 0; } .footer li { color:#676767;} .footer li a{ color:#676767; text-decoration:none; font-size:11px; padding-left:10px; background:url(../images/main/main_sprite.png) -174px -789px no-repeat;} .footer li a:hover{ background-position:-171px -789px;} .copyright { display:block;} .copyright address { } .copyright span { display:inline;} .copyright .text-red { color:#e41a1a;} .sitemap-subrange-block { background:#333 url(../images/footer/bg_sitemap_subrange.png) repeat-x; padding:10px;} .sitemap-subrange-block .block-title { padding:0; margin:0; } .sitemap-subrange-block .block-title h2{ color: #CCC; padding:0 0 5px; margin:0 0 5px; font:bold 12px Verdana, Geneva, sans-serif; border-bottom:#666 1px solid; } .sitemap-subrange-block .sitemap-subrange, .sitemap-subrange-block .sitemap-subrange a { font:9px/14px Verdana, Geneva, sans-serif; color:#CCC; text-decoration:none; } .sitemap-subrange-block .sitemap-subrange a:hover { text-decoration:underline; } /* ======================================================================================= */ /* Qui sommes nous ================================================================================ */ .texte_catalogue { } .texte_catalogue td { padding:5px 0; border-bottom:#ddd 1px dotted;} #titre_identifiaction_infos_societe{ text-align:center; font-weight:bold; color:#206bb3; text-transform: uppercase; } #titre_raison_sociale_infos_societe, #titre_statut_juridique_infos_societe, #titre_statut_juridique_infos_societe, #titre_statut_juridique_infos_societe, #titre_siege_social_infos_societe, #titre_adresse_siege_social_infos_societe, #titre_code_postal_infos_societe, #titre_ville_infos_societe, #titre_pays_infos_societe, #titre_telephone_infos_societe, #titre_fax_infos_societe, #titre_email_infos_societe, #titre_site_web_infos_societe, #titre_siret_infos_societe, #titre_ape_infos_societe { text-align:right; color:#206bb3; font-size:12px; } #texte_raison_sociale_infos_societe, #texte_statut_juridique_infos_societe, #texte_statut_juridique_infos_societe, #texte_statut_juridique_infos_societe, #texte_adresse_siege_social_infos_societe, #texte_adresse_siege_social_infos_societe, #texte_code_postal_infos_societe, #texte_ville_infos_societe, #texte_pays_infos_societe, #texte_telephone_infos_societe, #texte_fax_infos_societe, #texte_email_infos_societe, #texte_site_web_infos_societe, #texte_siret_infos_societe, #texte_ape_infos_societe { font-size:12px; } /* ventes priv�es ================================================================================ */ div.vp_content { position:relative; width:100%; } div.vp_item { position:relative; width:770px; height:145px; margin:0 auto 20px; border:1px #e6e7ea solid; background:#fff url(../images/ventesprivees/bg_bandeau.png) 0 100% repeat-x; } div.vp_item .vp_logo { position:relative; width:270px; height:70px; margin:0 0 0 8px; padding:0; background-position:50% 0; background-repeat:no-repeat; text-indent:-999px; overflow:hidden; } .vp_peli { background:url(../images/ventesprivees/vp_peli.png);} .vp_msa { background:url(../images/ventesprivees/vp_msa.png);} div.vp_item .vp_dates { position:relative; width:270px; height:30px; margin:0 0 0 8px; padding:13px 0 0 0; font:11px/14px Arial, sans-serif; text-align:center; } div.vp_item .vp_gosale { position:relative; width:270px; height:32px; margin:0 0 0 8px; padding:0; } .vp_gosale a, .vp_gosale a:focus { position:relative; height:23px; width:140px; margin:0 auto; padding:9px 0 0 10px; /* position texte */ display:block; text-align:center; text-decoration:none; font:bold 11px/11px Arial, sans-serif; color:#fff; background: url(../images/ventesprivees/vp_gosale.png) 0 0 no-repeat; } .vp_gosale a:hover { background: url(../images/ventesprivees/vp_gosale.png) 0 -32px no-repeat; } .vp_gosale a:active { background: url(../images/ventesprivees/vp_gosale.png) 0 -64px no-repeat; } div.vp_item .vp_movie { position:absolute; top:0; right:0; width:490px; height:145px; z-index:0; } #vp_header { position:relative; width:730px; margin:0 auto 30px; padding:5px 20px; border:#e4e4e4 1px solid; background:#fcfdfe url(../images/ventesprivees/vp_bg_header.jpg) 100% 100% no-repeat;} #vp_header #vp_left { padding:15px 0 15px 20px;} #vp_header #vp_left h3 { font-size:21px; color:#d52126;} #vp_header #vp_left p { color:#02294e; font-size:14px; margin:0; padding:0;} #vp_header #vp_left ul { margin:0; padding:0; } #vp_header #vp_left ul li { list-style-type: decimal; margin-left:25px;} #vp_header #vp_right { padding:10px 20px 10px 50px; background:url(../images/ventesprivees/vp_bg_login.jpg) 100% 100% no-repeat;} #vp_header #vp_right #mini-login-form {} #vp_header #vp_right h3 { font-size:21px; color:#fff; } #vp_header #vp_right .input-text { width:150px; margin-bottom:5px;} #vp_header #vp_right .button { background-image:url(../images/ventesprivees/vp_bkg_button.png); } #vp_header #vp_right .button span{ background-image:url(../images/ventesprivees/vp_bkg_button.png); color:#000; } #vp_header a#vp_bt_connecter, #vp_header a#vp_bt_connecter:focus { position:relative; margin:30px 0 0 40px; display:block; width:260px; height:50px; text-indent:-9999px; background:url(../images/ventesprivees/bouton_connecter.png) 0 0 no-repeat; } #vp_header a#vp_bt_connecter:hover { background:url(../images/ventesprivees/bouton_connecter.png) 0 -50px no-repeat;} #vp_header a#vp_bt_connecter:active { background:url(../images/ventesprivees/bouton_connecter.png) 0 -100px no-repeat;} #vp_header a#vp_bt_client, #vp_header a#vp_bt_client:focus { position:relative; margin:10px 0 50px 70px; display:block; width:200px; height:40px; text-indent:-9999px; background:url(../images/ventesprivees/bouton_client.png) 0 0 no-repeat; } #vp_header a#vp_bt_client:hover { background:url(../images/ventesprivees/bouton_client.png) 0 -40px no-repeat;} #vp_header a#vp_bt_client:active { background:url(../images/ventesprivees/bouton_client.png) 0 -80px no-repeat;} #gratuit_header { position:relative; width:730px; margin:0 auto 30px; padding:5px 20px; border:#e4e4e4 1px solid; background:#fcfdfe url(../images/gratuit/gratuit_bg_header.jpg) 100% 100% no-repeat;} #gratuit_header #gratuit_left { padding:15px 0 15px 20px;} #gratuit_header #gratuit_left h3 { font-size:21px; color:#d52126;} #gratuit_header #gratuit_left p { color:#02294e; font-size:14px; margin:0; padding:0;} #pop_card { position:relative; width:460px; margin:50px auto; padding:20px 0 30px 140px; background:#fff url(popup/bg.jpg) 0 100% no-repeat; border:3px solid #fff; -moz-border-radius: 12px; /* FF1+ */ -webkit-border-radius: 12px; /* Saf3+, Chrome */ border-radius: 12px; /* Opera 10.5, IE 9 */ } #pop_card .pop_close, #pop_card .pop_close:focus{ position:absolute; top:5px; right:5px; width:26px; height:26px; text-indent:-9999px; background:transparent url(popup/popup_close.png) 0 0 no-repeat; } #pop_card .pop_close:hover{ background:transparent url(popup/popup_close.png) 0 -26px no-repeat; } #pop_card .pop_close:active{ background:transparent url(popup/popup_close.png) 0 -52px no-repeat; } #pop_card h1{ color:#307dc7; font:normal 20px/25px Arial, Helvetica, sans-serif; margin:20px 0 15px; } #pop_card form { margin-bottom:25px; } #pop_card form input{ height:25px; font-size:16px; color:#000; } #pop_card form input.valider_mail, #pop_card form input.valider_mail:focus { width:131px; height:35px; line-height:35px; text-align:center; font-weight:bold; color:#fff; background:transparent url(popup/popup_panier_bt.png) 0 0 no-repeat; border:none; cursor:pointer; } #pop_card form input.valider_mail:hover { background:transparent url(popup/popup_panier_bt.png) 0 -35px no-repeat; } #pop_card form input.valider_mail:active { background:transparent url(popup/popup_panier_bt.png) 0 -70px no-repeat; } .hidden { visibility: none; display: none; }