@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic); /* product desc */ /* primary_block ***************************************************************************** */ #primary_block { margin-bottom: 40px; } .top-hr { height: 5px; background: #c4c4c4; margin: 2px 0 31px; } .product-image { border: 1px solid #d6d4d4; background: white; padding: 5px; display: block; margin-bottom: 14px; } .product-image img { max-width: 100%; width: 100%; height: auto; } .product-heading-h5 { color: #333; font-weight: bold; margin: 3px 0 8px; } .box-security .product-heading-h5 { margin: 3px 0 -8px; /*max 1199px*/ } @media (max-width: 1199px) { .box-security .product-heading-h5 { margin-bottom: 8px; } } .name-product { margin-bottom: 5px; } .name-product a { font-size: 15px; line-height: 18px; color: #3a3939; } .name-product a:hover { color: #999999; } .product-box { width: 178px; margin: 0 10px; float: left; } h3.page-product-heading { color: #555454; text-transform: uppercase; font-family: "Open Sans", sans-serif; font-weight: 600; font-size: 18px; line-height: 20px; padding: 14px 20px 17px; margin: 0 0 20px; position: relative; border: 1px solid #d6d4d4; border-bottom: none; background: #fbfbfb; } .page-product-box { padding-bottom: 10px; } img { max-width: 100%; height: auto; } /* pb-right-column ***************************************************************************** */ #pb-right-column #image-block { position: relative; padding: 5px; border: 1px solid #dbdbdb; background: #fff; /*max 767px*/ } @media (max-width: 767px) { #pb-right-column #image-block { width: 280px; margin: 0 auto; } } #pb-right-column #image-block img { background: #fbfbfb; width: 100%; } #pb-right-column #image-block #view_full_size { display: block; cursor: pointer; } #pb-right-column #image-block #view_full_size .span_link { position: absolute; bottom: 20px; left: 50%; margin-left: -68px; display: block; padding: 10px 0; text-align: center; line-height: 22px; color: #777676; width: 136px; text-align: center; font-weight: bold; background: rgba(255, 255, 255, 0); -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0); -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0); box-shadow: 0 2px 8px rgba(0, 0, 0, 0); } #pb-right-column #image-block #view_full_size .span_link:after { font-family: FontAwesome; color: #c0c0c0; font-size: 20px; line-height: 22px; content: ""; font-weight: normal; margin: 0 0 0 4px; } #pb-right-column #image-block #view_full_size .span_link:hover:after { color: #333; } /* miniatures */ #pb-right-column #views_block { margin-top: 10px; } @media (max-width: 767px) { #views_block { width: 280px; margin: 0 auto; } } #thumbs_list { overflow: hidden; float: left; width: 392px; /*min 992px max 1199px*/ /* min 768px max 991px*/ /*max 767px*/ } @media (min-width: 992px) and (max-width: 1199px) { #thumbs_list { width: 290px; } } @media (min-width: 768px) and (max-width: 991px) { #thumbs_list { width: 164px; } } @media (max-width: 767px) { #thumbs_list { width: 194px; } } #thumbs_list ul#thumbs_list_frame { list-style-type: none; padding-left: 0; overflow: hidden; height: 100px; } #thumbs_list li { float: left; height: 90px; width: 90px; cursor: pointer; border: 1px solid #dbdbdb; margin-right: 9px; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /*min 768px max 991px*/ } @media (min-width: 768px) and (max-width: 991px) { #thumbs_list li { width: 76px; height: 76px; } } #thumbs_list li:first-child { margin-left: 0; margin-right: 9px; } #thumbs_list li.last { margin-right: 0; } #thumbs_list li a { display: block; border: 3px solid #fff; -webkit-transition: all 0s ease; -moz-transition: all 0s ease; -o-transition: all 0s ease; transition: all 0.3s ease; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #fbfbfb; } #thumbs_list li a:hover, #thumbs_list li a.shown { border-color: #dbdbdb; } #thumbs_list li img { border: 2px solid #fff; width: 82px; height: 82px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /*min 768px max 991px*/ } @media (min-width: 768px) and (max-width: 991px) { #thumbs_list li img { width: 68px; height: 68px; } } span.view_scroll_spacer { float: left; width: 39px; padding-left: 12px; /*min 768px max 991px*/ } @media (min-width: 768px) and (max-width: 991px) { span.view_scroll_spacer { padding-left: 6px; width: 28px; } } #view_scroll_left, #view_scroll_right { margin-top: 38px; height: 20px; width: 20px; line-height: 0; font-size: 0; overflow: hidden; /*min 768px max 991px*/ } @media (min-width: 768px) and (max-width: 991px) { #view_scroll_left, #view_scroll_right { margin-top: 28px; } } #view_scroll_left:before, #view_scroll_right:before { padding-left: 2px; color: #c0c0c0; font-family: FontAwesome; font-size: 20px; line-height: 22px; } #view_scroll_left:hover:before, #view_scroll_right:hover:before { color: #333; } #view_scroll_right { float: left; } #view_scroll_right:before { content: ""; } #view_scroll_left:before { content: ""; padding-right: 2px; } .resetimg { padding: 10px 0 0; } /* link list */ #usefull_link_block { list-style-type: none; } #usefull_link_block li { float: left; /*min 768px max 991px*/ } @media (min-width: 768px) and (max-width: 991px) { #usefull_link_block li { float: none !important; } } #usefull_link_block li a { color: #777676; font-weight: bold; position: relative; padding-left: 30px; line-height: 22px; display: inline-block; } #usefull_link_block li a:before { font-family: FontAwesome; color: #333; font-size: 19px; line-height: 24px; position: absolute; top: -2px; left: 0; font-weight: normal; } #usefull_link_block li a:hover { color: #000; } #usefull_link_block li.print { border-left: 1px solid #d6d4d4; padding-left: 20px; margin-left: 20px; /*min 768px max 991px*/ } @media (min-width: 768px) and (max-width: 991px) { #usefull_link_block li.print { margin: 8px 0 0; padding: 0; border: none; } } #usefull_link_block li.print a:before { content: ""; } #usefull_link_block li.sendtofriend a:before { content: ""; } /* pb-left-column ****************************************************************************** */ #pb-left-column { margin-bottom: 30px; } #product p#loyalty { padding: 17px 0 15px 35px; border-top: 1px solid #d6d4d4; border-bottom: 1px solid #d6d4d4; margin: 10px 0 -5px; position: relative; } #product p#loyalty b { color: #333; } #product p#loyalty:before { content: ""; font-family: FontAwesome; color: #cfcccc; font-size: 26px; line-height: 28px; position: absolute; top: 16px; left: 0; } #pb-left-column h1 { padding-bottom: 16px; font-size: 20px; color: #3a3939; } #pb-left-column #product_reference { margin-bottom: 6px; } #pb-left-column #product_reference span { font-weight: bold; color: #333; } #pb-left-column #short_description_block { color: #666; } #pb-left-column #short_description_block .buttons_bottom_block { display: none; } #short_description_content p { line-height: 18px; } #page .rte { padding: 0 20px 20px; } #page .rte p { margin-bottom: 0; } /* form */ #pb-left-column #buy_block { margin-top: 10px; } /* buy_block */ #pb-left-column p { margin-bottom: 10px; } #pb-left-column #buy_block label { display: inline-block; width: 125px; font-weight: 700; font-size: 12px; text-align: right; } .ie7 #pb-left-column #buy_block label { margin-right: 5px; float: left; } #short_description_block #short_description_content { padding: 0 0 15px; } /* color_picker */ #pb-left-column #color_picker p { padding-bottom: 5px; font-weight: 700; } #attributes fieldset { padding-bottom: 3px; } #attributes fieldset label { vertical-align: top; display: block; } #attributes .attribute_list { display: inline-block; } .ie7 #attributes .attribute_list { display: inline; zoom: 1; float: right; } #attributes .attribute_list ul { list-style: none; clear: both; } #attributes .attribute_list ul li { float: left; margin-right: 10px; } #attributes .attribute_list input.attribute_radio { float: left; margin-left: 3px; } #attributes .attribute_list div.radio, #attributes .attribute_list div.radio span, #attributes .attribute_list div.radio input { float: none; display: inline-block; } .ie7 #attributes .attribute_list span { margin-top: 1px; } #attributes .attribute_list #color_to_pick_list { list-style-type: none; } #attributes .attribute_list #color_to_pick_list li { float: left; margin: 0 3px 3px 0; padding: 1px; border: 1px solid #d6d4d4; clear: none; } #attributes .attribute_list #color_to_pick_list li.selected { border: 1px solid #4d4d4d; } #attributes .attribute_list #color_to_pick_list a.color_pick { display: block; height: 22px; width: 22px; } .product_attributes, .box-cart-bottom { -webkit-box-shadow: inset 0 6px 6px rgba(0, 0, 0, 0); -moz-box-shadow: inset 0 6px 6px rgba(0, 0, 0, 0); box-shadow: inset 0 6px 6px rgba(0, 0, 0, 0); padding: 19px 19px 17px; } .box-cart-bottom { padding: 18px 19px 12px; } .box-info-product #add_to_cart { padding: 0; border-top: 1px solid #0079b6; border-right: 1px solid #006fa8; border-left: 1px solid #006fa8; border-bottom: 1px solid #012740; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; position: relative; display: inline-block; } .box-info-product #add_to_cart:before { font-family: FontAwesome; position: absolute; top: 0; left: 0; bottom: 0; color: #fff; font-size: 25px; line-height: 47px; text-shadow: 0 1px #015883; content: ""; z-index: 10; width: 51px; text-align: center; border-top: 1px solid #06b2e6; border-right: 1px solid #06b2e6; border-left: 1px solid #06b2e6; border-bottom: 1px solid #06b2e6; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #009ad0), color-stop(100%, #007ab7)); background-image: -webkit-linear-gradient(#009ad0, #007ab7); background-image: -moz-linear-gradient(#009ad0, #007ab7); background-image: -o-linear-gradient(#009ad0, #007ab7); background-image: linear-gradient(#009ad0, #007ab7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009ad0', endColorstr='#007ab7',GradientType=0 ); -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; -ms-border-radius: 5px 0 0 5px; -o-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; /*max 991px*/ } @media (max-width: 991px) { .box-info-product #add_to_cart:before { display: none; } } .box-info-product #add_to_cart:after { background: url(../img/border-1.gif) repeat-y 0 0; position: absolute; top: 0; bottom: 0; left: 51px; content: ""; width: 1px; z-index: 10; /* max 991px*/ } @media (max-width: 991px) { .box-info-product #add_to_cart:after { display: none; } } .box-info-product .exclusive { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #009ad0), color-stop(100%, #007ab7)); background-image: -webkit-linear-gradient(#009ad0, #007ab7); background-image: -moz-linear-gradient(#009ad0, #007ab7); background-image: -o-linear-gradient(#009ad0, #007ab7); background-image: linear-gradient(#009ad0, #007ab7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009ad0', endColorstr='#007ab7',GradientType=0 ); -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; font-weight: bold; font-size: 20px; line-height: 22px; border-top: 1px solid #06b2e6; border-right: 1px solid #06b2e6; border-left: 1px solid #06b2e6; border-bottom: 1px solid #06b2e6; text-shadow: 0 1px #015883; padding: 12px 36px 14px 82px; text-align: right; color: #fff; display: block !important; /* max 1199px*/ /*max 991px*/ } @media (max-width: 1199px) { .box-info-product .exclusive { padding: 12px 22px 14px 70px; font-size: 14px; } } @media (max-width: 991px) { .box-info-product .exclusive { padding: 8px 12px 10px; text-align: left; } } .box-info-product .exclusive:hover { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #007ab7), color-stop(100%, #009ad0)); background-image: -webkit-linear-gradient(#007ab7, #009ad0); background-image: -moz-linear-gradient(#007ab7, #009ad0); background-image: -o-linear-gradient(#007ab7, #009ad0); background-image: linear-gradient(#007ab7, #009ad0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007ab7', endColorstr='#009ad0',GradientType=0 ); background-position: 0 0; } /* table_data_sheet */ .table-data-sheet { border-bottom: 1px solid #d6d4d4; width: 100%; margin: 0 0 20px; background: #fff; } .table-data-sheet tr { border-top: 1px solid #d6d4d4; } .table-data-sheet tr.even { background: #fdfdfd; } .table-data-sheet tr td:first-child { border-right: 1px solid #d6d4d4; width: 30%; font-weight: bold; color: #333; } .table-data-sheet tr td { padding: 10px 20px 11px; } /* table produst-discounts */ table.table-produst-discounts { border: none; border-bottom: 1px solid #d6d4d4; border-right: 1px solid #d6d4d4; width: 50%; margin: 0 0 20px; background: #fff; } table.table-produst-discounts tr th { background: #fbfbfb; color: #333; font-weight: bold; border: none; font-weight: bold; } table.table-produst-discounts tr td, table.table-produst-discounts tr th { border-left: 1px solid #d6d4d4; width: 33%; padding: 10px 20px 11px; border-top: 1px solid #d6d4d4; border-right: none; text-shadow: none; text-transform: none; font-weight: 13px; line-height: 18px; border-bottom: none; } /* accessories */ .accessories-block .block_description { display: none; } .accessories-block .exclusive span { font-size: 13px; line-height: 18px; padding: 2px 8px 3px; text-decoration: none; } .accessories-block .exclusive span:focus, .accessories-block .exclusive span:active { text-decoration: none; } /* attributes */ .box-info-product { background: #f6f6f6; border: 1px solid #d2d0d0; border-top: 1px solid #b0afaf; border-bottom: 1px solid #b0afaf; } .box-info-product p { margin-bottom: 7px; } /* quantity_wanted */ #quantity_wanted_p input { width: 78px; height: 27px; padding: 0 6px; border: 1px solid #d6d4d4; /*min 768px max 991px*/ } @media (min-width: 768px) and (max-width: 991px) { #quantity_wanted_p input { width: 100%; margin-bottom: 4px; } } #quantity_wanted_p button { margin-top: -2px; } #quantity_wanted_p label { display: block; margin-bottom: 7px; } /* availability_statut */ #availability_statut span#availability_label, #availability_date_label { display: inline-block; width: 125px; font-weight: 700; font-size: 12px; text-align: right; } #quantityAvailable { color: #333333; font-size: 13px; line-height: 18px; font-weight: bold; } #quantityAvailableTxt, #availability_value, #last_quantities { color: #fff; font-weight: bold; line-height: 18px; display: inline-block; padding: 3px 8px 4px; background: #46a74e; border: 1px solid #36943e; margin-left: 5px; } #last_quantities { background: #ff7430; border: 1px solid #ea5e1a; padding: 4px 8px 3px; } #availability_statut, #pQuantityAvailable { display: inline-block; } #pQuantityAvailable span { font-weight: bold; color: #333; } #availability_statut #availability_value.warning_inline { background-color: #fe9126; border-color: #e4752b; text-shadow: 1px 1px #e68322; margin: 0; } /* box-security */ .box-security { border-top: 1px solid #dfdede; padding: 19px 19px 6px; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #fbfbfb)); background-image: -webkit-linear-gradient(#ffffff, #fbfbfb); background-image: -moz-linear-gradient(#ffffff, #fbfbfb); background-image: -o-linear-gradient(#ffffff, #fbfbfb); background-image: linear-gradient(#ffffff, #fbfbfb); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#fbfbfb',GradientType=0 ); } /* prices */ .content_prices { padding: 13px 19px; } #buy_block p.price { padding: 0; } .discount { display: none; } #buy_block p#old_price { padding-bottom: 15px; font-size: 14px; text-decoration: line-through; } #old_price { display: inline-block; font-family: "Open Sans", sans-serif; font-size: 17px; line-height: 23px; text-decoration: line-through; } .our_price_display { font-weight: 600; font-size: 29px; line-height: 32px; font-family: "Open Sans", sans-serif; color: #333; /*max 991px*/ } @media (max-width: 991px) { .our_price_display { font-size: 26px; line-height: 28px; } } #reduction_percent, #reduction_amount { display: inline-block; margin-right: 10px; padding: 1px 2px; font-weight: 600; font-family: "Open Sans", sans-serif; font-size: 21px; line-height: 23px; color: #fff; background: #f13340; border: 1px solid #d02a2c; } #reduction_percent span, #reduction_amount span { display: block; } /* online_only */ #pb-left-column p.online_only { font-weight: bold; font-size: 13px; color: #f13340; text-align: left; } /* add_to_cart */ .content_prices #add_to_cart { position: relative; float: right; padding: 0; } .content_prices #add_to_cart .exclusive, .content_prices #add_to_cart .exclusive_disabled { height: 26px; padding: 5px 7px 5px 15px; } @media screen and (-webkit-min-device-pixel-ratio: 0) { /*hack Chrome and Safari */ .content_prices #add_to_cart .exclusive, .content_prices #add_to_cart .exclusive_disabled { padding: 6px 7px 4px 15px; } } .ie9 .content_prices #add_to_cart .exclusive, .ie9 .content_prices #add_to_cart .exclusive_disabled, .ie8 .content_prices #add_to_cart .exclusive, .ie8 .content_prices #add_to_cart .exclusive_disabled, .ie7 .content_prices #add_to_cart .exclusive, .ie7 .content_prices #add_to_cart .exclusive_disabled { padding: 8px 7px 4px 15px; line-height: 12px; } :first-child + html .content_prices #add_to_cart .exclusive { padding: 4px 3px 4px 11px; } .content_prices #add_to_cart span { z-index: 10; display: block; position: absolute; top: 0; left: -12px; height: 26px; width: 26px; background: url(../img/icon/pict_add_cart.png) no-repeat 0 0 transparent; } /* */ .buttons_bottom_block { clear: both; padding-top: 13px; } .buttons_bottom_block #wishlist_button { font-weight: 700; } /* SEND TO FRIEND (pop-in) ##################################################################### */ #send_friend_form { width: 555px; overflow: hidden; /*max 767px*/ } @media (max-width: 767px) { #send_friend_form { width: 280px; } } #send_friend_form .product img { margin: 0 0 10px 0; border: 1px solid #ccc; } #send_friend_form .product .product_desc p { padding: 0; color: #333; } #send_friend_form .product .product_desc p.product_name { font-size: 12px; color: #000; } #send_friend_form .form_container { padding: 10px 15px; border: 1px solid #ccc; background: #eee; } #send_friend_form .form_container p.intro_form { padding-bottom: 6px; font-weight: 700; font-size: 13px; color: #333; } #send_friend_form .form_container p.txt_required { padding-bottom: 0; color: #666; } #send_friend_form .form_container .text { padding-bottom: 10px; } #send_friend_form .form_container .text label { display: block; padding: 0; width: 100%; font-size: 12px; } #send_friend_form .form_container .text input { padding: 0 5px; height: 22px; width: 100%; border: 1px solid #ccc; font-size: 12px; color: #666; } #send_friend_form .submit { margin-top: 20px; padding-bottom: 0; text-align: right; } /* PACK ##################################################################### */ #blockpack { margin-top: 20px; padding-top: 20px; border-top: 1px dotted #999; } /* PERSONNALISATION ##################################################################### */ .customization_block p.infoCustomizable { margin: 10px 0 20px; padding: 0 0 0 20px; background: url(../img/icon/infos.gif) no-repeat 0 0 transparent; } ul#uploadable_files, ul#text_fields { list-style-type: none; } .customizableProductsFile, .customizableProductsText { margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px dotted #ccc; } .customizationUploadLine { padding-bottom: 10px; } .customizationUploadBrowse img + a { position: relative; top: -51px; } .customizationUploadLine label { display: block; vertical-align: top; } .customizationUploadLine textarea { width: 50%; border: 1px solid #d6d4d4; } #customizedDatas { float: right; } .accessories_block div ul li a { display: inline-block; } .accessories_block div ul li .s_title_block a, .accessories_block div ul li .s_title_block span { font-weight: bold; }