﻿.productCell {background-color:#fff; text-align: center; padding: 15px; width:90% !important; height:auto;border: 2px solid #ecedf0;border-radius: 20px; }
.productCell .productCellImg {background-color: #fff; margin: 0px auto; text-align:center; height: 160px; width: 200px;}
.productCell .productCellImg img {/*max-width: 200px; height:inherit;*/ width:inherit; max-height: 160px;}
input.productCellbtnAddToCaddie { width: 100%; height: 32px; border: 0; cursor:pointer; -webkit-border-radius:3px; border-radius:3px;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
/*input.productCellbtnAddToCaddie:hover {background: #e22d1c url("/imagesPortal/fr/localisation/193620/images/icon-basket-full.png") 5px 8px no-repeat; width: 100%; height: 32px;}
*/

.productCellDesc {line-height:15px; font-weight:normal; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-top: 10px;}
.productCellDesc b {font-weight:normal;}
.productCellHeader, .productCellHeader a {color: #575757; font-size: 16px !important; text-transform: uppercase; width: 100%; text-align:center !important; font-weight:normal !important;}

.product_Stock1,.product_Stock0 {margin:30px 0 0 0; width: 100%;}
.productCellSalesPrice {float: left;}
.productCellSalesPrice .gblSale { font-size:100%; color: #ef3434; font-weight: normal !important;}
/*.productCell:hover .productCellSalesPrice .gblSale, .productCell:hover .productCellSalesPrice .gblSaleTax {color: #117C83 !important;}*/
.productCellSalesPrice .gblSaleTax {font-size: 80%; top: -5px; position: relative; color: #ef3434; font-weight: normal !important; display: none;}
.TextNOB {margin-top:5px; color:#5f5f5f; font-size:18px; font-weight: bold; display:inline-block;}
.gblSaleTaxInc {top: -5px; position: relative;}
.productCellRef {padding-top:5px;}
.productCellRef a, .productCellDesc a {color: #3f3f3f;}
.productCellRef a:active, .productCellDesc a:active {text-decoration:none;} 
.productCellPrice {text-align:right;}

.moreDetail {background: #3f3f3f; padding: 8px 10px; border: 0; cursor:pointer; margin-left:10px; -webkit-border-radius:3px; border-radius:3px;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.moreDetail:hover {background: #000; text-decoration:none;}
.bttnmain {padding-top:10px;}
.prodStock {color: #0e9f6e;font-size: 12px;font-weight: bold;}
.prodStock span {color: #0e9f6e;font-size: 12px;font-weight: bold;padding: 5px 5px 5px 0;display: inline-block;}
.prodStock span:before {background: #0e9f6e;content: '';width: 12px;height: 12px;display: inline-block;border-radius: 50%;margin-right: 5px;}
.prodStock span:has(+ .divStockNoStock) {
    display: none;
}
/* PROD CELL STYLE - 8 */


.celleffect8                {overflow: hidden;position: relative;text-align: center;margin:20px auto;}
.celleffect8 a.moreDetail {
    display: inline-block;
    text-decoration: none;
    height: 34px;
    width: 34px;
    text-transform: uppercase;
    margin: 70px 0 0 0;
 /*   background-color: transparent;*/
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    background: #fb4736 url("/ImagesPortal/FR/localisation/193620/images/icon-eye.png") no-repeat scroll center center;
    box-shadow: 0 0 5px #a6a6a6;
}
.celleffect8 a.moreDetail:hover {background-color:#fb4736;}
.celleffect8 .bttnLine {background-color:#e2e2e2; height:1px; top:14px; position:relative;}

body .celleffect8 .productCellHeader {padding: 0 10px; min-height: 215px; max-height: 215px;}

.celleffect8 .productCellPrice {text-align:center; padding-bottom:5px; border-bottom:none !important;}
.celleffect8 .priceTtc {font-weight: normal !important; font-size: 16px; text-align:center !important;}
.celleffect8 .priceTtc span {font-size: 80%; top: -5px; position: relative;}


#btnAddMultiQty {background: transparent;
    width: 100%;
    top: -17px;
    position: relative;
    height: 33px;
}

.staicTtl {border-left: 10px solid #8cba01;
color: #222;
font-size: 22px;
margin:35px 0 20px 0;
padding: 10px 0 10px 20px;
text-transform: uppercase;}

.staicTtl span{color:#D94E9C}
.productCell .productCellImg img { transition: all 0.3s ease; transform: rotate(0deg) scale(1) skew(0deg) translate(1px); }
.productCell:hover img, .productCell .productCellImg:hover img { transform: rotate(0deg) scale(1.1) skew(0deg) translate(1px); }


.productCell:hover .productCellHeader a{color:#117C83 !important}



.prodDesc {text-align:center; color:#858585; text-transform: initial; font-size: 12px; height: 40px; overflow: hidden; display: none;}



.index .product-h2 {border-left: 5px solid #117C83; font-size: 22px !important; color: #333 !important; padding: 7px 0 3px 10px !important; background-color: transparent;}



/*******************************************/

.productCell .prodCompare {display: inline-block;float: left;z-index: 1;position: relative;background: #f9fafb;padding: 8px 6px;border: 1px solid #eef0f1;border-radius: 50%;color: #9ca3af;}
.productCell .tag {z-index: 1;position: relative;display: inline-block;float: right;font-size: 12px;font-weight: bold;padding: 2px 10px;border-radius: 5px;line-height: 17px;}
.productCell .tag.tagBestSeller {background: #e6f1f8;color: #072292;}
.productCell .tag.tagPromo {background: #f7e1de;color: #9d0808;}
.productCell .tag.tagNouveaute {background: #def7ec;color: #01582e;}
.productCell .tag i {padding-left: 2px; display: none;}
.productCell .prodTitle {padding: 0px 0 5px 0; text-align: left;}
.prodManu {    color: #a5aab2;
    font-family: intermedium,'Open Sans', arial, sans-serif;}
h4.prodTitle a {    color: #2b3340;
    font-size: 18px;
    font-weight: bold;}
.prodRef {color: #797f8e;
    font-size: 12px;
    font-weight: bold;}
.prodRef > span {    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 49%;
    display: inline-block;}
.prodRef > span:nth-child(2) {padding-left: 10px;}
.productCellSalesPrice > span:first-child {color: #797f8e;
    font-size: 12px;
    font-weight: bold;}
.productCellSalesPrice > span .gblSale {    color: #2b3340;
    font-size: 22px;
    font-family: interbold,'Open Sans', arial, sans-serif;}
.productCellAddToCaddie {float: right;}
.productCellAddToCaddie span {
    background-color: #1e296b;
    color: #fff;
    font-size: 13px;
    padding: 10px;
    margin: 0 auto;
    border-radius: 7px;
    font-family: intermedium,'Open Sans', arial, sans-serif;    top: 10px;
    position: relative;
}
