@charset "UTF-8";/* Css/PC/block/contextualizedNav.css */
/******************************
* contextualizedNav.css
******************************/
.contextualizedNav .departments {
    background-color: #fff;
    display: block;
    margin-bottom: 2px;
    position: relative;
    width: 100%;
    z-index: 50;
}

.contextualizedNav .departments .departmentslist {
    box-shadow: 0 2px 2px -1px rgba(0,0,0,0.15);
    display: block;
    font-size: 0; /* hack pour supprimer l'espace entre des inline-block */
    padding: 0 10px;
    white-space: nowrap;
}
.contextualizedNav .departments .departmentslist .departmentsitem {
    border-bottom: 2px solid transparent;
    display: inline-block;
    list-style: none;
    vertical-align: middle;
}
.contextualizedNav .departments .departmentslist .departmentsitem a {
    text-decoration: none;
}
.contextualizedNav .departments .departmentslist .departmentsitem:not(:first-child).hover {
    border-bottom: 2px solid #e23a05;
}
.contextualizedNav .departments .departmentslist .departmentsitem:not(:first-child).hover .subdepartments {
    height: auto;
}
.contextualizedNav .departments .departmentslist .departmentsitem .departmentsname {
    display: block;
    font-size: 12px;
    padding: 12px 12px;
    white-space: nowrap;
}
.contextualizedNav .departments .departmentslist .departmentsitem:first-child .departmentsname {
    color: #323232;
    font-size: 14px;
    font-weight: bold;
}
.contextualizedNav .departments .departmentslist .departmentsitem:not(:first-child).hover .departmentsname {
    color: #e23a05;
}
.contextualizedNav .departments .chevron {
    display: inline-block;
    height: 8px; /* Height should be double border */
    position: relative;
    width: 8px;
}
.contextualizedNav .departments .chevron:before,
.contextualizedNav .departments .chevron:after {
    border: 4px solid transparent; /* Chevron Size */
    content: "";
    display: block;
    position: absolute;
}
.contextualizedNav .departments .chevron:before {
    border-top-color: #bebebe; /* Replace text `top` with left/right/bottom to rotate the chevron - Chevron Color */
    top: 3px; /* Replace text `top` with left/right/bottom to rotate the chevron - Change value for vertical-align */
}
.contextualizedNav .departments .chevron:after {
    border-top-color: #fff; /* Replace text `top` with left/right/bottom to rotate the chevron - Match background color */
    top: 1px; /* Replace text `top` with left/right/bottom to rotate the chevron - Chevron thickness*/
}
.contextualizedNav .subdepartments {
    background-color: #fff;
    box-shadow: 0 2px 2px -1px rgba(0,0,0,0.15);
    display: block;
    font-size: 0; /* hack pour supprimer l'espace entre des inline-block */
    height: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 42px;
    width: 100%;
    z-index: -1;
}
.contextualizedNav .subdepartments .subdepartmentslist {
    display: inline-block;
    padding: 0 10px;
}
.contextualizedNav .subdepartments .subdepartmentslist .subdepartmentsitem {
    border-bottom: 2px solid #fff;
    display: inline-block;
    position: relative;
    text-align: center;
    vertical-align: top;
    width: 115px;
}
.contextualizedNav .subdepartments .subdepartmentslist .subdepartmentsitem .subdepartmentsimg {
    display: block;
    height: 105px;
    margin: 10px 5px;
    overflow: hidden;
    position: relative;
    width: 105px;
}
.contextualizedNav .subdepartments .subdepartmentslist .subdepartmentsitem .subdepartmentsimg img {
    height: 85px;
    margin-top: 10px;
    width: 85px;
}
.contextualizedNav .subdepartments .subdepartmentslist .subdepartmentsitem:not(.service) .subdepartmentsimg:after {
    background-color: rgba(0,0,0,0.05);
    border-radius: 55px;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: scale(0);
    transition: transform 0.1s;
    width: 100%;   
}
.contextualizedNav .subdepartments .subdepartmentslist .subdepartmentsitem:not(.service).hover .subdepartmentsimg:after {
    transform: scale(1);
 }
.contextualizedNav .subdepartments .subdepartmentslist .subdepartmentsitem .subdepartmentsname {
    display: block;
    font-size: 12px;
    height: 29px;
    margin: 0 10px 14px 10px;
    overflow: hidden;
    white-space: normal;
}
.contextualizedNav .subdepartments .subdepartmentslist .subdepartmentsitem.hover .subdepartmentsname {
    color: #e23a05;
}
.contextualizedNav .subdepartments .subdepartmentslist .subdepartmentsitem.sponso {
    height: 170px;
}
.contextualizedNav .subdepartments .subdepartmentslist .subdepartmentsitem.sponso a:after {
    color: #878787;
    content: "Sponso";
    font-size: 11px;
    line-height: 11px;
}
.contextualizedNav .subdepartments .subdepartmentslist .subdepartmentsitem.sponso .subdepartmentsname {
    height: auto;
    margin-bottom: 0;
    max-height: 29px;
}
.contextualizedNav .subdepartments .subdepartmentslist .subdepartmentsitem.service {
    display: none;
    margin-left: 20px;
}
.contextualizedNav .subdepartments .subdepartmentslist .subdepartmentsitem.service:before {
    background-color: #d7d9e4;
    content: "";
    display: block;
    height: 140px;
    left: -10px;
    position: absolute;
    top: 15px;
    width: 1px;
}
.contextualizedNav .departments .departmentsitem:first-child {
    height: 38px;
    width: 200px;
}

.contextualizedNav .departments .departmentsitem:first-child a {
    height: 38px;
    width: 200px;
    line-height: 40px;
    text-align: center;
}

.contextualizedNav .departments {
    height: 40px;
}
.cdsIconNav {
    font-size: 24px;
    display: block;
    border-right: 1px solid #d7d9e4;
    padding: 0px 24px;
}

/* on masque le menu contextualisé en dessous de 1024 */
@media only screen and (max-width: 1023px) {
    div .tetiere.contextualizedNav {
        display: none;
    }
}

@media only screen and (min-width: 1280px) {
    .contextualizedNav .subdepartments .subdepartmentslist .subdepartmentsitem.service {
        display: inline-block;
    }
}
/* Css/PC/page/fpCritical.css */
/**
* 1. TOP  FP
* 2. MSG VARIANT
* 3. COMMON
* Shipping infos
* 4. MARKETPLACE
* 5. CAROUSEL
* 6. INDISPENSABLE PRODUCT
* Produits Associés
* 7. CDS CARD
* 8. 3979
* Stress delivery
* 9. ODR
* Promo
* 10. TECHNICAL DESCRIPTION
* 11. CUSTOMER RATING
* 12. SIMILAR PRODUCT
* 13. LEGACY
* 14. ADS
* 15. OLD CSS FOR MARKETING
* 16. MECACO
* 17. MEDIA QUERIES
* 18. USER MANUAL
* Price zone
* New Vente Flash
**/

#olMain {
    display: none;
}

#fpContent {
    padding: 0 1.5em;
}

.anchorNavBar.hidden {
    display: none;
}
/*todo VARIABLE lien : cdsLink; */
.fpLk,
.fpCusto, .fpPro a, .txtLk a, .fpBlk a, .detRating a, .topRating a, .fpFAQItem a, .fpFAQIASniper,
.fpLegacy a, .fpBSTitle a, .fpBSOtherColorAnchor a, .fpSellBy a, .fpProdRateStarsMain a, .fpUOContent a, .fpLkRating a, .fpLkRating span,
.fpCol a:not(.btn), .fpAlert a, .fpDesCol a:not(.btn), .fpColFloat a, .fpPrdDescLine a {
    color: #096ec8;
    cursor: pointer;
    text-decoration: none;
}

    .fpLk:hover, .txtLk a:hover,
    .fpCusto:hover, .fpPro a:hover, .fpBlk a:hover, .detRating a:hover, .topRating a:hover, .fpFAQItem a:hover, .fpFAQIASniper:hover,
    .fpLegacy a:hover, .fpSellBy a:hover, .fpProdRateStarsMain a:hover, .fpUOContent a:hover, .fpLkRating a:hover, .fpLkRating span:hover,
    .fpCol a:not(.btn):hover, .fpAlert a:hover, .fpDesCol a:not(.btn):hover, .fpColFloat a:hover, .fpPrdDescLine a:hover {
        color: #096ec8;
        text-decoration: underline;
    }

.fpOverlayBody {
    color: #323232;
    font-size: 13px;
    font-weight: normal;
    height: auto;
    line-height: 1.5em;
    padding: 10px;
    width: auto;
}

    .fpOverlayBody a {
        display: block;
    }

    .fpOverlayBody label + a {
        padding-left: 5px;
    }

.baRatingModeratedBy {
    color: #323232;
    font-size: 12px;
    margin-bottom: 10px;
}

.customerRatingCgu > a {
    color: #05b9e7;
}

.customerRatingCgu {
    margin: 26px;
    text-align: center;
}

.fpLogoAfnor {
    background: url("https://www.cdiscount.com/resources/RWD/fp/picto-logo-AFNOR.png");
    background-size: contain;
    width: 160px;
    height: 142px;
    opacity: 1;
    margin: 0 auto;
    display: block;
}

.fpProdRateStarsBloc .fpUOContent {
    margin-top: 5px;
    max-height: 144px;
    overflow: hidden;
}

    .fpProdRateStarsBloc .fpUOContent.fpUOCHiddenDescLink > a {
        display: none;
    }

    .fpProdRateStarsBloc .fpUOContent > span {
        background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 20px);
        bottom: 20px;
        padding-left: 25px;
        position: absolute;
        right: 32px;
    }

.fpProdRateStarsBloc .fpRating > li > span:first-child {
    width: 65px;
}

.fpProdRateStarsBloc span.fpLk {
    cursor: default;
    margin-left: 2px;
}

.fpProdRateStarsBloc .fpLk .fpBaLk {
    vertical-align: bottom;
}

.fpProdRateStarsBloc .plus {
    display: inline-block;
    font-weight: bold;
    padding: 3px 20px 0 0;
}

.fpProdRateStarsBloc + .fpStock {
    padding-top: 0;
}

.fpProdRateStarsBloc .fpSellBy .fpInfOver {
    max-width: unset;
    padding: 15px 15px 5px 15px;
    width: 500px;
    z-index: 12;
}

    .fpProdRateStarsBloc .fpSellBy .fpInfOver > div + div {
        border-top: 1px solid #d7d9e4;
        padding: 5px 0;
    }

.fpProdRateStarsBloc .fpSellBy .fpCDAVLayerInfo {
    display: inline-block;
    left: -100%;
}

    .fpProdRateStarsBloc .fpSellBy .fpCDAVLayerInfo .fpInfOver > div + div {
        border-top: none;
    }

.fpProdRateStarsBloc {
    margin-bottom: 16px;
    position: relative;
}

.c-fpBloc__content {
    margin-bottom: 24px;
}

.fpBaLayerMain {
    margin-left: 0;
    padding: 10px;
    right: inherit;
}

.fpBaLk {    
    cursor: pointer;
    display: inline-block;
    height: 13px;
    margin-left: 5px;
    text-indent: -999em;
    text-align: left;
    width: 15px;
}

.imgZoom {
    height: 20px;
    margin: 0 6px 3px 0;
    width: 20px;
}

.fpImgOpen, .fpImgClose {
    color: #878787;
    font-size: 12px;
}

.fpImgClose {
    display: none;
}

.fpClickLk .fpOverlayContent {
    background-color: #FFF;
    border: 1px solid #d8d7d7;
    border-radius: 4px;
    bottom: 22px;
    box-shadow: 1px 2px 3px 0 rgba(121,121,121,0.43);
    color: #111;
    cursor: default;
    left: -162px;
    position: absolute;
    text-align: left;
    width: 335px;
    word-wrap: break-word;
    z-index: 1;
}

.fpOverlayContent {
    background-color: #FFF;
    border: 1px solid #d8d7d7;
    border-radius: 4px;
    box-shadow: 1px 2px 3px 0 rgba(121,121,121,0.43);
    color: #111;
    cursor: default;
    display: none;
    padding: 0;
    position: absolute;
    text-align: left;
    white-space: normal;
    z-index: 120;
}

.fpClickLk {
    border: 1px solid #d7D9E4;
    border-radius: 50%;
    color: #293847;
    cursor: pointer;
    display: inline-block;
    font-size: 9px;
    height: 15px;
    line-height: 14px;
    margin: 0 2px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 15px;
    z-index: 5;
}

.testNewOverLayer .fpClickLk {
    margin-left: 5px;
}

.fpClickLk:hover {
    background-color: #d7d9e4;
    color: #fff;
}

.fpClickLk .fpOverlayContent.fpOverlayMinQuantity {
    bottom: 20px;
    left: -238px;
    padding: 9px;
    width: 250px;
}

.fpOverlayMinQuantity p {
    font-size: 12px;
}

    .fpOverlayMinQuantity p + p {
        margin-top: 10px;
    }

.fpTooltipHovered {
    background-color: #d7d9e4;
    color: #fff;
}

.fpCloseOverlay {
    color: #cccbcb;
    cursor: pointer;
    float: right;
    height: 10px;
    margin: 5px 5px 0 0;
    width: 10px;
}

.fpOverlayFooter {
    display: block;
    color: #096ec8;
    cursor: pointer;
    font-size: 13px;
    font-weight: normal;
    padding-left: 10px;
    padding-bottom: 12px;
}

.fpAskQuestion {
    display: table;
    color: #096ec8;
    cursor: pointer;
    font-size: 13px;
    font-weight: normal;
    padding-bottom: 12px;
}

.fpUsed {
    color: #29b001;
    display: block;
    font-weight: bold;
    padding-top: 0;
}

.fpProductCondition.fpUsed {
    display: inline-block;
}

.fpUsedContainer {
    font-size: 1.16em;
    margin-bottom: 24px;
}

    .fpUsedContainer:empty {
        margin: 0;
    }

    .fpUsedContainer .fpClickLk .fpOverlayContent {
        left: -130px;
        width: 273px;
    }

.fpStock.fpUsedContainer .fpOverlayContent {
    width: calc(100% - 300px);
}

.fpUsedContainer .fpOverlayContent {
    min-width: 90px;
}

.fpUsedContainer .fpOverlayBody {
    padding: 10px 10px 0 10px;
}

.fpUsedOverlaySeeMore {
    padding-top: 10px;
}

.fpState {
    color: #323232;
    font-size: 13px;
    font-weight: normal;
    padding-right: 4px;
}

.fpImgText {
    text-align: center;
    margin-bottom: 10px;
}

form[name="addForm"] {
    position: relative; /* firefox position relative on table */
}

.fpMainImg,
.fpMainImgOutOfStock {
    cursor: move;
    position: relative;
    height: 300px;
}

    .fpMainImg:before,
    .fpMainImgOutOfStock:before {
        bottom: 10px;
        content: " ";
        display: block;
        height: 15px;
        left: 10px;
        position: absolute;
        width: 35px;
    }

    .fpMainImg > a,
    .fpMainImgOutOfStock > a {
        display: inline-block;
    }

        .fpMainImg > a img,
        .fpMainImgOutOfStock > a img {
            height: 300px;
            width: 300px;
        }

.embeddedVideo {
    background: url('https://www.cdiscount.com/RWD/header/RelativePathLoadingGif.gif') no-repeat center 120px;
    background-color: white;
    cursor: auto;
    display: none;
    font-size: 1.3em;
    height: 100%;
    padding-top: 80px;
    position: absolute;
    text-align: center;
    width: 100%;
}

.fpBrand img {
    display: inline-block;
    height: auto;
    vertical-align: middle;
}

.fpMainZoomLens {
    background: #FFF;
    border: 1px solid #FFF;
    opacity: .4;
    filter: alpha(opacity=40);
    position: absolute;
    z-index: 10;
}

.fpZoomWindow {
    background: #FFF;
    border: 1px solid #D7D9E4;
    box-shadow: 5px 5px 5px rgba(0,0,0,.12);
    display: none;
    height: 500px;
    overflow: hidden;
    position: absolute;
    min-width: 600px;
    width: 100%;
    width: calc(100% - 298px);
    z-index: 11;
}

    .fpZoomWindow > img {
        max-width: none;
        position: absolute;
        z-index: 2;
    }

.fpZoomPic.act img, .fpZoomPic:hover img {
    border-color: #d7d9e4;
}

.fpliVideo:hover {
    border: 1px solid #323232;
}

.fpZoomPic, .fpVideo {
    cursor: pointer;
}

.fpCusto {
    display: inline;
    overflow: hidden;
    padding: 1px 0 0 4px;
    text-decoration: none;
    vertical-align: baseline;
}

.fpSellBy {
    margin-top: 8px;
    padding: 3px 0 0 0;
    position: relative;
}

.fpStock {
    color: #29b001;
    font-size: 1.16em;
    font-weight: bold;
}

    .fpStock:not(:empty) {
        margin-bottom: 24px;
    }

.shCompleteUsedProductComment {
    display: none;
}

.shUsedProductComment {
    cursor: pointer;
    color: #096ec8;
    margin-left: 3px;
}

.fpStock .fpProductVisitSecond {
    margin-top: 8px;
}

.fpUsedOffer {
    background: #fd6600;
    color: #fff;
    display: inline-block;
    font-weight: normal;
    padding: .1em .4em;
    vertical-align: top;
}

.fpStock .fpUsedOffer {
    font-size: .8em;
}

.fpOffer .fpUsedOffer {
    margin-top: .15em;
}

.fpUserSep {
    font-size: .8em;
    text-decoration: none;
    color: #323232;
    font-weight: normal;
}

.bVideo {
    border: 1px solid #fff;
    height: 65px;
    width: 65px;
}

    .bVideo:hover {
        border-color: #d7d9e4;
    }

.fpVideo {
    border: 1px solid #fff;
    padding-top: 20px;
    text-align: center;
    text-decoration: underline;
    margin-top: 10px;
}

/* New Picto RS*/
.fpPictoRs {
    height: 52px;
    padding-top: 15px;
    text-align: center;
}

    .fpPictoRs li {
        display: inline-block;
    }

        .fpPictoRs li a {
            background: url(https://www.cdiscount.com/RWD/fp/lightSocialNetWork.png) no-repeat 0 0;
            display: block;
            height: 27px;
            margin: 10px 2px 0 3px;
            text-decoration: none;
            width: 27px;
        }

        .fpPictoRs li .gp {
            background-position: 0 0;
        }

        .fpPictoRs li .fb {
            background-position: 0 -35px;
        }

        .fpPictoRs li .instagram {
            background-position: 0 -70px;
        }

        .fpPictoRs li .tw {
            background-position: 0 -105px;
        }

        .fpPictoRs li .pinterest {
            background-position: 0 -140px;
        }

        .fpPictoRs li .mail {
            background-position: 0 -175px;
        }
/*End New Picto RS*/

.fpRS li, .fpWithAlert {
    display: inline-block;
}

.fpRS a:hover {
    text-decoration: none;
}

.fpRS .fb, .fpRS .tw, .fpRS .gp, .fpRS .mail, .fpRS .pinterest {
    background: url(https://www.cdiscount.com/RWD/fp/socialNetwork.png) no-repeat 0 0;
    display: block;
    height: 27px;
    margin: 10px 5px 0 0;
    text-decoration: none;
    width: 27px;
}

.fpRS .fb {
    background-position: -39px 0;
}

.fpRS .tw {
    background-position: -79px 0;
}

.fpRS .mail {
    background-position: -163px 0;
}

.fpRS .pinterest {
    background-position: -121px 0;
}
/* Alert on price change */
.fpAlert {
    display: inline-block;
    margin: 10px 0 0 0;
    vertical-align: bottom;
}

    .fpAlert a {
        display: table;
    }

        .fpAlert a:before {
            content: " ";
            display: inline-block;
            height: 27px;
            margin-right: 5px;
            vertical-align: middle;
            width: 32px;
        }

    .fpAlert span {
        display: table-cell;
        vertical-align: middle;
    }

.fpAlertForm {
    font-size: 1.1em;
    margin-bottom: 3em;
}

    .fpAlertForm span {
        vertical-align: middle;
    }

.fpAlertFormTit {
    font-size: 1.5em;
}

.fpAlertMail {
    display: inline-block;
    height: 3.35em;
    margin-top: .9em;
}

    .fpAlertMail input[type=text] {
        border: 1px solid #ced6e0;
        border-radius: 3px;
        height: 100%;
        margin: 0 .3em 0 0;
        padding: 8px;
        width: 290px;
    }

.fpAlertForm .btBlue {
    font-size: 1.1em;
    height: 100%;
    margin-right: 20px;
    padding: 0 10px;
}

.fpAlertMailRes {
    margin: 1.25em 0 1em 0;
}

.fpAlertMailResError {
    color: #f00;
}

.fpAlertList {
    background: #f7f7f7;
    display: inline-block;
    line-height: 2.55em;
    margin-top: 12px;
    padding: 5px 0;
}

    .fpAlertList li {
        border-left: 1px solid #c9d5e3;
        display: inline-block;
        padding: 0 24px 0 16px;
    }

        .fpAlertList li:first-child {
            border-left: none;
        }

    .fpAlertList input {
        margin-right: 8px;
        vertical-align: middle;
    }
/* Best Sales */
.fpBSZone {
    border-bottom: 1px solid #d7d9e4;
    height: auto;
    margin: 0 10px .5em 10px;
}

.fpBSTitle {
    margin: 5px 0 5px 0;
    font-size: 16px;
    font-weight: bold;
    height: 1.45em;
}

.similiarSearchOutOfBestSales {
    width: auto;
}

.fpMainImgOutOfStock a,
.fpSOStarsBloc a,
.fpSOStarsBloc a:hover,
.fpZoomPicOutOfStock,
.fpVideoOutOfStock,
.fpSOStarsBloc .fpLkRating span,
.fpSOStarsBloc .fpLkRating span:hover {
    cursor: default;
    text-decoration: none;
}

.similiarSearch .fpSOCdsLinkLFAlign,
.similiarSearchOutOfBestSales .fpSOCdsLinkLFAlign {
    display: table-cell;
    position: center;
}

.similiarSearch .fpSOCdsFirstLinksLF,
.similiarSearchOutOfBestSales .fpSOCdsFirstLinksLF {
    display: inherit;
}

.similiarSearch .fpSOCdsBorderLinksLF,
.similiarSearchOutOfBestSales .fpSOCdsBorderLinksLF {
    background: #f7f7f7;
    border-radius: 17px;
    color: #096ec8;
    font-size: 14px;
    height: 28px;
    line-height: 28px;
    margin-top: 10px;
    max-width: 305px;
    min-width: 250px;
    overflow: hidden;
    padding: 0 15px;
    position: relative;
    text-decoration: none;
    text-overflow: ellipsis;
    vertical-align: text-top;
    white-space: nowrap;
}

.fpSOCdsFirstLinksLF .fpSOCdsBorderLinksLF {
    display: inline-block;
    margin-right: 18px;
}

.fpSOForm .fpSOCMailContainer {
    height: 2.7em;
}

.fpSOForm .fpSOResOk {
    margin-bottom: 6px;
    text-align: justify;
}

.fpSOForm .fpSOResKo {
    color: #ff5400;
    font-size: 13px;
    margin: 8px 0 20px;
}

.fpSODescTitleP {
    font-size: 16px;
    margin: 20px 0 40px;
}

.fpSOTitleInfos {
    font-size: 14px;
    font-weight: bold;
    margin: 60px 0 5px;
    min-width: 371px;
    padding-right: 3px;
}

.fpSOTopSale .fpSODescTitleBlocP {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 15px;
}

.fpTopSaleProductContainer .fpSOSalesImgContainer {
    display: table-cell;
    height: 115px;
    position: relative;
    width: 115px;
}

.fpTopZone .fpSOImg,
.fpSOTitleName {
    opacity: 0.3;
}

.fpTopSaleProductContainer .fpSOTopSaleItem {
    display: table-cell;
    margin-top: 10px;
    padding-left: 10px;
    position: relative;
    vertical-align: top;
}

.fpSOTopSaleItem .ecoBlk:after {
    background: none;
    width: 0;
}

.fpTopSaleProductContainer .fpSOTopSaleFirstItem {
    padding-right: 0px;
}

.fpSOTopSaleItem a,
.fpSOTopSaleItem a:hover {
    color: #323232;
    text-decoration: none;
}

.fpSOTopSaleItem .fpSOButton a {
    color: #096ec8;
}

.fpTMainRedesign .fpColFloat {
    margin-left: 24px;
}

.fpBSZone .fpBSellersItemsRedesigned,
.fpSOBSZone .fpBSellersItemsRedesigned {
    height: 120px;
}

.sOPrice .fpSOPrice {
    color: #323232;
    display: inline-block;
    font-size: 15px;
    margin-left: 10px;
    text-decoration: line-through;
}

.fpSOBSContent a {
    text-decoration: none;
}

.fpSOTopSaleItem .fpSOButton {
    background-color: #fff;
    border: #d7d9e4 1px solid;
    border-radius: 6px;
    color: #096ec8;
    cursor: pointer;
    font-size: 14px;
    height: 32px;
    margin-top: 16px;
    padding: 7px 15px;
    width: 160px;
}

.fpSOBSZone .fpSOBSTitle {
    color: #323232;
    font-size: 18px;
    font-weight: bold;
    height: 18px;
    margin-bottom: 20px;
    position: relative;
}

.fpSOReinsurance {
    font-size: 0;
}

    .fpSOReinsurance .bold {
        display: inline;
    }

.fourTimePayment::before,
.sOSecurePaiement::before,
.fpSOExchange::before {
    display: inline-block;
    content: '';
    height: 34px;
    margin: -8px 6px 0 10px;
    vertical-align: text-top;
    width: 35px;
}

.fpSOli .fpSOBSContent,
.fpSOBSContent .fpSOBSPrices {
    width: 100%;
}

.fpSOli .fpSOImg {
    height: 115px;
    margin-right: 14px;
    width: 115px;
}

.fpSOTopSale .fpSOBSDesc,
.fpSOBSContent .fpSOBSDesc {
    font-size: 14px;
    max-height: 2.5em;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: normal;
}

.fpSOTopSaleItem .ratingStarBloc {
    display: flex;
    margin-top: 8px;
}

.fpSOReinsurance .fpSODetails {
    border-right: 1px;
    border-right-color: #d4d7da;
    border-right-style: groove;
    color: #323232;
    display: inline-block;
    font-size: 13px;
    height: 15px;
    margin: 17px 0 0 0;
    padding-right: 10px;
}

    .fpSOReinsurance .fpSODetails:first-child {
        border-right-style: none;
        padding: 0px;
    }

.fpSOBSRateContent .ratingPosition,
.ratingStarBloc .ratingPosition {
    display: inline;
}

.fpSOBSContent .fpSOBSRateContent {
    display: flex;
    margin: 8px 0 0 -1px;
}

.fpSOReinsurance .fourTimePayment::before {
    margin-left: 6px;
}

.fpSOBSPrices .sOPrice,
.fpSOTopSaleItem .sOPrice {
    color: #ff0000;
    font-size: 24px;
    height: 24px;
    line-height: normal;
    margin-top: 14px;
}

.sOPrice sup {
    font-size: .6em;
    position: relative;
    top: 2px;
}

.sOPrice .sOStroken {
    color: #323232;
    display: inline-block;
    font-size: 15px;
    left: 10px;
    position: relative;
    text-decoration: line-through;
}

.fpSOBSTitle .fpSOAllProduct {
    bottom: 25px;
    color: #096ec8;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    height: 14px;
    position: absolute;
    right: 0;
    text-align: right;
    text-decoration: none;
    top: 0;
}

.fpSOForm .msgSendNotifCheck {
    display: inline-block;
    height: 18px;
    margin: -1px 0 12px;
    vertical-align: middle;
    width: 23px;
}

.carrouPSPrice {
    color: #ff0000;
}

.fpSOForm .msgSendNotif {
    margin-left: calc(50% - 12px);
    text-align: justify;
}

.fpSOBSTitle a.fpSOAllProduct:hover {
    color: #096ec8;
}

.fpSOReinsurance .fpSOIndex {
    border: 1px solid #d7D9E4;
    border-radius: 50%;
    color: #293847;
    cursor: pointer;
    display: inline-block;
    font-size: 9px;
    height: 15px;
    line-height: 14px;
    margin: -4px 0 0 6px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 15px;
    z-index: 5;
}

.fpSOReinsurance .fpSOMoreDetails {
    display: inline;
    font-size: 13px;
    padding-left: 10px;
}

.fpSOReinsurance a {
    text-decoration: none;
}

.fpTMain .fpSOStarsBloc {
    opacity: 0.3;
    overflow: hidden;
    pointer-events: none;
    position: relative;
}

.fpSOBSZone {
    border: 10px solid #efefef;
    border-radius: 3px;
    margin: -6px 0 0 2px;
    padding: 12px 20px;
}

.fpBSellersItems .fpSOli {
    padding: 0 0 15px 40px;
}

.fpBSellersItems li:first-child.fpSOli {
    padding-left: 20px;
}

.fpSOBSRateContent div,
.ratingStarBloc div {
    font-size: 12px;
}

.fpSOBSZone .fpSOLine {
    border: 1px solid #dfe6ee;
    color: #fde6ee;
    margin: 0 auto;
}

.fpSOForm .fpSOAlertStock {
    font-size: 14px;
    margin: 24px 0 16px;
    text-align: center;
}

.fpSOForm .fpSOFTitle {
    color: #323232;
    font-size: 14px;
    font-weight: bold;
    margin: 10px 0 24px;
    text-align: center;
}

.fpSOBSZone .fpsoC {
    display: inline-block;
}

    .fpSOBSZone .fpsoC:first-letter {
        color: #e23a05;
    }

.fpSOForm .fpSOFMailRedesign {
    border: 1px solid #d7d9e4;
    border-radius: 3px;
    color: #878787;
    font-size: 14px;
    height: 32px;
    padding-left: 12px;
    width: 190px;
}

.fpSOForm .fpSOMailStock {
    color: #323232;
    font-size: 12px;
    text-align: justify;
    margin: 18px 0 14px;
}

.fpSOForm .fpSOFormLegalInfoRedesign {
    color: #878787;
    margin: 14px 0 2px;
}

.fpSOForm .fpSOAlertStock::before,
.fpSOForm .fpSOAlertStock::after {
    border-bottom: #d7d9e4 solid;
    border-width: 1px;
    content: '';
    display: inline-block;
    height: 1px;
    vertical-align: middle;
    width: 32%;
}

.fpSOForm .fpSOAlertStockTitle {
    margin: 0 5px;
}

.fpSOForm .emailFormAlertIcon {
    display: none;
    height: 22px;
    position: absolute;
    right: 76px;
    margin-top: 6px;
    vertical-align: middle;
    width: 22px;
}

.fpTMain .fpSOFormResized {
    min-width: 276px;
}

.fpSOTopSale .fpTopSaleProductContainer:last-child {
    margin-top: 30px;
}

.fpSOTopSale .fpTopSaleProductContainer {
    width: 100%;
}

.fpTMain .similiarSearch {
    width: 656px;
}

.fpSOTopSaleItem .ecoSolding:after {
    background: none;
}

.fpBSOtherColorAnchor > a:hover {
    text-decoration: underline;
}

.testAjaxCarrou.fpBSellers {
    display: none;
}

    .testAjaxCarrou.fpBSellers li:nth-child(n+3) {
        display: none;
    }

.fpBSellers > li {
    float: left;
    width: 50%;
}

.fpBSImg {
    float: left;
    margin-right: 20px;
}

.fpBSContent {
    float: left;
    width: 305px;
    width: calc(100% - 100px);
}

.fpBSDesc {
    font-size: 12px;
    font-weight: bold;
    height: 18px;
    overflow: hidden;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fpBSContent a {
    text-decoration: none;
}

.fpBSPrices {
    float: left;
    width: 100%;
}

.fpBSStrikePrice {
    float: left;
    margin-top: 3px;
    padding-left: 15px;
    text-align: left;
}

.fpBSRateContent {
    float: left;
    margin: 3px 0 0 15px;
}

.fpBSPrices .price {
    float: left;
    font-size: 2em;
    font-weight: normal;
}

    .fpBSPrices .price > sup {
        font-size: .59em;
    }

.fpBSPrices > .fpBSStrikePrice {
    font-size: .45em;
}

.fpBSPrices .fpStriked {
    margin: 8px 0 0;
}

.fpBSellersItems {
    height: 6.4em;
    margin-bottom: 10px;
}

.fpBSOtherColor {
    color: #f00;
}
/* Price */
.vf, .pc {
    background-image: none;
    height: auto;
    line-height: normal;
    margin: -10px -10px 10px;
    padding: 5px 0;
    position: relative;
}

    .vf:after, .pc:after {
        border-color: #ff5318 transparent transparent transparent;
        border-style: solid;
        border-width: 7px 7px 0 7px;
        bottom: -7px;
        content: " ";
        display: block;
        height: 0;
        left: 45%;
        left: calc(50% - 4px);
        position: absolute;
        width: 0;
    }

    .pc:after {
        border-color: #f00 transparent transparent transparent;
    }

    .vf span, .pc span {
        display: block;
        font-weight: normal;
    }

.blocPc {
    border-color: #f00;
}

.blocVf {
    border-color: #ff5318;
}

.fpTxtPrice {
    height: 1.3em;
    margin: 8px 0 0 0;
}

.fpPriceBloc .fpTxtPrice {
    margin: 8px 0 10px 0;
}

.fpTxtPrice.dn {
    display: block !important;
    visibility: hidden;
}

.fpTxtPrice .red {
    font-weight: normal;
}

    .fpTxtPrice .red sup {
        font-size: .6em;
        position: relative;
        top: .2em;
    }

.fpSpaced {
    line-height: 1.6;
}

span.fpSpaced.txtLk.txtLkPL {
    font-size: 1em;
    margin-left: 36px;
}

.fpSubscriptionBloc, .fpRentalBloc {
    padding: 15px 0 10px 0;
}

    .fpRentalBloc hr {
        color: #d7d9e4;
        margin: 10px 0;
    }

.fpColFloatSubscriptionChoices, .fpRentalChoice {
    font-size: 13px;
    font-weight: bold;
}

    .fpColFloatSubscriptionChoices + .fpColFloatSubscriptionChoices, .fpRentalChoice + .fpRentalChoice {
        border-top: 1px solid #D7D9E4;
    }

.fpColSubscriptionTypeChoice, .fpRentalTypeChoice {
    display: table-cell;
    text-align: left;
    width: 100%;
}

.fpColSubscriptionTypeChoice {
    padding: 10px 0;
}

    .fpColSubscriptionTypeChoice input, .fpRentalTypeChoice input {
        margin-right: 3px;
        vertical-align: middle;
    }

.fpColFloatPrice {
    color: #f00 !important;
    display: table-cell;
    font-size: 14px;
    font-weight: bold;
    text-align: right;
}

.fpPurchasePriceBloc, .fpRentalPriceBloc {
    height: 120px;
}

.fpRentalPerMonth {
    font-size: 20px;
}

.fpRentalBlocMonthlyDetails {
    margin: 20px 0;
}

    .fpRentalBlocMonthlyDetails li {
        margin-bottom: 5px;
    }

        .fpRentalBlocMonthlyDetails li:last-child {
            margin-bottom: 0;
        }

        .fpRentalBlocMonthlyDetails li > div {
            display: table-cell;
            font-size: 13px;
            white-space: nowrap;
        }

.fpRentalMonthPrice {
    padding-right: 0.4em;
}

.fpRentalDots {
    width: 100%;
}

.fpRentalMonthText {
    padding-left: 0.4em;
}

.fpRentalChoicePrice {
    display: table-cell;
    font-size: 14px;
}

.fpRentalLink {
    display: block;
    text-align: left;
    margin-top: 5px;
}

.fpSelectedRentalChoice span {
    color: #f00;
}

/* RADIO */
.fpRadioButton {
    display: none;
}

    .fpRadioButton + label {
        -webkit-appearance: none;
        border: 1px solid #cacece;
        border-radius: 50px;
        bottom: 2px;
        cursor: pointer;
        display: inline-block;
        height: 14px;
        margin-right: 5px;
        position: relative;
        vertical-align: middle;
        width: 14px;
    }

    .fpRadioButton:checked + label:after {
        background: #354351;
        border-radius: 50px;
        content: ' ';
        height: 8px;
        left: 2px;
        position: absolute;
        text-shadow: 0px;
        top: 2px;
        width: 8px;
    }

    .fpRadioButton:checked + label {
        border: 1px solid #adb8c0;
    }

        .fpRadioButton + label:active, .fpRadioButton:checked + label:active {
            box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
        }

span.fpRadioButtonTitle {
    padding-left: 20px;
    color: inherit;
}

.fpRentalReinsurance {
    text-align: left;
}

    .fpRentalReinsurance ul {
        padding-left: 20px;
        padding-top: 20px;
    }

        .fpRentalReinsurance ul li {
            padding-bottom: 5px;
            padding-left: 5px;
        }
/*END Rental*/

.fpColFloatDiscount {
    border: 1px solid #e23a05 !important;
    border-radius: 3px;
    color: #e23a05 !important;
    font-size: 12px;
    margin-left: 5px;
    padding: 2px;
}

.fpColFloatSubscriptionZone {
    margin-top: 10px;
}

.fpSubscriptionFreq {
    display: table-cell;
    font-size: 12px;
    padding-right: 10px;
    text-align: left;
    width: 70%;
}

.fpSubscriptionSelectors {
    border: solid 1px #ced0d9;
    border-radius: 3px;
    height: 36px;
    margin-top: 3px;
    width: 100%;
}

.fpSubscriptionQty {
    display: table-cell;
    font-size: 12px;
    text-align: left;
    width: 30%;
}

.btAddSubscription, .btAddRental {
    position: relative;
}

.fpHide {
    display: none;
}

.fpNotSubscriptionZone {
    display: none;
}

.fpQuantitySelect {
    border: solid 1px #ced0d9;
    border-radius: 3px;
    width: 100%;
}

.fpSOFTit {
    font-size: 1em;
    font-weight: bold;
    line-height: 1.35em;
    padding-bottom: 0.75em;
}

.fpSOForm {
    border: 1px solid #d7d9e4;
    border-radius: 3px;
    margin: 1.4em 0;
    padding: 14px 12px;
}

.fpSOCMail {
    height: 2.7em;
    margin-bottom: 1em;
}

.fpSOFMail {
    border: 1px solid #ced6e0;
    border-radius: 3px;
    height: 100%;
    margin-right: 0.3em;
    padding: 8px;
    vertical-align: top;
    width: 80%;
}

.fpSONewsletter {
    line-height: 2.3em;
}

    .fpSONewsletter input {
        margin: 1px 2px 0 1px;
        vertical-align: top;
    }

    .fpSONewsletter span {
        display: inline-block;
        line-height: normal;
        vertical-align: top;
        width: 85%;
        width: calc(100% - 30px);
    }

.fpSOForm .btBlue {
    color: #fff;
    cursor: initial;
    height: 100%;
    width: 24%;
    width: calc(20% - 6px);
}

    .fpSOForm .btBlue:hover {
        cursor: pointer;
    }

.fpSOCMailContainer .btBlueRedesign,
.fpSOCMailContainer .btBlueRedesign:hover {
    background: #fff;
    border: solid 1px;
    border-color: #096ec8;
    border-radius: 6px;
    color: #096ec8;
    cursor: pointer;
    font-size: 1.25em;
    height: 32px;
    padding: 0 15px;
    margin-left: 4px;
    width: 22%;
}

.fpSOFormLegalInfo {
    font-size: 12px;
    margin-top: 10px;
    text-align: justify;
}

    .fpSOFormLegalInfo a {
        margin-left: 3px;
    }

.fpSOResKo {
    color: #f00;
    margin-bottom: 1em;
}

.fpLk {
    border: 1px solid #d7D9E4;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: 15px;
    margin-left: 5px;
    vertical-align: middle;
    width: 15px;
}

.fpLkOl {
    margin-left: 0px;
}
/* Garanty / Shipping / Facility */
.fpOverBlk {
    background-color: #FFF;
    border-radius: 0 0 4px 4px;
    border: 1px solid #d5d8df;
    box-shadow: 1px 2px 3px 0 #8f8f8f;
    display: none;
    padding-top: .5em;
    position: absolute;
    text-align: left;
    max-width: 100%;
    z-index: 10;
}

.fpBaOverBlk {
    background-color: #FFF;
    border-radius: 0 0 4px 4px;
    border: 1px solid #d5d8df;
    box-shadow: 1px 2px 3px 0 #8f8f8f;
    display: none;
    padding-top: .5em;
    position: absolute;
    text-align: left;
    max-width: 100%;
    z-index: 10;
}

.fpOverBlk.fpInfOver.fpOverBlkRel {
    max-width: none;
}

.fpOverBlk > a {
    display: block;
    margin: 1.5em 0;
    text-align: center;
}

.fpOverlay a:hover {
    text-decoration: underline;
}

.fpStriked .fpOverBlk a {
    display: inline-block;
    margin: 0;
}

.fpCloseOver {
    border-top: 1px solid #d7d9e4;
    cursor: pointer;
    text-align: center;
    display: block;
    text-decoration: underline;
    padding: 5px;
    margin-top: 5px;
}

.fpDate {
    font-size: 1.3em;
    font-weight: bold;
    text-align: center;
}

.fpOlLocalisation {
    font-weight: normal;
}

.txtPk {
    color: #e7246b;
    font-weight: bold;
}

.shopShippingInf {
    line-height: 1em;
}

    .shopShippingInf .shop {
        font-size: 14px;
        margin-bottom: 20px;
    }

        .shopShippingInf .shop a {
            font-size: 14px;
        }

    .shopShippingInf ul li {
        font-size: 13px;
        margin-bottom: 15px;
    }

        .shopShippingInf ul li::before {
            color: #969696;
            content: '•';
            display: inline;
            font-size: 13px;
            margin-right: 5px;
        }

.shopShippingOrigin {
    font-size: 13px;
    margin-bottom: 15px;
}

/** Dedicated Deal */
.fpDedicatedDealBloc {
    padding-top: 10px;
}

.fpDedicatedDealDisabled {
    opacity: 0.3;
}

.fpColFloatDedicatedDeal {
    font-size: 13px;
    font-weight: bold;
}

    .fpColFloatDedicatedDeal + .fpColFloatDedicatedDeal {
        border-top: 1px solid #D7D9E4;
    }

.fpColDedicatedDeal {
    display: table-cell;
    padding: 10px 0;
    text-align: left;
    width: 100%;
}

    .fpColDedicatedDeal input {
        margin-right: 3px;
        vertical-align: middle;
    }

.fpDedicatedDealEco {
    color: #5B9BD5;
    display: inline-block;
    font-size: 10.5px;
    font-weight: initial;
    margin-left: 19px;
}

.fpDedicatedDeal .fpColFloatPrice {
    color: #f00;
    display: table-cell;
    font-size: 14px;
    font-weight: bold;
    text-align: right;
}

.fpColFloatDedicatedDealZone {
    margin-top: 10px;
}

    .fpColFloatDedicatedDealZone .fpSeparator {
        margin: 0 13px;
    }

.fpDedicatedDealConnectZone {
    font-size: 12px;
    margin-top: 5px;
}

.fpDedicatedDealConnect {
    margin: 12px 0;
}

    .fpDedicatedDealConnect > a.actionButton {
        display: block;
        text-decoration: none;
    }

.fpCdavDedicatedDeal {
    font-size: 12px;
    text-align: left;
}

.fpCdavDedicatedDealCheck {
    display: table-cell;
    margin-left: 5px;
    vertical-align: middle;
}

.fpCdavDedicatedDealText {
    display: table-cell;
}

    .fpCdavDedicatedDealText > a {
        margin-left: 5px;
    }

.btAddDedicatedDeal {
    position: relative;
}

.fpNotDedicatedDealZone {
    display: none;
}

.testFpInnersense .btShowInnersense {
    display: block;
    height: 34px;
    margin: 12px auto 4px auto;
    text-align: center;
    width: 90%;
}

    .testFpInnersense .btShowInnersense input {
        border-width: 2px;
        height: 100%;
    }

.testFpInnersense .fpInnersenseViewer {
    border: none;
    display: none;
    height: 547px;
    width: 100%;
}

    .testFpInnersense .fpInnersenseViewer.show {
        display: block;
    }

.testFpInnersense .smallPic {
    margin: 10px 0 10px 15px;
}

.testFpInnersense .smallPic {
    margin: 10px 0;
}

/** 2. MSG VARIANT : new version **/
.variantMsg {
    left: calc(-100% - 12px);
    width: 100%;
}

/** 3. COMMON **/
/* title and to top link */
.fpLkBar {
    display: table;
    width: 100%;
    margin: 10px 0 0;
}

    .fpLkBar li {
        display: table-cell;
        width: 10%;
    }

        .fpLkBar li + li {
            padding: 0 0 0 1px;
        }

    .fpLkBar a, .fpLkBar span {
        display: block;
        text-align: center;
        height: 3.2em;
        line-height: 3.2em;
        text-align: center;
        color: #fff;
        text-decoration: none;
    }

.fpLkBarBox {
    margin: 0 0 10px;
}

.fpBToTop {
    display: table-cell;
    line-height: 2em;
    height: 2em;
    font-size: 0.6em;
    padding-right: 1.2em;
    text-align: right;
    width: 8em;
}

.testSep .fpBToTop {
    height: initial; /*delete afterABTest*/
    line-height: initial; /*delete*/
    padding-right: 0; /*delete afterABTest*/
    background: none; /* delete*/
    color: #096ec8;
    float: right;
    font-size: 0.6em;
    font-weight: normal;
    padding-top: 5px;
    text-decoration: none;
}

    .testSep .fpBToTop:hover {
        text-decoration: underline;
    }

.fpBToTop:hover {
    color: #096ec8;
}

.fpCat {
    display: table;
    font-size: 1.5em;
    font-weight: normal;
    padding: 8px 0;
    overflow: hidden;
    width: 100%;
}

.testSep.fpCat {
    font-size: 1.6em;
    font-weight: bold;
    border-top: none;
    margin-top: initial;
    padding-top: initial;
    padding-bottom: 16px;
    overflow: hidden;
}

.fpShipping {
    display: block;
    margin-bottom: 24px;
    position: relative;
    vertical-align: baseline;
}

.fpShippingCustomer {
    font-weight: bold;
    height: 25px;
    font-size: 1.1em;
    padding-bottom: 4px;
}

.fpShipping .fpBlocTitle {
    display: block;
    margin-bottom: 14px;
}

.fpShippingListDelay {
    min-height: 52px;
}

.fpShippingListDelayEnlarged {
    min-height: 105px;
}

.fpShippingList > li {
    line-height: 26px;
}

.fpShippingList.fpDownloadableProductShippingInfo {
    margin-bottom: 10px;
}

.fpShippingList > li > div:not(.o-picto) {
    display: table-cell;
    vertical-align: middle;
}

.fpShippingMessage {
    color: #323232;
    padding-left: 8px;
}

.fpFrenchFlagPicto {
    background: url("https://www.cdiscount.com/resources/RWD/fp/picto-france-PC.png") no-repeat 0 0px;
    height: 15px;
    margin-left: 3px;
    width: 16px;
}

.fpShippingPicto {
    background: url("https://www.cdiscount.com/resources/RWD/fp/sprite-pictos-livraison.png") no-repeat 0 0;
    height: 26px;
    width: 20px;
}

    .fpShippingPicto.pictoPointRetrait {
        background-position: -1px 0;
    }

    .fpShippingPicto.pictoAtHome {
        background-position: 0 -26px;
    }

    .fpShippingPicto.picto4x {
        background-position: 0 -52px;
    }

    .fpShippingPicto.pictoFreeShipping {
        background-position: 0 -76px;
    }

.fpShippingText {
    display: inline-block;
    font-weight: bold;
}

    .fpShippingText.fpForeignShipping {
        font-weight: normal;
    }

        .fpShippingText.fpForeignShipping + .fpLk {
            vertical-align: top;
        }

.fpShippingDesc {
    display: inline-block;
}

.fpShippingNo4x {
    display: none;
}
/* END Shipping infos */

/* CARROUSEL SWIPE */
.onTop .testSep.fpCat {
    border-top: none;
    margin-top: 0;
}

.onTop .crNTit {
    border-top: none;
}

.onTop a.fpBToTop {
    display: none;
}

.recCarousel.testSep {
    height: inherit;
}

.recCarousel.recCarouCanAdd {
    height: 35em;
}

.carouAnimco {
    border: none;
}

.carouAnimcoContainer {
    margin: 0;
}
/* FIN CARROUSEL SWIPE */
.fpLkBarBox .fpCat {
    margin: 0 10px;
}

.fpCaTitle {
    color: #323232;
    display: table-cell;
    font-size: 20px;
    font-weight: bold;
    text-align: left;
    width: 400px;
}

.fpCatTitle {
    display: table-cell;
    width: 100%;
}

.fpCatTitleH2 {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    font-size: unset;
    margin-block-start: unset;
    margin-block-end: unset;
    margin-inline-start: unset;
    margin-inline-end: unset;
    font-weight: unset;
}

.fpFAQResultCta label {
    color: #323232;
    display: table-cell;
    text-align: center;
    width: 500px;
}

.fpQASorting {
    padding-top: 20px;
    position: absolute;
    right: 0;
    top: 0;
}

.fpFAQSrc button {
    align-self: center;
    border: none;
    cursor: pointer;
    height: 29px;
    margin: 12px 0 0 55px;
    outline: none;
    width: 55px;
}

.fpQASorting select {
    border: 1px solid #d7d9e4;
    border-radius: 4px;
    height: 37px;
    padding: 4px 8px;
    width: 229px;
}

.fpDescTitle {
    font-size: 1em;
}
/* bloc commun */
.fpLkBarBox .fpCat {
    margin: 0 10px;
}

.testSep.fpBlk {
    background-color: #efefef;
    border: none;
}

.fpBlk:not(.testSep) {
    background-color: #fff;
    border: 1px solid #d7d9e4;
    margin: 0 0 10px;
    padding: .85em;
}

.fpBlk ~ .carousel {
    margin-top: 30px;
}

#fpFullOdr {
    margin-bottom: 32px;
    background-color: #efefef;
}

.fpBlk .regBloc {
    float: right;
}

.fpDisplayRegBloc {
    display: block;
}

.fpHideRegBloc {
    display: none;
}

.faqRatingsZone {
    width: calc(100% - 320px);
}

.testNewFAQBox .fpAnswerCount.AnswerCount {
    right: 320px;
}

.fpTab {
    display: table;
    padding: 0;
    width: 100%;
}

    .fpIndPAd, .fpTab > p, .fpTab > div {
        display: table-cell;
        vertical-align: middle;
    }

.slrType {
    margin-left: .5em;
}

.slrMap {
    margin: 0 0 .5em;
    padding: .5em 0 .4em 3em;
}

/* Marketing Description */
.mDContainer {
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
}

#mDCkBox {
    display: none;
}

.mDCkBoxBlurArea {
    background-image: -webkit-linear-gradient(rgba(255,255,255,0),#fff);
    display: flex;
    height: 260px;
    position: absolute;
    text-align: center;
    top: 63%;
    width: 100%;
    z-index: 18;
}

#mDCkBox:checked + .mDCkBoxBlurArea {
    display: none;
}

.mDCkBoxLabel::before {
    cursor: pointer;
    margin-right: 6px;
}

.mDCkBoxLabel {
    background-color: #FFFFFF;
    border: solid 2px #096EC8;
    border-radius: 4px;
    color: #096EC8;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    letter-spacing: 0px;
    margin: auto auto 10px auto;
    padding: 12px 16px;
    width: auto;
}

.mDContent {
    height: 700px;
    overflow: hidden;
}

#mDCkBox:checked ~ .mDContent {
    height: 100%;
}

/** 5. CARROUSEL **/
#fpCar1, #fpCar2 {
    background: #f0f0f7;
    height: 202px;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%;
}

/** Produits Associés **/
.fAsso {
    display: block;
    overflow: hidden;
}

    .fAsso li {
        color: #323232;
        float: left;
        font-size: 1.3em;
        margin: 0 13px 20px 13px;
    }

        .fAsso li:before {
            content: "+";
            display: inline-block;
            height: 85px;
            margin-right: 26px;
            vertical-align: middle;
            line-height: 85px;
        }

        .fAsso li:first-child:before {
            content: none;
        }

        .fAsso li a {
            display: inline-block;
            position: relative;
        }

.fAsAdded {
    background: #29b001;
    bottom: 0;
    color: #fff;
    display: block;
    font-size: .8em;
    font-weight: bold;
    height: 22px;
    left: 5px;
    line-height: 22px;
    position: absolute;
    text-align: center;
    width: 100%;
    width: calc(100% - 10px);
}

.fAssoCheck li {
    margin-bottom: 13px;
    margin-left: 10px;
}

.fpNameExpensiveProduct {
    display: block;
    font-size: 13px;
    padding-top: 3px;
}

label .fAsChTitle {
    cursor: pointer;
}

.fAsChTitle {
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: calc(100% - 250px);
}

label .fAsChPrice {
    cursor: pointer;
}

.fAsChPrice {
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    max-width: 192px;
}

    .fAsChPrice .fpStriked {
        font-size: 1em;
    }

.fAssoCheck select {
    height: 30px;
    margin-right: 10px;
    padding: 5px 10px;
}

label .fpAsChAddInfo {
    cursor: pointer;
}

.fpAsChAddInfo {
    margin: 0 0 5px 23px;
    position: relative;
}

    .fpAsChAddInfo .variantMsg {
        bottom: 0;
        display: none;
        opacity: 1;
        left: 0;
        line-height: 20px;
        padding-left: 10px;
        position: relative;
        text-align: center;
        top: 0;
        width: auto;
        max-width: 300px;
    }

        .fpAsChAddInfo .variantMsg::before {
            display: block;
            left: -6px;
            top: 8px;
            border: 0;
            border-right: 1px solid #d3d3d3;
            border-bottom: 1px solid #d3d3d3;
        }
/** 7. CDS CARD **/
#fpCard, .fpCard {
    display: none;
}

    #fpCard .fpTab div, #fpCard .fpTab p {
        font-size: 1.2em;
    }

.cardBig, .cardSF {
    font-size: 1.4em;
    font-weight: bold;
}

.cardSF {
    background-color: #323232;
    color: #fff;
    padding: .1em;
}

.fpcDisc {
    padding: 0 .85em 0 0;
    text-align: center;
    width: 25%;
}

.fpcImg {
    width: 8.6%;
}

.fpcDesc {
    padding: 0 0 0 .5em;
    width: 27%;
}

.fpcDisc + .fpcDesc {
    width: 25%;
}

.fpcDesc + .fpcImg {
    width: 14.6%;
}

.fpcMP {
    padding: 0 1em;
}

    .fpcMP p {
        font-weight: bold;
    }

    .fpcMP div {
        float: left;
        width: 20%;
    }

.fpcPrice {
    text-align: center;
}

.fpcBtn {
    width: 10%;
}

#fpCard .btWhite {
    color: #4e6487; /* todo VARIABLE bouton */
    font-size: 1.1em;
    padding: .8em 1em;
}

    #fpCard .btWhite:hover {
        text-decoration: none;
    }

#fpCard .fpTab + p {
    font-size: .8em;
    margin: .5em 0 0;
    text-align: center;
}

/** 8. 3979 **/
.callCenter {
    background: #f0f0f7;
    margin-top: 30px;
    padding-bottom: 15px;
}

    .callCenter h2 {
        color: #323232;
        font-size: 15px;
        font-weight: bold;
        padding: 10px 0;
        text-align: center;
    }

    .callCenter .innerCallCenter {
        background: #ffffff;
        border: 1px solid #D7D9E4;
        -webkit-border-radius: 9px;
        -moz-border-radius: 9px;
        border-radius: 9px;
        display: table;
        padding: 0 15px 0 54px;
        position: relative;
        margin: 0 auto;
        min-height: 73px;
        width: 660px;
        left: 25px;
        cursor: pointer;
    }

        .callCenter .innerCallCenter:before {
            background: url('https://www.cdiscount.com/RWD/hotline/sprite-hotline.png') no-repeat 0 0;
            content: "";
            border-radius: 50%;
            display: block;
            height: 89px;
            left: -50px;
            position: absolute;
            top: -10px;
            width: 89px;
        }

        .callCenter .innerCallCenter .logoCdiscount {
            display: table-cell;
            height: 22px;
            vertical-align: middle;
            width: 140px;
        }

            .callCenter .innerCallCenter .logoCdiscount img {
                max-width: inherit;
            }

        .callCenter .innerCallCenter .openingDaya {
            display: table-cell;
            text-align: center;
            vertical-align: middle;
            width: 248px;
        }

            .callCenter .innerCallCenter .openingDaya .allDayMsg {
                font-size: 12px;
            }

html.isPro .callCenter .innerCallCenter .openingDaya {
    width: 300px;
}

.callCenter .innerCallCenter .openingDaya li {
    display: inline-block;
    font-size: 0;
    vertical-align: middle;
}

html.isPro .callCenter .innerCallCenter .openingDaya li.hideFromPro {
    display: none;
}

.callCenter .innerCallCenter .openingDaya li.displayPro.hotlineHours {
    font-size: 14px;
    display: none;
}

html.isPro .callCenter .innerCallCenter .openingDaya li.displayPro.hotlineHours {
    display: block;
}

.callCenter .innerCallCenter .openingDaya li.hideFromPro.hotlineHours {
    padding: 2px 0;
}

.callCenter .innerCallCenter .openingDaya li.numTel {
    line-height: 42px;
}

    .callCenter .innerCallCenter .openingDaya li.numTel.displayPro {
        display: none;
    }

html.isPro .callCenter .innerCallCenter .openingDaya li.numTel.displayPro {
    display: block;
}

html.isPro .callCenter .innerCallCenter .openingDaya li.numTel.hideFromPro {
    display: none;
}

.callCenter .innerCallCenter .openingDaya li.numTel:before {
    background: url('https://www.cdiscount.com/RWD/hotline/sprite-hotline.png') no-repeat -89px 0;
    border-radius: 50%;
    content: "";
    display: inline-block;
    font-size: 0;
    height: 42px;
    margin-right: 9px;
    position: relative;
    top: 10px;
    width: 42px;
}

.callCenter .innerCallCenter .openingDaya li strong {
    color: #293847;
    font-size: 28px;
    font-weight: bold;
}

    .callCenter .innerCallCenter .openingDaya li strong:first-child {
        margin-right: 8px;
    }

.callCenter .innerCallCenter .openingDaya li span.opening {
    border: 1px solid #29b001;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    color: #29b001;
    display: block;
    font-size: 13px;
    font-weight: bold;
    height: 21px;
    line-height: 21px;
    margin-left: 6px;
    text-transform: uppercase;
    text-align: center;
    vertical-align: middle;
    width: 76px;
}

.callCenter .innerCallCenter .detailaCallCenter {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 218px;
}

html.isPro .callCenter .innerCallCenter .detailaCallCenter img.displayPro {
    display: block;
}

.callCenter .innerCallCenter .detailaCallCenter img.displayPro {
    display: none;
}

.callCenter .innerCallCenter .detailaCallCenter li {
    color: #323232;
    font-size: 13px;
}

    .callCenter .innerCallCenter .detailaCallCenter li span {
        color: #878787;
        font-size: 10px;
    }

        .callCenter .innerCallCenter .detailaCallCenter li span a {
            color: #878787;
            text-decoration: none;
        }

            .callCenter .innerCallCenter .detailaCallCenter li span a:hover {
                text-decoration: underline;
            }

/*Stress delivery*/
.fpStressDelivery {
    background-color: #f2f1f1;
    border-radius: 4px;
    margin-bottom: 16px;
    padding: 8px 16px;
    display: table;
    height: 40px;
    width: 100%;
}

.fpStressDeliveryPicto {
    content: '';
    display: table-cell;
    height: 40px;
    width: 19px;
}

.fpShippingList .fpStressDeliveryPicto {
    height: 26px;
}

.fpStressDeliveryText {
    display: table-cell;
    padding-left: 10px;
    vertical-align: middle;
}


.fpStressDeliveryPlaceHolder {
    min-height: 57px;
}

.fpStressDeliveryPlaceHolder {
    margin-bottom: 16px;
}

/*Fin Stress Delivery*/

/** 9. ODR **/
.fpOdr {
    display: block;
    margin: auto;
}

/*Promo & Soldes */
.fpLGANPastille {
    background: #f2f1f1;
    border-radius: 15px;
    display: inline-block;
    font-weight: bold;
}

.fpLGANPastille {
    padding-right: 10px;
}

.fpLGANPicto {
    border-radius: 10px;
    content: '';
    display: inline-block;
    height: 20px;
    margin-right: 5px;
    padding-top: 2px;
    width: 20px;
}

/* Fin Promo & Soldes */

/** 10. TECHNICAL DESCRIPTION **/
/* seo */
h4 {
    font-size: 1.2em;
}

ul.fpSame {
    padding-left: 1em;
    float: left;
    width: calc(100% - 320px);
    margin: .4em 0 1em;
}

    ul.fpSame li {
        float: left;
        width: 50%;
        padding: .2em 0;
    }

hr {
    border-style: solid;
    border-width: 1px 0 0;
    clear: both;
    border-color: #ccd3dd;
    margin: .6em 0;
}

.fpCatAsso {
    background-color: #f1f3f6;
    padding: .3em 1em;
    margin-top: .4em;
}

/*Layer cagnotte*/
.cagnotte .fpCagnotteDescription {
    font-size: 14px;
}

    .cagnotte .fpCagnotteDescription div {
        align-items: center;
        display: flex;
        flex-direction: row;
        font-weight: initial;
        margin-bottom: 15px;
    }

.cagnotte .cagnottePicto:before {
    padding-right: 5px;
}

.cagnotte .cagnotteOrderPicto:before {
    padding-right: 5px;
}

.cagnotte .cagnotteOrderPicto a {
    display: block;
}

.cagnotte .fpOverBlk .btGreen.btCdavBlue {
    background: #16B4F2;
    border-color: #16B4F2;
    height: 36px;
    padding: 0 15px;
    width: 100px;
}

    .cagnotte .fpOverBlk .btGreen.btCdavBlue:hover {
        background: #58c6f2;
        border-color: #58c6f2;
    }

.cagnotte .fpOverBlk .btCdavBlue.btCdavAdded,
.cagnotte .fpOverBlk .btCdavBlue.btCdavAdded:hover {
    background: #FFF;
    border: 1px solid #14A1D9;
    color: #16B4F2;
    cursor: default;
    pointer-events: none;
}

    .cagnotte .fpOverBlk .btCdavBlue.btCdavAdded:before {
        padding-right: 5px;
    }

.cagnotte .fpCdavBlock {
    border-top: solid #E4E4E4 2px;
    padding-top: 15px;
}

    .cagnotte .fpCdavBlock .blueAbolive {
        color: #16B4F2;
        font-weight: bold;
    }

    .cagnotte .fpCdavBlock .bottomContainer {
        align-items: center;
        display: flex;
        flex-direction: row;
        height: 40px;
        justify-content: space-between;
        margin-top: 5px;
    }

        .cagnotte .fpCdavBlock .bottomContainer .cdavPrice {
            font-size: 12px;
            margin-top: 2px;
        }

/** 11. CUSTOMER RATING **/

/*FAQ*/

/** 12. SIMILAR PRODUCT **/



/** 13. LEGACY **/
.fpLegacy {
    margin: 0 0 10px;
}

.fpLegTit {
    margin: 0 0 .8em;
}

.recyclePdt {
    padding: 5px 0 5px 20px;
}

/** 14. ADS **/
.fpMBan {
    background: #f0f0f7;
    border: 1px solid #d7d9e4;
    margin: 0 0 10px;
    padding: 10px 0;
}

.fpAdsMarge {
    width: 10%;
    width: 40%;
}
/* Old ads */
.footerAdsPaves {
    clear: both;
}

    .footerAdsPaves .goodDealBlock,
    .footerAdsPaves .pubBlock {
        display: inline-block;
        vertical-align: top;
    }

    .footerAdsPaves .goodDealBlock {
        color: #336699;
        margin: 6px 0 0;
        width: 120px;
    }

        .footerAdsPaves .goodDealBlock img, .footerAdsPaves .goodDealBlock br, .footerAdsPaves .goodDealBlock .goodDealText {
            display: none;
        }

    .footerAdsPaves .pubBlock {
        margin: 6px 6px 6px 0;
    }

/** 15. OLD CSS FOR MARKETING 
 * /!\ to people : please 
 *	- DO NOTE USE THIS CSS FOR ANYTHING (only used for marketing)
 *	- do not change this css (font-size must be in px)
 *	- don't blame me, I'm just executing orders
 *	.TCA.
 **/
.contentm12left {
    color: #f05601; /*shop color*/
    float: left;
    font-size: 12px;
}

.contentm12 {
    color: #f05601; /*shop color*/
    font-size: 12px;
}

.contentm14 {
    color: #f05601; /*shop color*/
    display: block;
    font-size: 14px;
    font-weight: bold;
}

.contentm12right {
    color: #f05601; /*shop color*/
    float: right;
    font-size: 12px;
}

.contentd12 {
    color: #323232;
    font-size: 12px;
}

.contentd10j {
    color: #323232;
    font-size: 10px;
    text-align: justify;
}

.flt_left {
    float: left;
}

.flt_right, .fltright {
    float: right;
}

/** 15 bis. BLOC PRODUIT SEO **/
.fpPrdSeo {
    overflow: hidden;
}

    .fpPrdSeo img {
        border: 1px solid #d7d9e4;
        float: left;
        margin-right: 10px;
    }

a.fpPSeoTit {
    color: #323232;
    display: block;
    font-weight: bold;
    font-size: 1.4em;
    padding-bottom: .6em;
    text-decoration: none;
}

    a.fpPSeoTit:hover {
        color: #323232;
        text-decoration: none;
    }

/** 16. MECACO **/
.mekakoGomette {
    z-index: 3;
}

.mkkGVisu, .mkkGVisu > div {
    height: 100%;
    width: 100%;
}

    .mkkGVisu > div {
        background: #fff no-repeat;
        background-size: cover;
    }

.mekakoPdt {
    display: none;
    height: 44em;
    left: auto;
    padding: 5px;
    right: 225px;
    top: 0;
    width: 225px;
}

.mkkPDesc {
    padding: 1.4em 10px 0;
}

    .mkkPDesc > div {
        margin-left: 50px;
    }

    .mkkPDesc .stroken {
        display: inline-block;
    }

.mkkPLk {
    bottom: auto;
}

.mekakoPdt .btGreen {
    display: block;
    font-size: .9em;
    margin: 20px 10px 0;
    padding: 1em;
    text-align: center;
    white-space: normal;
    width: auto;
}

.fpBSellers > li:nth-child(3) {
    display: block;
}




.fpProdRateStarsTit {
    border-bottom: 1px solid #d7d9e4;
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 1.2em;
    padding-bottom: 10px;
    text-align: left;
}

    .fpProdRateStarsTit .mainTit span {
        color: #ffce00;
        font-size: 1.25em;
    }

    .fpProdRateStarsTit form {
        display: inline-block;
    }

.fpProdRateStars .fpProdRateStarsTit .btMinor {
    border: 1px solid #d7d9e4;
    margin-left: 25px;
}

    .fpProdRateStars .fpProdRateStarsTit .btMinor:hover {
        border: 1px solid #096ec8;
    }

.fpProdRateStars:not(a) {
    margin-bottom: 3px;
}

.fpProdRateStarsGlo {
    line-height: 1.75em;
}

.fpProdRateStarsMain {
    font-size: 1.1em;
    margin-left: 0;
    margin-top: 4px;
    max-width: none;
    padding: 20px;
    right: inherit;
    width: 610px;
    z-index: 12;
}

.fpTopZone .fpProdRateStarsMain {
    font-size: 1.02em;
}

.fpProdRateStarsSta .desc {
    line-height: 20px;
}

.fpProdRateStarsSta, .fpProdRateStarsGlo {
    padding-top: 10px;
}

.fpProdRateStarsMain a {
    margin: 1em 0 0 0;
}

.fpProdRateInfoModeration {
    color: #878787;
    font-size: 11px;
    text-align: left;
    padding-top: 10px;
}

.fpOverlayTitle {
    margin-bottom: -10px;
    padding: 15px 10px 0;
}

.fpUsedState {
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
}

.fpUsedStateCondition {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    height: 18px;
    margin-left: 15px;
    vertical-align: middle;
    width: 100px;
}

.fpOverlayTitle + .fpOverlayBody {
    max-width: 100%;
}
/* Quantity selection */
.fpQuantitySelect {
    height: 36px;
    padding-left: 5px;
    width: 70px;
}

.fpPrice + .fpQuantitySelect {
    margin-top: 20px;
}
/* One-click */
.fpSeparator {
    position: relative;
}

    .fpSeparator:after {
        border-top: 1px solid #d7d9e4;
        content: " ";
        left: -12px;
        position: absolute;
        top: 50%;
        width: 100%;
        width: calc(100% + 24px);
        z-index: 1;
    }

    .fpSeparator span {
        display: inline-block;
        background-color: #fff;
        padding: 5px;
        position: relative;
        z-index: 2;
    }

.fpOneCk {
    position: relative;
}

    .fpOneCk .btOrange {
        line-height: 48px;
        height: 48px;
        font-weight: normal;
        font-size: 1.25em;
        margin: 1px 0 12px 0;
        width: 100%;
    }

.testbtOrange {
    margin: 1px 0 4px 0 !important;
}

.OneClickButtomMsg {
    font-size: 0.9em;
    margin-bottom: 16px;
}

.fpOneCkAddr {
    font-weight: bold;
    height: 36px;
    margin-top: 6px;
    padding: 0 4px 0 12px;
    width: 100%;
}

    .fpOneCkAddr option {
        height: 38px;
        line-height: 38px;
    }

.fpOneCkMsg {
    padding-top: 10px;
    text-align: left;
    display: none;
}

    .fpOneCkMsg.selMsgVar {
        display: block;
    }

    .fpOneCkMsg .red {
        padding-bottom: 5px;
    }

.overBP {
    background: url('https://www.cdiscount.com/RWD/loader.gif') no-repeat center center #fff;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    display: none;
    opacity: .75;
    position: absolute;
}

/* 18. USER MANUAL  */
.fpUserManual {
    overflow: hidden;
    width: 651px;
    width: calc(100% - 320px);
}

    .fpUserManual h2 {
        border-bottom: 1px solid #ccd3dd;
        font-size: 1em;
    }

.fpUMTable {
    display: table;
    padding: 15px 0;
}

.fpUMImg, .fpUMDesc {
    display: table-cell;
    vertical-align: middle;
}

.fpUMImg {
    text-align: center;
    width: 320px;
}

/*** New ProductSheet ***/
/* Structure */
.fpTopZone {
    display: table;
    font-size: 1.08em;
    background-color: #ffffff;
    border-radius: 4px;
    padding: 16px;
    table-layout: fixed;
    width: 100%;
}

.fpImg, .fpTMain {
    display: inline-block;
    vertical-align: top;
}
/*** Generic FP***/
.bold {
    font-weight: bold;
    text-align: left;
}

.sep {
    color: #f1f1f5;
}
/*** Bloc de gauche IMG ***/
.ecoBlk {
    left: -8px;
    top: 0;
}

.fpImg {
    padding-left: 10px;
    position: relative;
    width: 310px;
}

    .fpImg > .btn--liveProduct {
        position: absolute;
        margin-top: calc(-40px - 16px);
        z-index: 11;
        left: calc(50% - (183px/2))
    }

    .fpImg .ecoBlk span {
        font-size: 3em;
    }

.fpThumbnailsWrapper {
    height: 102px;
    text-align: center;
}

.fpBrandSmallPic {
    height: 95px;
    padding: 15px 0;
}

.fpBrand {
    display: inline-block;
    margin: 14px 0;
    padding: 13.5px 0;
    vertical-align: top;
}


.smallPic {
    display: inline-block;
    height: 70px;
    margin: 20px 0 10px 15px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    overflow-y: hidden;
    white-space: nowrap;
    max-width: calc(100% - 100px);
    width: 73.3%;
}

.fpImg ::-webkit-scrollbar { /* css scrollbar general */
    height: 5px;
}

.fpImg ::-webkit-scrollbar-thumb { /* css scrollbar element scroll */
    background: #ababab;
    border-radius: 1px;
}

.smallPic > li:nth-child(n+2) {
    padding-left: 15px;
}

.smallPic > li, .fpPicto > li {
    display: inline-block;
    vertical-align: middle;
}

.fpImg hr {
    border-top: 1px solid #ccc;
    margin: 5px 0 0 0;
}

.fpPicto {
    border-top: 1px solid #e0e0e0;
    box-shadow: none;
    height: auto;
    text-align: center;
}

.testSep .fpPicto {
    border-top: none;
}

.fpZoomPic img {
    border: 1px solid #fff;
    height: 65px;
    width: 65px;
}

.fpPicto li {
    padding: 15px 0 0 7px;
}

#ccs-logos {
    display: inline-block;
    vertical-align: middle;
}
/*** Zone de droite ***/
.fpTMain {
    padding-left: 24px;
    position: relative;
    width: calc(100% - 310px);
}

.fpRow {
    border-bottom: 5px solid #f1f1f5;
    display: table;
    padding-bottom: 18px;
    table-layout: fixed;
    width: 100%;
}

.testSep .fpRow {
    border-bottom: 1px solid #d7d9e4;
}


.fpRow:last-child {
    border-bottom: none;
}

.fpRow + .fpRow {
    padding-top: 18px;
}

.fpCol {
    display: table-cell;
    position: relative;
    vertical-align: top;
    width: 100%;
}

    .fpCol + .fpCol {
        padding-left: 28px;
        width: 298px;
    }

.fpRow .fpSOCol {
    width: 304px;
}
/* Title & Bazaar voice */
.fpStock, .fpSellBy, .fpDelivery, .fpStressUnlimited {
    line-height: 18px;
}

.fpPayment {
    line-height: 18px;
    margin-bottom: 15px;
    padding: 0;
}

.fpBlocTitle {
    display: block;
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: 4px;
}

.fpAssemblyContent .fpBlocTitle {
    margin-bottom: 10px;
}

#fpGarserZone .fpBlocTitle {
    margin-bottom: 8px;
}
.fpProdRateStars {
    display: inline-block;
    vertical-align: bottom;
}

.fpTMain h1 {
    margin-bottom: 8px;
    overflow: hidden;
    word-wrap: break-word;
    line-height: inherit;
}

.fpRating {
    display: table-cell;
    padding-top: 10px;
    width: 35%;
}

    .fpRating span {
        display: inline-block;
        margin: .3em auto .55em;
        vertical-align: top;
    }

    .fpRating li > span {
        margin: 7px 2px;
    }

        .fpRating li > span.gloRating {
            background-color: #f1f0f0;
            border: none;
            height: 14px;
        }

.fpProdRateStarsMain .fpRating > li {
    white-space: nowrap;
}

.fpSellBy .fpSellerStats .noWrap > span.fpSellerName {
    margin-left: 5px;
    vertical-align: text-bottom;
}

.fpRating li .fpGloRatingStar {
    margin: 0 auto;
}

.fpRatingStars {
    width: 55px;
}

.fpProdRateStarsSta > li {
    display: table;
    width: 100%;
}

.fpProdRateStarsSta span {
    display: table-cell;
}

.fpLkRating a {
    display: inline-block;
}

    .fpLkRating a:first-child {
        padding-left: 0;
    }

.fpLkRating {
    color: #096ec8;
    display: inline-block;
    padding: 0;
}

.fpSellerStats > div {
    display: table-cell;
    padding: 15px;
}

.fpSellerStatsShop {
    vertical-align: middle;
    border-right: 1px solid #d7d9e4;
}

    .fpSellerStatsShop > div {
        display: inline-block;
    }

    .fpSellerStatsShop::before {
        content: '';
        display: inline-block;
        height: 23px;
        margin-right: 10px;
        width: 31px;
    }

.fpSellerStatsPremiumTitle {
    font-size: 1.05em;
    margin-bottom: 8px;
}

.fpSellerStatsPremiumText {
    margin-top: 10px;
    padding-left: 15px;
}

.fpSellerStatsPremiumContainer {
    padding-bottom: 10px;
}

.anchor.descAnchor {
    display: block;
    position: relative;
    top: -35px;
    visibility: hidden;
    margin-top: 0;
    padding-top: 0;
}

.fpUsefulOpinion {
    border-left: 1px solid #d7d9e4;
    display: table-cell;
    padding: 0 10px 0 20px;
    width: 50%;
}

.fpOtherConditionAlsoAvailable {
    margin-bottom: 20px;
}

    .fpOtherConditionAlsoAvailable .fpBlocTitle {
        margin-bottom: 10px;
    }

.fpOcavImage {
    display: inline-block;
    height: 40px;
    margin-right: 20px;
    width: 40px;
}

.fpOcavContent {
    display: inline-block;
    font-size: 12px;
    margin-right: 10px;
    max-width: calc(100% - 75px);
    vertical-align: middle;
}

.fpOcavProductName {
    margin-bottom: 5px;
}

.fpOcavPrice {
    color: #f00;
    font-size: 17px;
    font-weight: bold;
}

.fpOcavLinkToOffer {
    margin-left: 5px;
}

/*Service */
.addBasket {
    display: table;
    width: 100%;
}

.fpDelivery, .fpPayment, .fpGarSer, .testfpGarSer {
    padding: 0;
}

.fpDelivery, .fpPayment, .fpStressUnlimited, .fpSellBy, .fpGarSer, .testfpGarSer {
    position: relative;
}

.fpPayment > strong, .fpDelivery > strong {
    font-size: 1.1em;
}

.fpSup {
    font-size: smaller;
    position: relative;
    top: -0.5em;
    vertical-align: baseline;
}

.fpStressUnlimited .sta {
    display: inline-block;
}

.fpSellBy .gloRating {
    display: inline-block;
    height: 14px;
    margin: 0;
    position: relative;
    width: 70px;
}

    .fpSellBy .gloRating img {
        height: 12px;
        width: 68px;
    }

.fpSellBy .fpSellerName {
    font-weight: bold;
}

.fpSellBy + .fpBlocTitle,
#fpDelivery + .fpBlocTitle,
#fpPayment + #fpGarserZone > .fpBlocTitle,
#fpDelivery + #fpGarserZone > .fpBlocTitle,
#fpPayment + .fpBlocTitle {
    display: inline-block;
    margin-top: 15px;
}

#fpGarserZone + .fpBlocTitle {
    display: inline-block;
    margin: 0 0 10px 0;
}

.fpAssembly {
    margin-bottom: 7px;
}

#fpGarserZone {
    position: relative;
    margin-bottom: 16px;
}

.fpSellBy.fpSellByInstantRetail {
    font-weight: normal;
    padding-bottom: 0;
}

.fpSellerByInstantRetailPro {
    padding-bottom: 0;
}

.fpInfOver {
    left: 0;
    padding: 10px;
}

.fpPromo .fpInfOver {
    padding: 15px;
}

.fpStriked .fpInfOver,
.fpPayment4x .fpOverBlk.fpInfOver {
    font-size: 13px;
    line-height: 16px;
}

.fpInfOver a, .fpOverlay {
    display: inline;
}

.fpOverlayRel {
    position: relative;
    white-space: nowrap;
}

.fpPayment .sta {
    display: inline-block;
}

.fpVariationGroupSelector .fpBlocTitle {
    font-size: 14px;
}

.fpVariationGroupSelectorContainer {
    margin: 8px 0 24px 2px;
    padding-left: 16px;
    border-left: solid #ccc 2px;
}

.fpVariationGroupBlock {
    margin-bottom: 15px;
    max-width: calc(100% - 300px);
}

.fpVariationGroupTitle {
    display: inline-block;
    font-weight: bold;
    margin-right: 3px;
    vertical-align: middle;
}

    .fpVariationGroupTitle.fpVariationGroupSingleTitle {
        font-size: 14px;
    }

.fpVariationGroupTitleContainer {
    display: inline-block;
    position: relative;
    width: 100%;
}



    .fpVariationGroupTitleContainer .fpChevronContainer {
        display: inline-block;
        position: relative;
    }

    .fpVariationGroupTitleContainer .fpOverBlk.fpInfOver {
        display: none;
        min-width: 234px;
    }

.fpVariationGroupTitleHighlited {
    display: inline-block;
    position: relative;
    vertical-align: bottom;
}

.fpVariationGroupBlockCondition .fpVariationGroupTitleHighlited {
    max-width: calc(100% - 200px);
    margin-right: 0;
    overflow: hidden;
    min-width: 62px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fpVariationGroupOption {
    border: solid 1px #d7d9e4;
    border-radius: 3px;
    color: #323232;
    display: inline-block;
    font-size: 13px;
    margin-right: 10px;
    margin-top: 10px;
    padding: 5px 10px 4px 10px;
}

    .fpVariationGroupOption.fpVariationGroupOptionSel {
        background: #f4fbf6;
        border-color: #2bb04a;
        font-weight: bold;
    }

    .fpVariationGroupOption:not(.fpVariationGroupOptionSel):hover {
        border-color: #323232;
    }

.fpVariationGroupOptionImage:not(.fpVariationGroupOptionSel):hover {
    border: solid 1px #323232;
    margin: 9px 7px -1px -1px;
}

.fpVariationGroupOption.fpVariationGroupOptionNonAvail {
    background-color: #f7f7f7;
    border-color: #f7f7f7;
    color: #888888;
}

.fpVariationGroupOptionImage {
    display: inline-block;
    margin-right: 8px;
    margin-top: 10px;
}

.fpVariationGroupOptionNonAvail img {
    filter: alpha(opacity=15);
    opacity: 0.15;
}

.fpVariationGroupOptionImage.fpVariationGroupOptionSel {
    border: solid 1px #2bb04a;
}

.fpVariationGroupOptionsContainer {
    font-size: 0;
    padding-right: 25px;
}

    .fpVariationGroupOptionsContainer a:hover {
        text-decoration: none;
    }

.fpVariationGroupActionToggler:hover {
    border-color: #323232;
}

.fpVariationGroupActionToggler {
    border: 1px solid #d7d9e4;
    display: inline-block;
    font-size: 18px;
    height: 42px;
    margin: 10px 8px 0 0;
    padding: 10px 1px 0 0;
    text-align: center;
    vertical-align: bottom;
    width: 42px;
    cursor: pointer;
}

.fpColFloatRepackaged {
    border: 1px solid #d7d9e4;
    border-radius: 3px;
    font-size: 13px;
    margin: 20px 0;
    padding: 10px 10px 5px 10px;
}

.fpColFloatRepackagedTitle {
    border-bottom: 1px solid #d7d9e4;
    font-weight: bold;
    margin-bottom: 12px;
    padding-bottom: 10px;
    text-align: center;
}

.fpColFloatRepackagedGreen {
    color: #2bb04a;
}

.fpColFloatRepackagedDesc {
    margin-left: 32px;
}

    .fpColFloatRepackagedDesc li {
        margin-bottom: 12px;
    }

.fpRepackagedInfo {
    border-top: 1px solid #d7d9e4;
    margin-left: 2px;
    margin-top: 30px;
    padding-top: 7px;
    width: 100%;
}

.fpOfferRent {
    border: 1px solid #d7d9e4;
    border-radius: 3px;
    margin-top: 20px;
    padding: 10px 12px;
}

.fpOfferRentBy {
    border-bottom: 1px solid #d7d9e4;
    font-size: 1.08em;
    font-weight: bold;
    padding-bottom: 12px;
    text-align: center;
}

.fpOfferRentAddToBsk {
    margin: 12px 0;
}

.fpOfferRentFor {
    color: #323232;
    font-size: 1.16em;
}

.fpOfferRentDetails {
    color: #323232;
    font-size: 1em;
}

.fpOfferRentDiscoverLink {
    margin-top: 5px;
}

.cdsCard {
    color: #22398e;
    font-weight: bold;
}

.fpAssembyChoices {
    margin: 5px 0 0 4px;
}

.fpSelectedAssembly {
    margin-left: 5px;
}

.fpAssemblyCkb {
    margin-right: 11px;
}

.fpGarSer {
    display: inline-block;
    width: 100%;
}

.testfpGarSer {
    display: block;
    padding: 0;
}

.fpGarSer .fpLk {
    vertical-align: middle;
    margin-left: 5px;
}

.testfpGarSer .fpLk {
    vertical-align: text-top;
    margin-left: 5px;
}

.fpGarSer label {
    border: 1px solid #d7d9e4;
    display: inline-block;
    line-height: 28px;
    margin: 1px 0;
    min-height: 40px;
    padding: 5px 15px;
    vertical-align: middle;
    width: 100%;
}
/*A/B Test*/
.testfpGarSer label {
    display: inline-block;
    line-height: 20px;
    min-height: 20px;
    padding: 0 5px;
    vertical-align: middle;
    width: 100%;
}

.fpGarSer input[type=checkbox], .testfpGarSer input[type=checkbox] {
    vertical-align: middle;
}

.fpGarSer li:first-child {
    padding-bottom: 5px;
}

.testfpGarSer li {
    overflow: hidden;
    padding-bottom: 0;
}

.fpFormGarser > ul > li {
    background: #FFF;
    border: 1px solid #ccc;
    border-radius: 4px;
    display: inline-block;
    margin: 0 8px 8px 0;
    max-width: calc(100% - 330px);
    padding: 0 10px;
}

.fpFormGarserWithBr > ul > li {
    background: #FFF;
    border: 1px solid #d7d9e4;
    border-radius: 3px;
    display: inline-block;
    line-height: 10px;
    margin: 0 8px 8px 0;
    padding: 5px 10px;
}

.fpFormGarser > ul > li:hover {
    border: 1px solid #2a3847;
}

.fpGarserCell, .fpAssoProductCheckbox, .fpAssoProductCheckboxText {
    display: table-cell;
    vertical-align: middle;
}

.fpAssoProductCheckbox, .fpAssoProductCheckboxText {
    height: 50px;
}

.fpGarserCell {
    height: 44px;
}

.fpLargeGarserCells .fpGarserCell,
.fpInlineGarserZone.fpLargeGarserCells + .fpAssemblyContent .fpGarserCell {
    height: 56px;
}

.fpAssoProductSelector .fpAssoProductCheckbox, .fpAssoProductSelector .fpAssoProductCheckboxText {
    height: 36px;
}

.fpGarserDetails {
    color: #878787;
    font-size: 11px;
}

.fpGarserBRI {
    color: #323232;
    display: block;
    font-size: 13px;
    line-height: 15px;
    padding-left: 19px;
    vertical-align: middle;
    margin-top: 3px;
}

.fpGarserBRIStriked {
    color: #323232;
    font-size: 13px;
    text-decoration: line-through;
}

.fpGarserCheckbox > input[type="checkbox"], .fpAssoProductCheckbox > input[type="checkbox"] {
    display: none;
}

.fpAssoProductCheckbox.fpAssFreeCheckbox {
    height: 0;
}


.fpGarserCheckbox > input[type="checkbox"] + .fpGarserCheckboxView,
.fpGarserCheckbox > input[type="checkbox"] + input[type="hidden"] + .fpGarserCheckboxView,
.fpAssoProductCheckbox > input[type="checkbox"] + input[type="hidden"] + .fpAssoProductCheckboxView {
    background-color: #FFFFFF;
    border: 1px solid #878787;
    border-radius: 3px;
    display: block;
    height: 18px;
    margin-right: 10px;
    width: 18px;
}

.fpGarserCheckbox > input[type="checkbox"]:checked + .fpGarserCheckboxView,
.fpGarserCheckbox > input[type="checkbox"]:checked + input[type="hidden"] + .fpGarserCheckboxView,
.fpAssoProductCheckbox > input[type="checkbox"]:checked + input[type="hidden"] + .fpAssoProductCheckboxView {
    border: none;
}

.fpAssoProductCheckboxText {
    color: #29b001;
    font-size: 14px;
}

.fpAssoProductSelector {
    border: 1px solid #d7d9e4;
    border-radius: 3px;
    height: 36px;
    margin-top: 14px;
    max-width: 140px;
    position: relative;
    width: 100%;
}

    .fpAssoProductSelector.clicked {
        border: 1px solid #29b001;
    }

    .fpAssoProductSelector:not(.clickDisabled):not(.clicked):hover {
        border: 1px solid #000;
    }

.fpTGarInfo {
    font-size: 0.8em;
}

.fpGtext {
    display: inline-block;
    line-height: normal;
    vertical-align: middle;
    width: 88%;
    width: calc(100% - 70px);
}
/*A/B test*/
.testfpGtext {
    line-height: normal;
    vertical-align: middle;
}

.lfpInfOver {
    padding-bottom: 0;
}

    .lfpInfOver .btGreen {
        font-size: 0.9em;
        height: 30px;
        line-height: 30px;
        margin: 10px 0;
        width: 120px;
    }

.fpEndStress {
    display: none;
}

#sz {
    min-height: 18px;
}

/*Assembly */
.fpAssembPriceLbl {
    padding-left: 5px;
}

.fpAssembTittle {
    padding-bottom: 5px;
    font-weight: bold;
}

.fpAssembTaxe {
    padding-bottom: 5px;
    font-size: 0.9em;
}

.fpAssembCkList {
    margin: 0;
    padding: 0;
    text-align: left;
    float: left;
}

.fpAssembLiList {
    margin-top: 6px;
}

.fpAssembDesc {
    margin: 0;
    padding: 0;
    text-align: left;
}

.fpAssembBtnDesc {
    display: inline-block;
    text-align: center;
    border: 1px solid #d7d9e4;
    border-radius: 50%;
    color: #293847;
    cursor: pointer;
    font-size: 9px;
    height: 15px;
    line-height: 15px;
    margin-left: 2px;
    position: relative;
    vertical-align: middle;
    width: 15px;
}

.fpAssembPopin {
    display: inline;
}
/* Price zone */
p.red {
    padding-bottom: 14px;
}
/*New Vente Flash*/
.fpBlueVfProgress {
    background: #d7d9e4;
    border-radius: 50px;
    height: 5px;
    margin: 0 auto 7px auto;
    overflow: hidden;
    padding-bottom: 10px;
    text-align: center;
    width: 100%;
}

.fpBlueVfJauge {
    background-color: #d7d9e4;
}

.fpBlueVfProgressBar {
    background-color: #e23a05;
    border-radius: 50px;
    height: 9px;
    position: relative;
    width: 210px;
}
/*Fin New Vente Flash*/

.fpProgress {
    background: #EEE;
    border-radius: 50px;
    height: 5px;
    margin: 0 auto 7px auto;
    overflow: hidden;
    padding-bottom: 10px;
    text-align: center;
    width: 210px;
}

.fpProgressBar {
    border-radius: 50px;
    overflow: hidden;
    position: relative;
    width: 0;
}

.fpProgressBg {
    background: red;
    background: linear-gradient(to right, #FFA500, #FF0000);
    border-radius: 50px;
    height: 9px;
    position: relative;
    width: 210px;
}

.fTopPrice {
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-bottom: 16px;
    padding: 16px;
    position: relative;
    text-align: center;
}

.fpPrice, .fpCdavPrice {
    font-size: 3.8em;
    font-weight: normal;
    padding: 0 5px;
}

.fpPriceBloc .fpPrice,
.fpPriceBloc .fpCdavPrice {
    display: inline-block;
    font-weight: bold;
    font-size: 49.3px;
    height: 44px;
    line-height: 15px;
    padding: 0;
    margin-top: 3px;
}

.fpPriceBloc.fpSmallPrice .fpPrice,
.fpPriceBloc.fpSmallPrice .fpCdavPrice {
    margin-top: 0;
}

.fpPrice sup, .fpCdavPrice sup {
    font-size: .59em;
    vertical-align: .59em;
}

.fpPriceBloc .fpPrice sup, .fpPriceBloc .fpCdavPrice sup {
    font-size: .35em;
    vertical-align: 1.3em;
}

.fpAjaxEconomy, .fpPriceBloc .fpEcoTx, .fpPriceBloc .priceTxt {
    padding-left: 3px;
    padding-bottom: 4px;
}

.fpTopPriceMsg {
    font-size: 12px;
}

.fpPrice.priceS {
    font-size: 2em;
}

.fpStriked {
    color: #323232;
    display: inline-block;
    font-size: 1.7em;
    line-height: 1em;
    text-decoration: line-through;
}

    .fpStriked .fpInfOver {
        font-size: 14px;
        line-height: 1em;
    }

.fpPriceBloc .fpStriked {
    font-size: 20px;
}

.fpPriceBloc {
    text-align: left;
    width: 101%;
}

    .fpPriceBloc.fpNoStrikedPrice {
        text-align: center;
    }
    /* to handle display ht bug */
    .fpPriceBloc .fpStrikedBefore {
        height: 14px;
        line-height: 0.4em;
    }

        .fpPriceBloc .fpStrikedBefore .hideFromPro {
            display: inline-block;
        }

html.isPro .fpPriceBloc .fpStrikedBefore .displayToPro {
    display: inline-block;
}
/* end  to handle display ht bug */

.fpPriceBloc .fpStrikedAfter {
    display: none;
    line-height: 30px;
}

.fpPriceBloc.fpSmallPrice .fpStrikedAfter {
    display: inline-block;
}

.fpPriceBloc .ecoBlk,
.fpSOTopSaleItem .ecoBlk {
    background: #fff;
    color: #293847;
    font-size: 16px;
    font-style: normal;
    position: static;
    padding: 0;
}

.fpSOTopSaleItem .ecoBlk {
    font-size: 14px;
    margin-top: 6px;
}

    .fpSOTopSaleItem .ecoBlk,
    .fpSOTopSaleItem .ecoBlk span {
        display: inline-block;
        font-size: 14px;
        font-weight: normal;
    }

.fpPriceBloc .ecoBlk:after {
    display: none;
}

.fpPriceBloc .ecoBlk span {
    display: inline-block;
    font-size: 18px;
    font-weight: normal;
    margin-right: 0;
}

.fpPriceBloc .fpEcoTx,
.fpPriceBloc .priceTxt {
    color: #7a8999;
    font-size: 12px;
    font-weight: normal;
    text-transform: lowercase;
}

    .fpPriceBloc .fpEcoTx a {
        color: #878787;
        text-decoration: none;
    }

.fpPriceBloc.fpSmallPrice .fpStrikedBefore {
    display: none;
    margin-top: 4px;
}

.fpOtherPrice {
    display: inline-block;
}

.fpStrikedPriceLegalNotice {
    margin-top: 5px;
    position: relative;
}

    .fpStrikedPriceLegalNotice .fpInfOver {
        padding: 10px;
    }

.fTopPrice .btGreen, .fpTriplePrice .btGreen {
    display: block;
    line-height: 46px;
    margin: 10px 0 2px 0;
    width: 100%;
}

.fpQuantitySelector {
    margin-top: 4px;
    text-align: right;
}

.fpAddOffer .btBlue {
    padding: 0.8em;
    font-size: 1em;
}

.fpHiddenPrice {
    visibility: hidden;
}
/*OutOfStock */
.outOfStock {
    border-bottom: 1px solid #d7d9e4;
    border-top: 1px solid #d7d9e4;
    display: table;
    height: 220px;
    margin-bottom: 20px;
    width: 100%;
}

    .outOfStock .bold {
        display: inline-block;
        font-size: 1.2em;
        text-align: left;
    }

.fpDesCol .outOfStock {
    width: auto;
}

.mecaSale {
    background-color: #ffef42;
    font-weight: bold;
    padding: 5px;
}

.outOfStock .fpCol {
    padding: 0;
    vertical-align: middle;
}

.outOfStock .btGreen {
    color: #fff;
    display: inline-block;
    height: 44px;
    line-height: 44px;
    width: 210px;
}

    .outOfStock .btGreen:hover {
        color: #fff;
        text-decoration: none;
    }

.fpSOForm p {
    text-align: left;
}

.pSOutOfStock .outOfStock {
    border-bottom: none;
    border-top: none;
    height: initial;
}
/* Mecanique XY*/
.fpMecaXY {
    background: #fff;
    display: table;
    left: 18px;
    position: absolute;
    width: 99%;
    width: calc(100% - 18px);
    z-index: 601;
}

    .fpMecaXY .fpCol {
        padding: 14px 18px;
        text-align: center;
        vertical-align: middle;
    }

        .fpMecaXY .fpCol:first-child {
            background: #924768;
            color: #fff;
            display: none;
            font-size: 1.15em;
        }

        .fpMecaXY .fpCol:nth-child(2) {
            text-align: left;
        }

.addedMeca {
    margin-bottom: 10px;
}

.xyImg {
    display: inline-block;
    vertical-align: bottom;
}

.xyPrice {
    display: inline-block;
    vertical-align: bottom;
}

    .xyPrice .red {
        font-size: 1.25em;
    }

.fpMecaXY .btGreen {
    color: #fff;
    display: inline-block;
    height: 44px;
    line-height: 44px;
    margin: 12px 10px 0 0;
    width: 220px;
}

.fpMecaXY .closeMeca {
    float: right;
    color: #323232;
}

.fpMecaXY a.closeMeca:hover {
    color: #323232;
    cursor: pointer;
}

.fpMecaXY .fpStriked {
    font-size: 1em;
}

.fpMecaXY .bold {
    text-transform: uppercase;
}

.fpMecaXY .btGreen:hover {
    color: #fff;
    text-decoration: none;
}

.mecaOff {
    background: #924768;
    color: #fff;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin-bottom: 10px;
    padding: 0 10px;
    text-transform: uppercase;
}
/*Triple price*/
.fpTriplePrice {
    border-radius: 3px;
    border: 1px solid #d7d9e4;
    margin-top: 20px;
    padding: 10px 12px;
}

    .fpTriplePrice .redS {
        font-size: 1.55em;
    }

.fpTriplePriceBottom {
    padding: 12px 0 6px 0;
}

.fpColFloat .fpTriplePriceBottom > div {
    vertical-align: middle;
}

.fpTriplePriceBottom > div {
    display: table-cell;
    text-align: left;
    vertical-align: top;
    width: 100%;
}

.fpTriplePriceBottom .fpCDAVWithVPStep {
    display: none;
    margin-top: 15px;
}

.fpCDAVWithVPStep2Title {
    font-weight: bolder;
    margin: 15px 0 10px 0;
}

.fpCDAVWithVPStep3 p {
    color: #808080;
}

.fpCheckBoxForCdav {
    float: left;
    height: 48px;
    padding-top: 4px;
}
/* Product description */
.fpSizeSelector select, .fpOthSelector select {
    height: 38px;
    font-weight: bold;
    padding-left: 6px;
    margin-right: 10px;
}

.fpUsedSelector,
.fpOthSelector {
    margin-bottom: 12px;
    padding: 0;
    position: relative;
}

.fpSizeSelector {
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: 24px;
    position: relative;
}

    .fpSizeSelector a {
        font-weight: normal;
    }

.fpOthSelector {
    padding: 20px 0;
}

.fpColorSelector {
    margin-top: 0;
    position: relative;
}

    .fpColorSelector div {
        font-size: 1.1em;
        font-weight: bold;
        margin-bottom: 10px;
    }

    .fpColorSelector span {
        font-weight: normal;
        padding-right: 2px;
    }



.fpMinColor {
    display: inline-block;
    margin: 0 0 10px 0;
}

    .fpMinColor li {
        cursor: pointer;
        display: inline-block;
        height: 40px;
        margin: 0 10px 10px 0;
        vertical-align: middle;
        width: 40px;
    }


    .fpMinColor .fpHiddenVariant {
        display: none;
    }

    .fpMinColor li {
        height: 40px;
        vertical-align: middle;
        width: 40px;
    }

    .fpMinColor img {
        border: 1px solid #fff;
    }

    .fpMinColor .act img, .fpMinColor .act img:hover {
        border-color: #C1C1C1;
    }

    .fpMinColor img:hover {
        border-color: #f1f1f5;
    }

    .fpMinColor span {
        border: 1px solid #d7d9e4;
        display: block;
        font-weight: bold;
        font-size: 13px;
        height: 40px;
        line-height: 3em;
        text-align: center;
        width: 40px;
    }

    .fpMinColor .disabled img {
        opacity: 0.3;
    }

    .fpMinColor .disabledImg img {
        opacity: 0.3;
    }

.fpQuantCond {
    position: relative;
}

.fpWineSel {
    display: block;
    margin: 18px 0 20px 0;
    overflow: hidden;
}

.fpDesCol .fpWineSel {
    max-width: calc(100% - 300px);
    min-width: 0;
    width: 500px;
}

.fpWineSel label {
    border: 1px solid #ced6e0;
    display: inline-block;
    min-height: 33px;
    line-height: 33px;
    margin-bottom: 2px;
    padding: 0 10px;
    vertical-align: middle;
    width: 100%;
}

.fpWineSel input[type=radio] {
    vertical-align: middle;
}

.fpWineSel li:hover, .fpWineSel label:hover {
    cursor: pointer;
}

.fpUsedSelector .fpVariationGroupLabel {
    font-size: 1.1em;
    font-weight: bold;
}

.fpQuantCondD {
    color: #323232;
    display: block;
    font-size: 14px;
    margin: 12px -2px 0px;
    text-align: left;
}

    .fpQuantCondD .degressif {
        display: inline-block;
        height: 14px;
        margin-right: 10px;
        vertical-align: top;
        width: 14px;
    }

    .fpQuantCondD .decote {
        color: #FFFFFF;
        display: inline-block;
        height: 20px;
        margin-left: 10px;
        padding: 2px 5px 0px 0px;
        position: absolute;
        right: 0px;
        text-align: right;
        vertical-align: bottom;
        width: 48px;
    }

.fpWineSelD li:hover, .fpWineSelD label:hover {
    cursor: pointer;
}

.fpWineSelD li {
    display: block;
    height: 18px;
    margin: 6px 0 6px;
    width: 100%;
}

.fpQuantCondD .packagingBloc {
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    height: 14px;
    margin-bottom: 2px;
    vertical-align: middle;
}

.fpWineSelD li:last-of-type {
    height: 19px;
    margin-bottom: 20px;
}

.fpQuantCondD label {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 79%;
}

.fpQuantCondD .packagingTitle {
    display: inline-block;
    height: 14px;
}

.fpQuantCondD .bold {
    font-size: 14px;
    vertical-align: middle;
}

.packagingBloc .cond, .fpQuantCondD .cond {
    vertical-align: middle;
}

.fpWineSelD input[type=radio] {
    height: 14px;
    margin-right: 10px;
    vertical-align: middle;
    width: 14px;
}

    .fpWineSelD input[type=radio]:checked + span.bold {
        color: #FF0000;
    }
/*Bloc précommande*/
.fpPreorder {
    margin-bottom: 15px;
}

    .fpPreorder .fpBlocTitle {
        margin-bottom: 6px;
    }

    .fpPreorder > div {
        margin-bottom: 5px;
        position: relative;
    }
/*End bloc précommande*/

/*BulletPoint - Points fort*/
.fpBulletPoint {
    padding: 3px 0 16px 0;
}

    .fpBulletPoint li {
        line-height: 20px;
        list-style: disc inside;
        margin-left: 10px;
        text-indent: -10px;
    }

    .fpBulletPoint span {
        line-height: initial;
        vertical-align: middle;
    }
/*End BulletPoint*/

/* New BulletPoint - Points Fort*/
.fpBulletPointReadMore {
    margin: 0 20px 24px 0;
}

    .fpBulletPointReadMore li {
        line-height: 20px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

        .fpBulletPointReadMore li::before {
            color: #ccd3dd;
            content: '• ';
            font-size: 1.08em;
            font-weight: bold;
            position: relative;
            top: 2px;
        }

.fpBulletPointLess {
    padding-top: 5px;
}

    .fpBulletPointLess a {
        color: #096ec8;
    }

.fpCacheTransparent {
    background-image: linear-gradient(rgba(255,255,255,0), #ffffff);
    background-image: -moz-linear-gradient(rgba(255,255,255,0),   #ffffff);
    background-image: -o-linear-gradient(rgba(255,255,255,0), #ffffff);
    background-image: -webkit-linear-gradient(rgba(255,255,255,0), #ffffff);
    bottom: 0;
    left: 0;
    margin-top: -30px;
    padding: 15px 0 15px 0;
    position: relative;
    text-align: center;
    width: 100%;
}

.fpReadMoreAndLessImg {
    display: inline-block;
    height: 6px;
    margin-right: 4px;
    vertical-align: middle;
    width: 9px;
}

.fpReadMoreAndLessImgRotate {
    transform: rotate(180deg);
}

.fpSeparatorLink {
    border-right: 1px solid #878787;
    margin-right: 8px;
    padding-right: 8px;
}
/*End New BulletPoint*/

/* HowTo - Comment ça Marche */
.fpHowTo {
    display: table;
    margin-top: 40px;
    max-width: 500px;
}

    .fpHowTo ol {
        counter-reset: howToListItem;
        margin-top: 10px;
    }

    .fpHowTo li {
        counter-increment: howToListItem;
        display: block;
        margin-bottom: 16px;
        padding-left: 27.5px;
        position: relative;
    }

        .fpHowTo li::before {
            background-color: #1d3b4a;
            border-radius: 50%;
            color: #FFFFFF;
            content: counter(howToListItem);
            display: block;
            font-size: 1em;
            height: 17px;
            left: 0;
            line-height: 17px;
            margin-right: 12px;
            position: absolute;
            text-align: center;
            top: 50%;
            transform: translateY(-50%);
            width: 17px;
        }
/* End HowTo */

.fpRS {
    padding-top: 20px;
}



.fpDescLink {
    display: inline-block;
    margin-left: 0;
    margin-right: 10px;
}

    .fpDescLink + a {
        border-left: 1px solid #d7d9e4;
        padding: 0 0 0 10px;
    }

/* Hors Taille*/

.fpVariationGroup {
    margin-bottom: 12px;
}

.fpVariationGroupLabel {
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: 10px;
}

    .fpVariationGroupLabel span {
        font-weight: normal;
    }

.hVariationGroup li {
    background-color: #fff;
    border: 1px solid #2a3847;
    border-radius: 3px;
    color: #293847;
    cursor: pointer;
    display: inline-block;
    height: 28px;
    line-height: 28px;
    margin: 0 8px 8px 0;
    min-width: 135px;
    text-align: center;
}

    .hVariationGroup li:hover {
        border: 1px solid #323232;
    }

li.disabledProperty {
    background-color: #fff;
    border: 1px solid #d7d9e4;
}

.hVariationGroup li.disabledProperty a {
    color: #878787;
}

.hVariationGroup div.jsPackagingUnitPricePerItem {
    color: #878787;
}

li.activeVariationGroupProperty, .hVariationGroup li:hover {
    background-color: #293847;
    border-color: #293847;
    font-weight: bold;
}

.hVariationGroup li.disabledProperty:hover {
    font-weight: normal;
}

.hVariationGroup li a {
    color: #293847;
    display: block;
    height: 100%;
    padding: 0 10px;
}

li.activeVariationGroupProperty a, li.activeVariationGroupProperty a div.fpPackagingUnitPricePerItem, .hVariationGroup li:hover a, .hVariationGroup li:hover a div {
    color: #fff;
    display: block;
}

li.activeVariationGroupProperty.activeVisuel a, li.activeVariationGroupProperty.activeVisuel a:hover {
    padding: 0 0;
}

.hVariationGroup li a:hover {
    text-decoration: none;
}

li.activeVariationGroupProperty img {
    background-color: #293847;
    border-color: #293847;
}

.fpPackagingValue {
    line-height: 20px;
}

.fpPackagingUnitPricePerItem {
    font-size: 11px;
    line-height: 10px;
    text-align: center;
}

/* Autres offres */
.fpOffer {
    display: table;
}

    .fpOffer > div {
        display: table-cell;
        text-align: left;
        vertical-align: top;
        width: 100%;
    }

    .fpOffer .btGreen {
        display: block;
        font-size: 1em;
        height: 36px;
        margin-bottom: 12px;
        width: 87px;
    }

    .fpOffer div + div {
        text-align: center;
    }

    .fpOffer .redS {
        font-size: 1.55em;
    }

    .fpOffer .fpAddOffer {
        padding-left: 20px;
        text-align: center;
        width: 107px;
    }

.fpAddOffer a.btGreen {
    color: #fff;
    line-height: 36px;
}

    .fpAddOffer a.btGreen:hover {
        color: #fff;
        text-decoration: none;
        cursor: default;
    }

.rim {
    color: #e72b6b;
}

.offersListTitle, .fpTriplePriceTitle, .fpColFloatAdDisplayTitle {
    font-weight: bold;
}

.offersList li, .fpTriplePriceTitle, .fpColFloatAdDisplayTitle {
    border-bottom: 1px solid #f1f1f5;
    padding-bottom: 12px;
}

.offersListTitle {
    padding-bottom: 16px;
}
    .offersListTitle.fpRimPictoGeoloc {
        background-position: 8% 4px;
    }

.offersList li {
    padding: 12px 0;
}

.fpOtherOffer {
    display: inline-block;
    padding-top: 16px;
}

.fpOtherOfferNewAndUsed {
    display: inline-block;
}

fpOtherOfferStartingFrom {
    color: #323232;
}

.fpOtherOfferPrice {
    color: #e23a05;
}

.fpOtherOfferVariant {
    display: table;
    text-align: left;
}

.fpOtherOfferVariantLeftCol {
    width: 100%;
}

.fpOtherOfferContainer {
    padding-top: 15px;
    padding-left: 15px;
    text-align: center;
}

.fpOtherOfferButton {
    font-size: 14px;
    height: 32px;
    padding: 0 20px;
    width: 68px;
}

.fpColFloat .fpOtherOfferVariant > div {
    vertical-align: middle;
}

.fpOtherOfferVariant > div {
    display: table-cell;
}

.fpOtherOfferStartingFrom {
    color: #323232;
    display: inline-block;
}

.fpOtherOfferDisclaimer {
    color: #323232;
    font-size: .9em;
    padding-top: 12px;
}

.fpDelivery .fpPro {
    display: block;
    margin-top: 0;
    padding-top: 0;
    text-align: left;
}


.fpPro {
    margin: 0;
    position: relative;
    text-align: left;
}

    .fpPro ul {
        font-size: 0.9em;
        margin-top: 8px;
    }

.fpProTitle a {
    margin-right: 10px;
}

    .fpProTitle a:hover {
        text-decoration: none;
    }

.fpProTitle img {
    padding-bottom: 5px;
}

.fpProTitle span {
    color: #878787;
}

.fpPro li {
    margin-bottom: 2px;
}

    .fpPro li::before {
        color: #ccd3dd;
        content: '• ';
        font-size: 1.08em;
        font-weight: bold;
        margin: 0 5px;
        position: relative;
        top: 1px;
    }

.fpDelivery .fpPro a,
.fpDelivery .fpPro a:hover,
.fpPro .lfpInfOver a,
.fpPro .lfpInfOver a:hover {
    color: #323232;
}

.fpPro span {
    color: #323232;
    font-weight: normal;
}

.fpPro em {
    color: #e23a05;
    font-style: normal;
    font-weight: inherit;
}

.fpDelivery .fpPro a,
.fpDelivery .fpPro a:hover {
    color: #323232;
}

.blocVf {
    border: 1px solid red;
}

/** Bloc cashback **/
.fpCashbackBlk {
    background: #05d7e6;
    border-radius: 50%;
    bottom: 35px;
    cursor: pointer;
    font-size: .8em;
    font-style: italic;
    height: 70px;
    padding: 1.5em 0;
    position: absolute;
    text-align: center;
    width: 70px;
}

    .fpCashbackBlk .fpCashbackBlkAmount {
        font-size: 1.5em;
        font-weight: bold;
    }

.deliveryStress {
    min-height: 37px;
}

#cShipping {
    display: none;
}

.fpFullOdr {
    height: 170px;
    width: 100%;
    background-size: 1862px 170px;
    background-repeat: no-repeat;
    background-position: center;
}

    .fpFullOdr a {
        display: block;
        width: 100%;
        height: 100%;
        margin: auto;
    }

/* New Layout*/
.fpColFloat {
    width: 270px;
    float: right;
    margin-bottom: 15px;
    margin-left: 24px;
    position: relative;
    z-index: 10;
}

    .fpColFloat .fTSidesOp {
        display: block;
        margin-bottom: 20px;
        text-align: center;
    }

.fpDesCol hr {
    border-top: 1px solid #d7d9e4;
    clear: none;
    margin: 18px 0;
}


.fpRimGeant {
    display: table;
    margin-bottom: 10px;
    width: 100%;
}

    .fpRimGeant span, .fpRimGeant .fpAddOffer {
        display: table-cell;
    }

.fpRim {
    margin-bottom: 15px;
}

/* colonne flottante */
.fpColFloat .offersListTitle, .fpColFloat .fpStrikedPriceLegalNotice, .fpTriplePriceTitle, .fpColFloat .fpColFloatAdDisplayTitle {
    text-align: center;
}

.offersListBlock {
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-top: 16px;
    padding: 16px;
    position: relative;
}

.fpColFloat .fpOffer > div {
    padding-left: 0;
    vertical-align: middle;
}

.fpColFloat .fpOffer a {
    word-wrap: break-word;
}

.fpColFloat .fpOffer .btGreen {
    margin-bottom: 0;
}

.fpColFloat .offersList li, .fpTriplePriceTitle {
    border-bottom: 1px solid #D7D9E4;
}
.fpColFloat .offersListTitle {
    border-bottom: 1px solid #D7D9E4;
}

.fpColFloat .addToWishList {
    border: 1px solid #D7D9E4;
    border-radius: 3px;
    margin-bottom: 0;
    padding: 10px 12px;
}

.fpColFloat .cdsExpressWLBloc {
    border: 1px solid #D7D9E4;
    border-radius: 3px;
    margin: 15px 0;
    padding: 10px 12px;
    text-align: center;
}

.fpColFloat .outOfStock {
    border: 1px solid #D7D9E4;
    border-radius: 3px;
    padding: 10px 12px;
}

.fpColFloat .fpStrikedPriceLegalNotice {
    margin-top: 10px;
}

.fpColFloat .offersList li {
    position: relative;
}

    .fpColFloat .offersList li ul.shopOpenHours li {
        border: 0;
        padding: 0;
    }

        .fpColFloat .offersList li ul.shopOpenHours li.currentDay {
            font-weight: bold;
        }

.fpColFloat .offersList.nearestRimOffer li {
    border: 0;
    padding-bottom: 5px;
}

.fpColFloat .offersList .rimAvailability {
    margin-top: 0.5em;
}

.fpColFloat .olOverlay {
    background: white;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
    left: -306px;
    padding: 10px 12px;
    position: absolute;
    top: 0;
    width: 280px;
    z-index: 10;
}

.fpColFloat .fpGarSerOverLay {
    display: none;
    top: inherit;
}

    .fpColFloat .fpGarSerOverLay:before {
        background: white;
        box-shadow: 1px -1px 1px 0 rgba(0, 0, 0, 0.25);
        content: "";
        height: 16px;
        left: 271px;
        position: absolute;
        top: 15%;
        transform: rotate(45deg);
        width: 16px;
    }

.fpColFloat .offersList .olOverlayArrow {
    background: white;
    box-shadow: 1px -1px 1px 0 rgba(0, 0, 0, 0.25);
    content: "";
    height: 16px;
    left: -34px;
    position: absolute;
    top: 50%;
    transform: rotate(45deg);
    width: 16px;
    z-index: 10;
}

.fpColFloat .olOverlayAndArrow {
    display: none;
}

.fpColFloat .gloRating {
    display: inline-block;
    height: 14px;
    margin: 0 4px;
    width: 70px;
}

.fpColFloat .olOverlayTitle {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 8px;
}

.fpColFloat .olOverlaySection {
    margin-bottom: 15px;
    word-wrap: break-word;
}

.olOverlay .olOverlaySection, .olOverlay > p {
    margin-left: 10px;
}

    .olOverlay .olOverlaySection span.rimAddress {
        line-height: 1.25em;
        padding-left: 15px;
    }

    .olOverlay .olOverlaySection .fpRimPictoGeoloc {
        background-position: 0 2px;
        margin-bottom: 0.75em;
    }

.fpColFloat .olOverlayLink {
    border-top: 1px solid #d7d9e5;
    font-size: 16px;
    margin-top: 10px;
    padding-top: 10px;
    text-align: center;
}

.fpColFloatAdDisplayProductRating > .stClip {
    display: inline-block;
}

.fpColFloatAdDisplay {
    border-radius: 4px;
    border: 1px solid #ccc;
    margin-top: 16px;
    margin-bottom: 8px;
    padding: 16px;
    width: 100%;
}

.fpColFloatAdDisplayTitle {
    border-bottom: 1px solid #D7D9E4;
    font-size: 13px;
}

.fpColFloatAdDisplayImg {
    display: block;
    margin: 0 auto;
}

.fpColFloatAdDisplayPrices {
    font-size: 1em;
    margin-right: 10px;
}

.fpColFloatAdDisplayPrice {
    margin-right: 3px;
    font-size: 24px;
    vertical-align: middle;
}

.fpColFloatAdDisplaySaving, .fpColFloatAdDisplayStrikedPrice {
    font-size: 14px;
    margin-top: 3px;
}

.fpColFloatAdDisplayProductInformations {
    margin-left: 10px;
}

.carouAnimcoSponsoredNotic {
    position: absolute !important;
    top: 2px !important;
    right: 0px !important;
    font-weight: normal !important;
    font-size: 12px !important;
    width: 150px !important;
}

.fpColFloatAdDisplayProductName {
    font-size: 14px;
    display: -webkit-box;
    line-height: 1.2em;
    margin: 15px 0;
    max-height: 3.6em;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

    .fpColFloatAdDisplayProductName a, .fpColFloatAdDisplayProductName a:hover {
        color: #000000;
        font-weight: bold;
    }

.fpColFloatAdDisplayTotalRates {
    font-size: 11px;
    vertical-align: text-top;
}

.fpColFloatAdDisplayContent {
    display: table;
}

.fpColFloatAdDisplayProductImg {
    display: table-cell;
    height: 115px;
    vertical-align: middle;
    width: 115px;
}

.fpColFloatAdDisplayProductRating {
    margin-bottom: 15px;
}

.fpColFloatAdDisplayTotalRates {
    font-size: 11px;
}

.fpColFloatAdDisplayContent {
    display: table;
}


/* BLOC CDAV dans la colonne flottante */
.fpColFloatCdavBloc, .fpColFloatGarserBloc {
    cursor: pointer;
    margin: 8px 0;
    min-height: 0;
}

    .fpColFloatGarserBloc p {
        display: inline;
    }

.fpColFloatCdav, .fpColFloatAlreadyCdav, .fpColFloatGarser {
    background-color: #F7F7F7;
    border-radius: 5px;
    padding: 8px;
}

.fpColFloatGarser {
    margin-top: 8px;
}

.fpColFloatCdav, .fpColFloatAlreadyCdav {
    display: none;
}

    .fpColFloatCdav > div, .fpColFloatAlreadyCdav > div, .fpColFloatGarser > div {
        display: table-cell;
        text-align: left;
    }

    .fpColFloatCdav p, .fpColFloatGarser p {
        text-align: left;
    }

.fpCdavStrikedPrice {
    text-decoration: line-through;
}

.fpColFloatAlreadyCdavCheck {
    width: 23px;
}

.previousImage {
    left: 20px;
    top: 0;
}

.nextImage {
    right: 20px;
    top: 0;
}

.previousImage, .nextImage {
    cursor: pointer;
    display: none;
    opacity: 0.8;
    position: absolute;
}

.arrowLowOpacity {
    opacity: 0.2;
}

.fpCatchPhraseBlocContainer {
    display: table;
    line-height: 1em;
    margin: 10px auto 0 auto;
}

.fpCatchPhraseBloc {
    margin: 0 auto;
    text-align: center;
    width: 100%;
}

.fpBigQuotes {
    color: #878787;
    display: table-cell;
    font-size: 33px;
    text-align: center;
    vertical-align: top;
}

    .fpBigQuotes.bigQuotesLeft {
        margin-right: 8px;
    }

    .fpBigQuotes.bigQuotesRight {
        margin-left: 8px;
    }

.fpCatchPhrase {
    color: #878787;
    display: table-cell;
    font-size: 14px;
    font-style: italic;
    font-weight: normal;
    line-height: 17px;
    margin-bottom: 20px;
    text-align: center;
    vertical-align: middle;
}

.fpCompleteHRating {
    display: none;
}

.ratingPublishBy .imgSyndRating {
    max-height: 40px;
    max-width: 80px;
}

.shRating {
    cursor: pointer;
    color: #096ec8;
    margin-left: 3px;
}

.fpPrdDescLine {
    display: table;
    table-layout: fixed;
}

    .fpPrdDescLine > div {
        display: table-cell;
        padding: 10px 0;
        vertical-align: top;
        width: 49%;
    }

/*Left Selector*/
.fpLeftSelectorTitle {
    font-size: 12px;
    margin: 10px 0 0 0;
    overflow: hidden;
    width: 100%;
}

    .fpLeftSelectorTitle:before, .fpLeftSelectorTitle:after {
        border-bottom: rgb(215, 217, 228) solid;
        border-width: 1px;
        content: '';
        display: inline-block;
        vertical-align: middle;
    }

.fpLeftColorSelectorTitle:before, .fpLeftColorSelectorTitle:after {
    margin-bottom: 7px;
}

.fpLeftSelectorTitle:before {
    margin-left: -100%;
    margin-right: 1em;
    width: 100%;
}

.fpLeftSelectorTitle:after {
    margin-right: -100%;
    margin-left: 1em;
    width: 100%;
}

.fpLeftColorSelectorTitle p {
    display: inline-block;
    max-width: 170px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fpLeftSelector {
    display: inline-block;
    font-size: 12px;
    margin-top: 10px;
}

.fpLeftBlockSelector {
    height: 30px;
}

.fpOthBlockSelector {
    margin-bottom: 20px;
}

.fpQuantityBlockSelector {
    margin: auto;
}

.fpLeftBlockSelectorInfo .fpLeftBlockSelect {
    display: inline-block;
    position: relative;
    width: auto;
}

.fpLeftBlockSelectorInfo select {
    border: none;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    font-size: 15px;
    font-weight: bold;
    padding: 7px 5px 0 5px;
    width: 30px;
}

    .fpLeftBlockSelectorInfo select::-ms-expand {
        display: none;
    }

select:active, select:focus {
    box-shadow: none;
    outline: none;
}

.fpLeftBlockSelect:after {
    cursor: pointer;
    position: absolute;
    top: 9px;
    right: 2px;
    z-index: -10;
}

.fpPriceXQtyBloc {
    display: inline-block;
    font-size: 12px;
    margin-left: 5px;
}

    .fpPriceXQtyBloc span.price,
    .fpPriceXQtyBloc .price sup.priceExhibitor.priceExhibitorDisplay {
        margin-left: 3px;
    }

.fpRimPictoGeoloc {
    padding-top: 3px;
}

.fpRimAlignPicto {
    padding-left: 12px;
}

.offersListTitle.expressDelivery {
    text-align: center;
    border: none;
}

/* TEST new FAQ Box*/
#fpFAQRatings {
    margin-bottom: 20px;
}


    #fpFAQRatings.noQuestion.noRating .testNewFAQBox.fpFAQBox {
        width: 100%;
    }

.testNewFAQBox .fpFAQResultSort {
    margin: 10px 0 0 10px;
}

.testNewFAQBox .fpFAQSearchAndAsk {
    display: table;
    height: 48px;
    width: 100%;
}

.fpFAQNumberSorting {
    padding: 30px 0 6px 0;
    position: relative;
    width: 100%;
}

.testNewFAQBox .fpFAQSrc {
    border: 1px solid #d7d9e4;
    border-radius: 8px;
    display: table-cell;
    width: 100%;
}

.testNewFAQBox .fpFAQNbr {
    border-radius: 8px;
    display: table-cell;
    font-size: 1.6em;
    font-weight: bold;
    height: 55px;
    line-height: 55px;
    padding: 0;
    width: 100%;
}

.testNewFAQBox .fpFAQSrcOr {
    color: #323232;
    display: table-cell;
    font-size: 16px;
    font-weight: bold;
    padding: 0 15px 0 20px;
    text-align: right;
    width: 100%;
}

.testNewFAQBox .fpFAQResultCta {
    display: table-cell;
}

.testNewFAQBox .fpFAQSrc input[type=text] {
    border: none;
    height: 20px;
    outline: none;
    padding-left: 18px;
    width: calc(100% - 115px);
    padding-top: 8px;
}

.testNewFAQBox .fpFAQSrc input[type=button] {
    height: 32px;
    margin-right: 11px;
    vertical-align: middle;
    width: 100px;
}

.testNewFAQBox .fpFAQBt {
    height: 32px;
    padding: 0 12px;
    vertical-align: middle;
}

.puForm a {
    color: #096ec8;
}

.testQaBlocProduct {
    position: relative;
}

.testNewFAQBox .fpFAQSort {
    color: #323232;
    display: inline-block;
    font-size: 12px;
}

    .testNewFAQBox .fpFAQSort select {
        border: 1px solid #d7d9e4;
        border-radius: 4px;
        padding: 10px 8px;
    }

.testNewFAQBox span {
    margin-right: 0.4%;
}

.testNewFAQBox a {
    text-decoration: none;
}

    .testNewFAQBox a:hover {
        text-decoration: underline;
    }

.fpSameQ {
    color: #096ec8;
}

.testNewFAQBox .fpFAQ {
    margin-left: 10px;
}

.testNewFAQBox .fpFAQQuestion {
    background-color: #ffffff;
    cursor: pointer;
    display: block;
    padding-bottom: 1px;
}

.fpQAnswers {
    overflow: hidden;
    zoom: 1;
}

.fpIcon, .fpIconM {
    color: #323232;
    font-size: 40px;
    font-weight: normal;
    height: 19px;
    left: 1.5%;
    position: absolute;
    display: none;
}

.fpQuestionHeader {
    margin-bottom: 4.5%;
}

    .fpQuestionHeader.fpQAnswers .fpIconM, .fpQuestionHeader.fpQAnswers.expanded .fpIcon, .fpQuestionHeader .fpIconM {
        display: none;
    }

    .fpQuestionHeader .fpIcon {
        color: #c8c8c8;
        display: inline;
    }

    .fpQuestionHeader.fpQAnswers .fpIcon {
        color: #323232;
        display: inline;
    }

    .fpQuestionHeader.fpQAnswers.expanded .fpIconM {
        display: inline;
        font-family: monospace;
        font-weight: bold;
        padding-left: 0.5%;
    }

.fpQAContent {
    display: none;
}

.fpSubReport {
    color: #696969;
}

.testNewFAQBox .fpFAQTTit, .testNewFAQBox .fpFAQTTitAnswer {
    background-color: #ffffff;
    color: #44c260;
    display: none;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 0.5%;
}

.testNewFAQBox .fpFAQQuestionZone {
    margin-left: 20px;
}

.testNewFAQBox .fpFAQBestQuestion .fpFAQTTit, .fpQAContent .fpFAQBestAnswer .fpFAQTTitAnswer {
    display: inline-block;
}

.fpQAContent .fpFAQBestAnswer .fpFAQTTit {
    padding-left: 0;
}

.testNewFAQBox .fpFAQQuestionLblZone {
    color: #424242;
    font-size: 18px;
    font-weight: bold;
    margin-left: 3%;
    padding-top: 0.4%;
}

.fpQuestionSubHeader {
    margin: 0 0 0 3%;
    line-height: 21px;
    width: 70%;
}

.testNewFAQBox .fpFAQQuestionText {
    color: #323232;
    font-size: 16px;
    font-weight: bold;
    margin-top: 1.5%;
    width: 82%;
}

.testNewFAQBox .fpFAQBestQuestion .fpFAQQuestionText {
    margin-top: 0.2%;
}

.testNewFAQBox .fpAnswerCount {
    background: #fff;
    border: 1px solid #d7d9e4;
    border-radius: 4px;
    color: #2c84f2;
    font-size: 13px;
    height: 68px;
    margin-top: 0.5%;
    padding: 0.5% 1%;
    position: absolute;
    right: 20px;
    text-align: center;
    width: 8.5%;
}

.fpAnswerCount .fpANumber, .fpAnswerCount .fpANumberZero {
    color: #2c84f2;
    display: inline-block;
    font-size: 30px;
    text-transform: none;
}

.fpAnswerCount .fpZero, .fpAnswerCount .fpANumberZero {
    color: #ced0d9;
}

.testNewFAQBox .fpFAQShowBestAnswer .fpFAQBestAnswer.fpFAQAnswer {
    border-left: 2px solid #323232;
}

.fpQuestionDivider {
    border-color: #cccccc;
    border-style: solid;
    border-width: 0 0 1px;
    margin: 1% 0;
}

.testNewFAQBox .fpFAQShowBestAnswer .fpFAQBestAnswer.fpFAQAnswer:before {
    content: '';
    height: 12px;
    left: -30px;
    position: absolute;
    top: calc(50% - 12px);
    width: 12px;
}

.testNewFAQBox .fpFAQAnswer {
    position: relative;
}

.fpAnswerData {
    padding-top: 33px;
    position: absolute;
    width: 180px;
    zoom: 1;
}

    .fpAnswerData .fpQASignature {
        color: #323232;
        font-size: 13px;
        font-weight: bold;
        text-align: center;
    }

.testNewFAQBox .fpFAQAnswerClose {
    display: none;
}

.testNewFAQBox .fpFAQAnswer p {
    font-size: 16px;
}

.testNewFAQBox .fpFAQAnswerDetails {
    color: #878787;
    font-size: 12px;
    margin-top: 5px;
}

.testNewFAQBox .fpFAQratSocial {
    margin-top: 15px;
}

    .testNewFAQBox .fpFAQratSocial .fpFAQratSocialTitle {
        cursor: initial;
        font-weight: normal;
    }

    .testNewFAQBox .fpFAQratSocial > span {
        cursor: pointer;
        font-weight: bold;
    }

        .testNewFAQBox .fpFAQratSocial > span > span {
            color: #878787;
        }

.testNewFAQBox .fpFAQQuestionCta {
    border-collapse: separate;
    border-spacing: 10px;
    display: table;
    margin: 3% 0 0 30px;
}

.fpBtnBorderAnswer {
    border-color: #d3d3d3;
}

.fpBtnBorderMoreAnswers {
    border-color: #ffffff;
}

.testNewFAQBox .fpFAQQuestionCta > div.hiddenCta, .testNewFAQBox .fpFAQQuestionCta > input.hiddenCta {
    display: none;
}

.testNewFAQBox .fpFAQQuestionCta > div, .testNewFAQBox .fpFAQQuestionCta > input {
    display: table-cell;
    height: 32px;
    padding: 0 5px;
    vertical-align: middle;
}

.testNewFAQBox .puFm {
    display: none;
    margin: 30px 0 -25px 40px;
}

    .testNewFAQBox .puFm textarea {
        border: 1px solid #d7d9e4;
        border-radius: 6px;
        color: #323232;
        font-size: 14px;
        padding: 15px 20px;
        width: 100%;
    }

    .testNewFAQBox .puFm input {
        border: 1px solid #d7d9e4;
        border-radius: 6px;
        color: #323232;
        font-size: 12px;
        margin-top: 10px;
        padding: 12px 20px;
        width: 170px;
    }

    .testNewFAQBox .puFm p {
        margin-top: 10px;
    }

.testNewFAQBox .qaAnswerSent {
    display: none;
    margin-top: 35px;
    margin-left: 40px;
}

    .testNewFAQBox .qaAnswerSent > p > span {
        font-size: 16px;
        font-weight: bold;
    }

.testNewFAQBox .qaAnswerSentError, .qaAnswerValidationError {
    color: #FF0000;
    display: none;
}

.testNewFAQBox .qaAnswerSentError {
    margin-left: 40px;
}

.testNewFAQBox .fpFAQPagination {
    height: 32px;
    margin-top: 40px;
    position: relative;
    width: 100%;
}

    .testNewFAQBox .fpFAQPagination a {
        height: 32px;
        line-height: 32px;
        width: 100px;
    }

        .testNewFAQBox .fpFAQPagination a.prev {
            position: absolute;
            left: 10px;
        }

        .testNewFAQBox .fpFAQPagination a.next {
            position: absolute;
            right: 10px;
        }

        .testNewFAQBox .fpFAQPagination a.btdisable {
            cursor: default;
            opacity: 0.5;
            pointer-events: none;
        }

.qaBlocProduct.fpOutOfStock ~ #fpRating, .qaBlocProduct.fpOutOfStock ~ .fpFAQBox {
    width: 100%;
}

    .qaBlocProduct.fpOutOfStock ~ .fpFAQBox .fpCaTitle {
        width: 100%;
    }

    .qaBlocProduct.fpOutOfStock ~ .fpFAQBox .fpFAQSrc {
        width: 85%;
    }

    .qaBlocProduct.fpOutOfStock ~ .fpFAQBox .fpAnswerContent {
        width: 79.2%;
    }

.qaBlocProduct.fpOutOfStock {
    display: none;
}
ul.offersList.jsOffersList li.expressHighlight {
    border: none;
}

.infoCli .ratingPublishBy .CommTesteurs {
    margin-left: 1%;
    margin-right: 1%;
}

.infoCli .ratingPublishBy .Influenceur {
    border: 1px solid #e23a05;
    color: #323232;
    margin-left: 10px;
    padding: 3px 5px;
}

.fpInfluenceur {
    border: 1px solid #e23a05;
    color: #323232;
    margin-left: 10px;
    padding: 3px 5px;
}

.fpCommTesteurs {
    color: #096ec8;
    margin: 0 1%;
}

.ratingPseudoInflu {
    color: #e23a05;
    font-weight: bold;
}

.achatCert {
    font-size: 12px;
    font-weight: bold;
    margin-left: 10px;
}

.avisTest {
    border: 1px solid #ffce00;
    color: #096ec8;
    margin-left: 10px;
    padding: 3px 5px;
}

.displayBadge {
    display: table-cell;
    vertical-align: bottom;
}

.raContent.cdsReact {
    padding-top: 25px;
}

.ratingPosition {
    display: table-cell;
}

.fpProdRateStarsTit .ratingPosition {
    display: inline-block;
    margin-right: 15px;
}

.fpProdRateVendors {
   display: inline-block;
   line-height: 12px;
}

.fpProdRateVendors > div {
   display: inline-block;
}

.fpProdRateVendors > div + div {
   margin-left: 5px;
}

#fpFAQRatings .alignRat .raCtImg {
    display: table-cell;
    vertical-align: top;
}

.raContent .raCtImg .logoCDS {
    color: #293847;
    display: inline-block;
    font-weight: bold;
    height: 12px;
    margin-right: 25px;
    width: 76px;
}

.fpFAQAnswer .fpAnswerBubble {
    display: block;
    height: 20px;
    left: 191px;
    position: relative;
    top: 30px;
    width: 10px;
}

.fpAnswerContent {
    background-color: #FFF;
    border-color: #cccccc;
    border-style: solid;
    border-width: 1px;
    margin-left: 200px;
    padding: 18px;
    width: 70.2%;
}

.fpFAQAnswerDetails .logoCDS {
    color: #293847;
    display: inline-block;
    font-weight: bold;
    height: 5%;
    margin: 10px 20px 0 50px;
    width: 60%;
}

/**/
/* Formulaire p_fpSendReviewImage*/
a.imgUploadedLink {
    background: #fff;
    border: 1px solid #096ec8;
    border-radius: 50%;
    height: 20px;
    margin-left: 73px;
    padding-top: 2px;
    position: absolute;
    text-align: center;
    top: 46.5em;
    vertical-align: middle;
    width: 20px;
}

    a.imgUploadedLink:hover {
        border: 2px solid #096ec8;
        font-weight: bold;
        padding-top: 1px;
        text-decoration: none;
    }

.imgUploaded > img {
    border: 1px solid #d7d9e4;
    display: table;
    height: 50px;
    margin-right: 20px;
    max-width: 85px;
    width: auto;
}

.DisplayMessage {
    color: #FF0000;
    display: none;
    margin-top: 10px;
}

.sliderContainer {
    background: #dfdfdf;
    height: 550px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 60%;
}

.imgContainer {
    height: auto;
    margin: auto;
    position: absolute;
    width: auto;
}

    .imgContainer span {
        display: none;
    }

.detailsContainer {
    height: 550px;
    left: 60%;
    overflow-y: auto;
    padding: 10px;
    position: relative;
    width: 40%;
}

.current {
    z-index: 1;
}

.popin.container.customerReview {
    left: calc((100% - 1024px) /2);
    max-height: 550px;
    max-width: 1040px;
    position: fixed;
    top: calc((100% - 550px) / 2);
    width: 100%;
}

.crLast, .crNext {
    background-color: rgb(255, 255, 255);
    cursor: pointer;
    height: 90px;
    position: absolute;
    text-align: center;
    top: calc(50% - 45px);
    width: 45px;
    z-index: 3;
}

.crLast img, .crNext img {
    position: relative;
    top: 34%;
}

.crLast {
    border-radius: 0 5px 5px 0;
    box-shadow: 1px 0px 4px 0px rgba(0, 0, 0, 0.2);
    left: 0;
}

.crNext {
    border-radius: 5px 0 0 5px;
    box-shadow: -1px 0px 4px 0px rgba(0, 0, 0, 0.2);
    padding: 0 12px 0 15px;
    right: 0;
}  

.pClose.Fermer, .pClose {
    font-size: 12px;
    font-weight: bold;
    text-align: right;
    z-index: 100;
}

.Fermer {
    margin-top: 5px;
}

img.ImgfpReview {
    height: 80px;
    margin: 10px 10px 10px 0;
    width: auto;
}

.sliderContainer .imgContainer {
    background: #ccc;
    height: 73%;
    margin: 10% 0;
    text-align: center;
    width: 100%;
}

.detailsContainer .ratSocial {
    border: 0;
    position: relative;
    text-align: left;
    width: 98%;
}

.infoCli .title .bold {
    display: table-cell;
    font-size: 20px;
    height: 20px;
}

.fpReviewPopin {
    display: table;
}

.fpReviewBloc {
    display: block;
}

.fpRatingPublishBy {
    color: #878787;
    display: table-cell;
    margin-top: 5px;
    text-align: left;
}

p.fpDatepopinReview {
    color: #878787;
    display: inline;
    font-size: 1em;
    font-weight: bold;
    line-height: 1.5em;
    margin: 1.5em 0;
    padding: 0 15px 0 5px;
    text-align: left;
}

.fpRatingReport {
    color: #096ec8;
    cursor: pointer;
    font-weight: bold;
    text-decoration: none;
}

.livGratuit {
    color: #000000;
}

.PreCMDD, .txtLk {
    font-size: 1.16em;
    font-weight: bold;
}

.preCmdColor {
    color: #000000;
}
/* css block payment 4x*/
.fpBlockPayementPrice4x {
    color: #323232;
    display: inline-block;
    position: absolute;
    text-align: left;
}

.fpBlockLine4x {
    background-color: #ffffff;
    border-top: 1px dotted #d7d9e4;
    display: inline-block;
    height: 1px;
    margin: 0 33% 0 23%;
    width: 40%;
}

.fpBlockMsg4x {
    color: #323232;
    display: inline-block;
    font-size: 13px;
    height: 52px;
    letter-spacing: normal;
    line-height: 1.43em;
    position: absolute;
    right: 0;
    text-align: right;
    width: 76px;
}

.fpBlockPriceDay4x {
    color: #323232;
    display: table-cell;
    font-size: 18px;
    line-height: 1.9em;
    right: 0;
    text-align: right;
    width: 100%;
}

.fpLayerBlock4x {
    color: #ff0000;
    font-size: 30px;
    font-weight: bold;
    text-align: left;
}

    .fpLayerBlock4x sup {
        font-size: 15px;
    }

    .fpLayerBlock4x .textStyleLayer {
        line-height: 0.7em;
    }

.fpLeft4xTitle {
    margin-bottom: 5px;
}

.infoCli .ratingPublishBy .ratingPublishDetails {
    background-color: #fff;
    line-height: 1.4em;
    padding: .2em .9em .2em .5em;
}

.fpPayment4x.fpPayment4xWithoutFees {
    font-size: 15px;
}

.fpPayment4x {
    color: #323232;
    font-size: 18px;
    text-align: center;
}

.fpDivPaymentToDay4x {
    display: table;
}

.fpBlockprix4x {
    display: table-cell;
    text-align: left;
}

.fpBlockPayment4x {
    margin: 0 0 5px 1px;
    text-align: left;
}

.fpPaymentBloc {
    margin-bottom: 14px;
    margin-top: 8px;
}

.fpPayment4x::before, .fpPayment4x::after {
    border-bottom: rgb(215, 217, 228) solid;
    border-width: 1px;
    content: '';
    display: inline-block;
    height: 1px;
    vertical-align: middle;
    width: 22%;
}

.fpPayment4x::before, .fpPayment4x::after {
    width: 15%;
}

.fpPayment4x::before {
    margin-right: 0.2em;
}

.fpPayment4x::after {
    margin-left: 0.2em;
}

.fpPayment4xWithoutFees.fpPayment4x::before,
.fpPayment4xWithoutFees.fpPayment4x::after {
    width: 8%;
}

.fpPayment4xOneLine {
    margin: 10px 0 0 3px;
    text-align: left;
}

.fp4xOLText, .fp4xOLPrice {
    font-size: 18px;
}

.fp4xOLPrice {
    color: #f00;
}

.fp4xOLFees {
    color: #878787;
    font-size: 10.8px;
}

.fpRwdImg {
    height: 25px;
    margin: 1em 0;
    text-align: center;
    white-space: nowrap;
    width: 160px;
}

.fpImgPopin {
    bottom: 0;
    left: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    right: 0;
    top: 0;
}

div.containerPopin div.detailsContainer div.title {
    margin-bottom: 5px;
}

div.displayBadge span.avisTest a {
    color: #096ec8;
}
/*End*/

/*Debut FP*/
html.isPro span.stroken.displayToPro,
span.stroken.hideFromPro,
html.isPro span.price.displayToPro,
span.price.hideFromPro,
html.isPro span.c-price.displayToPro,
span.c-price.hideFromPro,
html.isPro .ecoBlk > span.displayToPro,
.ecoBlk > span.hideFromPro,
.fpVariationGroupOptionsContainer .hideFromPro,
.fpGarserCell .hideFromPro,
.fpOtherConditionAlsoAvailable .hideFromPro,
html.isPro .fpVariationGroupOptionsContainer .displayToPro,
html.isPro .fpGarserCell .displayToPro,
html.isPro .fpOtherConditionAlsoAvailable .displayToPro,
html.isPro .fpRimGeant span.displayToPro,
html.isPro .fpPriceBloc.fpSmallPrice .fpStrikedAfter .displayToPro,
html.isPro .fpStriked.fpStrikedAfter.jsFpStrikedAfter.displayToPro,
html.isPro .fpQuantCondD .bold.displayToPro {
    display: inline-block;
}

html.isPro .ecoBlk > span.hideFromPro,
.fpPriceBloc .displayToPro,
html.isPro .hideFromPro, html.isPro #fpBlocPrice .hideFromPro,
.fTopPrice .displayToPro,
span.stroken.fpDisplayToPro,
html.isPro span.stroken.hideFromPro,
span.price.displayToPro,
html.isPro span.price.hideFromPro,
span.c-price.displayToPro,
html.isPro span.c-price.hideFromPro,
.ecoBlk > span.displayToPro,
html.isPro .ecoBlk > span.hideFromPro,
.fpVariationGroupOption.displayToPro,
.fpRimGeant span.displayToPro,
.fpPriceBloc.fpSmallPrice .fpStrikedAfter .displayToPro,
.fpStriked.fpStrikedAfter.jsFpStrikedAfter.displayToPro,
html.isPro div.price.hideFromPro,
html.isPro .fpAssPriceBlkStroken.jsAssPriceBlkStroken.hideFromPro,
fpAssPriceBlkStroken jsAssPriceBlkStroken displayToPro,
html.isPro .jsOverlay.fpPro.hideFromPro,
html.isPro .fpColFloatSubscriptionChoices + .fpColFloatSubscriptionChoices.hideFromPro {
    display: none;
}

html.isPro #fpBlocPrice .priceTxt.displayToPro,
html.isPro #fpBlocPrice .fpQuantityBlockSelector .fpPriceXQtyBloc .priceTxt.displayToPro {
    display: block;
}

html.isPro .fpColFloatPrice.displayToPro {
    display: table-cell;
}

.fpQuantCondD span.hideFromPro.bold,
html.isPro .fpQuantCondD span.displayToPro.bold {
    display: inline;
}

html.isPro .fpPriceBloc.fpSmallPrice .fpStrikedBefore.displayToPro {
    display: block;
    margin-bottom: 10px;
}

.fpExposantSupLi {
    display: inline-block;
    margin-top: -3px;
}

.fpBlockPriceAlign {
    text-align: right;
    margin: -37px 0px 0px 0px;
}

.fpBlockAlignLeft {
    text-align: left;
}

.fpDisplayVolonteColor {
    color: #e23a05;
    font-weight: 800;
}

.fpExposantSupBloc {
    font-size: 100%;
    margin-left: 3px;
    position: relative;
    top: 0.4em;
}

.fpRightPrice {
    font-size: 14px;
    font-weight: bold;
    text-align: right;
    margin-top: -25px;
    padding-bottom: 10px;
}

.icon-i {
    border: 1px solid #d7d9e4;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    font-color: #323232;
    font-size: 9px;
    height: 15px;
    line-height: 15px;
    margin: 0 4px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 15px;
}

icon-i:hover {
    background-color: #d7d9e4;
    font-color: #fff;
}

.icon-i:hover span.infoToolTip {
    visibility: visible;
}

.icon-i .infoToolTip {
    background-color: #fff;
    border: 1px solid #d8d7d7;
    border-radius: 4px;
    bottom: 100%;
    box-shadow: 1px 2px 3px 0 rgba(121,121,121,.43);
    height: 30px;
    left: 50%;
    margin-left: -69px;
    padding-top: 45%;
    position: absolute;
    text-align: center;
    top: -35px;
    visibility: hidden;
    width: 140px;
    z-index: 1;
}

    .icon-i .infoToolTip ::after {
        border-color: #ffffff transparent transparent transparent;
        border-style: solid;
        border-width: 5px;
        content: "";
        left: 50%;
        margin-left: -5px;
        position: absolute;
        top: 100%;
    }

html.isPro .carouAnimco .cPdtItem .btGreen.btS {
    top: 378px;
}

html.isPro .carouAnimco .cPdtItem a + .cPdtItDescBullet + .cPdtItDesc + .price + .displayToPro,
html.isPro .carouAnimco .displayToPro.price.jsPrice.jsFpPriceSize {
    margin-top: 14px;
}

.carouAnimco .cPdtItem .btGreen.btS {
    display: block;
    height: 32px;
    left: 196px;
    position: absolute;
    top: 392px;
    width: 74px;
}
/*Fin FP*/

/* OpXy on fp*/
#bOpXy {
    background-color: #f7f7f7;
    border-radius: 26px;
    display: none;
    height: 52px;
}

.opArrow {
    display: inline;
    margin-top: 10px;
    margin-bottom: 17px;
    position: absolute;
    top: 8px;
}

    .opArrow::before {
        background: #f7f7f7;
        border-left: 2px solid #096ec8;
        border-bottom: 2px solid #096ec8;
        content: '';
        display: inline-block;
        height: 15px;
        position: absolute;
        transform: rotate(45deg);
        top: 31%;
        left: 19px;
        width: 15px;
    }

.backToSelectionBloc {
    display: inline-block;
    height: 100%;
    position: relative;
    width: 42px;
}

.backToSelection {
    color: #096ec8;
    display: none;
    font-size: 14px;
    padding: 0 0 0 37px;
    position: absolute;
    top: 17%;
    width: 123px;
}

.opSeperator {
    border-right: 1px solid #CBD5E4;
    display: inline-block;
    height: 88%;
    margin: 0 10px 5px 0;
}

.xProductBloc {
    display: inline-block;
    position: relative;
    top: -24px;
    width: calc(100% - 390px);
}

    .xProductBloc img {
        height: 45px;
        width: 45px;
        margin-right: 15px;
    }

    .xProductBloc .xProductText {
        display: inline-block;
        font-size: 13px;
        font-weight: bold;
        vertical-align: middle;
        width: calc(100% - 80px);
    }

.yPriceBloc {
    display: inline-block;
    position: relative;
    top: -20px;
    text-align: right;
    width: 310px;
}

.opPrice {
    margin-right: 15px;
    position: relative;
    top: 11px;
    width: 190px;
}

    .opPrice img {
        height: 13px;
        margin: -6px 6px 0 0;
        width: 16px;
    }

.raOpCoXyCarrouselItemPriceBlockTextBold {
    font-weight: bold;
}

.raOpCoXyCarrouselItemPriceBlockPrice {
    color: #ff0000;
    font-size: 27px;
    font-weight: bold;
}

.opPrice, .opAddBtn {
    display: inline-block;
}

    .opAddBtn .btCheck {
        border: none;
        padding: 0 !important;
    }

.raOpCoXyCarrouselItemPriceBlockStrikedPrice {
    color: #878787;
    font-size: 14px;
    margin-left: 3px;
    text-decoration: line-through;
}

.opPrice span {
    font-size: 14px;
}

.opPrice .raOpCoXyCarrouselItemPriceBlockPrice {
    font-size: 24px;
}

.disablefTopPriceDiv {
    display: none;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    opacity: 0.0;
    z-index: 1;
    width: 100%;
}

.disablefTopPrice .disablefTopPriceDiv {
    display: block;
}

.disablefTopPrice {
    opacity: 0.3;
}
/*End*/
/* DSI-4126 */
.btnContainer {
    display: inline-block;
    height: 50px;
    margin-left: 15px;
    vertical-align: top;
}

.btnEyeglassesTryOn {
    background: #096ec8;
    color: #ffffff;
    height: 35px;
    line-height: 35px;
    margin: auto 0 auto 0;
    padding: 0 5px;
    position: relative;
    top: 5px;
}

    .btnEyeglassesTryOn:hover {
        background: #398eda;
    }

.eyeGlassPopin {
    height: 100%;
    width: 100%;
    background-color: #FAFAFA;
}

.fpEyeGlassesTryOnPopin {
    height: 80vh;
    left: 15vw;
    max-width: 70vw;
    position: fixed;
    top: 10vh;
    width: 70vw;
}

    .fpEyeGlassesTryOnPopin > div:nth-of-type(2) {
        height: 97%;
        margin-top: 3%;
        width: 100%;
    }

.fullyTransparent {
    opacity: 0;
    pointer-events: none;
}
/* End DSI-4126 */

/* ProductSheet Shipping Geoloc */
.geolocPopin {
    padding: 20px;
    text-align: left;
    width: 370px;
}

    .geolocPopin form {
        display: flex;
        height: 40px;
    }

.geolocPopinTitle {
    color: #323232;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 12px;
}

.geolocPopinDetail {
    color: #878787;
    font-size: 13px;
    margin-bottom: 14px;
}

.geolocPopinZipCodeCol {
    min-width: 190px;
}

    .geolocPopinZipCodeCol input {
        -webkit-appearance: none;
        background-color: transparent;
        border-radius: 4px;
        border-width: 1px;
        border-style: solid;
        border-color: #cad5e3;
        box-sizing: border-box;
        color: #333;
        font-size: 14px;
        height: 40px;
        outline: 0;
        padding-left: 20px;
        position: relative;
        width: 100%;
        z-index: 1;
    }

.geolocPopinZipCodeUpdate {
    border-style: solid;
    border-width: 1px;
    font-size: 14px;
    height: 40px;
    margin: 0;
    width: 130px;
}

.geolocPopinConnect {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    width: 100%;
}

.geolocPopinSeparatorBloc {
    display: flex;
    flex-direction: row;
    margin: 14px 0;
}

.geolocPopinSeparator {
    align-self: center;
    border-top: 1px solid #cad5e3;
    width: 100%;
}

.geolocPopinSeparatorText {
    color: #323232;
    font-size: 14px;
    font-weight: bold;
    margin: 0 14px;
}

.errorZipCode {
    color: #ff0000;
    display: none;
    margin: 3px 0 0 3px;
}

.geolocPopin ::-webkit-scrollbar {
    width: 5px;
}

.geolocPopin ::-webkit-scrollbar-thumb {
    background: #ababab;
    border-radius: 2px;
}

.geolocPopinAdressList {
    max-height: 280px;
    overflow-y: scroll;
}

.geolocPopinAdress {
    border: 1px solid #cad5e3;
    border-radius: 3px;
    display: inline-flex;
    padding: 10px;
    width: 100%;
}

.geolocPopinAdressCheck {
    align-items: center;
    display: flex;
}

.geolocPopinAdress + .geolocPopinAdress {
    margin-top: 10px;
}

.geolocPopinAdressText {
    font-size: 14px;
    width: 100%;
}

.fpElementHidden {
    display: none;
}

.fpProductSetQuantityInput {
    background-color: #fff;
    border: 1px solid #d7d9e4;
    border-radius: 6px;
    font-size: 14px;
    height: 24px;
    margin-right: 5px;
    text-align: center;
    width: 60px;
}

.fpProductSetQuantitySubmitButton {
    background-color: #2bb04a;
    border: none;
    border-radius: 6px;
    color: #fff;
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    padding-bottom: 22px;
    padding-right: 1px;
    text-align: center;
    width: 32px;
}

.fpProductSetQuantitySubmitButtonDisabled {
    background-color: #d7d9e4;
}

.fpProductSetQuantitySubmitButtonEnabled {
    background-color: #398eda;
}

.fpQuantityErrorMessage .fpStockInsuffisantText {
    color: #ff0000;
}

.fpQuantityErrorMessage .fpQuantityMaxText {
    color: #323232;
    font-size: 13px;
    font-weight: normal;
    padding-right: 5px;
    text-align: right;
}

.fpQuantityErrorMessage {
    background: #fff;
    border: 1px solid #d3d3d3;
    border-radius: 4px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .25);
    display: none;
    padding: 5px;
    position: relative;
    right: 125%;
    top: -20px;
    white-space: nowrap;
    width: 360px;
    z-index: 1;
}

    .fpQuantityErrorMessage::after {
        background: #fff;
        border-left: 1px solid #d3d3d3;
        border-top: 1px solid #d3d3d3;
        bottom: 47px;
        content: " ";
        display: block;
        font-weight: bold;
        height: 10px;
        position: absolute;
        width: 10px;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
        left: calc(100% - 5px);
        top: calc(50% - 5px);
    }

/* End Productsheet Shipping Geoloc*/

/** 18. MEDIA QUERIES **/
/* BP < 1023px */
@media only screen and (max-width: 1023px) {
    .fpTMain .similiarSearch {
        width: auto;
    }

    .fpTMainRedesign .fpColFloat {
        margin-left: 10px;
    }

    .fourTimePayment::before,
    .sOSecurePaiement::before,
    .fpSOExchange::before {
        display: none;
    }

    .fpSOReinsurance .fpSODetails {
        padding-left: 10px;
    }

    .similiarSearchOutOfBestSales .fpSOCdsBorderLinksLF {
        width: 250px;
    }

    .similiarSearchOutOfBestSales .fpSOCdsBorderLinksLF {
        margin-right: 0px;
    }

    .fpSOSalesImgContainer .fpSOSalesImg,
    .fpTopSaleProductContainer .fpSOSalesImgContainer {
        height: 65px;
        width: 65px;
    }

    

    .fpVariationGroupBlock {
        max-width: calc(100% - 250px);
    }

    .fpRentalReinsurance {
        margin-top: 20px;
    }    

    .fpSizeSelector select, .fpOthSelector select {
        font-size: 11px;
    }

    .fpBSContent {
        width: 270px;
        width: calc(100% - 100px);
    }    

    .footerAdsPaves .goodDealBlock {
        width: 80px;
    }    

    .fpImg {
        width: 210px;
    }

    .fpTMain {
        width: calc(100% - 210px);
    }

    .fpMainImg > a img,
    .fpMainImgOutOfStock > a img {
        height: 200px;
        width: 200px;
    }

    .fpBrand {
        margin-bottom: 0;
        text-align: center;
        width: 100%;
    }

    .smallPic {
        margin-left: 0;
        max-width: 100%;
        width: 100%;
    }

        .smallPic li:first-child {
            padding-left: 0;
        }

    .fpPicto li {
        padding: 10px 0;
        width: 50%;
    }

    .fpCol + .fpCol {
        padding-left: 10px;
        width: 220px;
    }

    .fpRow .fpSOCol {
        width: 234px;
    }

    .fpColFloat {
        width: 220px;
    }

    .fpColFloatAdDisplayProductImg {
        display: block;
        margin-left: auto;
        margin-right: auto;
        padding-right: 0;
        vertical-align: initial;
        width: 100%;
    }

    .fpFormGarser > ul > li {
        max-width: calc(100% - 280px);
    }

    .fpZoomWindow {
        width: 100%;
        width: calc(100% - 220px);
    }

    .fpProgress {
        width: 180px;
    }
    /*New Vente Flash*/
    .fpBlueVfProgress {
        width: 180px;
    }
    /*End New Vente Flash*/
    .fpOneCk .btOrange {
        font-size: 1em;
    }

    .fpOneCkAddr {
        padding-left: 4px;
    }

    .fpMainImg,
    .fpMainImgOutOfStock {
        height: 200px;
    }

    .fpDesCol .fpWineSel {
        max-width: calc(100% - 250px);
    }

    .fpCatchPhraseBlocContainer {
        margin-bottom: 45px;
    }

    .fpPrdDescLine > div {
        display: inline-block;
        width: 100%;
    }

    

    .offersListTitle.fpRimPictoGeoloc {
        background: none;
    }

    .fpDealLogoAbolive {
        display: block;
        margin-left: 20px;
    }

    .popin.container.customerReview {
        left: calc((100% - 700px) /2);
        position: fixed;
        top: calc((100% - 600px) /2);
        width: 700px;
        max-width: 100%;
    }

    .detailsContainer {
        display: none;
    }

    .sliderContainer {
        height: 550px;
        left: 0;
        max-width: 700px;
        min-height: 478px;
        position: absolute;
        top: 30px;
        width: 100%;
    }

    .fpPriceBloc.fpSmallPrice .fpStrikedBefore,
    html.isPro .fpPriceBloc.fpSmallPrice .fpStrikedBefore.displayToPro {
        display: inline-block;
    }

    html.isPro .fpPriceBloc.fpSmallPrice .fpStrikedBefore.displayToPro {
        margin-bottom: 10px;
    }

    .fpPriceBloc.fpSmallPrice .fpStrikedAfter,
    .fpPriceBloc .fpStrikedAfter,
    .fpPriceBloc.fpSmallPrice .fpStrikedBefore.displayToPro {
        display: none;
    }

    .fpBlockLine4x {
        margin: 0 33% 0 33%;
        width: 25%;
    }

    .fpPayment4x::before, .fpPayment4x::after {
        width: 10%;
    }

    .fpPayment4xWithoutFees.fpPayment4x::before,
    .fpPayment4xWithoutFees.fpPayment4x::after {
        width: 2%;
    }

    .fpPriceBloc .fpPrice, .fpPriceBloc .fpCdavPrice,
    .fpPriceBloc.fpSmallPrice .fpPrice,
    .fpPriceBloc.fpSmallPrice .fpCdavPrice {
        margin-top: 3px;
        width: 100%;
    }

    .popin.container {
        height: 550px;
        left: 10%;
        max-height: 550px;
        max-width: 68.4%;
        position: fixed;
        top: 10%;
        width: 700px;
    }

    .detailsContainer {
        display: none;
    }

    .sliderContainer {
        height: 550px;
        left: 0;
        margin-top: 30px;
        max-width: 700px;
        top: 0;
        width: 100%;
    }

    .fp4xOLText, .fp4xOLPrice {
        font-size: 17px;
    }

    .xProductBloc .xProductText {
        font-size: 14px;
    }
    
    .fpSOForm .fpSOFMailRedesign {
        width: 143px;
    }

    .fpSOForm .fpSOAlertStock::before,
    .fpSOForm .fpSOAlertStock::after {
        width: 25%;
    }

    .fpSOCMailContainer .btBlueRedesign,
    .fpSOCMailContainer .btBlueRedesign:hover {
        width: 27%;
    }

    .fpTMain .fpSOFormResized {
        min-width: 221px;
    }

    .fpSOForm .fpSOFMailRedesign {
        width: 138px;
    }

    .fpQuantityErrorMessage {
        right: 88%;
        top: 53%;
    }

    .fpThumbnailsWrapper {
        height: 197px;
    }

    .fpLkRating {
        display: block;
    }
}
/* END BP < 1023*/

/* BP < 1280 **/
@media only screen and (max-width: 1280px) {
    #fpContent {
        padding: 0 16px;
    }
    
    .fpProdRateVendors > div {
        display: block;
    }
}
/* END BP < 1280 */

/* BP > 1280 **/
@media only screen and (min-width: 1280px) {

    #fpContent {
        padding: 0 40px;
    }
    

    .fpBSellers > li {
        width: 33%;
    }

        .fpBSellers > li:nth-child(3),
        .testAjaxCarrou.fpBSellers > li:nth-child(3) {
            display: block !important;
        }
    /* MARKETPLACE */
    .slrRate > div {
        border-right: 1px solid #edeff2;
        display: inline-block;
        width: 58%;
    }

    .slrRate > p {
        border-top: none;
        display: inline-block;
        height: 43px;
        margin: 0;
        padding: 0;
        vertical-align: top;
        width: 40%;
    }
    /* CDS CARD */
    .fpcDisc {
        width: 21.4%;
    }

    .fpcDesc {
        width: 31%;
    }

    .fpcDisc + .fpcDesc {
        width: 20%;
    }

    .fpcDesc + .fpcImg {
        width: 19.6%;
    }

    .fpImg {
        width: 410px;
    }

    .fpTMain {
        width: calc(100% - 410px);
    }

    .fpMainImg > a img,
    .fpMainImgOutOfStock > a img {
        height: 400px;
        width: 400px;
    }

    .testIncreaseImageSize.fpImg {
        width: 410px;
    }

    .fpImg .mekakoGomette {
        top: 0;
    }

    .outOfStock .fpCol:first-child, .fpMecaXY .fpCol:first-child {
        display: table-cell;
    }

    .outOfStock .fpCol:nth-child(2) {
        width: 33%;
    }

    .outOfStock .fpCol:last-child {
        width: 52%;
    }

    .fpMecaXY .fpCol:first-child {
        width: 15%;
        height: 100%;
    }

    .fpMecaXY .fpCol:nth-child(2) {
        padding-left: 5%;
        width: 33%;
    }

    .fpMecaXY .fpCol:last-child {
        padding-left: 5%;
        width: 52%;
    }

    .deliveryStress {
        min-height: 19px;
    }

    .fpMainImg,
    .fpMainImgOutOfStock {
        height: 400px;
    }

    .testIncreaseImageSize .fpMainImg,
    .testIncreaseImageSize .fpMainImgOutOfStock {
        height: 550px;
    }

    .fpAlert {
        border-left: 1px solid #d7d9e4;
        padding: 0 0 0 10px;
    }

    .fpAlertList {
        margin-top: 0;
    }

    .detailsContainer {
        overflow: auto;
    }
    /* DSI-3267-01*/
    .sliderContainer {
        background: #dfdfdf;
        height: 550px;
        left: 0;
        max-width: 700px;
        overflow: hidden;
        position: absolute;
        top: 0;
        width: 100%;
    }

    .popin.container.customerReview {
        left: calc((100% - 1140px) / 2);
        max-height: 550px;
        max-width: 1140px;
        position: fixed;
        top: calc((100% - 550px) / 2);
        width: 1140px;
    }

    .detailsContainer {
        left: 700px;
    }

    .fpRanking {
        display: inline-block;
        padding-top: 16px;
        position: absolute;
        right: 10px;
    }

        .fpRanking .icon-i .infoToolTip {
            left: -45px;
        }

            .fpRanking .icon-i .infoToolTip ::after {
                left: 88%;
            }

    .xProductBloc {
        width: calc(100% - 650px);
    }

    .yPriceBloc {
        width: 480px;
    }

    .backToSelection {
        display: inline-block;
    }

    .backToSelectionBloc {
        width: 130px;
    }

    .opPrice {
        width: auto;
        top: 0;
    }

    .fpOtherOffer {
        max-width: 154px;
    }
    
    .fpTopSaleProductContainer .fpSOTopSaleFirstItem {
        padding-right: 17px;
    }

    .fpSOTopSale .fpTopSaleProductContainer:last-child {
        padding-left: 17px
    }
}
/** END BP > 1280 */

@media only screen and (min-width:1440px) {

    .fpSOTopSale .fpTopSaleProductContainer {
        display: table-cell;
        width: 50%;
    }
}

/** BP > 1600 **/
@media only screen and (min-width: 1600px) {

    .fpBSellers > li {
        width: 25% !important;
    }

        .fpBSellers > li:nth-child(4),
        .testAjaxCarrou.fpBSellers > li:nth-child(4) {
            display: block !important;
        }

    .fpWineSel, .fpGarSer {
        min-width: 60%;
        width: initial;
    }
    /*A/B test*/
    .fpWineSel, .testfpGarSer {
        min-width: 60%;
        width: initial;
    }

    .fpImg {
        width: 560px;
    }

    .fpTMain {
        width: calc(100% - 560px);
    }

    .fpMainImg > a img,
    .fpMainImgOutOfStock > a img {
        height: 550px;
        width: 550px;
    }

    .testIncreaseImageSize.fpImg {
        width: 710px;
    }

    .fpMainImg,
    .fpMainImgOutOfStock {
        height: 550px;
    }

    .testIncreaseImageSize .fpMainImg,
    .testIncreaseImageSize .fpMainImgOutOfStock {
        height: 700px;
    }

    
    .fpSOCdsLinkLFAlignNoTopSale,
    .similiarSearch .fpSOCdsFirstLinksLF,
    .fpSOTopSale .fpTopSaleProductContainer {
        display: table-cell;
    }
}

@media only screen and (min-width: 1920px) {
     #fpContent {
        padding: 0 200px;
    }
}
/* Hack for IE 8 */
@media \0screen {
    .fpTCdavBtn input[type=checkbox] {
        display: inline-block;
        filter: alpha(opacity=0);
    }
}

@media only screen and (max-width: 1100px) {
    .fpProdRateVendors {
        line-height: 18px;
        display: initial;
    }
}

/* Css/PC/components/picto-label.css */
.c-pictoLabel {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 16px;
}
.c-pictoLabel > * + * {
  margin-left: 4px;
}
.c-pictoLabel > ul {
  flex: 0 0 100%;
}
.c-pictoLabel:not(:empty){
  margin-bottom: 8px;
}
.c-pictoLabel:empty{
 margin-bottom: initial;
}
.c-pictoLabel__icon {
  display: flex;
  align-items: center;
}
.c-pictoLabel__icon [class^="cds-"],
.c-pictoLabel__icon [class*=" cds-"] {
  font-size: 24px;
}
.c-pictoLabel__label {
    font-size: 14px;
}
.icon--promo {
  color: #e23b13;
}
.icon--business {
  color: #2bb04a;
}
.icon--cdav {
  color: #16b4f2;
}
.o-picto{
  display: inline-flex;
  align-items: center;
}
.o-picto > * + *{
  margin-left: 4px;
}
.icon--md {
  width: 24px;
  height: 24px;
  font-size: 24px;
}
.icon--sm {
  width: 16px;
  height: 16px;
  font-size: 16px;
}
.c-pictoLabel__label {
    font-size: 14px;
}
.o-picto span:nth-child(2) {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
}

/* à déplacer dans utilities lorsque l'on connaitra le context d'application des pictos label (cf DE)*/
.u-mr--16 {
    margin-right: 16px;
}
.u-mr--24 {
    margin-right: 16px;
}
.u-mt--8 {
    margin-top: 8px;
}
.u-mb--8 {
    margin-bottom: 8px;
}

/* PictoLabel - Variante */
.c-pictoLabel--tag {
    display: inline-flex;
    background-color: #efefef;
    padding: 4px;
}

/* A supprimer avec l'harmonisation des PictoLabel en FP */
.c-pictoLabel--shipping-list {
    padding: 0 4px;
}
/* Css/PC/components/link.css */
/* --------------------------------
File: links
Title: links
Descr: Gestion des liens
Version : 1.3186.0
-------------------------------- */
.o-link {
    color: currentColor;
}

    .o-link:hover {
        text-decoration: none;
        color: currentColor;
    }

    .o-link > [class^=cds-],
    .o-link > [class*=" cds-"] {
        font-size: 1.14em;
    }

.o-link--black {
    color: #323232;
}

    .o-link--black:hover {
        color: #323232;
    }

.o-link--blue {
    color: #096ec8;
}

    .o-link--blue:hover {
        color: #398eda;
    }

.o-link--white {
    color: #FFF;
}

    .o-link--white:hover {
        color: #FFF;
    }

/* Css/PC/components/picto.css */
/* --------------------------------
File: _picto.scss
Title: Picto
Descr: Comportement des pictos dans du texte
Version : 1.3186.0
-------------------------------- */
/* START / Object - Picto */
.o-picto {
    display: inline-flex;
    align-items: center;
}

    .o-picto > * + * {
        margin-left: 4px;
    }

.o-picto--baseline {
    align-items: baseline;
}

.o-picto--flex-end {
    align-items: flex-end;
}

.o-picto--flex-start {
    align-items: flex-start;
}

.o-picto--reverse {
    flex-direction: row-reverse;
}

.o-picto.o-link {
    position: relative;
    padding-left: calc(1.14em + 2px);
}

    .o-picto.o-link > [class^=cds-],
    .o-picto.o-link > [class*=" cds-"] {
        position: absolute;
        top: calc(50% - 0.5em);
        left: 0;
        font-size: 1.14em;
    }

    .o-picto.o-link.o-picto--reverse {
        padding-right: calc(1.14em + 2px);
        padding-left: inherit;
    }

        .o-picto.o-link.o-picto--reverse > [class^=cds-],
        .o-picto.o-link.o-picto--reverse > [class*=" cds-"] {
            left: inherit;
            right: 0;
        }

.o-picto--link {
    text-decoration: none;
}

/* Css/PC/block/wishlistheart.css */
/** 
    NEW WishlistHeart
**/

.WishlistHeart{
    position: absolute;
    right: 0;
    top: 0;
}

.WishlistHeart .popin {
    border-radius: 5px;
    box-shadow: 1px 1px 3px #5e5e5e;
    display: none;
    left: auto;
    max-width: 230px;
    padding: 10px;
    right: 4px;
    text-align: left;
    top: 65px;
    z-index: 11;
}

.WishlistHeart .popinError {
    background-color:#fff;
    border-radius: 5px;
    box-shadow: 1px 1px 3px #5e5e5e;
    left: auto;
    max-width: 230px;
    padding: 10px;
    position: relative;
    right: 4px;
    text-align: left;
    top: 65px;
    z-index: 11;
}

.WishlistHeart input[type="checkbox"] {
    display: none;
    height:60px;
    position: absolute;
    right: 0px;
    width:60px;
    z-index: 12;
}

.WishlistHeart input[type="checkbox"] + label {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 80%;
    cursor: pointer;
    height: 60px;
    position: absolute;
    right: 0;
    top: 0;
    width: 60px;
    z-index: 11;
}

.WlHeartContent.heartError{
   font-size: 13px;
   white-space: normal;
}

.WlHeartContent {
    display: table-cell;
    font-size: 12px;
    line-height: normal;
    white-space: nowrap;
}

.WlHeartContent .gras {
    color: #1d3b4a;
    display: inline-block;
    font-weight: bold;
    max-width: 104px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
    white-space: nowrap;
}

.WlPopinHeart::before {
    background: #fff;
    border-left: 1px solid #d3d3d3;
    border-top: 1px solid #d3d3d3;
    content: '';
    height: 14px;
    position: absolute;
    right: 17px;
    top: -7px;
    transform: rotate(45deg);
    width: 14px;
    z-index: 3;
}

.WlPopinHeart .pClose {
    display: none;
}

.popinError.WlPopinHeart.jsMsgVar,.popin.WlPopinHeart.jsWlPopinHeart{
    line-height: normal;
}

.WlHeartListAccess {
    color: #096ec8;
    font-size: 12px;
    text-decoration: none;
    white-space: nowrap;
}

.WlHeartListAccess:hover {
    color: #096ec8;
    text-decoration: underline;
}

.WlHeartListContent .WlHeartListAccess {
    color: #096ec8;
    display: table-cell;
    font-size: 13px;
    text-decoration: none;
}

.WlHeartListContent {
    color: #323232;
    font-size: 15px;
    text-align: left;
}

.WlHeartListContent > form > ul > li {
    background: #FFF;
    border: 1px solid #d7d9e4;
    border-radius: 3px;
    height: 52px;
    margin-bottom: 5px;
    width: 100%;
}

.WlHeartListContent > form > ul > li:hover {
    border: 1px solid #2a3847;
}

.WlHeartListContent > form > ul > .WlHeartCheckedList {
    border: solid 1px #1d3b4a;
}

.WlHeartListContent .WlHeartBlockList {
    display: block;
    padding-top: 0;
    width: 100%;
}

.WlHeartListContent .WlHeartDetails {
    color: #878787;
    font-size: 13px;
    margin-right: 15px;
}

.WlHeartListContent .WlHeartText {
    line-height: normal;
    vertical-align: middle;
    width: 100%;
}

.WlHeartListContent .WlHeartCheckbox > input[type="checkbox"] + .WlHeartCheckboxView,
.WlHeartListContent .WlHeartCheckbox > input[type="checkbox"] + input[type="hidden"] + .WlHeartCheckboxView {
    background-color: #FFFFFF;
    border: 1px solid #878787;
    border-radius: 3px;
    display: block;
    height: 18px;
    margin-left: 15px;
    margin-right: 15px;
    width: 18px;
}

.WlHeartCheckbox > input[type="checkbox"]:checked + .WlHeartCheckboxView,
.WlHeartCheckbox > input[type="checkbox"]:checked + input[type="hidden"] + .WlHeartCheckboxView {
    border: none;
}

.WlHeartCheckbox > input[type="checkbox"] {
    display: none;
}

.WlHeartTitleBlock {
    display: block;
    margin-bottom: 12px;
    margin-top: 18px;
}

.WlHeartTitleBlock.WlHeartOtherTitle {
    margin-top: 20px;
}

.WlHeartCreationList {
    display: table-cell;
    width: 100%;
}

.WlHeartCreationList input[type=text] {
    border: 0;
    border-bottom: 1px solid #878787;
    color: #323232;
    font-size: 15px;
    margin-bottom: 8px;
    margin-right: 15px;
    margin-top: 8px;
    padding-bottom: 8px;
    width: 95%;
}

.WlHeartCreatePlaceHolder {
    color: #878787;
    display: none;
    font-size: 12px;
    height: 0;
    position: relative;
    top: -9px;
}

span.WlHeartCreatePlaceHolder.WlHeartCreateDisplayBlock, span.WlHeartCreateValidity.WlHeartCreateDisplayBlock {
    display: block;
}

.WlHeartCreateTitle input[type=text] {
    border: 0;
    border-bottom: 1px solid #878787;
    color: #323232;
    font-size: 15px;
    padding-bottom: 5px;
    width: calc(100% - 15px);
}

.WlHeartCreateTitle input[type=text]:focus {
    outline: none;
}

.WlHeartCreateTitle input.WlHeartCreateTitleRedUnderline[type=text] {
    border-bottom: 1px solid #ff0000;
}

.WlHeartCreateButton, .WlHeartCreateTitle {
    display: table-cell;
    width: 100%;
}

.WlHeartBtSubCreation {
    border-radius: 6px;
    font-size: 13px;
    height: 38px;
    padding: 0;
    width: 60%;
}

input.btWhite.WlHeartBtSubCreation {
    border-radius: 6px;
    color: #096ec8;
    font-size: 14px;
    height: 32px;
    margin: 0;
    padding: 0 15px;
    width: 100%;
}

.WLimgChecked {
    content: '';
    display: table-cell;
    height: 11px;
    padding-right: 15px;
    width: 10px;
}

.WlHeartCell {
    display: table-cell;
    height: 50px;
    vertical-align: middle;
}

.WlHeartPopinctHeader .WlHeartPopinTitle {
    color: #323232;
    display: block;
    font-size: 18px;
    font-weight: bold;
}

.fpWlHeart {
    display: block;
    padding-top: 3px;
}

.popinFull {
    height: auto;
    left: calc(50% - 215px);
    max-width: 430px;
    padding: 20px 20px 25px 20px;
    text-align: left;
}
.popinFull .WlHeartMaxCountReachedMessage{
    bottom: 156px;
    color: #ff0000;
    font-size: 12px;
    left: 21px;
    position: absolute;
}
.popinFull .WlHeartMaxCountReachedMessage.WlHeartMaxCountReachedHidden{
    display:none;
}
.WlHeartListContent > form > ul > li.WlHeartListRedBorder{
    border-color: #ff0000;
}

.WlHeartCreateNewList {
    margin-bottom: 40px;
    margin-top: 40px;
}

.WlHeartCreateValidity {
    color: #ff0000;
    display: none;
    font-size: 12px;
    height: 0;
    position: relative;
    top: 7px;
}

.WlHeartCreationFailed {
    color: #ff0000;
    display: block;
    font-size: 12px;
    height: 0;
    position: relative;
    top: 7px;
}

.pClose {
    font-size: 1.5em;
    padding-top: 10px;
    text-align: right;
}

.WlCreationBloc .btWhite {
    border-radius: 6px;
    color: #096ec8;
    font-size: 13px;
    height: 38px;
    margin: 0 6px 0 0;
    padding: 0;
    width: 35%;
}



/* Css/PC/page/freeShipping.css */
/**
* LP/LR FP CSS
* 
**/


/* Composant livraisonGratuite */
.c-livraisonGratuite {
    background-color: #efefef;
    font-size: 13px;
    padding: 2px 4px 2px 4px;
    display: inline-flex;
    width: initial !important;
    line-height: 18px;
}

    .c-livraisonGratuite > .c-livraisonGratuite__icon,
    .c-livraisonGratuite > .icon-i {
        display: inline-block;
        vertical-align: middle;
    }

    .c-livraisonGratuite > .icon-i {
        width: 16px;
        height: 16px;
        background-color: white;
        margin: 0 0 0 4px;
    }

.c-livraisonGratuite__icon {
    margin-right: 4px;
}


/* END / Base - Icon */
/* START / Composant - Icon tooltip */
.c-livraisonGratuite .c-icon-i {
    border: 1px solid #cccccc;
    background-color: white;
    border-radius: 50%;
    cursor: pointer;
    color: #323232;
    font-size: 12px;
    line-height: 16px;
    width: 16px;
    height: 16px;
    position: relative;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    user-select: none;
    text-decoration: none !important;
    margin-left: 4px;
}

    .c-livraisonGratuite .c-icon-i:hover {
        color: #398eda;
    }

    .c-livraisonGratuite .c-icon-i:active {
        border-color: #096ec8;
        color: #096ec8;
    }
/* END / Composant - Icon tooltip */


/* style des ttOverBlk dans le composant livraisonGratuite */
/* NB : Rendre générique cad enlever le contexte livraisonGratuite */
.c-livraisonGratuite .ttOverBlk {
    font-size: 12px;
    border-radius: 4px;
    padding: 8px;
    text-align: left;
    width: 100%;
    margin-top: 12px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-shadow: initial;
    box-shadow: initial;
    border: medium none currentColor;
    border: initial;
    max-width: 280px;
}

.c-livraisonGratuite .ttOverBlk__content {
    line-height: 1.5;
}

.c-livraisonGratuite .ttOverBlk--dark {
    color: white;
    background-color: #293847;
    /* box-shadow: initial;
  border: initial;
  border-radius: initial;
  right: initial; */
}

    .c-livraisonGratuite .ttOverBlk--dark a {
        color: white;
        text-decoration: underline !important;
    }

    .c-livraisonGratuite .ttOverBlk__arrow {
        display: block;
        height: 12px;
        width: 12px;
        background-color: inherit;
        border: inherit;
        position: absolute;
        -webkit-clip-path: polygon(0% 0%, 100% 100%, 0% 100%);
        clip-path: polygon(0% 0%, 100% 100%, 0% 100%);
        border-radius: 0 0 0 3px;
        top: -6px;
        left: calc(50% - 12px);
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }

    .c-livraisonGratuite .ttOverBlk__arrow--top {
        top: -6px;
        left: calc(50% - 12px);
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }

    .c-livraisonGratuite .ttOverBlk__arrow--top-left {
        top: -6px;
        left: 8px;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }

    .c-livraisonGratuite .ttOverBlk__arrow--top-right {
        top: -6px;
        right: 8px;
        left: auto;
        left: initial;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }

    .c-livraisonGratuite .ttOverBlk__arrow--bottom {
        bottom: -6px;
        top: inherit;
        left: calc(50% - 12px);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .c-livraisonGratuite .ttOverBlk__arrow--bottom-left {
        bottom: -6px;
        top: inherit;
        left: 8px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .c-livraisonGratuite .ttOverBlk__arrow--bottom-right {
        bottom: -6px;
        top: inherit;
        right: 8px;
        left: auto;
        left: initial;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }


/* Hack */
#lpBloc .prdtBILFacilityP {
    position: relative;
}