/* ################################################################################################ GLOBAL ################################################################################################ */ #hook_mobile_top_site_map {margin-top: 5px} .center{text-align:center} .right{text-align:right} .qty-field{width:50px!important} .hide{display:none} .fl{float:left} .clear{clear:both} .width-20{width:20%} .width-40{width:40%} .width-70{width:70%} .width-100{width:100%} .padding-left-5px{padding-left:5px} .margin-bottom-10px {margin-bottom:10px} .ui-btn-up-a .ui-btn-text:visited, .ui-btn-hover-a .ui-btn-text:visited, .ui-btn-down-a .ui-btn-text:visited, .ui-btn-hover-a .ui-btn-text:hover, .ui-btn-up-a .ui-btn-text:hover, .ui-btn-down-a .ui-btn-text:hover, .ui-btn-hover-a .ui-btn-text, .ui-btn-down-a .ui-btn-text, .ui-btn-up-a .ui-btn-text { color:white; } .to_delete { background-color:red; color:white; font-size:12pt; text-shadow: none; padding:5px; } /* JQUERY MOBILE */ .ui-content {overflow-y: hidden} section .ui-content {padding:0 !important} .ui-header .ui-title, .ui-footer .ui-title { margin:0.5em 20px 0.8em; font-size: 20px; text-align:left } .ui-icon-prestashop-pdf { background: url(../../img/icon/pdf.gif) no-repeat; } .ui-mobile fieldset {margin-bottom:15px; border:none} .ui-field-contain {padding:0} .ui-content .ui-listview {margin:0;} .ui-input-search .ui-input-clear {right:5px} label.ui-select {top:5px; vertical-align:top} /*.ui-controlgroup-horizontal .ui-select {margin:-5px 0 0 0}*/ .required.bold, .required sup { color: #900; font-weight:bold; } .warning { margin: 10px 0 10px 0; padding: 10px; border: 1px solid #E6DB55; font-size: 13px; background: lightYellow; } .error-box, .error { margin: 10px 0 10px 0; padding: 10px; border: 1px solid red; font-size: 13px; background: #ffb6c1; } .error-box ol, .error ol { margin: 0; padding: 0 50px; } .ui-listview p, .ui-listview h3 { padding:0; } .ui-listview p { margin-top:-0.5em; } .without-margin {margin: 0;} .without-padding {padding:0;} /* title *************************************************************************************** */ h1 {font-size:20px} h2 {margin:0 0 0.6em 0; font-size:18px} h3 {padding-bottom:14px; font-size:16px} h4 {font-size:14px} /* text **************************************************************************************** */ p { padding-bottom:10px; font-size:12px } .txt-center{text-align: center;} /* link **************************************************************************************** */ a, a:active, a:visited { color:#333; text-decoration:none; outline: none; } /* errors box ************************************************************************************* */ .error-box { display: block; background-color: #FFB200; background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0.0, #ffd573),color-stop(1, #FEEFB3)); background-image: -o-linear-gradient(top,#ffd573,#FEEFB3); background-image: -moz-linear-gradient(center top,#ffd573 0%,#FEEFB3 100%); border:1px solid #9E6014; opacity: 0.96; position: fixed; top:100px; font-family: arial, sans-serif; width:80%; left:10%; padding:20px 10px; -moz-border-radius: 0.6em; -webkit-border-radius: 0.6em; border-radius: 0.6em; color:#9E6014; z-index:1000; } .error-box ol { margin:0; padding:0; } .error-box .close-bt { position:absolute; top:5px; right:10px; } /* form **************************************************************************************** */ .ui-mobile fieldset {margin:0 0 15px 0} hr {margin:30px 0 10px 0} hr.margin_bottom {margin:10px 0 30px 0} hr.margin_less {margin:10px 0 10px 0} .clearfix:before, .clearfix:after { content: "."; display: block; height: 0; overflow: hidden } .clearfix:after {clear: both} .clearfix {zoom: 1} .ui-br{border:none} /* PAGINATION */ .pagination { position:relative; margin:5px 0; text-align:center; } ul.pagination_mobile { float:right; } .pagination_mobile li { float:left; } .pagination_mobile .disabled, .pagination_mobile .disabled .ui-btn-inner { background-color:#DDDDDD; color:#aaaaaa; cursor:default; } .pagination_mobile .current .ui-btn { cursor:default; } .pagination_mobile .current .ui-btn-down-c { color:#ffffff; } .pagination_mobile .disabled .ui-btn-inner { border-top:1px solid #dddddd; } .pagination_mobile .ui-btn-inner { padding: 0.6em 10px; font-size: 80%; } .pagination_mobile .pagination_next .ui-btn-inner{ padding:0.6em 35px 0.6em 10px; } .pagination_mobile .pagination_previous .ui-btn-inner{ padding:0.6em 10px 0.6em 35px; } .pagination ul { margin:2px 0 0 0; padding:0; list-style-type:none; } .pagination li {display:inline-block} /*.pagination li a, .pagination li.active { display:inline-block; padding:2px 10px; color:#666 !important; text-decoration:none; border:1px solid #ccc; }*/ .pagination li.active { color:#888 !important; border:1px solid #eee; } .pagination li a:hover { color:#333 !important; border:1px solid #333; } .pagination .btnnprevious { position:absolute; top:2px; left:5px; height:26px; width:26px; text-indent:-5000px; background:#333 } .pagination .btnnext { position:absolute; top:2px; right:5px; height:26px; width:26px; text-indent:-5000px; background:#333 } /* button */ .button_next {float:right;} /* check form */ .valid {border:1px solid green} .invalid {border:1px solid red} #account-creation_form p .ui-radio-on .ui-icon{width:0px;height:18px;background:none;background-image:url(../img/icons-18-white.png);background-position:-720px 50%;background-repeat:no-repeat;-moz-border-radius:9px;-webkit-border-radius:9px;border-radius:9px} #account-creation_form p.select .ui-select .ui-icon{background:none} /* ################################################################################################ HEADER ################################################################################################ */ /*#header { position:relative; height:122px; font-weight:normal !important; font-size:10pt; color:#333; text-shadow:none; border:0 !important; background:none !important; } #header a { color:#333; text-decoration:none; } #logo { position:absolute; top:0; left:0; z-index:10; } .shoppingbag { margin:10px 0 2px 0; padding:2px 5px 4px 5px; color:#fff; background:#383838; } .shoppingbag a {color:#fff !important;} .shoppingbag span { font-size:8pt } .quicklink { margin:5px 0; padding:0 5px; } .login { margin:25px 0; padding:0 5px; font-size:8pt; }*/ /* HEADER */ #header {padding-bottom: 10px;} #header .ui-block-a img {display: block;margin: 10px} /* NAVBAR TOP */ .navbartop { height:42px; background:#383838; } .navbarcontent { height:32px; background:#cccccc; } .navbarcontent h3 { margin:0; } .navbartop .btnopen {text-indent:-5000px} .link_cart{ background:url(../img/img_cart.png) 0 2px no-repeat; padding:5px 5px 5px 30px; text-decoration:none; float:right } .link_account { background:url(../img/icon/my-account.png) 0 5px no-repeat; padding:5px 5px 5px 20px; text-decoration:none; float:right } .input_search {margin:0 10px 10px 0; text-align:right} #block_cart{margin:10px} /* ################################################################################################ CONTENT ################################################################################################ */ #content {} /* ################################################################################################ FOOTER ################################################################################################ */ #footer {margin-top:20px} #newsletter { margin:0 auto; width:96% } #newsletter .ui-field-contain label.ui-input-text {width:auto} /*#newsletter .ui-btn { position:relative; top:8px; }*/ h2.site_map { text-align:center; } #lnk_footer { margin:0 auto; padding:2%; background:#ddd } #lnk_footer li .ui-btn { display:inline-block; text-align:left !important } #lnk_footer .ui-btn-up-a, #lnk_footer .ui-btn-hover-a { color:#333; text-shadow:none !important; border:none !important; background:none !important } #lnk_footer .ui-btn-hover-a {text-decoration:underline} #lnk_footer .ui-btn-inner { padding:2px !important; border:0 } #footer .ui-field-contain{ text-align:center } #account_link {text-align:center;padding:10px 0} #account_link .ui-block-a{ width:46%; padding:0 2%; text-align:right } #account_link .ui-block-b{ width:46%; padding:0 2%; text-align:left } #bar_footer {margin:10px 0 0 0} #link_bar_footer{padding:15px 0} #link_bar_footer .ui-block-a{ width:46%; padding:0 2%; } #link_bar_footer .ui-block-b{ width:46%; padding:0 2%; text-align:right } .ui-body-c #footer #account_link .ui-link {color: #333 !important;} .ui-body-c #footer #link_bar_footer .ui-link {color: #fff !important;} /* ################################################################################################ HOMEPAGE ################################################################################################ */ #slider {margin:0 0 10px 0;} #highlight {margin:0 0 10px 0;} #category {margin:0 0 10px 0;} /* ################################################################################################ CATEGORY ################################################################################################ */ #category h1 {text-align:left} #category .container-sort {float:right} #category .container-sort-bottom {float:left} #category-list .ui-li-thumb { float:none; position:relative } #category-list .ui-block-a .ui-btn-inner { border-right:1px solid #cccccc; } #category-list .ui-li-heading {height:45px; white-space:normal;} #category-list .ui-li-price {text-align:right; color:#990000; font-size:12pt; font-weight: bold;} #category-list .ui-li-price-info {text-align:right; font-size:8pt; text-transform: uppercase;} #category-list .ui-li-price-info span {display:inline-block;} #category-list .ui-li-price-info.discount span {background-color:#9B0000; color:#ffffff; text-shadow:none;} #category-list .ui-btn-icon-right .ui-icon {display:none} .product-list-row { margin-right: 0px!important; margin-left: 0px!important; } /* ################################################################################################ CART ################################################################################################ */ .price_on_accordion_cart{ position:fixed; right:30px; padding:4px; background:red; border-radius:50% } .accordeon_cart .test{margin:0} .accordeon_cart div.ui-collapsible-content{margin:0} .information_details_cart p{margin-top:10px} .total_price .ui-bar h3{ display:block; text-align:right } .cart_total_bar h3 { margin: 0 0 10px 0; } .cart_total_bar .btn-row { text-align: right; } .cart_total_bar .ui-btn { margin: 10px 0 0 0; display:inline-block; } .total_price p{ margin:5px 0; font-size:12px; text-align:right } .cart img.img_product_cart{ margin-top:0.7em; border-radius:0; } .ui-controlgroup.grouped_buttons_card, fieldset.ui-controlgroup.grouped_buttons_card { margin:0; } .grouped_buttons_card,.display_block_card_product { text-align:center; margin-top:10px; } /* ################################################################################################ PRODUCT ################################################################################################ */ /* .second_container{ float: left; margin-top:0; margin:0 1%; padding:0 1%; width: 96%; text-align:center } .first_container{ margin:0 1%; padding:0 1%; width:96%; float:left; text-align:center }*/ .category_desc { margin: 0 0 10px 0; padding:10px 5px; border:1px solid #cccccc; box-shadow: 1px 1px 2px #cccccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .category_desc p{ margin:0px; padding:0px; } .category_desc .hide_desc { display:none; } .category_desc .lnk_more { float:right; } .category_desc .lnk_more .ui-btn-inner { font-size:80%; padding:0.4em 10px 0.4em 33px; } #product_title h1{width:62%;margin-left:5%;float:left;} #product_title span{ width:25%; margin:14px 3% 10px 5%; font-size:20px; font-weight:bold; text-align:right; float:left } .product_img_wrapper { text-align:center; } .product_img_wrapper img { width:95%; max-width: none; max-height: none; margin:0; } #attributes-1 .ui-select{ float:left; } #select_attributes .ui-select{ float:left } .product_page{text-align:center} .description{text-align:left} .quantite{text-align:left} .img_product{margin:0 auto} .img_product_list{margin:0 auto} .view_product{background:#fff} .view_product .view_full_size {text-align:center;} .view_product .thumbs_list_frame {list-style-type: none;} .view_product .thumbs_list_frame li {float:left;} .view_product .thumbs_list_frame li img {margin: 0 6px;border: 1px solid #CDCDCD;} .list_view{text-align:center} #product_page{width:100%} .ui-btn.disabled, .ui-btn.disabled .ui-btn-inner { background-color:#DDDDDD; color:#aaaaaa; cursor:default; } .ui-btn.disabled .ui-btn-inner { border-top:1px solid #dddddd; } .ui-btn.disabled button, .ui-btn.disabled input { cursor:default; } .ui-btn-hover-c.disabled { border:1px solid #CCCCCC; } #availability_statut { margin: 10px 0 0 0; } #availability_statut #availability_value { background-color:green; color:#ffffff; text-shadow:none; padding:0 10px; text-transform: uppercase; font-size:10pt; font-weight: bold; display:inline; } #availability_statut #availability_value.warning_inline { background-color:#9B0000; } .content_prices .online_only { font-weight: bold; font-size: 10pt; color: #900; text-transform: uppercase; margin:0; padding:0; } .content_prices .price { text-align:right; } .content_prices .price .on_sale { background-color: #F8DC0C; padding:2px 5px; font-size:12pt; border:1px solid #DDA84E; margin: 2px 0; display:inline-block; } .content_prices .price p { margin:0; padding:0; } .content_prices .price .old_price_display { text-decoration: line-through; font-size:11pt; } .content_prices .price .old_price .reduction_amount_display, .content_prices .price .old_price .reduction_percent { background-color:#9B0000; color:#ffffff; text-shadow:none; padding:0 5px; margin: 0 0 0 5px; font-weight: bold; } .content_prices .price .our_price_display { color:#990000; font-size:21pt; font-weight: bold; } .content_prices .price .unit-price, .content_prices .price .price-ecotax { margin: 10px 0 0 0; } #more_info_block ul li { font-size:9pt; } .accessories_block ul { list-style-type: none; margin:0; padding:0; } .accessories_block li { background-color:#111111; border-bottom:1px solid #555555; padding:5px; } .accessories_block li.last_item { border:none; } .accessories_block li .col-left { word-wrap: break-word; float:left; } .accessories_block li .col-right { float:right; width:100%; margin:0 0 0 -68px; } .accessories_block li .col-right .inner { margin:0 0 0 78px; } .accessories_block li .col-right .inner p, .accessories_block li .col-right .inner h5 { margin:0; color:white; } .accessories_block li .col-right .inner h5 { font-size:10pt; } .accessories_block li .col-right .inner p { color:#aaaaaa; } .accessories_block li .price { text-align:right; font-size:14pt; font-weight: bold; } .accessories_block li .btn-row { text-align:right; } /*.third_container{float:left}*/ /* ################################################################################################ PRODUCT ################################################################################################ */ /* ################################################################################################ 404 ################################################################################################ */ #not_found{padding:3%} .input_search_404{text-align:center} .nbr_result { position:relative; top:6px; font-size:14px } /* ################################################################################################ OPC ################################################################################################ */ h3.bg { padding:8px; color:#fff; background:#666; text-shadow: 0 1px 0 #000 !important } .block { margin:10px 0; padding:10px; border:1px solid #bbb; background:#dbdbdb } .block h3 {margin-top:0} ul.adress { list-style-type:none; margin:0; padding:0 0 0 10px } #cart {} #cart h3{ margin:0; padding:0 } #cart input {margin:5px 0} #cart .ui-li-desc {margin:0} #voucher {} #voucher h3 {margin:0} #cart_price .ui-btn-up-c { border:none; background:none; } .lnk_CGV {padding:0} /* ################################################################################################ LOGIN ################################################################################################ */ .login_form .submit_button {float:right} .login_form .forget_pwd { margin:5px 0 0 0; padding:0; font-size:0.8em } .login_form .ui-btn {float:right} /* ################################################################################################ CATEGORY ################################################################################################ */ #category-list li a {position:relative} #category-list li .ui-li-desc { padding:0; margin:0; } #category-list li .ui-li-price-info span {padding: 2px 5px;} .new { position:absolute; top:17px; right:-22px; margin:0 0 0 0px; padding:2px 0; width:100px; text-align:center; background-color: rgba(162, 29, 28, 0.9); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); color:#ffffff; text-shadow: none; text-transform: uppercase; font-size:8pt; } #category-list .online_only { position:absolute; margin:0; padding:0; top: 32px; right: -29px; margin:0; padding:2px 0; width: 142px; text-align:center; background-color: rgba(0, 0, 0, 0.5); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); text-shadow: none; text-transform: uppercase; font-size:8pt; color:#ffffff; } /* ################################################################################################ MY ACCOUNT ################################################################################################ */ #list_myaccount .ui-li-icon {top: 0.7em} .lnk_my-account_home { display:block; padding:20px 0 0 0 } /* ################################################################################################ LAYERED ################################################################################################ */ #layered {} #layered h3 {margin:30px 0 0 0} #layered .color-option { margin-left:0; margin-right:5px; padding:0; height:16px; display:inline-block; width:16px; border:1px solid #666; } /* ################################################################################################ Manufacturer ################################################################################################ */ .nbrmanufacturer { margin: 15px 0 10px; padding: 8px 7px; font-size: 12px; color: black; background: none repeat scroll 0 0 #dddddd; } /* ################################################################################################ STORES ################################################################################################ */ #stores_search_block { margin-top: 20px; padding-left: 10px; } .stores_block { margin-top: 25px; display: none; } .stores_block .ui-listview span.image { display: table-cell; position: absolute; left: 0px; top: 0px; vertical-align: middle; width: 80px; height: 80px; } .stores_block .ui-listview span img { position: relative; display: inline; vertical-align: middle; } #full-site-section a { font-weight: normal; font-size: 12px; }