/* modal */ .jqmWindow { display: none; position: fixed; top: 5%; left: 50%; margin-left: -350px; width: 700px; background-color: #FFF; color: #333; border: 1px solid black; padding: 12px; } .jqmOverlay { background-color: #000; } /* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */ * iframe.jqm { position:absolute;top:0;left:0;z-index:-1; width: expression(this.parentNode.offsetWidth+'px'); height: expression(this.parentNode.offsetHeight+'px'); } /* Fixed posistioning emulation for IE6 Star selector used to hide definition from browsers other than IE6 For valid CSS, use a conditional include instead */ * html .jqmWindow { position: absolute; top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(5 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px'); } /* */
/* frontend */ /* Copyright (c) 2008, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.6.0 */ html { color:#000; } body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } fieldset, img { border:0; } address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; } li { list-style:none; } caption, th { text-align:left; } h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; } q:before, q:after { content:''; } abbr, acronym { border:0; font-variant:normal; } /* to preserve line-height and selector appearance */ sup { vertical-align:text-top; } sub { vertical-align:text-bottom; } input, textarea, select { font-family:inherit; font-size:inherit; font-weight:inherit; } /*to enable resizing for IE*/ input, textarea, select { *font-size:100%; } /*because legend doesn't inherit in IE */ legend { color:#000; } del, ins { text-decoration:none; } /* */ html, body { margin:0; padding:0; } body { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-align:left; background:transparent url(/images/common/bg_site.gif) repeat left top ; } body { /* Pour faire des hovers autre que sur des a */ behavior: url(/htc/csshover.htc); /* Ca fonctionne avec ie6 et ce n'est pas accessible */ } a { color:#6c6159; } a img { border:none; } a:hover { text-decoration:underline; } table, th, td, tr { border-collapse:collapse; border:none; } fieldset { border:none; } .clear { clear:both; height:0px; font-size:0; line-height:0; } strong { font-weight:bold; } /* ------- DEBUT - Clear ------- */ .clear_fix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clear_fix { display:inline-block; } /* \*/ * html .clear_fix { height:1%; } .clear_fix { display:block; } /* ------- FIN - Clear ------- */ /* */ .header { color:#fff; font-size:10px; font-weight:bold; background:none; padding:0 0 0 0; } .header_content { border-left:1px solid #cccccc; border-right:1px solid #cccccc; min-height:90px; _height:90px; background:#fff url(/images/common/header/bg_header.gif) repeat-x left 0; padding:0 0 10px 0; } .header ul li a { color:#fff; } .logo { width:177px; float:left; display:inline;/* corrige le bug de duplication de charactères */ } .bandeau { width:608px; height:90px; float:left; display:inline;/* corrige le bug de duplication de charactères */ } .logo img { margin:14px 0 0 10px; } .identification, .identification_logged { float:left; width:185px; display:inline;/* corrige le bug de duplication de charactères */ padding:10px 8px 0 8px; position:relative; min-height:80px; _height:80px; } .identification .line_form { margin:0 0 6px 0; } .identification label { color:#666666; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; letter-spacing:-1px; } .identification label.label_type_text { width:65px; text-align:right; padding:0 4px 0 0; float:left; } .identification .error label.label_type_text { color:#ff0000; } .type_text { width:114px; float:left; } .type_text { border:1px solid #ececec; border-top:1px solid #a8a8a8; } .identification .error input.type_text { border:1px solid #ff0000; background:#fff6bf; } .identification_error_msg { color:#ff0000; display:block; margin:0 0 5px 0; } .type_checkbox { width:12px; height:12px; } .identification .label_type_checkbox { font-size:10px; } .valid_identification { position:absolute; right:7px; bottom:0px; } .identification a { font-size:10px; font-weight:normal; letter-spacing:-1px; } .identification_logged { padding-bottom:0; } .connected { font-size:10px; color:#666; background:transparent url(/images/common/header/identification/connected.png) no-repeat left 0; padding:1px 0 0 30px; margin:0 0 12px 0; min-height:22px; _height:22px; } .who_logged { font-size:13px; color:#0066cc; } .deconnect_link { font-size:10px; color:#333; font-weight:normal; position:absolute; right:8px; bottom:0px; z-index:50; text-decoration:none; } .deconnect_link:hover { text-decoration:underline; } /* */ .main_menu { height:24px; } .menu_c { background:transparent url(/images/common/header/menu/bg_menu_c.gif) repeat-x left top; height:24px; position:relative; } .menu_l { background:transparent url(/images/common/header/menu/bg_menu_l.gif) no-repeat left top; height:24px; padding:0 0 0 8px; } .menu_r { background:transparent url(/images/common/header/menu/bg_menu_r.gif) no-repeat right top; height:24px; padding:0 9px 0 0; } .main_menu ul { padding:5px 0 0 0; } .main_menu ul li { float:left; border-right:1px solid #fda363; text-transform:uppercase; font-weight:bold; } .main_menu ul li a { padding:0 10px; text-decoration:none; } .main_menu ul li a:hover { text-decoration:underline; } .flags { position:absolute; right:1px; top:5px; } .flags img { padding:0 0 0 4px; } /* */ .footer { } .footer_links { background:transparent url(/images/common/header/menu/bg_menu_c.gif) repeat-x left top; height:24px; border-left:1px solid #cccccc; border-right:1px solid #cccccc; } .footer_links ul { padding:5px 0 0 0; text-align:center; } .footer_links ul li { display:inline; border-right:1px solid #fda363; text-transform:uppercase; font-size:10px; font-weight:bold; } .footer_links ul li.first { border-left:1px solid #fda363; } .footer_links ul li a { padding:0 10px; color:#fff; text-decoration:none; } .footer_links ul li a:hover { text-decoration:underline; } .services_payement { background:#fff url(/images/common/footer/bg_services_payment.gif) repeat-x left top; border-bottom:1px solid #818181; border-left:1px solid #cccccc; border-right:1px solid #cccccc; height:85px; } .services_payement a { text-decoration:none; } .services_payement a:hover { text-decoration:underline; } .services_payement ul li { padding:0 0 0 8px; background:transparent url(/images/common/footer/bullet_services_payment.gif) no-repeat left 6px; } .footer_inner_column_01, .footer_inner_column_02 { float:left; width:433px; height:75px; padding:10px 10px 0px 50px; } .footer_inner_column_01 { /*border-right:1px solid #818181;*/ background:transparent url(/images/common/footer/separator_services_payment.gif) repeat-y right top; } .footer_inner_column_02 { } .link_col_01, .link_col_02, .link_col_03, .link_col_04 { float:left; } .link_col_01 { width:189px; margin:0 30px 0 0; } .link_col_02 { width:214px; } .link_col_03 { width:200px; margin:0 30px 0 0; } .link_col_04 { width:203px; } .footer_infos { background:#fff; text-align:center; padding:10px 0 0 0; color:#666; border-left:1px solid #cccccc; border-right:1px solid #cccccc; margin:0 0 28px 0; } .footer_infos a { color:#666; text-decoration:none; } .footer_infos a:hover { color:#E51921; text-decoration:none; } .bottom_footer { height:17px; margin:0 -1px 0px -1px; width:988px; position:relative; top:8px; } .bottom_footer_l { height:17px; padding:0 0 0 8px; background:transparent url(/images/common/footer/bottom_footer_bl.png) no-repeat left top; } .bottom_footer_r { height:17px; padding:0 8px 0 0; background:transparent url(/images/common/footer/bottom_footer_br.png) no-repeat right top; } .bottom_footer_c { height:17px; background:transparent url(/images/common/footer/bottom_footer_b.gif) repeat-x left top; Zwidth:972px; } /* */ #content { width:988px; margin:0 auto; } .box_columns { background:#fff; clear:both; border-left:1px solid #cccccc; border-right:1px solid #cccccc; padding:0px 0 0 0; } .column_01, .column_02, .column_03, .column_02_b { float:left; } .column_01 { width:160px; padding:0 9px 0 8px; } .column_02 { width:608px; } .column_03 { width:185px; padding:0 8px 0 8px; } .column_02_b { width:802px; /*padding:0 8px 0 0;*/ } .box_columns_01 { position: relative; } .box_columns_01 .column_01 { width: 500px; } .box_columns_01 .column_02 { width: 80px; } /* */ /* --- DEBUT - Titres --- */ .title_style_01 { color:#ff6600; font-size:14px; font-weight:bold; } .title_style_02 { color:#333333; font-size:13px; font-weight:bold; letter-spacing:-1px; } .title_style_03 { color:#333333; font-size:12px; font-weight:bold; } .title_style_04 { color:#ff6600; font-size:13px; font-weight:bold; margin:0 0 4px 0; } .title_style_05 .title_style_05b { height:30px; } .title_style_05_l, .title_style_05_r, .title_style_05_c, .title_style_05b_l, .title_style_05b_r, .title_style_05b_c { float:left; } .title_style_05_l, .title_style_05b_l { padding:0 0 0 5px; } .title_style_05_r, .title_style_05b_r { padding:0 5px 0 0; } .title_style_05_c, .title_style_05b_c { padding:0 12px; height:22px; color:#fff; padding:5px 12px 3px 12px; text-align:center; font-weight:bold; } .title_style_05_l { background:transparent url(/images/common/tab_title_l.gif) no-repeat left top; } .title_style_05_r { background:transparent url(/images/common/tab_title_r.gif) no-repeat right top; } .title_style_05_c { background:#cbaa92 url(/images/common/tab_title_c.gif) repeat-x left top; } .title_style_05b_l { background:transparent url(/images/common/tab_title_2_l.gif) no-repeat left top; } .title_style_05b_r { background:transparent url(/images/common/tab_title_2_r.gif) no-repeat right top; } .title_style_05b_c { background:#cbaa92 url(/images/common/tab_title_2_c.gif) repeat-x left top; } .title_style_06 { color:#333; font-size:22px; margin:0 0 8px 0; font-family:Arial, Helvetica, sans-serif; } .title_style_07 { color:#666; font-size:16px; padding:0 0 0 12px; font-weight:bold; background:transparent url(/images/common/title_arrow_orange.png) no-repeat left 5px; margin:0 0 5px 0; } .title_style_07b { color:#666; font-size:13px; padding:0 0 0 12px; font-weight:bold; background:transparent url(/images/common/title_arrow_orange.png) no-repeat left 5px; margin:0 0 5px 0; } .title_style_08 { color:#ff6633; font-size:12px; font-weight:bold; margin:0 0 15px 0; } .title_style_09 { color:#666; font-size:14px; font-weight:bold; margin:0 0 15px 0; } .title_style_10 { font-size:18px; font-weight:bold; margin:0 0 10px 0; } .title_style_11 { font-size:24px; font-weight:bold; color:#ff6600; margin:0 0 20px 0; } .title_style_12 { font-size:16px; font-weight:bold; color:#333; margin:0 0 20px 0; } /* --- FIN - Titres --- */ /* -------------------------- */ /* --- DEBUT - Colonne 01 --- */ /* -------------------------- */ .platform_factory { margin:0 0 10px 0; } .platform_factory .tabs { color:#fff; font-weight:bold; letter-spacing:-1px; } .platform_factory .tabs ul { height:30px; } .platform_tab, .factory_tab { float:left; width:80px; height:30px; } .platform_tab a, .factory_tab a { display:block; text-decoration:none; height:22px; font-weight:bold; } .platform_tab a { background:#ffe0cc url(/images/common/platform_factory/platform_tab.gif) no-repeat left top; } .platform_tab a:hover, .platform_tab a.selected { background:#ff6401 url(/images/common/platform_factory/platform_tab_on.gif) no-repeat left top; } .factory_tab a { background:#d2eabf url(/images/common/platform_factory/factory_tab.gif) no-repeat left top; } .factory_tab a:hover, .factory_tab a.selected { background:#4ec100 url(/images/common/platform_factory/factory_tab_on.gif) no-repeat left top; } .platform_factory .tabs a { color:#fff; text-align:center; padding:5px 4px 3px 4px; display:block; text-decoration:none; } .platform_factory .outline_right { padding:0 0 0 0; } .platform_factory .tab_content li .title_style_01 a { text-decoration:none; margin:0 0 2px 0; } .platform_factory .tab_content li { margin:10px 0 0 0; } .platform_factory .tab_content li.first { margin:0 0 0 0; } .platform_factory .tab_content ul { } .platform_factory .tab_content ul li { margin:0 0 0 0; position:relative; float:left; width:151px; } .platform_factory .tab_content ul li a { color:#003366; text-decoration:none; display:block; padding:1px 2px; } .platform_factory .tab_content ul li a:hover, .platform_factory .tab_content ul li.selected a, .platform_factory .tab_content ul li:hover a { background:#d9d8d8; font-weight:bold; } .platform_factory .tab_content ul li .platform_factory_sub_menu { position:absolute; top:0; z-index:1000; left:151px; width:134px; display:none; padding:15px 0 6px 0; background:#d9d8d8 url(/images/common/platform_factory/sub_menu_arrow.gif) no-repeat 50% 5px; } .platform_factory .tab_content ul li li, .platform_factory .tab_content ul li.selected .platform_factory_sub_menu ul, .platform_factory .tab_content ul li.selected .platform_factory_sub_menu ul li { width:134px; } .platform_factory .tab_content ul li.selected .platform_factory_sub_menu ul li { float:none; } .platform_factory .tab_content ul li .platform_factory_sub_menu ul li a { font-weight:normal; padding:1px 12px 1px 16px; width:106px; } .platform_factory .tab_content ul li .platform_factory_sub_menu ul li a:hover, .platform_factory .tab_content ul li .platform_factory_sub_menu ul li.selected a { font-weight:bold; color:#ff5103; background:#f0efef; } .platform_factory .tab_content ul ul li { margin:0 0 0 0; } .platform_factory .outline_box { position:relative; z-index:20; margin:-8px 0 10px 0; } .platform_factory .tab_content ul li:hover .platform_factory_sub_menu { display:block; } /* --- DEBUT - Moteur de recherche --- */ .search { margin:0 0 8px 0; } .grey_content .title_style_02 { text-align:center; position:relative; top:-3px; margin:0 -5px; } .search .grey_content .title_style_02 { font-size:14px; } .search .line_form { clear:both; } .search label { display:block; padding:2px 0 2px 0; font-size:9px; } .search input, .search select { font-size:9px; margin:0 0 5px 0; } .search input { width:138px; } .search select { width:142px; margin:0 0 10px 0; color:#0066cc; } .search br { display:none; } .search p { text-align:center; } /* --- FIN - Moteur de recherche --- */ /* --- DEBUT - Newsletter --- */ .newsletter_inscription { margin:0 0 8px 0; } .newsletter_inscription .grey_content .title_style_02 { font-size:12px; } .newsletter_inscription input { float:left; width:112px; font-size:9px; color:#000; margin:4px 0 0 0; } .newsletter_inscription p { float:right; /*width:112px;*/ font-size:9px; margin:4px 0 0 0; _margin:0px 0 0 0; height:17px; } .newsletter_inscription line_form .clear_fix { margin:0px 0 0 0; } /* --- FIN - Newsletter --- */ /* ------------------------ */ /* --- FIN - Colonne 01 --- */ /* ------------------------ */ /* -------------------------- */ /* --- DEBUT - Colonne 02 --- */ /* -------------------------- */ /* --- DEBUT - Containers --- */ .containers { width:608px; margin:0 0 10px 0; } .containers .inner_column_01, .containers .inner_column_02 { float:left; width:302px; height:46px; background:#ebebeb; border:1px solid #999999; position:relative; } .containers .inner_column_01 .title_style_03 a, .containers .inner_column_02 .title_style_03 a { color:#333; text-decoration:none; } .containers .inner_column_01 .title_style_03 a:hover, .containers .inner_column_02 .title_style_03 a:hover { text-decoration:underline; } .containers .inner_column_02 .title_style_03 a span { color:#ff6600; } .containers .inner_column_02 { text-align:right; } .containers .inner_column_01 .illustr, .containers .inner_column_02 .illustr { position:absolute; top:2px; left:2px; z-index:30; } .containers .inner_column_01 h2 { margin:2px 0 0 82px; } .containers .inner_column_02 h2 { margin:2px 5px 0 0; } .percentage { display:block; margin:0 0 0 82px; color:#339900; font-size:15px; font-weight:bold; } .containers .inner_column_01 p, .containers .inner_column_02 p { position:absolute; right:0px; z-index:20; width:302px; font-size:10px; } .containers .inner_column_01 p { top:1px; } .containers .inner_column_02 p { top:20px; } .containers .inner_column_01 p { text-align:right; margin:0 5px 0 0; } .containers .inner_column_01 p .nb_references { color:#339900; font-weight:bold; } .price_factory_container { display:block; margin:5px 0 0 0; font-size:12px; color:#339900; font-weight:bold; } .price_factory_container span { font-size:10px; color:#333; font-weight:normal; } .containers .inner_column_02 p { margin:0 5px 0 0; } .containers .inner_column_01 p a, .containers .inner_column_02 p a { text-decoration:none; color:#333; } .containers .inner_column_01 p a:hover, .containers .inner_column_02 p a:hover { text-decoration:underline; } .containers .container_link { height:11px; position:absolute; top:35px; left:0px; z-index:20; width:302px; } .containers .container_link a { height:11px; line-height:11px; display:block; text-align:right; } .containers .inner_column_01 .container_link a { background:transparent url(/images/common/bg_link_container_grey.gif) repeat-x left top; } .containers .inner_column_02 .container_link a { background:transparent url(/images/common/bg_link_container_orange.gif) repeat-x left top; } .containers .container_link a img { margin:1px 3px 0 0; } /* --- FIN - Containers --- */ /* --- DEBUT - Breadcrumbs --- */ .breadcrumb { font-size:10px; color:#ff6600; margin:10px 0; } .breadcrumb a { background:transparent url(/images/common/arrow_breadcrumb.gif) no-repeat left 2px; padding:0 6px 0 16px; color:#ff6600; text-decoration:none; text-transform:uppercase; } .breadcrumb a:hover { text-decoration:underline; } .breadcrumb a.first { background:none; padding-left:0; } .breadcrumb a.selected { text-transform:inherit; } /* --- FIN - Breadcrumbs --- */ /* --- DEBUT - Onglets produits --- */ .products .products_tabs { color:#fff; font-weight:bold; margin:0 0 0 1px; letter-spacing:-1px; height:30px; } .products .products_tabs ul { height:30px; } .products .products_tabs a { color:#fff; text-align:center; padding:5px 2px 3px 2px; display:block; text-decoration:none; } .selection_tab, .best_sellers_tab, .new_products_tab, .exclusivity_tab { float:left; width:150px; height:30px; margin:0 0 0 2px; } .selection_tab { margin:0; } .selection_tab a, .best_sellers_tab a, .new_products_tab a, .exclusivity_tab a { display:block; text-decoration:none; height:22px; } .selection_tab a { background:#ffdcc5 url(/images/common/products/products_tab_orange_off.gif) no-repeat left top; } .selection_tab a:hover, .selection_tab a.selected { background:#ff670a url(/images/common/products/products_tab_orange_on.gif) no-repeat left top; } .best_sellers_tab a { background:#f4c2c2 url(/images/common/products/products_tab_red_off.gif) no-repeat left top; } .best_sellers_tab a:hover, .best_sellers_tab a.selected { background:#d51008 url(/images/common/products/products_tab_red_on.gif) no-repeat left top; } .new_products_tab a { background:#ffe8c2 url(/images/common/products/products_tab_yellow_off.gif) no-repeat left top; } .new_products_tab a:hover, .new_products_tab a.selected { background:#ff9108 url(/images/common/products/products_tab_yellow_on.gif) no-repeat left top; } .exclusivity_tab a { background:#cdcdcd url(/images/common/products/products_tab_grey_off.gif) no-repeat left top; } .exclusivity_tab a:hover, .exclusivity_tab a.selected { background:#2b2b2b url(/images/common/products/products_tab_grey_on.gif) no-repeat left top; } /* --- FIN - Onglets produits --- */ /* --- DEBUT - Products --- */ .products .outline_box { position:relative; z-index:10; margin:0px 0 20px 0; } .product_line { } .product_line_first { } .products .inner_column_01, .products .inner_column_02, .products .inner_column_03 { float:left; border-top:1px solid #d2d2d2; } .products .inner_column_01 { width:197px; } .products .inner_column_02, .products .inner_column_03 { width:196px; border-left:1px solid #d2d2d2; } .products .product_line_first .inner_column_01, .products .product_line_first .inner_column_02, .products .product_line_first .inner_column_03 { border-top:none; } .product_item { padding:6px 6px 6px 6px; min-height:199px; _height:199px; } .product_item p { font-size:11px; font-weight:bold; color:#333; min-height:33px; _height:33px; } .product_item p a { color:#333; text-decoration:none; } .product_item p a:hover { text-decoration:underline; } .product_item .illustr { text-align:center; margin:0 0 5px 0; height:140px; } .product_price { color:#fff; text-align:right; margin:0 0 0 0; min-height:33px; _height:33px; } .suggestions .product_price { margin:0 0 14px 0; } /* --- FIN - Products --- */ /* --- DEBUT - Pager content --- */ .pager_content { text-align:center; line-height:20px; padding:7px 0 7px; border-top:1px solid #c2c2c2; border-bottom:1px solid #c2c2c2; margin:10px 0 10px 0; position:relative; } .pager_content ul { line-height:20px; } .pager_content ul li { display:inline; line-height:22px; margin:0 2px; min-height:22px; _height:22px; zoom:1; } .pager_content ul li span { line-height:22px; } .pager_content ul li a { line-height:22px; } .pager_content ul li img { vertical-align:middle; } .pager_content ul ul { display:inline; margin:0 10px; } .pager_content ul ul .selected { font-weight:bold; color:#ff6600; text-decoration:underline; } .pager_results { float:left; color:#808080; font-size:10px; position:absolute; left:0px; top:8px; } .pager_results span { color:#FE6002; font-weight:bold; } .view { position:absolute; right:0px; top:9px; } /* --- FIN - Pager content --- */ /* --- DEBUT - Tri --- */ .sorting { text-align:right; margin:10px 0 10px 0; } /* --- FIN - Tri --- */ /* ------------------------ */ /* --- FIN - Colonne 02 --- */ /* ------------------------ */ /* -------------------------- */ /* --- DEBUT - Colonne 03 --- */ /* -------------------------- */ /* --- DEBUT - Enregistrez-vous --- */ .join { padding:10px 0; margin:0 0 10px 0; border-top:1px solid #c2c2c2; border-bottom:1px solid #c2c2c2; } .join .button_01_blue span span span { width:177px; font-weight:bold; } .join .button_01_blue span span span span { width:161px; } /* --- FIN - Enregistrez-vous --- */ /* --- DEBUT - Flash de la colonne droite --- */ .quality_service, .process_order, .twenty_countries { margin:0 0 10px 0; } /* --- FIN - Flash de la colonne droite --- */ /* ------------------------ */ /* --- FIN - Colonne 03 --- */ /* ------------------------ */ /* --- DEBUT - Spécifique à la Home --- */ .home_page .products .outline_box { margin-top:-8px; } .professional_solution { margin:0 0 10px 0; } .professional_solution img { display:block; } .professional_solution br { display:none; height:0; overflow:hidden; } /* --- FIN - Spécifique à la Home --- */ /* --- DEBUT - Sous-colonne de la colonne 02_b --- */ .column_02_b_inner_column_01, .column_02_b_inner_column_02 { float:left; } .column_02_b_inner_column_01 { width:608px; } .column_02_b_inner_column_02 { width:185px; padding:0 0 0 8px; } /* --- FIN - Sous-colonne de la colonne 02_b --- */ /* --- DEBUT - pager_produit --- */ .pager_product { border-top:1px solid #C2C2C2; border-bottom:1px solid #C2C2C2; padding:5px 0; margin:0 0 10px 0; } .pager_product .pager_previous_next { float:right; } .pager_product .pager_previous_next span { display:block; float:left; padding:4px 0; color:#999; font-weight:bold; } .pager_product ul { float:left; line-height:20px; margin:0 0 0 8px; min-height:20px; } .pager_product ul li { float:left; line-height:20px; margin:0 2px; min-height:20px; width:20px; height:20px; } .pager_product ul li.previous { background: url(/images/common/bt_pager_previous.gif) no-repeat left top; } .pager_product ul li.next { background: url(/images/common/bt_pager_next.gif) no-repeat left top; } .back_product_list { text-align:right; } .back_product_list p { float:left; } /* --- FIN - pager_produit --- */ /* --- DEBUT - Message d'erreur --- */ .info_message { padding:10px; background:#FFF6BF; border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin:10px 0; text-align:center; font-weight:bold; font-size:11px; } .info_message p { margin:0 0 10px 0; } .info_message ul li { text-align:left; padding:0; margin:0; background: url(/images/common/bullet_list_error_message.gif) no-repeat left 7px; padding:0 0 0 10px; font-weight:bold; } .info_message .error { color:red; } .valid_message { color:green; } /* --- FIN - Message d'erreur --- */ /* --- DEBUT - Fiche produit --- */ .product_card { margin:0 0 10px 0; } .product_card .title_style_06 .title_content { float:left; } .product_card .title_style_06 .title_reference { float:right; margin:5px 0 0 20px; font-size:15px; font-weight:bold; } .product_card .inner_column_01, .product_card .inner_column_02 { float:left; width:396px; } .product_card .inner_column_01 { margin:0 10px 0 0; } .product_card .inner_column_01 .illustr { margin:0 0 10px 0; position:relative; } .product_card .inner_column_01 .illustr .corner_tl, .product_card .inner_column_01 .illustr .corner_tr, .product_card .inner_column_01 .illustr .corner_bl, .product_card .inner_column_01 .illustr .corner_br { width:8px; height:8px; position:absolute; z-index:10; overflow:hidden; } .product_card .inner_column_01 .illustr .corner_tl { background:transparent url(/images/common/blocks/white_corner_tl.png) no-repeat left top; top:0; left:0; } .product_card .inner_column_01 .illustr .corner_tr { background:transparent url(/images/common/blocks/white_corner_tr.png) no-repeat left top; top:0; right:0; right: expression((this.offsetParent.clientWidth % 2) ? '-1px' : 0); } .product_card .inner_column_01 .illustr .corner_bl { background:transparent url(/images/common/blocks/white_corner_bl.png) no-repeat left top; bottom:0; bottom: expression((this.offsetParent.clientHeight % 2) ? '-1px' : 0); left:0; } .product_card .inner_column_01 .illustr .corner_br { background:transparent url(/images/common/blocks/white_corner_br.png) no-repeat left top; bottom:0; bottom: expression((this.offsetParent.clientHeight % 2) ? '-1px' : 0); right:0; right: expression((this.offsetParent.clientWidth % 2) ? '-1px' : 0); } .product_card .inner_column_01 .thumbnails { } .product_card .inner_column_01 .thumbnails p { text-align:right; } .link_zoom { font-size:10px; padding:3px 22px 3px 0; background:transparent url(/images/common/pictos/picto_zoom.gif) no-repeat right top; text-decoration:none; } .link_zoom:hover { text-decoration:underline; } .product_card .inner_column_01 .thumbnails .thumbnails_list { margin:10px 0 10px 0; background:transparent url(/images/common/separator_thumbnails.gif) repeat-y right top; } .product_card .inner_column_01 .thumbnails .thumbnail_line_01, .product_card .inner_column_01 .thumbnails .thumbnail_line_other { float:left; width:98px; text-align:center; padding:1px 0 0 1px; } .product_card .inner_column_01 .thumbnails .thumbnail_line_01 { background:transparent url(/images/common/separator_thumbnails_line_01.gif) repeat-y left top; } .product_card .inner_column_01 .thumbnails .thumbnail_line_other { background:transparent url(/images/common/separator_thumbnails_line_other.gif) repeat-y left top; } .product_reference { float:right; margin:0 0 0 10px; } .platform_price, .factory_price { margin:0 0 10px; } .platform_price .title_style_02, .factory_price .title_style_02 { /*letter-spacing:inherit;*/ font-weight:normal; float:left; margin:0 10px 5px 0; } .platform_price .bt_cif, .factory_price .bt_cif { position:relative; top:-1px; } .platform_price .bt_cif .button_03_orange, .factory_price .bt_cif .button_03_green { float:right; } .platform_price .bt_cif .button_03_orange span span span, .factory_price .bt_cif .button_03_green span span span { font-style:italic; } .platform_price .outlines_box_grey_content, .factory_price .outlines_box_grey_content { border:1px solid #CCCCCC; background:#f4f4f4; padding:8px; } .platform_price .inner_column_01, .platform_price .inner_column_02, .platform_price .inner_column_03 { float:left; } .platform_price .inner_column_01 { width:146px; margin:0 10px 0 0; } .quantity_choose { margin:10px 0 0 0; } .quantity_choose label { font-weight:bold; float:left; width:96px; text-align:right; padding:1px 3px 1px 0; font-size:12px; } .quantity_choose input { float:left; width:34px; padding:1px 0; margin:0 2px 0 0; } .quantity_choose .more_less { float:left; width:10px; } .quantity_choose .more_less img { margin:0 0 2px 0; display:block; } .min_quantity { font-size:11px; font-weight:bold; color:#ff0000; background:#fff; border:1px solid #ccc; text-align:center; padding:1px; margin:10px 0 0 0; } .platform_price .inner_column_02 { width:149px; padding:0 5px 0 0; border-right:1px solid #ccc; } .platform_price .inner_column_03 { width:67px; text-align:center; } .add_to_container { border:0; background:none; cursor:pointer; width:67px; color:#336699; font-size:10px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; text-align:center; margin-bottom:-10px; position:relative; left:5px; z-index:20; } .add_to_container img { width:51px; height:41px; overflow:hidden; display:block; overflow:hidden; } .factory_price .inner_column_01, .factory_price .inner_column_02 { float:left; } .factory_price .inner_column_01 { width:110px; margin:0 10px 0 0; } .factory_price .inner_column_02 { width:258px; } .access_factory_products_link { margin:18px 0 0 0; } .access_factory_products_link a { color:#336699; font-size:10px; font-weight:bold; } .product_description { margin:0 0 10px 0; } .product_description_content { background:transparent url(/images/common/separator_thumbnails.gif) repeat-y 48px top; } .product_description .product_description_column_picto, .product_description .product_description_column_txt { float:left; } .product_description .product_description_column_picto { margin:0 10px 0 0; padding:0 8px 0 0; width:40px; min-height:1px; _height:1px; text-align:center; } .product_description .product_description_column_picto img { display:block; margin:0 auto; } .product_description .product_description_column_txt { width:320px; } .good_to_know { margin:0 0 10px 0; } .product_dimensions_packing { font-size:10px; } .product_dimensions_packing strong { font-size:9px; font-weight:bold; color:#ff6633; } .product_dimensions, .product_packing { float:left; width:194px; } .product_dimensions .inner_column_01, .product_packing .inner_column_01, .product_dimensions .inner_column_02, .product_packing .inner_column_02 { float:left; } .product_dimensions .inner_column_01, .product_packing .inner_column_01 { width:103px; margin:0 5px 0 0; } .product_dimensions .inner_column_02, .product_packing .inner_column_02 { width:68px; } .product_dimensions { margin:0 8px 0 0; } .dimensions_table { width:100%; border-spacing: 2px; margin:5px 0; } .dimensions_table th, .dimensions_table td { text-align:center; border:1px solid #fff; padding:1px; letter-spacing:-1px; } .dimensions_table th { background:#ff7d2c; color:#fff; font-weight:bold; } .dimensions_table td { background:#e3e1e1; color:#333; } .product_colors table { width:100%; } .color_presented { width:36px; padding:0 10px 0 0; } .colors_thumbnails ul { margin:-4px; width:332px; } .colors_thumbnails ul li { float:left; width:22px; height:22px; margin:4px 0 0 4px; } .colors_thumbnails ul li.first { margin-left:4px; } /* --- DEBUT - Suggestions --- */ .suggestions { margin:-8px 0 0px 0; position:relative; z-index:5; } .suggestions .inner_column_01, .suggestions .inner_column_02, .suggestions .inner_column_03 { float:left; width:262px; border-top:1px solid #d2d2d2; background:transparent url(/images/common/separator_thumbnails.gif) repeat-y left top; } .suggestions .inner_column_01 { background:none; } .suggestions .suggestion_line_first .inner_column_01, .suggestions .suggestion_line_first .inner_column_02, .suggestions .suggestion_line_first .inner_column_03 { border-top:none; } .suggestion_item { padding:6px 6px 6px 6px; } .suggestion_item .illustr, .suggestion_item .txt { float:left; width:120px; } .suggestion_item .illustr { text-align:center; margin:0 10px 0 0; } .suggestion_item .txt { } .suggestion_item p { font-size:11px; font-weight:bold; color:#333; margin:0 0 0px 0; min-height:52px; _height:52px; } .suggestion_item p a { color:#333; text-decoration:none; } .suggestion_item p a:hover { text-decoration:underline; } .suggestion_price { color:#fff; text-align:right; } .suggestion_item .outlines_box_grey .outlines_box_grey_content { padding:5px; background:#e9e9e9; position:relative; top:0; left:0; } .quantity, .add_quantity { float:left; } .quantity { text-align:center; width:49px; } .add_quantity { text-align:center; width:64px; margin-right:-5px; } .quantity label { font-weight:bold; display:block; margin:0 0 4px 0; } .quantity input { display:block; width:40px; margin:0 auto; } .add_to_container_2 { border:0; background:none; cursor:pointer; color:#336699; font-size:10px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; } .add_to_container_2 img { display:block; width:54px; height:24px; } .add_all_to_container { text-align:right; margin:5px 0; } /* --- FIN - Suggestions --- */ /* ----------------------------- */ /* --- DEBUT - Espace Client --- */ /* ----------------------------- */ /* --- DEBUT - Espace Client Personnel --- */ .customer_space, .command_zone, .subscription_zone { font-size:13px; color:#666; } .tabs_zone { border-bottom:1px solid #ff8533; margin:0 0 20px 0; font-size:14px; } .tabs_zone ul li { float:left; display:inline;/* corrige le double margin d'IE6 */ height:22px; } .customer_space .tabs_zone ul li { margin:0 0 0 3px; } .command_zone .tabs_zone ul li, .subscription_zone .tabs_zone ul li { margin:0 0 0 4px; } .tabs_zone ul li.first { margin-left:0px; } .tabs_zone ul li a, .tabs_zone ul li a:hover { text-decoration:none; cursor:pointer; } .tabs_zone ul li a { color:#999; font-weight:bold; } .tabs_zone ul li a:hover, .tabs_zone ul li.selected a span, .tabs_zone ul li.selected a span span, .tabs_zone ul li.selected a span span span { color:#fff; } .tabs_zone ul li a span, .tabs_zone ul li a span span, .tabs_zone ul li a span span span { display:block; } .tabs_zone ul li a span { padding:0 0 0 8px; background:transparent url(/images/common/client_access_tab_l_off.gif) no-repeat left top; } .tabs_zone ul li.selected a span, .tabs_zone ul li a:hover span { background:transparent url(/images/common/client_access_tab_l_on.gif) no-repeat left top; } .tabs_zone ul li a span span { padding:0 8px 0 0; background:transparent url(/images/common/client_access_tab_r_off.gif) no-repeat right top; } .tabs_zone ul li.selected a span span, .tabs_zone ul li a:hover span span { background:transparent url(/images/common/client_access_tab_r_on.gif) no-repeat right top; } .tabs_zone ul li a span span span { height:19px; padding:3px 0 0 0; background:transparent url(/images/common/client_access_tab_c_off.gif) repeat-x left top; text-align:center; } .customer_space .tabs_zone ul li a span span span { width:155px; } .command_zone .tabs_zone ul li a span span span, .subscription_zone .tabs_zone ul li a span span span { width:184px; } .tabs_zone ul li.selected a span span span, .tabs_zone ul li a:hover span span span { background:transparent url(/images/common/client_access_tab_c_on.gif) repeat-x left top; } .command_zone .tabs_zone ul li.selected a span span span, .command_zone .tabs_zone ul li a:hover span span span, .subscription_zone .tabs_zone ul li.selected a span span span, .subscription_zone .tabs_zone ul li a:hover span span span { } .tabs_zone ul li a span span span em { font-weight:bold; font-size:17px; line-height:14px; } .customer_space_content p { margin:0 0 25px 0; } .intro_my_customer_space { padding:10px 30px 30px 30px; } .intro_my_customer_space strong { color:#ff6600; } .my_customer_space_content { padding:10px 0 20px 0; border-top:1px solid #a3a3a3; border-bottom:1px solid #a3a3a3; } .my_customer_space_content .title_style_04 { margin-bottom:20px; } .line_customer_space_content { clear:both; margin:0 0 19px 0; } .line_customer_space_content .inner_column_01, .line_customer_space_content .inner_column_02 { float:left; } .line_customer_space_content .inner_column_01 { text-align:right; width:320px; padding:4px 0 0 0; } .line_customer_space_content .inner_column_02 { width:284px; padding:0 0 0 4px; } .my_customer_space_content a.button_01_blue span span span, .my_customer_space_content button.button_01_blue span span span, .my_customer_space_content a.button_01_orange span span span, .my_customer_space_content button.button_01_orange span span span, .my_customer_space_content a.button_01_green span span span, .my_customer_space_content button.button_01_green span span span { width:100px; } .my_customer_space_content a.button_01_orange, .my_customer_space_content button.button_01_orange { margin-right:25px; } /* --- FIN - Espace Client Personnel --- */ /* --- DEBUT - Espace Client historique --- */ /* --- DEBUT - Tableau --- */ /* ----------------------- */ .table_zone { border-bottom:1px solid #c2c2c2; width:608px; clear:both; margin:0 0 20px 0; } .table_zone th, .table_zone td { padding:6px 3px; color:#666; border:1px solid #c2c2c2; } .table_zone th { font-size:11px; font-weight:bold; background:transparent url(/images/common/bg_gradient_th_table.gif) repeat-x left top; } .table_zone th a { text-decoration:none; zoom:1; } .table_zone th a:hover { text-decoration:none; } .table_zone td { font-size:10px; } .table_zone input, .table_zone select { border:1px solid #ccc; color:#666; } .table_zone input.input_checkbox { width:12px; height:12px; border:none; } .table_zone label { font-weight:bold; } .table_zone label span { color:#ff0000; } /* --- DEBUT - Tableau Espace client historique --- */ .customer_space .table_zone th, .customer_space .table_zone td { text-align:center; } .table_zone th.identification_number_cell, .table_zone td.identification_number_cell, .table_zone th.product_cell, .table_zone td.product_cell, .table_zone th.unit_price_cell, .table_zone th.quantity_cell, .table_zone td.quantity_cell, .table_zone th.delivery_cell, .table_zone td.delivery_cell, .table_zone th.delivery_cell_2, .table_zone td.delivery_cell_2, .table_zone th.sub_total_cell, .table_zone th.volume_cell { text-align:center; } .no_sorting, .sorting_up, .sorting_down { background-position:right 2px; background-repeat:no-repeat; padding:1px 14px 1px 0; } .no_sorting { background-image:url(/images/common/sorting_no.gif); } .sorting_up { background-image:url(/images/common/sorting_up.gif); } .sorting_down { background-image:url(/images/common/sorting_down.gif); } .table_zone th.identification_number_cell a { background:none; padding:0; } /* --- FIN - Tableau Espace client historique --- */ /* --- DEBUT - Tableau Tunnel de commande Mon container --- */ .table_zone .product_cell { width:160px; } .table_zone .unit_price_cell, .table_zone .sub_total_cell, .table_zone .sub_total_cell_2, .table_zone .volume_cell { text-align:right; } .table_zone td.unit_price_cell, .table_zone td.quantity_cell, .table_zone td.sub_total_cell .table_zone td.volume_cell { white-space:nowrap; } .table_zone .quantity_cell input { width:32px; } .table_zone .total_row { font-weight:bold; } .table_zone .total_row td { background:#efefef; } /* --- FIN - Tableau Tunnel de commande Mon container --- */ /* --- DEBUT - Tableau Enregistrement --- */ .subscription_zone .step_01 .cell_01, .subscription_zone .step_01 .cell_03 { width:192px; text-align:left; border-right:none; } .subscription_zone .step_01 .cell_02, .subscription_zone .step_01 .cell_04 { width:100px; border-left:none; } .subscription_zone .step_01 .cell_02 input, .subscription_zone .step_01 .cell_04 input { width:100px; } .subscription_zone .step_02 .cell_01, .subscription_zone .step_02 .cell_03 { width:100px; border-right:none; } .subscription_zone .step_02 .cell_02, .subscription_zone .step_02 .cell_04 { width:192px; border-left:none; } .subscription_zone .step_02 .cell_02 input, .subscription_zone .step_02 .cell_04 input { width:190px; } .subscription_zone .step_02 .cell_02 select, .subscription_zone .step_02 .cell_04 select { width:190px; } .subscription_zone .step_02 .table_zone .inner_column_01, .subscription_zone .step_02 .table_zone .inner_column_02 { float:left; width:246px; } .subscription_zone .step_02 .table_zone .inner_column_01 label, .subscription_zone .step_02 .table_zone .inner_column_02 label { float:left; width:126px; } /* --- FIN - Tableau Enregistrement --- */ /* --- FIN - Tableau --- */ /* --------------------- */ /* --- DEBUT - Espace Client votre profil --- */ .profile_item { border-bottom:1px solid #c2c2c2; margin:0 0 15px 0; padding:0 0 10px 0; } .line_info_item { margin:0 0 10px 0; padding:0 25px; } .line_info_item .inner_column_01, .line_info_item .inner_column_02 { float:left; } .line_info_item .inner_column_01 { width:150px; } .line_info_item .inner_column_02 { width:408px; } .inner_line_info_item { margin:0 0 10px 0; } .inner_line_info_item_last { margin:0 0 20px 0; padding:0 0 0 25px; } .info_text { color:#ff6600; } /* --- FIN - Espace Client votre profil --- */ /* --------------------------- */ /* --- FIN - Espace Client --- */ /* --------------------------- */ /* ----------------------------------- */ /* --- DEBUT - Tunnel de commade A --- */ /* ----------------------------------- */ .tunnel_command_a_content { } .tunnel_command_a_content p { margin:0 0 16px 0; } .tunnel_command_a_content ul.arrow_list { margin:0 0 16px 0; } .tunnel_command_a_content ul.arrow_list li { padding:0 0 0 16px; line-height:18px; } .tunnel_command_a_content ul.arrow_list li strong { font-weight:bold; color:#666; } /* --------------------------------- */ /* --- FIN - Tunnel de commade A --- */ /* --------------------------------- */ /* ------------------------------ */ /* --- DEBUT - Enregistrement --- */ /* ------------------------------ */ .legal_informations { background:transparent url(/images/common/bg_gradient_th_table.gif) repeat-x left top; padding:10px 0 0 0; margin:0 0 20px 0; font-size:11px; color:#333; } /* ---------------------------- */ /* --- FIN - Enregistrement --- */ /* ---------------------------- */ .zone_buttons { margin:0 0 20px 0; } .zone_buttons button.button_01_blue span span span { width:138px; font-size:11px; } .step_01 .zone_buttons .inner_column_01, .step_01 .zone_buttons .inner_column_02, .step_01 .zone_buttons .inner_column_03, .step_01 .zone_buttons .inner_column_04 { float:left; display:inline;/* corrige le double margin ie6 */ margin:0 0 0 8px; width:146px; } .step_01 .zone_buttons .inner_column_01 { margin-left:0; } .step_02 .zone_buttons .inner_column_01, .step_03 .zone_buttons .inner_column_01 { float:left; } .step_02 .zone_buttons .inner_column_02, .step_03 .zone_buttons .inner_column_02 { float:right; } .subscription_zone .zone_buttons { text-align:right; } .column_02 .command_zone .step_02 .error label, .column_02 .command_zone .step_02 .error span { color:#ff0000; font-weight:bold; } .column_02 .command_zone .step_02 input { border:1px solid #ccc; } .column_02 .command_zone .step_02 .error input, .column_02 .command_zone .step_02 .error select { border:1px solid #ff0000; background:#fff6bf; } .content_404, .content_500 { text-align:center; padding:20px 0 0 0; color:#333; } .content_404 a, .content_500 a { color:#ff6600; } .content_404 p, .content_500 p { margin:0 0 20px 0; } .content_404 ul li, .content_500 ul li { margin:0 0 10px 0; } /* --- DEBUT - FAQ --- */ .container_faq { margin:0 0 20px 0; } .container_faq strong { font-weight:bold; } .container_faq .dlc_emphasis { font-weight:bold; color:#ff6600; } .faq_question { margin:0 0 3px 0; } .faq_question a { background:transparent url(/images/common/faq_answer_plus.gif) no-repeat left 50%; padding:0 0 0 15px; font-size:12px; color:#003366; text-decoration:none; } .faq_question .active { background:transparent url(/images/common/faq_answer_minus.gif) no-repeat left 50%; padding:0 0 0 15px; } .faq_answer { border:1px solid #d7d7d7; background:transparent url(/images/common/faq_answer_bg.gif) repeat-x left top; padding:10px; margin:0 0 10px 0; } .faq_answer p, .faq_answer ul.list_01, .faq_answer ul.list_02, .faq_answer ol { margin:5px 0 15px 0; line-height:16px; } .faq_answer ul.list_01 li, .faq_answer ol li ul.list_01 li .faq_answer ul.list_02 li ul.list_01 li { background:transparent url(/images/common/bullet_01.gif) no-repeat left 8px; padding:0 0 0 10px; list-style:none; margin:0 0 0 0px; } .faq_answer ul.list_02 li, .faq_answer ol li ul.list_02 li, .faq_answer ul.list_01 li ul.list_02 li { background:none; padding:0 0 0 10px; list-style:disc; margin:0 0 0 20px; } .faq_answer ol li, .faq_answer ul.list_01 li ol li, .faq_answer ul.list_02 li ol li { padding:0 0 0 0px; list-style-type:decimal; list-style-position:outside; margin:0 0 0 25px; } .faq_page .factory_skin .title_style_10 { color:#ff6600; } /* --- FIN - FAQ --- */ /* --- DEBUT - Choix categorie --- */ .choose_direct_from { } .choose_direct_from .outline_box { margin:0 0 20px 0; } .choose_direct_from .outline_middle { width:606px; } .choose_direct_from .outline_content { padding:12px; } .line_choose_category { margin:20px 0 0 0; } .line_choose_category a img { display:block; } .choose_direct_from .direct_from_v1 .outline_content .inner_column_01, .choose_direct_from .direct_from_v1 .outline_content .inner_column_02 { float:left; width:270px; } .choose_direct_from .outline_content .inner_column_01 { margin:0 28px 0 0; } .choose_direct_from .direct_from_v2 .outline_content .inner_column_01, .choose_direct_from .direct_from_v2 .outline_content .inner_column_02, .choose_direct_from .direct_from_v2 .outline_content .inner_column_03, .choose_direct_from .direct_from_v2 .outline_content .inner_column_04 { float:left; width:128px; margin:0 0 0 18px; } .choose_direct_from .direct_from_v2 .outline_content .inner_column_01 { margin-left:0; } hr.thin_separator { color:#c2c2c2; background-color:#c2c2c2; margin:0 0 15px 0; border:0; border-width:1px; height:1px; overflow:hidden; } .choose_direct_from { margin:-8px 0 0px 0; position:relative; z-index:5; } /* --- FIN - Choix categorie --- */ /* DÉBUT - style pour le formulaire de la popin_01 */ #TB_ajaxContent .popin_01 .form_title, #TB_ajaxContent .popin_01 .form_description, #TB_ajaxContent .popin_01 .action_container { padding: 0 20px; text-align: center; } #TB_ajaxContent .popin_01 .form_title { position: relative; top: -12px; font: bold 26px "Trebuchet MS", Arial, sans-serif; color: #ef6908; } #TB_ajaxContent .popin_01 .form_description { font-size: 14px; line-height: 15px; color: #5b5b5b; padding-bottom: 13px; } #TB_ajaxContent .popin_01 .field_container { height: 280px; /*overflow-y:auto;*/ width: 645px; } .popin_01 .info_message { background-color: transparent; border: 0px solid #000000; _height: 33px; min-height: 33px; } .popin_01 .info_message, .popin_01 .info_message p.error { padding: 0px; margin: 0px; } .popin_01 .form_row { padding-bottom: 20px; } .popin_01 label { display: block; float: left; text-align: right; width: 160px; padding: 0 10px; font: bold 12px/18px Verdana, Arial, sans-serif; color: #ef6908; } .popin_01 input, .popin_01 textarea { border: 1px solid #CCCCCC; float: left; width: 400px; line-height: 16px; margin: 0 10px 0 0; } .popin_01 .error label { color: #FF0000; font-weight: bold; } .popin_01 .error input, .popin_01 .error textarea { border: 1px solid #FF0000; } .popin_01 input { height: 16px; } .popin_01 textarea { height: 76px; } #TB_ajaxContent .popin_01 .action_container { padding-top: 12px; position: relative; bottom: -8px; } #TB_ajaxContent .popin_01 .error_list li { padding-left: 120px; color: #FF0000; } #TB_ajaxContent .popin_01 .action_container button { padding: 0 5px; } #TB_ajaxContent .popin_01 .action_container button span { width: 104px; } #TB_ajaxContent .popin_01 .action_container button span span { width: 100px; } #TB_ajaxContent .popin_01 .action_container .close_link { position: absolute; bottom: 0px; right: 15px; } /* FIN - style pour le formulaire de la popin_01 */ /* */ .product_card .inner_column_01 .illustr { min-height: 25px; _height: 25px; line-height:25px; text-align:center; } .product_card .inner_column_01 .thumbnails .thumbnail_line_01, .product_card .inner_column_01 .thumbnails .thumbnail_line_other { float:left; width:98px; height:52px; text-align:center; padding:1px 0 0 1px; } .suggestions .inner_column_01, .suggestions .inner_column_02, .suggestions .inner_column_03 { height: 157px; } #content .price_xl .inner_column_01 { width:146px; margin-right:10px; float:left; padding:0; } #content .price_xl .inner_column_02 { width:149px; float:left; margin-right:5px; padding:0; } #content .price_xl .inner_column_03 { width:67px; float:left; padding:0; } .platform_price .bt_cif, .factory_price .bt_cif { left:0; margin-left:120px; margin-top:9px; position:absolute; top:0; } #content .price_l .inner_column_01 { width:140px; margin-right:10px; float:left; } #content .price_l .inner_column_02 { width:210px; border: 0; float:left; margin-right:5px; } .factory_selector { padding: 7px 0; } .factory_selector select { width:142px; } .account-page { padding:0px 20px; } .account-page .message { color: #ff6600; text-align:center; margin:20px 0; font-weight:bold; } .account-page h3 { line-height:1.5em; font-size:18px; font-weight:bold; color:#FF6600; } .account-page p { margin: 13px 0; line-height:1.25em; } .request-password { padding:10px 20px; background-color:#fafafa; } .request-password p { height:20px; } .request-password label { display:block; float:left; width:200px; } .request-password input { display:block; float:left; } .request-password .submit { padding-left:200px; } .request-password button.button_01_blue span span span { padding:0px 10px; } .request-password .error_list { padding-left:200px; color: red; font-style: italic; padding-bottom:20px; } .messages-container div.message { padding:5px; font-size:1.1em; line-height:1.5em; font-weight:900; margin: 10px 0; } .messages-container .notice { border:1px solid #88cc99; background-color: #f5fff5; color:#338833; } .messages-container .error, .messages-container .form-error { border:1px solid #ff0000; background-color: #FFF2F2; color:#ff0000; } #product-image-container { height:350px; line-height:350px; } /** BREADCRUMB must be thinner **/ #content .breadcrumb { margin: 0; padding: 0; } /** BOLD ON PRODUCT PAGE **/ #content .price_xl h3, #content .price_l h3 { font-weight:bold; } #content .quantity_choose input { width:22px; } /** CONTAINER CAN BE BLUE **/ .percentage_blue { color:#003399; display:block; font-size:15px; font-weight:bold; margin:0 0 0 82px; } .containers .inner_column_01 p .nb_references_blue { color:#003399; font-weight:bold; } .price_factory_container_blue { color:#003399; display:block; font-size:12px; font-weight:bold; margin:5px 0 0; } /** PARCEL COLLAPSING **/ #content .additionnal-parcels-show { text-align:right; padding-bottom:8px; } #content .additionnal-parcels-show a { color: #ff6600; } /** REGISTER FORM **/ .table_zone { font-size:12px; } .table_zone th { color:#FF6600; font-size:14px; } .table_zone .product_cell { width:230px; } .table_zone .quantity_cell input { width:16px; } #content sup { vertical-align: super; } .subscription_zone h2 { color: #ff6600; font-size: 18px; font-weight: bold; margin: 15px 0; } .containers { position:relative; } .containers-link-mask { position:absolute; display:block; top:0; left:0; right:0; bottom:0; z-index:50; } .containers-link-mask img { width: 302px; height: 46px; } #content .join { border:0; } .login-container { float:left; min-height:85px; _height:85px; position:relative; } .login-container .bottom-container { margin:15px 5px 0; border-top:1px solid #bbbbbb; } .login-loggued .bottom-container { margin:0; border:0; } .login-container .bottom-container { position:absolute; top:3px; left:0; text-align:center; padding:10px 0; width:185px; z-index: 99; } .identification_logged .bottom-container { top:13px; left:-8px; right:8px; width:193px; } .bottom-wrapper { position:relative; height: 1px; font-size: 0; line-height: 0; } .login-loggued .identification_logged{ background-image:url(/images/common/login-panel-top.gif); background-repeat:no-repeat; background-position: 7px 5px; } .login-loggued .bottom-container{ background-image:url(/images/common/login-panel-bottom.gif); height:45px; background-repeat:no-repeat; background-position: 7px 0; } .deconnect_link { right:14px; display:block; text-align:right; padding-bottom:5px; } .who_logged { padding-left:4px; min-height:32px; _height: 32px; } #content .command_zone .tabs_zone li, #content .customer_profile .tabs_zone li { margin-left:20px; } #content .command_zone .tabs_zone { padding-left:50px; } #content .command_zone .table_zone, #content .customer_profile .table_zone { width:100%; } .history_table { width: 100%; } .customer_profile .tabs_zone li span span span { padding:2px 40px 0; } .command_zone .zone_buttons { padding-left: 95px; } #content .suggestions .button_03_blue span span span span { padding:0 0 0 16px; } button.add_to_container img { width: 54px; height: 24px; } div.questions_category { margin-bottom: 10px; } .portlets .portlet, .portlets object { margin-bottom: 10px; } /** dlcContact **/ .orange { color: #FF6600; } .contact-addresses { width:100%; } .contact-addresses td { padding: 10px; 30px; font-size: 1.2em; } #content form.contact-message td { padding: 5px 20px; vertical-align: top; } #content form.contact-message .error_list li { color:#dd3300; } .popup .contact-message td { padding: 5px 10px; } /** REGISTER PAGE **/ #content table.register-table, #content table.register-table tr, #content table.register-table td, #content table.register-table th { width:auto; } #content table.register-table { width:100%; } #content table.register-table .cell_01, #content table.register-table .cell_03 { width: 120px; } #content table.register-table .cell_02, #content table.register-table .cell_04 { width: 171px; } #content table.register-table input { width:164px; padding: 2px; } #content table.register-table td.address-field input { width:468px; } #content table.register-table td.country-field select { width:292px; } #content table.register-table td.port-field select { width:164px; } #content table.register-table em { font-style: italic; color: #444444; } #content table.register-table .radio_list input, #content table.register-table .checkbox_list input, #content table.register-table .checkbox_line input { width:auto; margin:0 5px; } #content table.register-table .activity-list li, #content table.register-table .suggest-list li { width:210px; padding:2px 30px; float:left; } #content table.register-table .radio_list input, #content table.register-table .checkbox_list input, #content table.register-table .checkbox_line input { border:0; } #content table.register-table .retailer-details input { width:40px; } #content table.register-table .referer input { width:465px; } #content table.register-table input.num_prefix { width:25px; } #content table.register-table input.num_suffix { width:123px; } .containers .inner_column_01 .container_link a.platform { background-image:url(/images/common/bg_link_container_blue.gif); } .containers .inner_column_01 .container_link a.factory { background-image:url(/images/common/bg_link_container_green.gif); } .services_payement a:hover { color: #fd8807; } /** PRODUCT NAVIGATION **/ .product-navigate .sort-container, .product-navigate-with-paginate .sort-container { height:1px; position:relative; } .product-navigate .sort-container select, .product-navigate-with-paginate .sort-container select { position: absolute; right: 0; top: -14px; } .product-navigate { height:20px; } .product-navigate-with-paginate { height:60px; } /** LOGIN PAGE **/ .login_container { height:400px; } .login_container .fieldset { float:left; width:304px; height:400px; } .login_container fieldset { border: 1px solid #bbbbbb; margin-right:10px; height:240px; } .login_container legend { font-size:1.3em; color: #FF6600; font-weight:bold; margin-left:7px; } .login_container fieldset p { padding: 5px 10px; } .login_container ul, .login_container li { list-style-type: square; } .login_container ul { padding-left:25px; padding-right:10px; } .login_container li { padding-bottom:3px; } .login_container #identification { padding-left:45px; } .sitemap-container .col-clear { height: 0; clear: both; } .sitemap-container .col-1-2 { float: left; width: 50%; } .sitemap_page { padding: 0 40px; } .box_columns .sitemap_page a:hover { color: #FF3300; text-decoration: none; } #content .sitemap-container ul, #content .sitemap-container li { color: #FF3300; list-style-type: disc; } #content .sitemap-container ul ul, #content .sitemap-container li li { list-style-type: circle; } #content .sitemap-container ul ul ul, #content .sitemap-container li li li { list-style-type: none; padding: 2px 0 0 13px; } .error_list { color: red; } .suggestion_item .outlines_box_grey .outlines_box_grey_content { margin-top: -15px; } .product_packing .outlines_box_grey .outlines_box_grey_content, .product_dimensions .outlines_box_grey .outlines_box_grey_content { min-height: 105px; _height: 105px; } ul.admin_link{ padding-top:0px; } #newsletter_inscription:hover { cursor: pointer; } /* */ /* --- DEBUT - Box grey --- */ .grey_box { margin:0 0 0 0; } .grey_top { height:8px; } .grey_corner_tl { padding:0 0 0 8px; height:8px; background:transparent url(/images/common/blocks/grey_corner_tl.gif) no-repeat left top; } .grey_corner_tr { padding:0 8px 0 0; height:8px; background:transparent url(/images/common/blocks/grey_corner_tr.gif) no-repeat right top; } .grey_border_top { height:8px; background:transparent url(/images/common/blocks/grey_border_t.gif) repeat-x left top; font-size:1px; } .grey_bottom { height:8px; } .grey_corner_bl { padding:0 0 0 8px; background:transparent url(/images/common/blocks/grey_corner_bl.gif) no-repeat left bottom; } .grey_corner_br { padding:0 8px 0 0; background:transparent url(/images/common/blocks/grey_corner_br.gif) no-repeat right bottom; } .grey_border_bottom { height:8px; background:transparent url(/images/common/blocks/grey_border_b.gif) repeat-x left top; font-size:1px; } .grey_middle { border-left:1px solid #999999; border-right:1px solid #999999; } .search .grey_middle { background:#ededed url(/images/common/blocks/grey_bg_c_search.gif) repeat-x left top; } .newsletter_inscription .grey_middle { background:#ededed url(/images/common/blocks/grey_bg_c_newsletter.gif) repeat-x left top; } .grey_left { padding:0 0 0 8px; /* background:transparent url(/images/common/blocks/grey_border_l.gif) repeat-y left top; */ } .grey_right { padding:0 8px 0 0; /* background:transparent url(/images/common/blocks/grey_border_r.gif) repeat-y right top; */ } /* --- FIN - Box grey --- */ /* --- DEBUT - Box outline (couleur par d�faut : factorisation) --- */ .outline_box { margin:0 0 0 0; } .outline_top { height:8px; } .outline_corner_tl { padding:0 0 0 8px; height:8px; } .outline_corner_tr { padding:0 8px 0 0; height:8px; } .outline_border_top { height:8px; font-size:1px; } .outline_bottom { height:8px; } .outline_corner_bl { padding:0 0 0 8px; } .outline_corner_br { padding:0 8px 0 0; } .outline_border_bottom { height:8px; font-size:1px; } .outline_middle { background:#fff; } .outline_left { padding:0 0 0 7px; } .outline_right { padding:0 7px 0 0; } /* --- FIN - Box outline (couleur par d�faut : factorisation) --- */ /* --- Cas particuliers : Dans la home page le bloc produits ne doit pas changer de couleur de contour en fonction du mode factory/usine, mais en fonction de l'onglet cliqu� --- */ /* --- DEBUT - Box outline Orange (notre s�lection) --- */ .selection_products .outline_corner_tl, .home_page .platform_skin .selection_products .outline_corner_tl, .home_page .factory_skin .selection_products .outline_corner_tl { background:transparent url(/images/common/blocks/outline_corner_orange_tl.png) no-repeat left top; } .selection_products .outline_corner_tr, .home_page .platform_skin .selection_products .outline_corner_tr, .home_page .factory_skin .selection_products .outline_corner_tr { background:transparent url(/images/common/blocks/outline_corner_orange_tr.png) no-repeat right top; } .selection_products .outline_border_top, .home_page .platform_skin .selection_products .outline_border_top, .home_page .factory_skin .selection_products .outline_border_top { background:transparent url(/images/common/blocks/outline_border_orange_t.gif) repeat-x left top; } .selection_products .outline_corner_bl, .home_page .platform_skin .selection_products .outline_corner_bl, .home_page .factory_skin .selection_products .outline_corner_bl { background:transparent url(/images/common/blocks/outline_corner_orange_bl.png) no-repeat left bottom; } .selection_products .outline_corner_br, .home_page .platform_skin .selection_products .outline_corner_br, .home_page .factory_skin .selection_products .outline_corner_br { background:transparent url(/images/common/blocks/outline_corner_orange_br.png) no-repeat right bottom; } .selection_products .outline_border_bottom, .home_page .platform_skin .selection_products .outline_border_bottom, .home_page .factory_skin .selection_products .outline_border_bottom { background:transparent url(/images/common/blocks/outline_border_orange_b.gif) repeat-x left top; } .selection_products .outline_middle, .home_page .platform_skin .selection_products .outline_middle, .home_page .factory_skin .selection_products .outline_middle { border-left:1px solid #ffc69f; border-right:1px solid #ffc69f; } /* --- FIN - Box outline Orange (notre s�lection) --- */ /* --- DEBUT - Box outline Red (meilleures ventes) --- */ .best_seller_products .outline_corner_tl, .home_page .platform_skin .best_seller_products .outline_corner_tl, .home_page .factory_skin .best_seller_products .outline_corner_tl { background:transparent url(/images/common/blocks/outline_corner_red_tl.png) no-repeat left top; } .best_seller_products .outline_corner_tr, .home_page .platform_skin .best_seller_products .outline_corner_tr, .home_page .factory_skin .best_seller_products .outline_corner_tr { background:transparent url(/images/common/blocks/outline_corner_red_tr.png) no-repeat right top; } .best_seller_products .outline_border_top, .home_page .platform_skin .best_seller_products .outline_border_top, .home_page .factory_skin .best_seller_products .outline_border_top { background:transparent url(/images/common/blocks/outline_border_red_t.gif) repeat-x left top; } .best_seller_products .outline_corner_bl, .home_page .platform_skin .best_seller_products .outline_corner_bl, .home_page .factory_skin .best_seller_products .outline_corner_bl { background:transparent url(/images/common/blocks/outline_corner_red_bl.png) no-repeat left bottom; } .best_seller_products .outline_corner_br, .home_page .platform_skin .best_seller_products .outline_corner_br, .home_page .factory_skin .best_seller_products .outline_corner_br { background:transparent url(/images/common/blocks/outline_corner_red_br.png) no-repeat right bottom; } .best_seller_products .outline_border_bottom, .home_page .platform_skin .best_seller_products .outline_border_bottom, .home_page .factory_skin .best_seller_products .outline_border_bottom { background:transparent url(/images/common/blocks/outline_border_red_b.gif) repeat-x left top; } .best_seller_products .outline_middle, .home_page .platform_skin .best_seller_products .outline_middle, .home_page .factory_skin .best_seller_products .outline_middle { border-left:1px solid #d51008; border-right:1px solid #d51008; } /* --- FIN - Box outline Red (meilleures ventes) --- */ /* --- DEBUT - Box outline yellow (nouveaut�s) --- */ .new_products .outline_corner_tl, .home_page .platform_skin .new_products .outline_corner_tl, .home_page .factory_skin .new_products .outline_corner_tl { background:transparent url(/images/common/blocks/outline_corner_yellow_tl.png) no-repeat left top; } .new_products .outline_corner_tr, .home_page .platform_skin .new_products .outline_corner_tr, .home_page .factory_skin .new_products .outline_corner_tr { background:transparent url(/images/common/blocks/outline_corner_yellow_tr.png) no-repeat right top; } .new_products .outline_border_top, .home_page .platform_skin .new_products .outline_border_top, .home_page .factory_skin .new_products .outline_border_top { background:transparent url(/images/common/blocks/outline_border_yellow_t.gif) repeat-x left top; } .new_products .outline_corner_bl, .home_page .platform_skin .new_products .outline_corner_bl, .home_page .factory_skin .new_products .outline_corner_bl { background:transparent url(/images/common/blocks/outline_corner_yellow_bl.png) no-repeat left bottom; } .new_products .outline_corner_br, .home_page .platform_skin .new_products .outline_corner_br, .home_page .factory_skin .new_products .outline_corner_br { background:transparent url(/images/common/blocks/outline_corner_yellow_br.png) no-repeat right bottom; } .new_products .outline_border_bottom, .home_page .platform_skin .new_products .outline_border_bottom, .home_page .factory_skin .new_products .outline_border_bottom { background:transparent url(/images/common/blocks/outline_border_yellow_b.gif) repeat-x left top; } .new_products .outline_middle, .home_page .platform_skin .new_products .outline_middle, .home_page .factory_skin .new_products .outline_middle { border-left:1px solid #ffca00; border-right:1px solid #ffca00; } /* --- FIN - Box outline Yellow (nouveaut�s) --- */ /* --- DEBUT - Box outline Black (exclusivit�s) --- */ .exclusivity_products .outline_corner_tl, .home_page .platform_skin .exclusivity_products .outline_corner_tl, .home_page .factory_skin .exclusivity_products .outline_corner_tl { background:transparent url(/images/common/blocks/outline_corner_black_tl.png) no-repeat left top; } .exclusivity_products .outline_corner_tr, .home_page .platform_skin .exclusivity_products .outline_corner_tr, .home_page .factory_skin .exclusivity_products .outline_corner_tr { background:transparent url(/images/common/blocks/outline_corner_black_tr.png) no-repeat right top; } .exclusivity_products .outline_border_top, .home_page .platform_skin .exclusivity_products .outline_border_top, .home_page .factory_skin .exclusivity_products .outline_border_top { background:transparent url(/images/common/blocks/outline_border_black_t.gif) repeat-x left top; } .exclusivity_products .outline_corner_bl, .home_page .platform_skin .exclusivity_products .outline_corner_bl, .home_page .factory_skin .exclusivity_products .outline_corner_bl { background:transparent url(/images/common/blocks/outline_corner_black_bl.png) no-repeat left bottom; } .exclusivity_products .outline_corner_br, .home_page .platform_skin .exclusivity_products .outline_corner_br, .home_page .factory_skin .exclusivity_products .outline_corner_br { background:transparent url(/images/common/blocks/outline_corner_black_br.png) no-repeat right bottom; } .exclusivity_products .outline_border_bottom, .home_page .platform_skin .exclusivity_products .outline_border_bottom, .home_page .factory_skin .exclusivity_products .outline_border_bottom { background:transparent url(/images/common/blocks/outline_border_black_b.gif) repeat-x left top; } .exclusivity_products .outline_middle, .home_page .platform_skin .exclusivity_products .outline_middle, .home_page .factory_skin .exclusivity_products .outline_middle { border-left:1px solid #696969; border-right:1px solid #696969; } /* --- FIN - Box outline Black (exclusivit�s) --- */ /* --- DEBUT - Box outline Brown --- */ .suggestions .outline_corner_tl, .product_card_page .platform_skin .suggestions .outline_corner_tl, .product_card_page .factory_skin .suggestions .outline_corner_tl { background:transparent url(/images/common/blocks/outline_corner_brown_tl.png) no-repeat left top; } .suggestions .outline_corner_tr, .product_card_page .platform_skin .suggestions .outline_corner_tr, .product_card_page .factory_skin .suggestions .outline_corner_tr { background:transparent url(/images/common/blocks/outline_corner_brown_tr.png) no-repeat right top; } .suggestions .outline_border_top, .product_card_page .platform_skin .suggestions .outline_border_top, .product_card_page .factory_skin .suggestions .outline_border_top { background:transparent url(/images/common/blocks/outline_border_brown_t.gif) repeat-x left top; } .suggestions .outline_corner_bl, .product_card_page .platform_skin .suggestions .outline_corner_bl, .product_card_page .factory_skin .suggestions .outline_corner_bl { background:transparent url(/images/common/blocks/outline_corner_brown_bl.png) no-repeat left bottom; } .suggestions .outline_corner_br, .product_card_page .platform_skin .suggestions .outline_corner_br, .product_card_page .factory_skin .suggestions .outline_corner_br { background:transparent url(/images/common/blocks/outline_corner_brown_br.png) no-repeat right bottom; } .suggestions .outline_border_bottom, .product_card_page .platform_skin .suggestions .outline_border_bottom, .product_card_page .factory_skin .suggestions .outline_border_bottom { background:transparent url(/images/common/blocks/outline_border_brown_b.gif) repeat-x left top; } .suggestions .outline_middle, .product_card_page .platform_skin .suggestions .outline_middle, .product_card_page .factory_skin .suggestions .outline_middle { border-left:1px solid #c39e82; border-right:1px solid #c39e82; } /* --- FIN - Box outline Brown --- */ /* --- Outline box grey --- */ .outlines_box_grey { position:relative; } .outlines_box_grey_content { padding:8px; border:1px solid #ccc; zoom:1; } .outlines_box_grey .outlines_corner_tl, .outlines_box_grey .outlines_corner_tr, .outlines_box_grey .outlines_corner_bl, .outlines_box_grey .outlines_corner_br { width:8px; height:8px; position:absolute; z-index:10; overflow:hidden; } .outlines_box_grey .outlines_corner_tl { background:transparent url(/images/common/blocks/outline_grey_corner_tl.png) no-repeat left top; top:0; left:0; } .outlines_box_grey .outlines_corner_tr { background:transparent url(/images/common/blocks/outline_grey_corner_tr.png) no-repeat left top; top:0; right:0; right: expression((this.offsetParent.clientWidth % 2) ? '-1px' : 0); } .outlines_box_grey .outlines_corner_bl { background:transparent url(/images/common/blocks/outline_grey_corner_bl.png) no-repeat left top; bottom:0; bottom: expression((this.offsetParent.clientHeight % 2) ? '-1px' : 0); left:0; } .outlines_box_grey .outlines_corner_br { background:transparent url(/images/common/blocks/outline_grey_corner_br.png) no-repeat left top; bottom:0; bottom: expression((this.offsetParent.clientHeight % 2) ? '-1px' : 0); right:0; right: expression((this.offsetParent.clientWidth % 2) ? '-1px' : 0); } /*D�but style pour la popin_01 utilis� par le formulaire d'inscription � la newsletter */ .popin_01 .top, .popin_01 .top div { height: 42px; line-height: 0; font-size: 0; } .popin_01 .top .corner_l { padding: 0 0 0 37px; background: transparent url(/images/common/blocks/popin_01/corner_tl.png) no-repeat left top; } .popin_01 .top .corner_r { padding: 0 37px 0 0; background: transparent url(/images/common/blocks/popin_01/corner_tr.png) no-repeat right top; } .popin_01 .top .border { background: transparent url(/images/common/blocks/popin_01/border_t.png) repeat-x left top; } .popin_01 .border_l { z-index:2; padding: 0 0 0 12px; background: transparent url(/images/common/blocks/popin_01/border_l.png) repeat-y left top; } .popin_01 .border_r { padding: 0 20px 0 0; background: transparent url(/images/common/blocks/popin_01/border_r.png) repeat-y right top; } .popin_01 .content { background-color: #FFFFFF; } .popin_01 .bottom, .popin_01 .bottom div { z-index:1; height: 42px; line-height: 0; font-size: 0; } .popin_01 .bottom .corner_l { padding: 0 0 0 39px; background: transparent url(/images/common/blocks/popin_01/corner_bl.png) no-repeat left top; } .popin_01 .bottom .corner_r { padding: 0 39px 0 0; background: transparent url(/images/common/blocks/popin_01/corner_br.png) no-repeat right top; } .popin_01 .bottom .border { background: transparent url(/images/common/blocks/popin_01/border_b.png) repeat-x left top; } /* Début page éditorial */ .edito_top_r,.edito_top_l{ width:8px; height:30px; background-repeat:no-repeat; background-color:#FF5202; } .edito_top_l { background-image: url(/images/common/client_access_tab_l_on.gif); } .edito_top_c { background-image: url(/images/common/client_access_tab_c_on.gif); padding-bottom: 5px; color:#fff; font-weight: bold; } .edito_top_r { background-image: url(/images/common/client_access_tab_r_on.gif); } .edito_box { margin-top:-6px; padding-bottom:20px; } /* */ /* --- DEBUT - Factorisation des classes de boutons --- */ a.button_01_blue, button.button_01_blue, a.button_01_orange, button.button_01_orange, a.button_01_green, button.button_01_green, a.button_01_small, button.button_01_small, a.button_02, button.button_02, a.button_02_b, button.button_02_b, a.button_03_orange, button.button_03_orange, a.button_03_blue, button.button_03_blue, a.button_03_green, button.button_03_green, a.button_04, button.button_04, a.button_05, button.button_05, span.button_05, a.button_06, button.button_06, span.button_06, span.button_07 { text-decoration:none; display:-moz-inline-box; display:inline-block; margin:0; padding:0; white-space:nowrap; text-align:center; vertical-align:middle; cursor:pointer; border:0; background:none; } a.button_01_blue:hover, a.button_01_orange:hover, a.button_01_green:hover, a.button_01_small:hover, a.button_02:hover, a.button_02_b:hover, a.button_03_orange:hover, a.button_03_blue:hover, a.button_03_green:hover, a.button_04:hover, a.button_05:hover, a.button_06:hover { text-decoration:none; } a.button_01_blue span, button.button_01_blue span, a.button_01_orange span, button.button_01_orange span, a.button_01_green span, button.button_01_green span, a.button_01_small span, button.button_01_small span, a.button_02 span, button.button_02 span, a.button_02_b span, button.button_02_b span, a.button_03_orange span, button.button_03_orange span, a.button_03_blue span, button.button_03_blue span, a.button_03_green span, button.button_03_green span, a.button_05 span, button.button_05 span, span.button_05 span, a.button_06 span, button.button_06 span, span.button_06 span, span.button_07 span { text-decoration:none; display:block; float:left; } a.button_01_blue span span, button.button_01_blue span span, a.button_01_orange span span, button.button_01_orange span span, a.button_01_green span span, button.button_01_green span span, a.button_02 span span, button.button_02 span span, a.button_02_b span span, button.button_02_b span span, a.button_03_orange span span, button.button_03_orange span span, a.button_03_blue span span, button.button_03_blue span span, a.button_03_green span span, button.button_03_green span span, a.button_05 span span, span.button_05 span span, button.button_05 span span, a.button_06 span span, span.button_06 span span, button.button_06 span span, a.button_01 span span span, button.button_01 span span span, a.button_02 span span span, button.button_02 span span span, a.button_02_b span span span, button.button_02_b span span span, a.button_03_orange span span span, button.button_03_orange span span span, a.button_03_blue span span span, button.button_03_blue span span span, a.button_03_green span span span, button.button_03_green span span span, a.button_05 span span span, span.button_05 span span span, button.button_05 span span span, a.button_06 span span span, span.button_06 span span span, span.button_07 span span span { text-decoration:none; } a.button_02 span.content, a.button_02_b span.content, a.button_05 span.content, span.button_05 span.content, a.button_06 span.content, span.button_06 span.content { font-weight:bold; letter-spacing:-1px; } /* --- FIN - Factorisation des classes de boutons --- */ /* --- DEBUT - Bouton 01 (bouton OK bleu ) --- */ button.button_01 { *height:25px; _height:auto; } a.button_01_blue span, button.button_01_blue span, a.button_01_blue span span, button.button_01_blue span span, a.button_01_blue span span span, button.button_01_blue span span span, a.button_01_orange span, button.button_01_orange span, a.button_01_orange span span, button.button_01_orange span span, a.button_01_orange span span span, button.button_01_orange span span span, a.button_01_green span, button.button_01_green span, a.button_01_green span span, button.button_01_green span span, a.button_01_green span span span, button.button_01_green span span span { min-height:25px; _height:25px; } a.button_01_blue span, button.button_01_blue span, a.button_01_orange span, button.button_01_orange span, a.button_01_green span, button.button_01_green span { padding:0 0 0 4px; } a.button_01_blue span, button.button_01_blue span { background:transparent url(/images/common/buttons/bt_01_blue_l.gif) no-repeat top left; } a.button_01_orange span, button.button_01_orange span { background:transparent url(/images/common/buttons/bt_01_orange_l.gif) no-repeat top left; } a.button_01_green span, button.button_01_green span { background:transparent url(/images/common/buttons/bt_01_green_l.gif) no-repeat top left; } a.button_01_blue span span, button.button_01_blue span span, a.button_01_orange span span, button.button_01_orange span span, a.button_01_green span span, button.button_01_green span span { padding:0 4px 0 0; } a.button_01_blue span span, button.button_01_blue span span { background:transparent url(/images/common/buttons/bt_01_blue_r.gif) no-repeat right top; } a.button_01_orange span span, button.button_01_orange span span { background:transparent url(/images/common/buttons/bt_01_orange_r.gif) no-repeat right top; } a.button_01_green span span, button.button_01_green span span { background:transparent url(/images/common/buttons/bt_01_green_r.gif) no-repeat right top; } a.button_01_blue span span span, button.button_01_blue span span span, a.button_01_orange span span span, button.button_01_orange span span span, a.button_01_green span span span, button.button_01_green span span span { padding:0 0 0 0; font:14px Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color:white; line-height:25px; /* Alignement vertical du texte */ font-weight:bold; } a.button_01_blue span span span, button.button_01_blue span span span { background:#ccd6eb url(/images/common/buttons/bt_01_blue_c.gif) repeat-x top left; } a.button_01_orange span span span, button.button_01_orange span span span { background:#ff4d03 url(/images/common/buttons/bt_01_orange_c.gif) repeat-x top left; } a.button_01_green span span span, button.button_01_green span span span { background:#339a00 url(/images/common/buttons/bt_01_green_c.gif) repeat-x top left; } a.button_01_blue span span span span, button.button_01_blue span span span span { background:transparent url(/images/common/buttons/bt_01_blue_arrow_right.gif) no-repeat left 50%; padding:0 0 0 16px; } /* --- FIN - Bouton 01 --- */ /* --- DEBUT - Bouton 01 small (bouton OK newsletter inscription bleu plus petit) --- */ button.button_01_small { *height:17px; _height:auto; } a.button_01_small span, button.button_01_small span, a.button_01_small span span, button.button_01_small span span, a.button_01_small span span span, button.button_01_small span span span { min-height:17px; _height:17px; } a.button_01_small span, button.button_01_small span { padding:0 0 0 1px; background:transparent url(/images/common/buttons/bt_01_small_l.gif) no-repeat top left; } a.button_01_small span span, button.button_01_small span span { padding:0 1px 0 0; background:transparent url(/images/common/buttons/bt_01_small_r.gif) no-repeat right top; } a.button_01_small span span span, button.button_01_small span span span { padding:0px 2px 0 2px; font:9px Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color:white; letter-spacing:-1px; height:15px; line-height:17px; /* Alignement vertical du texte */ background:#ccd6eb url(/images/common/buttons/bt_01_small_c.gif) repeat-x top left; } /* --- FIN - Bouton 01 small --- */ /* --- DEBUT - Bouton 02 (bouton prix du produit sur 2 lignes "à partir de") couleur par défaut --- */ button.button_02, a.button_02 { min-height:33px; *height:33px; _height:auto; } a.button_02, button.button_02 { /*padding:1px;*/ } a.button_02 span, button.button_02 span { padding:0 0 0 5px; background:transparent url(/images/common/buttons/bt_02_orange_l.gif) no-repeat top left; } a.button_02 span span, button.button_02 span span { padding:0 5px 0 0; background:transparent url(/images/common/buttons/bt_02_orange_r.gif) no-repeat right top; } a.button_02 span span span, button.button_02 span span span { padding:0 0 0 0; font-family:Arial, Helvetica, sans-serif; text-decoration:none; color:#ff6600; /*line-height:33px;*/ /* Alignement vertical du texte */ background:none; background:transparent url(/images/common/buttons/bt_02_orange_c.gif) repeat-x top left; } a.button_02 span span span span, button.button_02 span span span span { background:none; } a.button_02 span span span span.price_from, button.button_02 span span span span.price_from { text-decoration:none; font-size:10px; font-weight:bold; background:none; text-align:left; } a.button_02 span span span span.price_from { height:33px; display:block; display:-moz-inline-box; display:inline-block; } a.button_02 span.content { font-size:19px; line-height:21px; margin-top:-1px; } .button_02 span span span sup { font-size:10px; font-weight:bold } /* --- FIN - Bouton 02 couleur par défaut --- */ /* --- DEBUT - Bouton 02_b (bouton prix de la suggestion sur 1 ligne) --- */ button.button_02_b, a.button_02_b { *height:26px; _height:auto; } a.button_02_b span, button.button_02_b span { padding:0 0 0 5px; background:transparent url(/images/common/buttons/bt_02_b_l.gif) no-repeat top left; } a.button_02_b span span, button.button_02_b span span { padding:0 5px 0 0; background:transparent url(/images/common/buttons/bt_02_b_r.gif) no-repeat right top; } a.button_02_b span span span, button.button_02_b span span span { padding:0 0 0 0; font-family:Arial, Helvetica, sans-serif; text-decoration:none; color:#ff6600; line-height:26px; /* Alignement vertical du texte */ background:none; text-align:center; background:transparent url(/images/common/buttons/bt_02_b_c.gif) repeat-x left top; } .suggestions a.button_02_b span span span, .suggestions button.button_02_b span span span { width:110px; } a.button_02_b span span span span.price_from, button.button_02_b span span span span.price_from { text-decoration:none; font-size:10px; font-weight:bold } .button_02_b span span span sup { font-size:10px; font-weight:bold } a.button_02_b span.content { font-size:19px; } /* --- FIN - Bouton 02_b --- */ /* --- DEBUT - Bouton 03 (orange, blue et green) --- */ button.button_03_orange, button.button_03_blue, button.button_03_green { *height:21px; _height:auto; } a.button_03_orange span, button.button_03_orange span, a.button_03_orange span span, button.button_03_orange span span, a.button_03_orange span span span, button.button_03_orange span span span, a.button_03_blue span, button.button_03_blue span, a.button_03_blue span span, button.button_03_blue span span, a.button_03_blue span span span, button.button_03_blue span span span, a.button_03_green span, button.button_03_green span, a.button_03_green span span, button.button_03_green span span, a.button_03_green span span span, button.button_03_green span span span { min-height:21px; _height:21px; } a.button_03_orange span, button.button_03_orange span, a.button_03_blue span, button.button_03_blue span, a.button_03_green span, button.button_03_green span { padding:0 0 0 8px; } a.button_03_orange span, button.button_03_orange span { background:transparent url(/images/common/buttons/bt_03_orange_l.png) no-repeat top left; } a.button_03_blue span, button.button_03_blue span { background:transparent url(/images/common/buttons/bt_03_blue_l.png) no-repeat top left; } a.button_03_green span, button.button_03_green span { background:transparent url(/images/common/buttons/bt_03_green_l.png) no-repeat top left; } a.button_03_orange span span, button.button_03_orange span span, a.button_03_blue span span, button.button_03_blue span span, a.button_03_green span span, button.button_03_green span span { padding:0 8px 0 0; } a.button_03_orange span span, button.button_03_orange span span { background:transparent url(/images/common/buttons/bt_03_orange_r.png) no-repeat right top; } a.button_03_blue span span, button.button_03_blue span span { background:transparent url(/images/common/buttons/bt_03_blue_r.png) no-repeat right top; } a.button_03_green span span, button.button_03_green span span { background:transparent url(/images/common/buttons/bt_03_green_r.png) no-repeat right top; } a.button_03_orange span span span, button.button_03_orange span span span, a.button_03_blue span span span, button.button_03_blue span span span, a.button_03_green span span span, button.button_03_green span span span { padding:0 0 0 0; font:11px Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color:white; line-height:21px; /* Alignement vertical du texte */ font-weight:bold; } a.button_03_orange span span span, button.button_03_orange span span span { background:url(/images/common/buttons/bt_03_orange_c.png) repeat-x top left; } a.button_03_blue span span span, button.button_03_blue span span span { background:url(/images/common/buttons/bt_03_blue_c.png) repeat-x top left; } a.button_03_green span span span, button.button_03_green span span span { background:url(/images/common/buttons/bt_03_green_c.png) repeat-x top left; } a.button_03_orange span span span span, button.button_03_orange span span span span, a.button_03_blue span span span span, button.button_03_blue span span span span, a.button_03_green span span span span, button.button_03_green span span span span { padding:0 2px 0 14px; } a.button_03_orange span span span span.arrow, button.button_03_orange span span span span.arrow { background:url(/images/common/buttons/bt_03_orange_arrow.gif) no-repeat left 6px; } a.button_03_blue span span span span.plus, button.button_03_blue span span span span.plus { background:url(/images/common/buttons/bt_03_blue_plus.gif) no-repeat left 6px; } /* --- FIN - Bouton 03 --- */ /* --- DEBUT - Bouton 04 (bouton Recherche du moteur de recherche) --- */ button.button_04 { height:20px; } a.button_04, button.button_04 { padding:0 22px 0 0; background:transparent url(/images/common/pictos/picto_search.gif) no-repeat right 2px; } a.button_04 span, button.button_04 span { text-decoration:none; display:block; padding:0 8px; border:1px solid #999; font:9px Verdana, Arial, Helvetica, sans-serif; line-height:18px; /* Alignement vertical du texte */ font-weight:bold; color:#666; position:relative; min-height:18px; _height:18px; } /* --- FIN - Bouton 04 --- */ /* --- DEBUT - Bouton 05 (bouton prix du bloc prix usine sur 1 ligne) --- */ button.button_05, span.button_05, a.button_05 { *height:26px; _height:auto; } span.button_05 { cursor:default; } a.button_05 span, button.button_05 span, span.button_05 span { padding:0 0 0 5px; background:transparent url(/images/common/buttons/bt_05_green_l.png) no-repeat top left; } a.button_05 span span, button.button_05 span span, span.button_05 span span { padding:0 5px 0 0; background:transparent url(/images/common/buttons/bt_05_green_r.png) no-repeat right top; } a.button_05 span span span, button.button_05 span span span, span.button_05 span span span { padding:0 0 0 0; font-family:Arial, Helvetica, sans-serif; text-decoration:none; color:#339900; line-height:26px; /* Alignement vertical du texte */ background:none; text-align:center; background:transparent url(/images/common/buttons/bt_05_green_c.png) repeat-x left top; } a.button_05 span span span span.price_from, button.button_05 span span span span.price_from, span.button_05 span span span span.price_from { text-decoration:none; font-size:10px; font-weight:bold } .button_05 span span span sup { font-size:10px; font-weight:bold } a.button_05 span.content, span.button_05 span.content { font-size:19px; } /* --- FIN - Bouton 05 --- */ /* --- DEBUT - Bouton 06 (bouton prix du bloc prix plateforme sur 1 ligne) --- */ button.button_06, span.button_06, a.button_06 { *height:36px; _height:auto; } span.button_06 { cursor:default; } a.button_06 span, button.button_06 span, span.button_06 span { padding:0 0 0 5px; background:transparent url(/images/common/buttons/bt_06_orange_l.png) no-repeat top left; } a.button_06 span span, button.button_06 span span, span.button_06 span span { padding:0 5px 0 0; background:transparent url(/images/common/buttons/bt_06_orange_r.png) no-repeat right top; } a.button_06 span span span, button.button_06 span span span, span.button_06 span span span { padding:0 0 0 0; font-family:Arial, Helvetica, sans-serif; text-decoration:none; color:#ff6600; line-height:36px; /* Alignement vertical du texte */ background:none; text-align:center; background:transparent url(/images/common/buttons/bt_06_orange_c.png) repeat-x left top; } a.button_06 span span span span.price_from, button.button_06 span span span span.price_from, span.button_06 span span span span.price_from { text-decoration:none; font-weight:bold } .button_06 span span span sup { font-size:10px; font-weight:bold } a.button_06 span.content, span.button_06 span.content { font-size:26px; } /* --- FIN - Bouton 06 --- */ /* --- DEBUT - Bouton 07 --- */ .button_07 { padding:0 0 0 15px; } span.button_07 { cursor:default; } input.button_07 { *height:16px; _height:auto; } span.button_07 span, span.button_07 span span, span.button_07 span span span { min-height:16px; _height:16px; } span.button_07 span { padding:0 0 1px 7px; } span.button_07 span span { padding:0 7px 0 0; } span.button_07 span span span { padding:0 0 0 0; font:11px Verdana, Arial, Helvetica, sans-serif; font-style:italic; color:white; line-height:16px; /* Alignement vertical du texte */ font-weight:normal; } span.button_07 span span span span.content { /*letter-spacing:-1px;*/ font-size:10px; } /* --- FIN - Bouton 07 --- */ /* --- Commun à tous les boutons --- */ * html button {width:1%; overflow:visible;} *:first-child+html button {overflow:visible;} /* */ #button-validate, #button-return, #button-next, #button-add-product, #button-print, #button-reset, #button-refresh, #button-send { background: none; background-image:url(/images/common/buttons/bt_01_blue_full.gif); width:146px; height:25px; border: 0 none; color:#ffffff; font-size:11px; font-weight:bold; cursor: pointer; } /* */ button::-moz-focus-inner { padding: 0; border: none; } button { overflow: visible; width: auto; } /* */ /* ----------------------------- */ /* --- DEBUT - platform skin --- */ /* ----------------------------- */ .platform_skin { } .platform_skin .platform_factory .tab_content li .title_style_01 a { color:#ff6600; } /* --- DEBUT - Box outline Platforme --- */ .platform_skin .platform_factory .outline_corner_tl, { background:transparent url(/images/common/blocks/outline_corner_orange_tl.png) no-repeat left top; } .platform_skin .platform_factory .outline_corner_tr { background:transparent url(/images/common/blocks/outline_corner_orange_tr.png) no-repeat right top; } .platform_skin .platform_factory .outline_border_top { background:transparent url(/images/common/blocks/outline_border_orange_t.gif) repeat-x left top; } .platform_skin .platform_factory .outline_corner_bl { background:transparent url(/images/common/blocks/outline_corner_orange_bl.png) no-repeat left bottom; } .platform_skin .platform_factory .outline_corner_br { background:transparent url(/images/common/blocks/outline_corner_orange_br.png) no-repeat right bottom; } .platform_skin .platform_factory .outline_border_bottom { background:transparent url(/images/common/blocks/outline_border_orange_b.gif) repeat-x left top; } .platform_skin .platform_factory .outline_middle { border-left:1px solid #ffc69f; border-right:1px solid #ffc69f; } /* --- FIN - Box outline Platforme --- */ /* --- DEBUT - Bouton 02 --- */ .platform_skin a.button_02 span, .platform_skin button.button_02 span { background:transparent url(/images/common/buttons/bt_02_orange_l.gif) no-repeat top left; } .platform_skin a.button_02 span span, .platform_skin button.button_02 span span { background:transparent url(/images/common/buttons/bt_02_orange_r.gif) no-repeat right top; } .platform_skin a.button_02 span span span, .platform_skin button.button_02 span span span { color:#ff6600; background:transparent url(/images/common/buttons/bt_02_orange_c.gif) repeat-x top left; } .platform_skin a.button_02 span span span span span, .platform_skin button.button_02 span span span span span { background:none; } /* --- FIN - Bouton 02 --- */ /* --- DEBUT - Bouton 02_b --- */ .platform_skin a.button_02_b span, .platform_skin button.button_02_b span { background:transparent url(/images/common/buttons/bt_02_b_orange_l.gif) no-repeat top left; } .platform_skin a.button_02_b span span, .platform_skin button.button_02_b span span { background:transparent url(/images/common/buttons/bt_02_b_orange_r.gif) no-repeat right top; } .platform_skin a.button_02_b span span span, .platform_skin button.button_02_b span span span { color:#ff6600; background:transparent url(/images/common/buttons/bt_02_b_orange_c.gif) repeat-x left top; } /* --- FIN - Bouton 02_b --- */ /* --- DEBUT - Bouton 05 --- */ .platform_skin a.button_05 span, .platform_skin button.button_05 span, .platform_skin span.button_05 span { background:transparent url(/images/common/buttons/bt_05_green_l.png) no-repeat top left; } .platform_skin a.button_05 span span, .platform_skin button.button_05 span span, .platform_skin span.button_05 span span { background:transparent url(/images/common/buttons/bt_05_green_r.png) no-repeat right top; } .platform_skin a.button_05 span span span, .platform_skin button.button_05 span span span, .platform_skin span.button_05 span span span { color:#339900; background:transparent url(/images/common/buttons/bt_05_green_c.png) repeat-x left top; } /* --- FIN - Bouton 05 --- */ /* --- DEBUT - Bouton 06 --- */ .platform_skin a.button_06 span, .platform_skin button.button_06 span, .platform_skin span.button_06 span { background:transparent url(/images/common/buttons/bt_06_orange_l.png) no-repeat top left; } .platform_skin a.button_06 span span, .platform_skin button.button_06 span span, .platform_skin span.button_06 span span { background:transparent url(/images/common/buttons/bt_06_orange_r.png) no-repeat right top; } .platform_skin a.button_06 span span span, .platform_skin button.button_06 span span span, .platform_skin span.button_06 span span span { color:#ff6600; background:transparent url(/images/common/buttons/bt_06_orange_c.png) repeat-x left top; } /* --- FIN - Bouton 06 --- */ /* --- DEBUT - Bouton 07 --- */ .platform_skin .platform_price .bt_cif span.button_07 span { background:transparent url(/images/common/buttons/bt_07_orange_l.png) no-repeat top left; } .platform_skin .platform_price .bt_cif span.button_07 span span { background:transparent url(/images/common/buttons/bt_07_orange_r.png) no-repeat right top; } .platform_skin .platform_price .bt_cif span.button_07 span span span { background:url(/images/common/buttons/bt_07_orange_c.png) repeat-x top left; } .platform_skin .factory_price .bt_cif span.button_07 span { background:transparent url(/images/common/buttons/bt_07_green_l.png) no-repeat top left; } .platform_skin .factory_price .bt_cif span.button_07 span span { background:transparent url(/images/common/buttons/bt_07_green_r.png) no-repeat right top; } .platform_skin .factory_price .bt_cif span.button_07 span span span { background:url(/images/common/buttons/bt_07_green_c.png) repeat-x top left; } /* --- FIN - Bouton 07 --- */ /* --- DEBUT - Titre Tunnel de commande A --- */ .platform_skin .title_style_10 { color:#ff6600; } .platform_skin .tunnel_command_a_content ul.arrow_list li { background:transparent url(/images/common/arrow_list_orange.gif) no-repeat left 50%; } .platform_skin .tunnel_command_a_content ul.arrow_list li span { color:#ff6600; } .platform_skin .outline_corner_tl { background:transparent url(/images/common/blocks/outline_corner_orange_tl.png) no-repeat left top; } .platform_skin .outline_corner_tr { background:transparent url(/images/common/blocks/outline_corner_orange_tr.png) no-repeat right top; } .platform_skin .outline_border_top { background:transparent url(/images/common/blocks/outline_border_orange_t.gif) repeat-x left top; } .platform_skin .outline_corner_bl { background:transparent url(/images/common/blocks/outline_corner_orange_bl.png) no-repeat left bottom; } .platform_skin .outline_corner_br { background:transparent url(/images/common/blocks/outline_corner_orange_br.png) no-repeat right bottom; } .platform_skin .outline_border_bottom { background:transparent url(/images/common/blocks/outline_border_orange_b.gif) repeat-x left top; } .platform_skin .outline_middle { border-left:1px solid #ffc69f; border-right:1px solid #ffc69f; } /* --- FIN - Titre Tunnel de commande A --- */ /* --------------------------- */ /* --- FIN - platform skin --- */ /* --------------------------- */ /* ---------------------------- */ /* --- DEBUT - factory skin --- */ /* ---------------------------- */ .factory_skin { } .factory_skin .platform_factory .tab_content li .title_style_01 a { color:#339900; } /* --- DEBUT - Box outline Platforme --- */ .factory_skin .platform_factory .outline_corner_tl { background:transparent url(/images/common/blocks/outline_corner_green_tl.png) no-repeat left top; } .factory_skin .platform_factory .outline_corner_tr { background:transparent url(/images/common/blocks/outline_corner_green_tr.png) no-repeat right top; } .factory_skin .platform_factory .outline_border_top { background:transparent url(/images/common/blocks/outline_border_green_t.gif) repeat-x left top; } .factory_skin .platform_factory .outline_corner_bl { background:transparent url(/images/common/blocks/outline_corner_green_bl.png) no-repeat left bottom; } .factory_skin .platform_factory .outline_corner_br { background:transparent url(/images/common/blocks/outline_corner_green_br.png) no-repeat right bottom; } .factory_skin .platform_factory .outline_border_bottom { background:transparent url(/images/common/blocks/outline_border_green_b.gif) repeat-x left top; } .factory_skin .platform_factory .outline_middle { border-left:1px solid #add699; border-right:1px solid #add699; } /* --- FIN - Box outline Platforme --- */ /* --- DEBUT - Bouton 02 --- */ .factory_skin a.button_02 span, .factory_skin button.button_02 span { background:transparent url(/images/common/buttons/bt_02_green_l.gif) no-repeat top left; } .factory_skin a.button_02 span span, .factory_skin button.button_02 span span { background:transparent url(/images/common/buttons/bt_02_green_r.gif) no-repeat right top; } .factory_skin a.button_02 span span span, .factory_skin button.button_02 span span span { color:#339900; background:transparent url(/images/common/buttons/bt_02_green_c.gif) repeat-x top left; } .factory_skin a.button_02 span span span span, .factory_skin button.button_02 span span span span { background:none; } /* --- FIN - Bouton 02 --- */ /* --- DEBUT - Bouton 02_b --- */ .factory_skin a.button_02_b span, .factory_skin button.button_02_b span { background:transparent url(/images/common/buttons/bt_02_b_green_l.gif) no-repeat top left; } .factory_skin a.button_02_b span span, .factory_skin button.button_02_b span span { background:transparent url(/images/common/buttons/bt_02_b_green_r.gif) no-repeat right top; } .factory_skin a.button_02_b span span span, .factory_skin button.button_02_b span span span { color:#339900; background:transparent url(/images/common/buttons/bt_02_b_green_c.gif) repeat-x left top; } /* --- FIN - Bouton 02_b --- */ /* --- DEBUT - Bouton 05 --- */ .factory_skin a.button_05 span, .factory_skin button.button_05 span, .factory_skin span.button_05 span { background:transparent url(/images/common/buttons/bt_05_orange_l.png) no-repeat top left; } .factory_skin a.button_05 span span, .factory_skin button.button_05 span span, .factory_skin span.button_05 span span { background:transparent url(/images/common/buttons/bt_05_orange_r.png) no-repeat right top; } .factory_skin a.button_05 span span span, .factory_skin button.button_05 span span span, .factory_skin span.button_05 span span span { color:#ff6600; background:transparent url(/images/common/buttons/bt_05_orange_c.png) repeat-x left top; } /* --- FIN - Bouton 05 --- */ /* --- DEBUT - Bouton 06 --- */ .factory_skin a.button_06 span, .factory_skin button.button_06 span, .factory_skin span.button_06 span { background:transparent url(/images/common/buttons/bt_06_green_l.png) no-repeat top left; } .factory_skin a.button_06 span span, .factory_skin button.button_06 span span, .factory_skin span.button_06 span span { background:transparent url(/images/common/buttons/bt_06_green_r.png) no-repeat right top; } .factory_skin a.button_06 span span span, .factory_skin button.button_06 span span span, .factory_skin span.button_06 span span span { color:#339900; background:transparent url(/images/common/buttons/bt_06_green_c.png) repeat-x left top; } /* --- FIN - Bouton 06 --- */ /* --- DEBUT - Bouton 07 --- */ .factory_skin .platform_price .bt_cif span.button_07 span { background:transparent url(/images/common/buttons/bt_07_green_l.png) no-repeat top left; } .factory_skin .platform_price .bt_cif span.button_07 span span { background:transparent url(/images/common/buttons/bt_07_green_r.png) no-repeat right top; } .factory_skin .platform_price .bt_cif span.button_07 span span span { background:url(/images/common/buttons/bt_07_green_c.png) repeat-x top left; } .factory_skin .factory_price .bt_cif span.button_07 span { background:transparent url(/images/common/buttons/bt_07_orange_l.png) no-repeat top left; } .factory_skin .factory_price .bt_cif span.button_07 span span { background:transparent url(/images/common/buttons/bt_07_orange_r.png) no-repeat right top; } .factory_skin .factory_price .bt_cif span.button_07 span span span { background:url(/images/common/buttons/bt_07_orange_c.png) repeat-x top left; } /* --- FIN - Bouton 07 --- */ /* --- DEBUT - Titre Tunnel de commande A --- */ .factory_skin .title_style_10 { color:#339900; } .factory_skin .tunnel_command_a_content ul.arrow_list li { background:transparent url(/images/common/arrow_list_green.gif) no-repeat left 50%; } .factory_skin .tunnel_command_a_content ul.arrow_list li span { color:#339900; } .factory_skin .outline_corner_tl { background:transparent url(/images/common/blocks/outline_corner_green_tl.png) no-repeat left top; } .factory_skin .outline_corner_tr { background:transparent url(/images/common/blocks/outline_corner_green_tr.png) no-repeat right top; } .factory_skin .outline_border_top { background:transparent url(/images/common/blocks/outline_border_green_t.gif) repeat-x left top; } .factory_skin .outline_corner_bl { background:transparent url(/images/common/blocks/outline_corner_green_bl.png) no-repeat left bottom; } .factory_skin .outline_corner_br { background:transparent url(/images/common/blocks/outline_corner_green_br.png) no-repeat right bottom; } .factory_skin .outline_border_bottom { background:transparent url(/images/common/blocks/outline_border_green_b.gif) repeat-x left top; } .factory_skin .outline_middle { border-left:1px solid #add699; border-right:1px solid #add699; } /* --- FIN - Titre Tunnel de commande A --- */ /* -------------------------- */ /* --- FIN - factory skin --- */ /* -------------------------- */ /* */ #content .platform_price .bt_cif span.button_07 span { background:transparent url(/images/common/buttons/bt_07_orange_l.png) no-repeat top left; } #content .platform_price .bt_cif span.button_07 span span { background:transparent url(/images/common/buttons/bt_07_orange_r.png) no-repeat right top; } #content .platform_price .bt_cif span.button_07 span span span { background:url(/images/common/buttons/bt_07_orange_c.png) repeat-x top left; } #content .factory_price .bt_cif span.button_07 span { background:transparent url(/images/common/buttons/bt_07_green_l.png) no-repeat top left; } #content .factory_price .bt_cif span.button_07 span span { background:transparent url(/images/common/buttons/bt_07_green_r.png) no-repeat right top; } #content .factory_price .bt_cif span.button_07 span span span { background:url(/images/common/buttons/bt_07_green_c.png) repeat-x top left; } #content .factory_price span.button_02_b span { background:transparent url(/images/common/buttons/bt_02_b_green_l.png) no-repeat top left; } #content .factory_price span.button_02_b span span { background:transparent url(/images/common/buttons/bt_02_b_green_r.png) no-repeat right top; } #content .factory_price span.button_02_b span span span { background:url(/images/common/buttons/bt_02_b_green_c.png) repeat-x top left; } #content .platform_price span.button_02_b span { background:transparent url(/images/common/buttons/bt_02_b_orange_l.png) no-repeat top left; } #content .platform_price span.button_05 span span { background:transparent url(/images/common/buttons/bt_05_orange_r.png) no-repeat right top; } #content .platform_price span.button_05 span span span { background:url(/images/common/buttons/bt_05_orange_c.png) repeat-x top left; } #content .factory_price a.button_05 span, #content .factory_price button.button_05 span, #content .factory_price span.button_05 span { background:transparent url(/images/common/buttons/bt_05_green_l.png) no-repeat top left; } #content .factory_price a.button_05 span span, #content .factory_price button.button_05 span span, #content .factory_price span.button_05 span span { background:transparent url(/images/common/buttons/bt_05_green_r.png) no-repeat right top; } #content .factory_price a.button_05 span span span, #content .factory_price button.button_05 span span span, #content .factory_price span.button_05 span span span { color:#339900; background:transparent url(/images/common/buttons/bt_05_green_c.png) repeat-x left top; } /* --- FIN - Bouton 05 --- */ #content .platform_price a.button_05 span, #content .platform_price button.button_05 span, #content .platform_price span.button_05 span { background:transparent url(/images/common/buttons/bt_05_orange_l.png) no-repeat top left; } #content .platform_price a.button_05 span span, #content .platform_price button.button_05 span span, #content .platform_price span.button_05 span span { background:transparent url(/images/common/buttons/bt_05_orange_r.png) no-repeat right top; } #content .platform_price a.button_05 span span span, #content .platform_price button.button_05 span span span, #content .platform_price span.button_05 span span span { color:#FF6600; background:transparent url(/images/common/buttons/bt_05_orange_c.png) repeat-x left top; } /* --- FIN - Bouton 05 --- */ /* */ .richtext { color:#000; font-size:11px; } .richtext h2, .richtext h3, .richtext h4, .richtext h5, .richtext h6 { font-weight:bold; color:#ff6600; } .richtext h2 { font-size:18px; margin:0 0 30px; } .richtext h3 { font-size:16px; margin:20px 0 10px; } .richtext h4 { font-size:14px; margin:20px 0 10px; } .richtext h5 { font-size:13px; margin:20px 0 10px; } .richtext h6 { font-size:12px; margin:20px 0 10px; } .richtext a { color:#000; } .richtext strong { font-weight:bold; } .richtext em { font-style:italic; } .richtext p, .richtext ul, .richtext ol { margin:0 0 10px 0; } .richtext ul li, .richtext ol li { color:#666; margin:0 0 0px 0; padding:0 0 0 10px; } .richtext ul li { list-style:square; list-style-position:inside; } .richtext ol li { list-style:decimal; list-style-position:inside; } /* */
/* thickbox.frontend */ /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ *{padding: 0; margin: 0;} /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ #TB_window { font: 12px Arial, Helvetica, sans-serif; color: #333333; display: none; } #TB_secondLine { font: 10px Arial, Helvetica, sans-serif; color:#666666; } #TB_window a:link {color: #666666;} #TB_window a:visited {color: #666666;} #TB_window a:hover {color: #000;} #TB_window a:active {color: #666666;} #TB_window a:focus{color: #666666;} /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ #TB_overlay { position: fixed; z-index:6000; top: 0px; left: 0px; height:100%; width:100%; } .TB_overlayMacFFBGHack {background: url(/images/common/thickbox/macFFBgHack.png) repeat;} .TB_overlayBG { background-color:#000; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; } * html #TB_overlay { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } #TB_window { position: fixed; /*background: #ffffff;*/ z-index: 6002; color:#000000; display:none; /*border: 4px solid #525252;*/ text-align:left; top:50%; left:50%; } * html #TB_window { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); } #TB_window img#TB_Image { display:block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666; } #TB_caption{ height:25px; padding:7px 30px 10px 25px; float:left; } #TB_closeWindow{ height:25px; padding:11px 25px 10px 0; float:right; } #TB_closeAjaxWindow{ padding:7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right; } #TB_ajaxWindowTitle{ float:left; padding:7px 0 5px 10px; margin-bottom:1px; } #TB_title{ background-color: #e8e8e8; height: 27px; display: none; } #TB_ajaxContent{ clear:both; padding:2px 15px 15px 15px; overflow:hidden; text-align:left; line-height:1.4em; } #TB_ajaxContent.TB_modal{ padding:15px; } #TB_ajaxContent p{ padding:5px 0px 5px 0px; } #TB_load{ position: fixed; display:none; height:13px; width:208px; z-index:6003; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ } * html #TB_load { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); } #TB_HideSelect{ z-index:5999; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%; } * html #TB_HideSelect { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } #TB_iframeContent{ clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px; } /* */