@charset "utf-8";
/* reset + defaut css */
body {
    position: relative;
}
.main {
    max-width: 1600px;
    min-width: 940px;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
    margin: 0 auto;
    font-family: 'Lato', Helvetica, Arial, sans-serif;
    color: #000000;
    font-size: 12px;
    font-weight: normal;
}

.main, .main div {
    display: block;
}

.main img {
    width: 100%;
    height: auto;
}

.main, .main *, .main *:before, .main *:after, .popin, .popin *, .popin *:before, .popin *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1;
    vertical-align: baseline;
}

.main a, .popin a {
    text-decoration: none;
    color: inherit;
}

.main i, .popin i {
    font-weight: bold;
    font-family: 'Arial';
    font-style: normal;
}

a, a:active, a:focus, a:hover {
    outline-style: none;
}

ul, ol {
    list-style: none;
}

.main ul, .main ol, .main p, .main li, .popin ul, .popin ol, .popin p, .popin li {
    padding: 0;
    margin: 0;
}

/*.main button,.main input,.popin button{outline:none;-moz-appearance:none;-webkit-appearance:none;border:0;background:transparent;margin:0;padding:0;color:inherit;}*/
.main select, .main input, .main textarea {
    z-index: auto;
}

.hidepromo {
    visibility: hidden
}

#OngletMkp {
    display: none
}

.red {
    color: #e2001a
}

.green {
    color: #39a033
}

.blue {
    color: #1a6499;
}

.lightblue {
    color: #3d9ba7
}

.black {
    color: #000000
}

.bg-black {
    border: 1px solid #000000
}

.bg-lightblue {
    border: 1px solid #3d9ba7
}

.bg-red {
    border: 1px solid #e2001a
}

.bg-green {
    border: 1px solid #39a033
}

/* --- elements chartes --- */

/* fil d'arianne */
/*Modification du margin top  du fil d'arianne le 05/07/2019*/
.main .breadcrumb {
    font-size: 11px;
    color: #9e9e9e;
    padding: 0;
    margin: 10px 0 15px;
}

.main .breadcrumb a {
    text-decoration: underline;
}

.main .breadcrumb a:after {
    content: '>';
    display: inline-block;
    text-decoration: none;
    padding: 0 4px;
}


/* notes ajout alex */
.main .product-visual-infos .product-picto {
    flex-direction: column !important;
    z-index: 2;
    top: 345px;
    position: absolute !important;
}

.with-commercial-picto{
    top: 360px !important;
}

.main .product-visual-infos .product-picto .picto-energie {
    display: flex;
    align-items: center;
    height: 24px;
    font-size: 18px;
    border-radius: 1px;
    margin-right: 20px;
    color: white;
    position: relative;
    background-image: linear-gradient(var(--color-top), var(--color-mid), var(--color-bot));
}

.main .product-visual-infos .product-picto .picto-energie__triangle {
    cursor: unset;
    position: absolute;
    content: '';
    top: 0;
    right: -14px;
}

.main .product-visual-infos .product-picto .picto-energie.a_plus_plus_plus {
    --color-top: #009b4d;
    --color-mid: #00a751;
    --color-bot: #007d2e;
    /*background-image: linear-gradient(#009b4d, #00a751, #007d2e);*/

}

.main .product-visual-infos .product-picto .picto-energie.a_plus_plus {
    --color-top: #4ead46;
    --color-mid: #4fb947;
    --color-bot: #4e9946;
    /* background-image: linear-gradient(#4ead46, #4fb947, #4e9946);*/
}

.main .product-visual-infos .product-picto .picto-energie.a_plus {
    --color-top: #c3cf30;
    --color-mid: #c1d82d;
    --color-bot: #84851f;
    /*  background-image: linear-gradient(#c3cf30, #c1d82d, #84851f);*/
}

.main .product-visual-infos .product-picto .picto-energie.a {
    --color-top: #f2e600;
    --color-mid: #fef200;
    --color-bot: #ded200;
    /* background-image: linear-gradient(#f2e600, #fef200, #ded200);*/
}

.main .product-visual-infos .product-picto .picto-energie.b {
    --color-top: #f0af0b;
    --color-mid: #fcba0b;
    --color-bot: #dca40b;
    /*background-image: linear-gradient(#f0af0b, #fcba0b, #dca40b);*/
}

.main .product-visual-infos .product-picto .picto-energie.c {
    --color-top: #e7701a;
    --color-mid: #f3711a;
    --color-bot: #d36a1a;
    /*background-image: linear-gradient(#e7701a, #f3711a, #d36a1a);*/
}

.main .product-visual-infos .product-picto .picto-energie.d {
    --color-top: #e1141f;
    --color-mid: #ed141f;
    --color-bot: #cd141e;
    /* background-image: linear-gradient(#e1141f, #ed141f, #cd141e);*/
}

.main .product-visual-infos .product-picto .picto-energie__element {
    width: 40px;
    padding: 2px;
}

.main .product-visual-infos .product-picto .picto-energie__element sup {
    top: -5px;
}

.main .product-visual-infos .product-picto a {
    display: inline-block
}

/* notes / etoiles */
.with-opacity {
    opacity: 0
}

.popin .product-rating, .main .product-rating {
    display: block;
    color: #9e9e9e;
    margin: auto;
    cursor:pointer;
    margin-right: 20px
}

.popin .product-rating span, .main .product-rating span {
    text-decoration: underline;
}

.popin .product-rating:before, .main .product-rating:before {
    content: '';
    background-image: url('https://media.but.fr/Sources/Default/Images/Common/rating.png');
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    display: inline-block;
    width: 99px;
    height: 16px;
    overflow: hidden;
    vertical-align: middle;
    margin: 0 10px 2px 0;
}

.popin .product-rating.stars-0-0:before, .main .product-rating.stars-0-0:before {
    background-position: 0 0;
}

.popin .product-rating.stars-0-5:before, .main .product-rating.stars-0-5:before {
    background-position: 0 -18px;
}

.popin .product-rating.stars-1-0:before, .main .product-rating.stars-1-0:before {
    background-position: 0 -36px;
}

.popin .product-rating.stars-1-5:before, .main .product-rating.stars-1-5:before {
    background-position: 0 -53px;
}

.popin .product-rating.stars-2-0:before, .main .product-rating.stars-2-0:before {
    background-position: 0 -70px;
}

.popin .product-rating.stars-2-5:before, .main .product-rating.stars-2-5:before {
    background-position: 0 -87px;
}

.popin .product-rating.stars-3-0:before, .main .product-rating.stars-3-0:before {
    background-position: 0 -105px;
}

.popin .product-rating.stars-3-5:before, .main .product-rating.stars-3-5:before {
    background-position: 0 -122px;
}

.popin .product-rating.stars-4-0:before, .main .product-rating.stars-4-0:before {
    background-position: 0 -139px;
}

.popin .product-rating.stars-4-5:before, .main .product-rating.stars-4-5:before {
    background-position: 0 -157px;
}

.popin .product-rating.stars-5-0:before, .main .product-rating.stars-5-0:before {
    background-position: 0 -174px;
}

.main #inspiration-product .product-rating:before,
.main.version-bundle-pack .product-lot ul > li > .product-rating:before {
    content: '';
    background-image: url('https://media.but.fr/Desktop/Homepage/hp_t2s_derniers_produits_vus/rating.png');
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    display: inline-block;
    width: 80px;
    height: 16px;
    overflow: hidden;
    vertical-align: middle;
    margin: 0 5px 2px 0;
}

.main #inspiration-product .product-rating.stars-0-0:before, .main.version-bundle-pack .product-lot ul > li > .product-rating.stars-0-0:before {
    background-position: 0 0;
}

.main #inspiration-product .product-rating.stars-0-5:before, .main.version-bundle-pack .product-lot ul > li > .product-rating.stars-0-5:before {
    background-position: 0 -17px;
}

.main #inspiration-product .product-rating.stars-1-0:before, .main.version-bundle-pack .product-lot ul > li > .product-rating.stars-1-0:before {
    background-position: 0 -34px;
}

.main #inspiration-product .product-rating.stars-1-5:before, .main.version-bundle-pack .product-lot ul > li > .product-rating.stars-1-5:before {
    background-position: 0 -51px;
}

.main #inspiration-product .product-rating.stars-2-0:before, .main.version-bundle-pack .product-lot ul > li > .product-rating.stars-2-0:before {
    background-position: 0 -68px;
}

.main #inspiration-product .product-rating.stars-2-5:before, .main.version-bundle-pack .product-lot ul > li > .product-rating.stars-2-5:before {
    background-position: 0 -85px;
}

.main #inspiration-product .product-rating.stars-3-0:before, .main.version-bundle-pack .product-lot ul > li > .product-rating.stars-3-0:before {
    background-position: 0 -101px;
}

.main #inspiration-product .product-rating.stars-3-5:before, .main.version-bundle-pack .product-lot ul > li > .product-rating.stars-3-5:before {
    background-position: 0 -118px;
}

.main #inspiration-product .product-rating.stars-4-0:before, .main.version-bundle-pack .product-lot ul > li > .product-rating.stars-4-0:before {
    background-position: 0 -135px;
}

.main #inspiration-product .product-rating.stars-4-5:before, .main.version-bundle-pack .product-lot ul > li > .product-rating.stars-4-5:before {
    background-position: 0 -152px;
}

.main #inspiration-product .product-rating.stars-5-0:before, .main.version-bundle-pack .product-lot ul > li > .product-rating.stars-5-0:before {
    background-position: 0 -168px;
}

.main #customer-reviews-product .top-avis .product-rating:before {
    content: '';
    background-image: url('https://media.but.fr/Sources/Default/Images/Common/rating.png');
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    display: inline-block;
    width: 120px;
    height: 19px;
    overflow: hidden;
    vertical-align: middle;
    margin: 0 10px 2px 0;
}

.main #customer-reviews-product .top-avis .product-rating.stars-0-0:before {
    background-position: 0 -1px;
}

.main #customer-reviews-product .top-avis .product-rating.stars-0-5:before {
    background-position: 0 -22px;
}

.main #customer-reviews-product .top-avis .product-rating.stars-1-0:before {
    background-position: 0 -43px;
}

.main #customer-reviews-product .top-avis .product-rating.stars-1-5:before {
    background-position: 0 -64px;
}

.main #customer-reviews-product .top-avis .product-rating.stars-2-0:before {
    background-position: 0 -85px;
}

.main #customer-reviews-product .top-avis .product-rating.stars-2-5:before {
    background-position: 0 -106px;
}

.main #customer-reviews-product .top-avis .product-rating.stars-3-0:before {
    background-position: 0 -127px;
}

.main #customer-reviews-product .top-avis .product-rating.stars-3-5:before {
    background-position: 0 -148px;
}

.main #customer-reviews-product .top-avis .product-rating.stars-4-0:before {
    background-position: 0 -169px;
}

.main #customer-reviews-product .top-avis .product-rating.stars-4-5:before {
    background-position: 0 -190px;
}

.main #customer-reviews-product .top-avis .product-rating.stars-5-0:before {
    background-position: 0 -211px;
}

/* titres */
.main .t-1, .popin .t-1 {
    font-family: 'Lato';
    font-size: 24px;
    text-transform: none;
    font-weight: 300;
}
.main .product-visual-infos .t-1{
    padding-bottom: 5px;
}

/*.main .t-1 {
    width: 85%;
} */

.main .t-1 strong, .popin .t-1 strong {
    text-transform: uppercase;
    font-weight: normal;
}

.main .t-2, .popin .t-2 {
    font-family: 'Lato';
    font-size: 20px;
    text-transform: none;
    font-weight: 300;
}

.main .t-2 stong, .popin .t-2 stong {
    text-transform: uppercase;
    font-weight: normal;
}

.main .t-3, .popin .t-3 {
    font-family: 'Lato', Helvetica, Arial, sans-serif;
    font-size: 12px;
    text-transform: none;
    font-weight: normal;
}

.main .t-3 stong, .popin .t-3 stong {
    text-transform: uppercase;
    font-weight: bold;
}

.main .t-4, .popin .t-4 {
    font-family: 'Lato', Helvetica, Arial, sans-serif;
    font-size: 12px;
    text-transform: none;
    font-weight: normal;
}

.main .t-4 stong, .popin .t-4 stong {
    font-weight: bold;
}

/******************FP light**********************/
.picto-circulaire-light{
    clear: both;
}
.picto-circulaire-light .product-picto{
    justify-content: initial !important;
    flex-direction: initial !important;
    top: 125px !important;
    width: auto !important;
}

/* separations / bordures */
.main .product-strong-points,
.main .withdrawal-delivery,
.main .service-guarantee,
.main .pack-include {
    border-top: 1px solid #d7dde1;
    width: 100%;
    clear: both;
}

/* textes */
.main .t-heading, .popin .t-heading {
    margin-bottom: 37px;
    font-family: 'Lato';
    font-size: 20px;
    text-transform: uppercase;
    font-weight: normal;
}

.main .t-paragraph, .popin .t-paragraph {
    font-family: 'Lato';
    font-size: 14px;
    text-transform: uppercase;
    padding: 30px 0 19px 0;
}

.main .t-descrip {
    font-family: 'Lato', Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin: 0 23px 5px 0 !important
}

.main .t-descrip span {
    display: block;
    font-size: 14px;
    font-weight: 700;
    max-width: 100%
}

.main .t-paragraph.notUpper, .popin .t-paragraph.notUpper {
    text-transform: none;
}

.main .t-heading + .t-paragraph, .popin .t-heading + .t-paragraph {
    padding-top: 0;
}

.main .t-paragraph span, .popin .t-paragraph span {
    color: #e2001a;
}

.main .t-paragraph .blue, .popin .t-paragraph .blue {
    color: #1a6499;
}

.main .red {
    color: #e2001a;
}

.main .t-princ, .popin .t-princ {
    font-family: 'Lato', Helvetica, Arial, sans-serif;
    font-size: 14px;
}

.main .t-princ span, .popin .t-princ span {
    color: #e30613;
}

.main .t-details, .popin .t-details {
    font-family: 'Lato', Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: #666666;
}

.main .t-sec, .popin .t-sec {
    font-family: 'Lato', Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: #9e9e9e;
    padding-bottom: 2px;
}

.main .eco-mob {
    display: inline-block;
    vertical-align: inherit;
}

.main .t-popin, .popin .t-popin {
    font-family: 'Lato';
    font-size: 20px;
    font-weight: normal;
}

.main .t-available, .popin .t-available {
    font-family: 'Lato', Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #39a033;
    text-transform: uppercase;
    font-weight: bold;
}

.main .l-available .d-available {
    font-family: 'Lato', Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: #000000;
    text-transform: none;
    font-weight: normal;
}

.main .l-available .b-available {
    font-family: 'Lato', Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #ffa300;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 5px
}

.main .l-available .m-available {
    font-family: 'Lato', Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #39a033;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 5px
}

.main .l-available .lot-available {
    font-family: 'Lato', Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: #010101;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 5px
}

.main .l-available, .popin .n-available {
    font-family: 'Lato', Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #e2001a;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 5px
}

.main .t-available-little, .popin .t-available-little {
    font-size: 12px;
    color: #39a033;
    text-transform: none;
    position: relative;
}

.main .t-soon-little,
.popin .t-soon-little {
    font-size: 12px;
    color: #f58105;
    text-transform: none;
    padding-left: 20px;
    position: relative;
    max-width: 215px;
}

.main span.t-available-little {
    font-size: 12px;
}

.main .available-little .orange {
    font-family: 'Lato', Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: #f58105;
    text-transform: none;
}

.main .available-little .orange {
    font-size: 12px;
}

.main .t-little,
.popin .t-little {
    font-family: 'Lato', Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: #666;
    text-transform: none;
}

.main .t-soon,
.popin .t-soon {
    font-family: 'Lato', Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #ffa300;
    text-transform: uppercase;
    font-weight: bold;
}

.main .t-out,
.popin .t-out {
    font-family: 'Lato', Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #ed1c24;
    text-transform: uppercase;
    font-weight: bold;
}

.main .t-out-little,
.popin .t-out-little {
    font-family: 'Lato', Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: #ed1c24;
    text-transform: none;
    padding-left: 20px;
    position: relative;
}

.main .t-alert,
.popin .t-alert {
    background: #39a033;
    color: #ffffff;
    display: inline-block;
    font-family: 'Lato', Helvetica, Arial, sans-serif;
    font-size: 9px;
    line-height: 1.2;
    padding: 3px 3px 2px 3px;
    text-transform: uppercase
}

.main .t-upper, .popin .t-upper {
    text-transform: uppercase;
}

/* chiffres */
/* .main .reduc,  */
.popin .reduc,
.main .product-prices .reduc {
    font-family: 'Lato';
    font-weight: normal;
    padding: 6px 4px 4px 4px;
    color: #fff;
    background-color: #e2001a;
    font-size: 15px;
    display: inline-block;
    margin-bottom: 5px
}

.main .product-prices .reduc {
    margin: 2px 5px 0 0;
}

.main .old-price,
.popin .old-price {
    font-family: 'Lato';
    font-weight: normal;
    color: #9E9E9E;
    font-size: 17px;
    padding-right: 11px;
    position: relative;
}

.main .old-price sup,
.popin .old-price sup{
    vertical-align: super;
    font-size: 10px;
    text-decoration: line-through;
}

.main .old-price::before,
.popin .old-price::before {
    content: "";
    height: 1px;
    background-color: #9E9E9E;
    width: 66%;
    position: absolute;
    top: 55%;
}

.main .current-price,
.popin .current-price {
    font-family: 'Lato';
    color: #38373C;
}

.popin .current-price {
    font-weight: 400;
    font-size: 26px;
}

.main .current-price {
    font-weight: 700;
    font-size: 30px;
}

.popin .current-price sup,
.main .current-price sup{
    vertical-align: super;
    font-size: 15px;
}

.popin .current-price sup{
    display: inline-block;
}

.main .old-price.small,
.popin .old-price.small {
    font-size: 14px;
}

.main .current-price.small,
.popin .current-price.small {
    font-size: 20px;
}

.main .current-price.smaller,
.popin .current-price.smaller {
    font-size: 18px;
}

/* placement prix*/
.main .onglet .bloc-price {
    min-height: 105px;
}

.main .onglet .reduc {
    color: #ffffff;
    display: inline-block;
    padding: 5px;
    top: 0;
    background-color: #e30613;
}

.main .onglet .top-seller-picto{
    background-color: #1a6499;
    color: #ffffff;
    display: inline-block;
    padding: 5px;
    top: 0;
}

.without-eco-mob{
    position: absolute;
    top: 63px;
    left: 0;
}

.main .onglet .eco-mob.eco-mob-date {
    display: block;
    top: 80px
}

.main .onglet .eco-mob.eco-part span > span,
.main .onglet .eco-mob .eco-part + span > span,
.main .onglet .eco-mob.eco-mob-date > span,
.main .onglet .eco-mob-date-with-eco-part-eco-mob > span,
.main .onglet .eco-mob-date-with-eco-part-eco-mob-copie-privee > span,
.main .onglet .eco-mob-date-with-eco-mob-copie-privee > span,
.main .onglet .eco-mob-date-with-eco-part-copie-privee > span
{
    color: #38373C;
}

.eco-part{
    display: block;
}

.eco-part + span{
    display: block;
}

.n-rattache .current-price {
    position: absolute;
    top: 30px
}

.n-rattache .eco-mob {
    position: absolute;
    top: 55px;
}

.n-rattache .eco-part {
    left: 130px;
}

/* selects */
.main select::-ms-expand, .popin select::-ms-expand {
    display: none;
}

.main select:hover, .main select:focus, .main select:active, .popin select:hover, .popin select:focus, .popin select:active {
    cursor: pointer;
}

.main select.select-grey, .popin select.select-grey {
    border: 0;
    font-size: 14px;
    font-family: 'Lato';
    color: #ffffff;
    height: 22px;
    padding: 1px 17px 0 2px;
    width: 100%;
    max-width: 40px;
    outline: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: #768d9f url('/animations/Images/Default/Common/fleche-select-grey.png') no-repeat 17px -2px;
}

.main select.select-white, .popin select.select-white {
    border: 1px solid #d4d4d4;
    font-size: 14px;
    font-family: 'Lato';
    color: #666666;
    height: 30px;
    padding: 1px 17px 0 2px;
    width: 100%;
    max-width: 50px;
    outline: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: #ffffff url(/animations/Images/Default/Common/fleche-select.png) no-repeat 25px 4px;
}

.main .product-textual-infos .payment div.select-grey {
    color: #38373C;
    font-family: 'Lato', Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: 600;
}

.main .product-textual-infos .payment div.select-grey a{
    font-size: 14px;
    color: #38373C;
    background-color: transparent;
    padding: 0;
    text-decoration: underline;
}

.main .product-textual-infos .payment div.select-grey span{
    font-size: 16px;
    color: #e30613;
    font-weight: 900;
    background-color: transparent;
    padding: 0;
}

.main option, .popin option {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #ffffff;
    color: #000000;
    border: 0;
    border-bottom: 1px #cacaca dotted;
}

.main option:hover, .popin option:hover, .main option:active, .popin option:active, .main option:focus, .popin option:focus, .main option:selected, .popin option:selected {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #f3f3f3;
    color: #000;
}

/* boutons */
.main .btn-add-big, .popin .btn-add-big {
    font-family: 'Lato';
    padding: 13px 20px;
    background: #e2001a;
    font-size: 14px;
    text-transform: uppercase;
    color: #ffffff;
    max-width: 180px;
    max-height: 40px;
    transition-duration: .3s
}

.main .btn-add-big:hover,
.popin .btn-add-big:hover {
    background: #a20013
}

.main .btn-add-big-grey, .popin .btn-add-big-grey {
    font-family: 'Lato';
    padding: 15px 12px;
    background: #768d9f;
    font-size: 12px;
    text-transform: uppercase;
    color: #ffffff;
    width: 180px;
    display: inline-block;
    transition-duration: .3s
}

.main .btn-add-big-grey:hover,
.popin .btn-add-big-grey:hover {
    background: #6d8291
}
.main .btn-add-little, .popin .btn-add-little {
    font-family: 'Lato';
    padding: 9px 6px 10px 6px;
    background: #e2001a;
    font-size: 10px;
    text-transform: uppercase;
    color: #ffffff;
    max-height: 26px;
    width: 100%;
    text-align: center;
}

.main aside .scroll-box-info a:hover .btn-add-little {
    background: #a20013
}

.main.version-bundle-pack aside .scroll-box-info a:hover .btn-add-little {
    background: #a20013
}

.main .btn-add-little.btn-availability,
.popin .btn-add-little.btn-availability {
    background: #768d9f;
}

.main .btn-add-little-grey, .popin .btn-add-little-grey {
    font-family: 'Lato';
    padding: 7px 6px 8px 6px;
    background: #768d9f;
    font-size: 10px;
    text-transform: uppercase;
    color: #ffffff;
    text-align: center;
    position: absolute;
    bottom: 10px;
    display: block;
    transition-duration: .3s;
    margin: 0 10px;
}

.main aside .scroll-box-info a:hover .btn-add-little-grey {
    background: #6d8291
}

.main.version-bundle-pack aside .scroll-box-info a:hover .btn-add-little-grey {
    background: #6d8291
}

.main .btn-download-little, .popin .btn-download-little {
    font-family: 'Lato';
    padding: 10px 10px 8px 8px;
    background: #768d9f;
    font-size: 10px;
    text-transform: uppercase;
    color: #ffffff;
    max-width: 165px;
    max-height: 36px;
}

.main .btn-download-little:hover, .popin .btn-download-little:hover {
    background: #6d8291
}

.main .valid-btn, .popin .valid-btn {
    display: block;
    vertical-align: middle;
    position: relative;
}

.main .withdrawal-delivery .search-withdrawal-delivery .valid-btn input {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: #ffffff;
    border: 1px solid #c6c6c6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #9e9e9e;
    height: 38px;
    max-width: 280px;
    outline: none;
    padding: 8px 36px 8px 8px;
    width: 100%;
}

.main .valid-btn button, .popin .valid-btn button {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 4px;
    border: 0;
    font-size: 12px;
    font-family: 'Lato';
    color: #ffffff;
    height: 22px;
    padding: 6px 6px 7px 6px;
    outline: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: #768d9f;
    text-transform: uppercase;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1;
    vertical-align: middle;
}

#aside-availability-content {
    height: 40px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

/* input search */
.main .search-withdrawal-delivery form.search, #popin-stock-locator-search .search-withdrawal-delivery form.search {
    display: relative;
}

/*
{
    display: relative
;
}

*/

.main .search-withdrawal-delivery form.search ul.result {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    background: #fff;
    border: 1px solid #cacaca;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-height: 297px;
    overflow-y: auto;
    overflow-x: hidden;
}

#popin-stock-locator-search .search-withdrawal-delivery form.search ul.result {
    display: none;
    position: absolute;
    left: 0;
    top: 35px;
    width: 180px;
    background: #fff;
    border: 1px solid #cacaca;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-height: 297px;
    overflow-y: auto;
    overflow-x: hidden;
}

.main .search-withdrawal-delivery form.search ul.result li, #popin-stock-locator-search .search-withdrawal-delivery form.search ul.result li {
    padding: 8px;
    border: 0;
    font-family: 'Lato', Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: #222;
    line-height: normal;
}

.main .search-withdrawal-delivery form.search ul.result li:hover, #popin-stock-locator-search .search-withdrawal-delivery form.search ul.result li:hover {
    background: #f3f3f3;
    color: #39a033;
}

.main .search-withdrawal-delivery form.search ul.result li:not(:nth-of-type(1)), #popin-stock-locator-search .search-withdrawal-delivery form.search ul.result li:not(:nth-of-type(1)) {
    border-top: 1px dotted #cacaca;
}

.main .search-withdrawal-delivery form.search ul.result li span, #popin-stock-locator-search .search-withdrawal-delivery form.search ul.result li span {
    font-weight: bold;
}

/*
.main .withdrawal-delivery .search-withdrawal-delivery .valid-btn button:hover {
    background-color: #6d8291
}
*/

/* pictos / svg */
[class*="svg-"]:before {
    display: inline-block;
    width: 1.3em;
    height: 1.3em;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
    text-align: center;
    vertical-align: middle;
    margin: .2em;
}

.svg-mail:before {
    content: url('/Sources/Default/Images/Catalog/Product/svg/icon_mail.svg');
}

.svg-twitter:before {
    content: url('/Sources/Default/Images/Catalog/Product/svg/icon_twitter.svg');
}

.svg-pinterest:before {
    content: url('/Sources/Default/Images/Catalog/Product/svg/icon_pinterest.svg');
    font-size: 9px;
    margin-top: -4px;
}

.svg-facebook:before {
    content: url('/Sources/Default/Images/Catalog/Product/svg/icon_fb.svg');
    font-size: 6px;
    margin-top: -8px;
}

.svg-heart:before {
    width: 1.2em;
    content: url('/animations/Images/Default/Common/svg/svg-heart.svg');
}

.svg-heart.red:before {
    content: url('/animations/Images/Default/Common/svg/svg-red-heart.svg');
}

.svg-print:before {
    content: url('/animations/Images/Default/Common/svg/svg-print.svg');
}

.svg-compare:before {
    content: url('/animations/Images/Default/Common/svg/svg-compare.svg');
}

.svg-share:before {
    content: url('/animations/Images/Default/Common/svg/svg-share.svg');
}

.svg-bottom:before {
    content: url('/animations/Images/Default/Common/svg/svg-bottom.svg');
}

.svg-left:before {
    content: url('/animations/Images/Default/Common/svg/svg-left.svg');
}

.svg-right:before {
    content: url('/animations/Images/Default/Common/svg/svg-right.svg');
}

.svg-right-white:before {
    content: url('/animations/Images/Default/Common/svg/svg-right-white.svg');
}

.svg-livraison:before {
    width: 1.2em;
    content: url('/Sources/Default/Images/Purchase/Shipping/svg/svg-livraison.svg');
}

.svg-more:before {
    content: url('/animations/Images/Default/Common/svg/svg-more.svg');
}

.svg-pdf:before {
    content: url('/animations/Images/Default/Common/svg/svg-pdf.svg');
}

.svg-return:before {
    content: '';
    background: url('https://media.but.fr/Sources/Images/icon_retour_gratuit.svg') center center no-repeat transparent;
    background-size: 130%;
}

.svg-localisation:before {
    content: url('/animations/Images/Default/Common/svg/svg-localisation.svg');
}

.svg-multi-x:before {
    content: '';
    background: url('https://media.but.fr/Sources/Default/Images/ProductSheet/icon_payez_comme_vous_voulez.svg') center center no-repeat transparent;
    background-size: 130%;
}

.svg-3x:before {
    content: '';
    background: url('https://media.but.fr/Sources/Images/icon_paiement_3_fois.svg') center center no-repeat transparent;
    background-size: 130%;
}

.svg-4x:before {
    content: '';
    background: url('https://media.but.fr/Sources/Default/Images/Common/icon_paiement_4_fois.svg') center center no-repeat transparent;
    background-size: 130%;
}

.svg-but:before {
    content: url('/animations/Images/Default/Common/svg/svg-but.svg');
}

.svg-france:before {
    content: url('/animations/Images/Default/Common/svg/svg-france.svg');
}

.svg-gift:before {
    content: url('/animations/Images/Default/Common/svg/svg-gift.svg');
}

.svg-pc:before {
    content: url('/animations/Images/Default/Common/svg/svg-pc.svg');
}

.svg-tools:before {
    content: url('/animations/Images/Default/Common/svg/svg-tools.svg');
}

.svg-but:before {
    content: url('/animations/Images/Default/Common/svg/svg-but.svg');
}

.svg-chrono:before {
    content: url('/animations/Images/Default/Common/svg/svg-chrono.svg');
}

.svg-eyes-green:before {
    content: url('/animations/Images/Default/Common/svg/svg-eyes-green.svg');
}

.svg-cross-red:before {
    /*font-size: .65em;
    margin: -.4em .4em 0 0;*/
    content: url('/animations/Images/Default/Common/svg/svg-cross-red.svg');
    position: absolute;
    left: 0;
    top: 1px;
}

.svg-checkmark-green:before {
    font-size: .7em;
    margin: -.4em .4em 0 0;
    content: url('/animations/Images/Default/Common/svg/svg-checkmark-green.svg');
}

.svg-checkmark-yellow:before {
    content: url('/animations/Images/Default/Common/svg/svg-checkmark-yellow.svg');
}

.svg-checkmark-orange:before {
    content: url('/animations/Images/Default/Common/svg/svg-checkmark-yellow.svg');
}

.svg-more-red:before {
    content: url('/animations/Images/Default/Common/svg/svg-more-red.svg');
}

.svg-drive:before {
    content: url('/animations/Images/Default/Common/svg/svg-drive.svg');
}

.svg-livraison:before {
    content: url('/animations/Images/Default/Common/svg/svg-livraison.svg');
}

.svg-PickUpFromShop:before {
    content: '';
    background: url('https://media.but.fr/Sources/Images/ClickAndCollect.svg') center center no-repeat transparent;
    background-size: 130%;
}

.svg-ShippingByTransporter:before {
    content: '';
    background: url('https://media.but.fr/Sources/Images/ShippingByTransporter.svg') center center no-repeat transparent;
    background-size: 130%;
}

.svg-AfterWork:before {
    background-image: url('/Sources/Default/Images/Purchase/Shipping/soiree.png');
    background-size: 37px 32px;
    content: '';
    width: 37px;
    height: 32px;
}

.svg-ShippingByShop:before {
    width: 1.2em;
    content: url('/animations/Images/Default/Common/svg/svg-home-delivery.svg');
}

.svg-VanRental:before {
    content: '';
    background: url('https://media.but.fr/Sources/Images/VanRental.svg') center center no-repeat transparent;
    background-size: 130%;
}

.svg-ClickAndCollect:before {
    width: 1.2em;
    content: url('/animations/Images/Default/Common/svg/svg-chrono.svg');
}
.svg-RdvContactlessPickup:before {
    width: 1.2em;
    content: url('/animations/Images/Default/Common/svg/pick-up-from-shop.svg');
}
.svg-ShippingRelayPoint:before {
    width: 1.2em;
    content: url('/animations/Images/Default/Common/svg/svg-localisation.svg');
}

/* titre de page */
.main .product-sheet>h1 {
    padding: 10px 0;
    display: block;
    float: left;
    width: 100%
}

.main .light-version {
    padding: 30px;
}

.main .info-product-sheet {
    display: inline-block;
}

.main .info-product-sheet img {
    width: 55px;
    height: auto;
    padding: 0;
}

.main .product-sheet>.product-rating {
    padding: 0;
    margin: 0;
    display: block;
    float: left;
    width: -webkit-calc(100% - 180px);
    width: calc(100% - 180px);
}

/* titres de sections */
.product-part .t-heading {
    position: relative;
    display: block;
}

.product-part .t-heading:before {
    content: '';
    position: absolute;
    right: 0;
    bottom: 4px;
    border-bottom: solid 1px #9e9e9e;
    width: 100%;
}

.product-part .t-heading {
    padding: 0 25px 4px 0;
}

.product-part .t-heading>span {
    position: absolute;
    padding: 0 25px 0 0;
    background: #fff;
    min-height: 20px;
    bottom: 0;
    left: 0;
}

.main .picto-payment span,
.main .picto-payment span:hover,
.main .picto-payment span:active,
.main .picto-payment span:focus,
.target-to-sell .picto-payment span{
    background-color: #ffffff;
    box-sizing: border-box;
    display: block;
    font-family: 'Lato', Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 8px 5px 8px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

/* fix picto on product page */
#product-picto-commercial{
    clear: both;
    display: flex;
    margin-top: 30px;
}

#product-picto-commercial .payment.cost-free {
    display: flex;
}

#product-picto-commercial .picto-payment{
    width: max-content;
}

#product-picto-commercial .picto-comm,
#product-picto-commercial .payment.cost-free div:not(:first-child) {
    margin-right: 10px;
}

/****Début Only For IE******/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .main .picto-payment span,
    .main .picto-payment span:hover,
    .main .picto-payment span:active,
    .main .picto-payment span:focus,
    .target-to-sell .picto-payment span {
        border-top: 1px solid;
        border-bottom: 1px solid;
        border-right: 1px solid;
        border-left: 1px solid;
    }
}
/****Fin Only For IE******/

/* offre promotionelle limitée */
.main .offer {
    display: block;
    border-left: none;
    width: 265px;
    margin-bottom: 8px;
}

.main .extrarefundoffershide {
    display: none;
}

.offer--title{
    font-size: 'Lato';
    font-size: 14px;
    color: #38373C;
    font-weight: 700;
    margin-bottom: 5px;
}

.offer--button{
    width: 265px;
}

.offer--button button{
    display: block;
    margin: 0 auto;
    cursor: pointer;
    width: 20px;
}

.offer--button button::before{
    transition: all .2s ease-out;
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    border: 1px solid #38373c;
    border-top: 0;
    border-left: 0;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -ms-transform: translateY(2px) rotate(45deg);
    transform: translateY(2px) rotate(45deg);
}
.offer--button.show button::before{
    -ms-transform: translateY(2px) rotate(225deg);
    transform: translateY(2px) rotate(225deg);
}

.main a.limited-offer, .main a.limited-offer:hover, .main a.limited-offer:active, .main a.limited-offer:focus {
    background-color: #ffffff;
    box-sizing: border-box;
    color: #ee9707;
    display: block;
    font-family: 'Lato', Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding: 10px 15px 0px 15px;
    text-decoration: none;
}

.main .underline {
    text-decoration: underline;
    text-transform: none;
    display: inline-block;
}

.main .underline:hover {
    text-decoration: none
}

.main .offer span{
    position: relative;
}

.main .offer span::after {
    content: "";
    height: 0.5px;
    background-color: #505050;
    width: 98%;
    position: absolute;
    left: 0.7px;
    top: 12px;
}

.main .offer span:hover::after {
    content: "";
    height: 0px;
}

.main .offer:first-child {
    margin-right: 15px
}

.main a.limited-offer-small, .main a.limited-offer-small:hover, .main a.limited-offer-small:active, .main a.limited-offer-small:focus {
    background-color: #ffffff;
    box-sizing: border-box;
    color: #505050;
    display: block;
    font-family: 'Lato', Arial, sans-serif;
    font-size: 11px;
    text-decoration: none;
    padding: 6px 0px 10px 15px
}

.block-odr {
    display: block;
    width: 928px;
    height: 98px;
    margin: 20px auto 40px;
}

/* sections product-part */
.main .product-part {
    clear: both;
    display: block;
}

.main .product-part:nth-of-type(1) {
    width: 100%;
    display: inline-block;
}

.main .product-part:nth-of-type(n+2) {
    width: -webkit-calc(100% - 158px);
    width: calc(100% - 158px);
}

.main .product-part {
    padding: 15px 0 10px 0;
}

.main .product-part > * {
    max-width: 100%;
    height: auto;
}

.main .product-part p:not(.t-paragraph) {
    line-height: 1.2;
}

.main .scroll-details-nav + .product-part {
    margin: 45px 0 0 0;
}


/* --- sliders --- */

/* slider visuels produits */
.main .product-visual-infos .product-swiper > *, .main .product-visual-infos .product-swiper ul li {
    display: inline-block;
    width: 77px
}

.main .product-visual-infos .product-swiper:hover {
    cursor: pointer;
}

.main .product-visual-infos .product-swiper ul li img {
    width: 64px;
    height: auto;
    margin: 0 0 auto 0;
    z-index: 1;
}

.main .product-visual-infos .product-swiper {
    position: relative;
    overflow: hidden;
    height: 100px;
    width: 100%;
}

.main .product-visual-infos .product-swiper .swiper-button-prev, .main .product-visual-infos .product-swiper .swiper-button-next {
    width: 23px;
    background: #fff;
    position: absolute;
    height: 100px;
    vertical-align: top;
    top: 0;
    overflow: hidden;
    z-index: 10
}

.main .product-visual-infos .product-swiper .swiper-button-prev {
    left: 0
}

.main .product-visual-infos .product-swiper .swiper-button-next {
    right: 0
}

.main .product-visual-infos .product-swiper .swiper-button-prev.svg-left:before {
    position: absolute;
    left: 0;
    top: 25%;
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
    font-size: 2.2em;
    margin: 0;
    color: #9e9e9e
}

.main .product-visual-infos .product-swiper .swiper-button-next.svg-right:before {
    position: absolute;
    right: 0;
    top: 25%;
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
    font-size: 2.2em;
    margin: 0;
    color: #9e9e9e
}

.main .product-visual-infos .product-swiper .swiper-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 8000px;
    height: 100%;
    overflow: hidden;
}

.main .product-visual-infos .product-swiper .swiper-wrapper .swiper-slide {
    position: relative;
    margin-right: 15px
}

.main .product-visual-infos .product-swiper .swiper-wrapper .swiper-slide:first-of-type {
    margin-left: 23px;
}

.main .product-visual-infos .product-swiper .swiper-wrapper .swiper-slide:last-of-type {
    margin-right: 23px;
}

.main .product-visual-infos .product-swiper .swiper-wrapper .swiper-slide:after {
    content: '';
    position: absolute;
    display: block;
    height: 2px;
    width: 0;
    background: #e2001a;
    bottom: -41px;
    left: 0;
    -webkit-transition: .4s;
    transition: .4s
}

.main .product-visual-infos .product-swiper .swiper-wrapper .swiper-slide.focus:after {
    width: 64px
}

.main:not(.version-bundle-pack) .product-visual-infos .product-swiper .swiper-wrapper .swiper-slide:not(.focus) {
    opacity: .6
}

.main .product-visual-infos .product-swiper .swiper-wrapper .swiper-slide:hover {
    opacity: 1
}
.main .product-visual-infos .product-picto {
    display: flex !important;
    flex-direction: row;
    justify-content: flex-end;
    margin: 0 0 20px 0;
    padding: 0;
    position: relative;
    width: 50%
}
.main .product-visual-infos .product-picto .picto-energie {
    border: 1px solid #cecece;
    background-color: #cecece;
    display: flex;
    flex-direction: row;
    height: 36px;
    justify-content: space-between;
    margin: 0px 18px 15px 0;
    position: relative;
    width: 70px;
}
.main .product-visual-infos .product-picto .picto-energie.nivA {
    background-color: #00a652
}
.main .product-visual-infos .product-picto .picto-energie.nivB {
    background-color: #4cb848
}
.main .product-visual-infos .product-picto .picto-energie.nivC {
    background-color: #bed52f
}
.main .product-visual-infos .product-picto .picto-energie.nivD {
    background-color: #fff201
}
.main .product-visual-infos .product-picto .picto-energie.nivE {
    background-color: #ffb712
}
.main .product-visual-infos .product-picto .picto-energie.nivF {
    background-color: #f36f25
}
.main .product-visual-infos .product-picto .picto-energie.nivG {
    background-color: #e71e26
}
.main .product-visual-infos .product-picto .picto-energie:after,
.main .product-visual-infos .product-picto .picto-energie:before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.main .product-visual-infos .product-picto .picto-energie:after {
    border-color: rgba(136,183,213,0);
    border-width: 17px;
    margin-top: -17px;
}
.main .product-visual-infos .product-picto .picto-energie.nivA:after {
    border-left-color: #00a652
}
.main .product-visual-infos .product-picto .picto-energie.nivB:after {
    border-left-color: #4cb848
}
.main .product-visual-infos .product-picto .picto-energie.nivC:after {
    border-left-color: #bed52f
}
.main .product-visual-infos .product-picto .picto-energie.nivD:after {
    border-left-color: #fff201
}
.main .product-visual-infos .product-picto .picto-energie.nivE:after {
    border-left-color: #ffb712
}
.main .product-visual-infos .product-picto .picto-energie.nivF:after {
    border-left-color: #f36f25
}
.main .product-visual-infos .product-picto .picto-energie.nivG:after {
    border-left-color: #e71e26
}
.main .product-visual-infos .product-picto .picto-energie:before {
    border-color: rgba(206,206,206,0);
    border-left-color: #cecece;
    border-width: 18px;
    margin-top: -18px;
}
.main .product-visual-infos .product-picto .picto-energie .icon {
    background: url(https://www.but.fr/Sources/Default/Images/Catalog/Product/svg/icon_ene.svg?frz-v=426) no-repeat 3px 2.5px;
    background-color: #fff;
    background-size: 8px;
    content: '';
    display: block;
    height: 34px;
    width: 36%;
}
.main .product-visual-infos .product-picto .picto-energie .note {
    color: #fff;
    display: inline-block;
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
    margin: 8px 0;
    width: 74%;
}

.main .product-visual-infos .product-picto .picto-reparation {
    display: block;
    position: relative;
    width: 67px;
    margin-bottom: 15px;
}
.main .product-visual-infos .product-picto .picto-reparation .blocBorder {
    background: #fff;
    border: 1px solid;
    border-radius: 8px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%
}
.main .product-visual-infos .product-picto .picto-reparation.niv1 .blocBorder {
    border-color: #C8102E
}
.main .product-visual-infos .product-picto .picto-reparation.niv2 .blocBorder {
    border-color: #FF6A13
}
.main .product-visual-infos .product-picto .picto-reparation.niv3 .blocBorder {
    border-color: #FFC600
}
.main .product-visual-infos .product-picto .picto-reparation.niv4 .blocBorder {
    border-color: #A7D500
}
.main .product-visual-infos .product-picto .picto-reparation.niv5 .blocBorder {
    border-color: #009A44
}
.main .product-visual-infos .product-picto .picto-reparation .blocBorder .icon {
    background: url(/Sources/Default/Images/Catalog/Product/svg/icon_rep.svg) no-repeat 4px 4px;
    background-size: 74%;
    border-radius: 6px;
    content: '';
    display: block;
    height: 36px;
    width: 36px;
}
.main .product-visual-infos .product-picto .picto-reparation.niv1 .blocBorder .icon {
    background-color: #C8102E
}
.main .product-visual-infos .product-picto .picto-reparation.niv2 .blocBorder .icon {
    background-color: #FF6A13
}
.main .product-visual-infos .product-picto .picto-reparation.niv3 .blocBorder .icon {
    background-color: #FFC600
}
.main .product-visual-infos .product-picto .picto-reparation.niv4 .blocBorder .icon {
    background-color: #A7D500
}
.main .product-visual-infos .product-picto .picto-reparation.niv5 .blocBorder .icon {
    background-color: #009A44
}
.main .product-visual-infos .product-picto .picto-reparation .blocBorder .rate {
    display: block;
    font-size: 9px;
    font-weight: 400;
    line-height: 8px;
    margin: 0;
    padding: 3px;
    text-align: right;
    width: 44px;
}
.main .product-visual-infos .product-picto .picto-reparation .rate span {
    display: inline-block;
    float: left;
    font-size: 19px;
    font-weight: 900;
    line-height: 22px;
    text-align: left;
    width: 100%;
}
.main .product-visual-infos .product-picto .picto-reparation .title {
    display: inline-block;
    font-size: 6px;
    font-weight: 700;
    left: 0;
    line-height: 7px;
    margin: 0;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 40px;
    width: 100%;
    white-space: nowrap;
}
.main .product-visual-infos .product-picto #linkRep {
    color: #838383;
    display: block;
    font-size: 10px;
    font-weight: 400;
    line-height: 10px;
    margin: 0;
    position: absolute;
    right: 10px;
    text-align: center;
    text-decoration: underline;
    top: 60px
}

.main #inspiration-product {
    margin: 0 0 47px
}

.main #inspiration-product div.inspiration-product-visu {
    width: 380px;
    height: 285px;
    display: inline-block;
    vertical-align: top
}

.main #inspiration-product .inspiration-product-visu {
    max-width: 380px;
    width: auto;
    max-height: 285px;
    height: auto;
    display: inline-block;
    vertical-align: top
}

.main #inspiration-product .inspiration-product-swiper {
    width: calc(100% - 390px);
    position: relative;
    overflow: hidden;
    height: 288px;
    display: inline-block
}

.main #inspiration-product .inspiration-product-swiper:hover {
    cursor: pointer
}

.main #inspiration-product .inspiration-product-swiper ul > li {
    display: inline-block;
    width: 170px;
    height: 100%
}

.main #inspiration-product .inspiration-product-swiper ul > li .picto-com {
    position: absolute;
    width: 30%;
    max-width: 48px;
    height: auto;
    top: 0;
    left: 0
}

.main #inspiration-product .inspiration-product-swiper img:not(.picto-com) {
    width: 95%;
    display: block;
    max-width: 136px;
    margin: 0 auto;
    padding: 49px 0 0
}

.main #inspiration-product .inspiration-product-swiper ul > li a {
    display: inline-block
}

.main #inspiration-product .inspiration-product-swiper ul > li p {
    padding: 15px 11px 0;
    color: #333;
    line-height: 1.2
}

.main #inspiration-product .inspiration-product-swiper ul > li p .product-rating {
    margin: 7px 0 8px
}

.main #inspiration-product .inspiration-product-swiper ul > li p .product-prices {
    display: block;
    width: 100%;
    height: 33px;
    position: relative
}

.main #inspiration-product .inspiration-product-swiper ul > li p .product-prices > span {
    display: block;
    width: 45px;
    float: left
}

.main #inspiration-product .inspiration-product-swiper ul > li p .product-prices > span.old-price {
    display: block;
    float: left;
    text-align: left;
    width: calc(100% - 54px);
    padding-left: 10px
}

.main #inspiration-product .inspiration-product-swiper ul > li p .product-prices > span.current-price {
    display: block;
    float: left;
    text-align: left;
    width: calc(100% - 54px);
    padding-left: 10px
}

.main #inspiration-product .inspiration-product-swiper a .visible-hover, .main #inspiration-product .inspiration-product-swiper a .visible-hover {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.main #inspiration-product .inspiration-product-swiper .swiper-button-prev, .main #inspiration-product .inspiration-product-swiper .swiper-button-next {
    width: 15px;
    background: #fff;
    position: absolute;
    height: 100%;
    vertical-align: top;
    top: 0;
    overflow: hidden;
    z-index: 10
}

.main #inspiration-product .inspiration-product-swiper .swiper-button-prev {
    left: 0
}

.main #inspiration-product .inspiration-product-swiper .swiper-button-next {
    right: 0
}

.main #inspiration-product .inspiration-product-swiper .swiper-button-prev.svg-left:before {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-25%, -50%);
    transform: translate(-25%, -50%);
    font-size: 2.2em;
    margin: 0;
    color: #9e9e9e
}

.main #inspiration-product .inspiration-product-swiper .swiper-button-next.svg-right:before {
    position: absolute;
    right: 50%;
    top: 50%;
    -webkit-transform: translate(25%, -50%);
    transform: translate(25%, -50%);
    font-size: 2.2em;
    margin: 0;
    color: #9e9e9e
}

.main #inspiration-product .inspiration-product-swiper .swiper-wrapper {
    position: absolute;
    margin: 0;
    top: 0;
    left: 0;
    width: 8000px;
    height: 100%;
    overflow: hidden
}

.main #inspiration-product .inspiration-product-swiper .swiper-wrapper .swiper-slide {
    position: relative
}

.main #inspiration-product .inspiration-product-swiper .swiper-wrapper .swiper-slide:first-of-type {
    margin-left: 15px
}

.main #inspiration-product .inspiration-product-swiper .swiper-wrapper .swiper-slide:last-of-type {
    margin-right: 15px
}


/* Custom viewer magic zoom */
.main .product-visual-infos .product-main .MagicZoom {
    height: 535px;
    display: flex;
    align-items: center;
    position: relative;
    justify-content: center;
}

#zoom-placeholder {
    position: absolute;
    top: -394px;
    left: calc(100% + 14px);
    z-index: 100;
}

.MagicZoom .mz-figure.customMagicZoomPlus {
    margin: auto !important;
}

.MagicZoom .mz-figure.customMagicZoomPlus.mz-active > img {
    filter: none;
    -webkit-filter: none;
}

.MagicZoom .mz-figure.customMagicZoomPlus.mz-active .mz-lens {
    background-color: rgba(255, 255, 255, 0.6);
}

.MagicZoom .mz-figure.customMagicZoomPlus.mz-active .mz-lens img {
    display: none;
}

.MagicZoom .mz-figure.customMagicZoomPlus .mz-hint {
    bottom: 6%;
}

.customMagicZoomPlus.mz-zoom-window:not(.mz-expanded) {
    top: 366px !important;
    z-index: 99
}

.customMagicZoomPlus .mz-expand-bg {
    display: none !important;
}

.customMagicZoomPlus.mz-expand {
    background-color: #fff !important;
}

.customMagicZoomPlus .mz-caption {
    color: #000
}

.customMagicZoomPlus .magic-thumbs {
    width: 470px;
    margin: 0 auto;
}

.main .product-visual-infos .MagicScroll-horizontal {
    float: right;
}

.MagicScroll .mcs-button-arrow.mcs-disabled {
    cursor: default;
}

#main-product-visu #viewerFullScreen {
    display: none;
}

.MagicScroll-horizontal .mcs-item{
    height: initial;
}

.MagicScroll .mcs-item .customMagicZoomPlus img {
    -webkit-filter: opacity(60%);
    filter: opacity(60%);
    box-shadow: none;
}

.MagicScroll .mcs-item .customMagicZoomPlus.mz-thumb {
    position: relative;
    overflow: hidden;
    vertical-align: top;
    padding-bottom: 21px;
}

.MagicScroll .mcs-item .customMagicZoomPlus.mz-thumb-selected img {
    -webkit-filter: opacity(100%);
    filter: opacity(100%);
}

.no-cssfilters-magic .mz-thumb:hover, .no-cssfilters-magic .mz-thumb.mz-thumb-selected {
    background-color: transparent
}

.MagicScroll .mcs-item .customMagicZoomPlus .mz-lens {
    -webkit-filter: opacity(60%);
    filter: opacity(60%);
}

.MagicScroll .mcs-item .customMagicZoomPlus.mz-thumb:after {
    content: '';
    position: absolute;
    display: block;
    height: 2px;
    width: 0;
    background: #e2001a;
    bottom: 0;
    left: 0;
    -webkit-transition: .4s;
    transition: .4s;
}

.MagicScroll .mcs-item .customMagicZoomPlus.mz-thumb-selected:after {
    width: 61px;
}

/* --- silder inspiration --- */
.main #inspiration-product {
    margin: 0 0 47px 0;
}

.main #inspiration-product div.inspiration-product-visu {
    width: 380px;
    height: 285px;
    display: inline-block;
    vertical-align: top;
}

.main #inspiration-product .inspiration-product-visu {
    max-width: 380px;
    width: auto;
    max-height: 285px;
    height: auto;
    display: inline-block;
    vertical-align: top;
}

.main #inspiration-product .inspiration-product-swiper {
    width: -webkit-calc(100% - 390px);
    width: calc(100% - 390px);
    position: relative;
    overflow: hidden;
    height: 288px;
    display: inline-block;
}

.main #inspiration-product .inspiration-product-swiper:hover {
    cursor: pointer;
}

.main #inspiration-product .inspiration-product-swiper ul > li {
    display: inline-block;
    width: 170px;
    height: 100%;
}

.main #inspiration-product .inspiration-product-swiper ul > li .picto-com {
    position: absolute;
    width: 30%;
    max-width: 48px;
    height: auto;
    top: 0;
    left: 0;
}

.main #inspiration-product .inspiration-product-swiper img:not(.picto-com) {
    width: 95%;
    display: block;
    max-width: 136px;
    margin: 0 auto;
    padding: 49px 0 0 0;
}

.main #inspiration-product .inspiration-product-swiper ul > li a {
    display: inline-block;
}

.main #inspiration-product .inspiration-product-swiper ul > li p {
    padding: 15px 11px 0 11px;;
    color: #333;
    line-height: 1.2;
}

.main #inspiration-product .inspiration-product-swiper ul > li p .product-rating {
    margin: 7px 0 8px 0;
}

.main #inspiration-product .inspiration-product-swiper ul > li p .product-prices {
    display: block;
    width: 100%;
    height: 33px;
    position: relative;
}

.main #inspiration-product .inspiration-product-swiper ul > li p .product-prices > span {
    display: block;
    width: 45px;
    float: left;
}

.main #inspiration-product .inspiration-product-swiper ul > li p .product-prices > span.old-price {
    display: block;
    float: left;
    text-align: left;
    width: -webkit-calc(100% - 54px);
    width: calc(100% - 54px);
    padding-left: 10px
}

.main #inspiration-product .inspiration-product-swiper ul > li p .product-prices > span.current-price {
    display: block;
    float: left;
    text-align: left;
    width: -webkit-calc(100% - 54px);
    width: calc(100% - 54px);
    padding-left: 10px
}

.main #inspiration-product .inspiration-product-swiper a .visible-hover, .main #inspiration-product .inspiration-product-swiper a .visible-hover {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.main #inspiration-product .inspiration-product-swiper .swiper-button-prev,
.main #inspiration-product .inspiration-product-swiper .swiper-button-next {
    width: 15px;
    background: #ffffff;
    position: absolute;
    height: 100%;
    vertical-align: top;
    top: 0;
    overflow: hidden;
    z-index: 10;
}

.main #inspiration-product .inspiration-product-swiper .swiper-button-prev {
    left: 0;
}

.main #inspiration-product .inspiration-product-swiper .swiper-button-next {
    right: 0;
}

.main #inspiration-product .inspiration-product-swiper .swiper-button-prev.svg-left:before {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-25%, -50%);
    -ms-transform: translate(-25%, -50%);
    transform: translate(-25%, -50%);
    font-size: 2.2em;
    margin: 0;
    color: #9e9e9e
}

.main #inspiration-product .inspiration-product-swiper .swiper-button-next.svg-right:before {
    position: absolute;
    right: 50%;
    top: 50%;
    -webkit-transform: translate(25%, -50%);
    -ms-transform: translate(25%, -50%);
    transform: translate(25%, -50%);
    font-size: 2.2em;
    margin: 0;
    color: #9e9e9e
}

.main #inspiration-product .inspiration-product-swiper .swiper-wrapper {
    position: absolute;
    margin: 0;
    top: 0;
    left: 0;
    width: 8000px;
    height: 100%;
    overflow: hidden;
}

.main #inspiration-product .inspiration-product-swiper .swiper-wrapper .swiper-slide {
    position: relative;
}

.main #inspiration-product .inspiration-product-swiper .swiper-wrapper .swiper-slide:first-of-type {
    margin-left: 15px;
}

.main #inspiration-product .inspiration-product-swiper .swiper-wrapper .swiper-slide:last-of-type {
    margin-right: 15px;
}

/* --- mise à jour pour la visionneuse --- */
#dynamic-visu1.s7flyoutviewer {
    width: 100%;
    height: 100%;
}

#dynamic-visu1.s7flyoutviewer .s7container {
    width: 100% !important;
    height: 100% !important;
}

.s7flyoutzoomview {
    border: none !important;
}

.s7flyoutzoomview {
    width: 100% !important;
    height: 533px !important;
}

.s7flyoutzoom {
    width: 400px !important;
    height: 400px !important;

}

.loading {
    background-color: #DDD !important;
}

/* --- section principale --- */

/* TOOLTIP */
.tooltip {
    position: relative;
    display: inline-block;
    cursor: pointer
}

.tooltip .tooltiptext {
    opacity: 0;
    text-align: center;
    visibility: hidden;
    position: absolute;
    background: #ffffff;
    border: 1px solid #9e9e9e;
    padding: 11px;
    width: 100px;
    z-index: 50;
    right: -25px;
    top: 15px;
    transition: opacity 0.2s;
    height: 50px;
    margin-top: 5px
}

.tooltip .show {
    opacity: 1;
    visibility: visible;
    display: inline-block !important;
    padding-right: 0
}

#action-whishlist .tooltiptext {
    padding-right: 0;
    padding-left: 0;
}

.svg-share .tooltiptext a {
    margin: 10px auto;
    padding: 10px 0;
    width: 15px;
    height: 25px;
    display: block;
}

.svg-share .tooltiptext a.svg-mail:before,
.svg-share .tooltiptext a.svg-twitter:before {
    width: 20px;
    height: 20px;
}

.svg-share .tooltiptext a.svg-facebook:before {
    font-size: 9px;
    margin-top: 0
}

.svg-share .tooltiptext a.svg-pinterest:before {
    font-size: 12px;
    margin-top: 0;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
    padding-right: 0;
}

.svg-share .tooltiptext {
    /* width: 120px; */
    border: none;
    background: none;
    right: -22px;
    height: auto;
    padding: 5px 0;
}

.svg-share .tooltiptext:before {
    content: url('/Sources/Default/Images/Catalog/Product/accolade.png');
    position: absolute;
    right: 13px;
    top: 2%;
    /*   -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%); */
}

/* Onglets */

/* Style the tab */
.tab {
    overflow: hidden;
    border: 1px solid #d7dde1;
    border-bottom: none;
    background-color: #f3f3f3;
    max-width: 578px !important;
    margin-top: 5px
}

/* Style the buttons inside the tab */
.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;

    transition: 0.3s;
    font-size: 14px;
    width: 50%;
    height: 50px;
}

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
    background-color: #ffffff;
}

.tab button span sup{
    vertical-align: super;
    font-size: 10px;
}

.tablinks.btnbut b, #btnmkp b{
    font-weight: 700;
}

/* infos visuelles */
.main .product-visual-infos {
    width: 54%;
    margin: 5px 8px 0 0;
    float: left;
}

.main .product-visual-infos > div {
    float: left;
}

.main .product-visual-infos .product-main {
    float: right;
}

.main .product-visual-infos .product-picto {
    width: 200px;
}

.main .product-visual-infos .product-picto > img {
    width: 55px;
    height: auto;
    padding: 0;
    margin: 0 0 -44px 0;
}

.main .product-visual-infos .product-main {
    width: 100%;
    margin-top: 5px;
}

.main .product-visual-infos .product-main > a {
    display: inline-block;
    width: 100%;
    height: auto;
}

.main .product-visual-infos .product-main > a > img {
    width: 100%;
    height: auto;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    max-width: 550px;
    max-height: 488px;
}

.product-main img {
    margin: auto;
    display: block;
}

.loading {
    background-color: #DDD !important;
}

/* les plus produits */
.main .product-visual-infos .product-strong-points {
    width: 100%;
    padding: 30px 0 15px;
}

.main .product-visual-infos .product-strong-points > * {
    display: inline-block;
    vertical-align: top;
}

.main .product-visual-infos .product-strong-points .product-note-list {
    width: -webkit-calc(100% - 125px);
    width: calc(100% - 125px);
    padding: 0 5% 0 0;
}

.main .product-visual-infos .product-strong-points .product-note-list .t-paragraph {
    padding-top: 0;
}

.main .product-visual-infos .product-strong-points .product-note-list li {
    margin: 0 0 5px 0;
}

.main .product-visual-infos .product-strong-points .product-note-list li:before {
    content: '\2022';
    display: inline;
    color: #e2001a;
    margin-right: 5px;
}

.main .product-visual-infos .product-strong-points .product-note-list span.false-li:before {
    content: '\2022';
    display: inline;
    color: #e2001a;
    margin-right: 5px;
}

.main .product-visual-infos .product-strong-points .product-qat {
    margin: 0 0 0px -69px;
}

.main .product-visual-infos .product-strong-points .product-qat .faq-03 {
    position: relative
}

.main .product-visual-infos .product-strong-points .product-qat .faq-03 .infobulle {
    position: absolute;
    background: #ffffff;
    border: 1px solid #9e9e9e;
    padding: 11px;
    width: 100px;
    z-index: 50;
    right: -25px;
    top: 5px
}

.main .product-visual-infos .product-strong-points .product-qat li {
    margin: 0 0 7px 0;
    color: #666; /*display: inline*/
}

.main .product-visual-infos .product-strong-points .product-qat li span:not(.active) {
    display: none;
}

.main .product-visual-infos .product-strong-points .product-qat li span.active {
    display: inline-block; /*text-align:left;max-width:86px;*/
    vertical-align: middle;
}

.main .product-visual-infos .product-strong-points .product-qat li:hover {
    cursor: pointer;
}

.main .product-visual-infos .product-strong-points .product-qat li:before {
    font-size: 1.1em;
    margin: 0 1.2em .1em .1em;
    color: #666;
}

.main .product-visual-infos .product-strong-points .product-note-list a {
    text-decoration: underline;
}

.main .product-visual-infos .product-strong-points .product-note-list p:not(.t-paragraph) {
    padding-bottom: 4px;
}

.main .product-visual-infos .product-strong-points .btn-carac {
    background-color: #f1f1f1;
    padding: 10px;
    border: 1px solid #c6c6c6;
    margin-top: 15px;
    position: relative;
    top: 20px;
    text-decoration: none !important;
}

.main .product-visual-infos .product-strong-points .btn-carac-mkp {
    background-color: #f1f1f1;
    padding: 10px;
    border: 1px solid #c6c6c6;
    margin-top: 15px;
    position: relative;
    text-decoration: none !important;
}

.main .product-visual-infos .product-strong-points .btn-carac:hover, .main .product-visual-infos .product-strong-points .btn-carac-mkp:hover {
    background-color: #c6c6c6
}

/* infos prix */
.main .product-textual-infos .coutant {
    border: 1px solid #e2001a;
    width: 125px;
    text-align: center;
    color: #e2001a;
    font-weight: bold;
    padding: 3px 0;
    margin-bottom: 20px;
    margin-left: 1px;
}

.main .product-textual-infos {
    width: 100%;
    border: 1px solid #d7dde1;
    padding: 20px;
    border-top: none;
    max-width: 578px
}

.main .product-textual-infos.bundle {
    border-top: 1px solid #d7dde1
}

.main .product-textual-infos .price-payment-availability > div {
    display: inline-block;
    vertical-align: top;
}
.main .product-textual-infos .price-payment-availability > div.refundOffer {
    display:block
}
.main .product-textual-infos .price-payment-availability > div.refundOffer > div {
    margin-top:40px
}

.main .product-textual-infos .price-payment-availability #number-payment {
    margin-bottom: 0;
    width: 64%;
    width: -webkit-calc(100% - 184px);
    width: calc(100% - 184px);
    align-items: baseline;
}

.main .product-textual-infos .price-payment {
    width: -webkit-calc(100% - 184px);

    width: calc(100% - 184px);
    position: relative;
    margin-bottom: 10px
}

.main .product-textual-infos .price-payment > * {
    margin-bottom: 1px;
}

.withdrawal-delivery-mkp .list-withdrawal-delivery{
    width: 100% !important;
}
.withdrawal-delivery-mkp-morethanthree {
    display: none !important;
    opacity: 0;
    transition: opacity 0.3s ease;
}
.withdrawal-delivery-mkp-morethanthree.show {
    opacity: 1;
    display: block !important;
}
    /*.main .product-textual-infos .price-payment .old-price{position: absolute;top: 40px;} */
/*minimiser l'espace blanc'*/
.main .price-payment-availability {
    padding-bottom: 20px
}

/* AJOUT THOMAS Prix moyen marché */
.main .product-textual-infos .price-payment .old-price .tooltipPrice {
    background-color: #fff;
    border: 1px solid #cfcfcf;
    color: #626262;
    font-family: 'Lato', Arial, sans-serif;
    font-size: 12px;
    left: 70px;
    padding: 5px;
    position: absolute;
    text-align: center;
    top: -5px;
    visibility: hidden;
    width: 115px;
    z-index: 1;
}
.main .product-textual-infos .price-payment .old-price.mkp .tooltipPrice{
    width:auto;
    width: 170px;
    text-decoration: auto;
    left: inherit;
    margin-left: 27px;
    top: -3px
}

.main .product-textual-infos .price-payment .old-price .tooltipPrice:after, .old-price .tooltipPrice:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.main .product-textual-infos .price-payment .old-price .tooltipPrice:after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #fff;
    border-width: 3px;
    margin-top: -3px;
}

.main .product-textual-infos .price-payment .old-price .tooltipPrice:before {
    border-color: rgba(207, 207, 207, 0);
    border-right-color: #cfcfcf;
    border-width: 5px;
    margin-top: -5px;
}

.main .product-textual-infos .price-payment .old-price:hover .tooltipPrice {
    visibility: visible;
}

/* FIN AJOUT THOMAS Prix moyen marché */
/*.main .product-textual-infos .price-payment .current-price{top:58px;position: absolute;}*/
.main .product-textual-infos .price-payment .current-price-seul {
    position: relative;
    font-family: 'Lato';
    font-weight: normal;
    color: #e2001a;
    font-size: 26px;
}

.main .product-textual-infos .price-payment .eco-mob-seul {
    position: relative;
}

/*.main .product-textual-infos .price-payment .eco-mob{top:85px;position: absolute;}*/
.main .product-textual-infos .price-payment .current-price-mkp {
    position: absolute;
    top: 0;
    font-family: 'Lato';
    font-weight: normal;
    color: #e2001a;
    font-size: 26px;
}

.main .product-textual-infos .price-payment .t-sec-mkp {
    top: 30px;
    position: absolute;
    font-family: 'Lato', Helvetica, Arial, sans-serif;
    font-size: 11px;
    color: #9e9e9e;
}

.main .product-textual-infos .availability {
    width: 180px; /*margin-bottom: 30px;*/
}

.main .product-textual-infos .no-availability {
    width: 180px;
}

.main .product-textual-infos .no-availability .see-lot a {
    width: 140px;
    display: block;
    text-align: center;
    font-family: 'Lato';
    padding: 10px 10px 8px 8px;
    background: #768d9f;
    font-size: 10px;
    text-transform: uppercase;
    color: #ffffff;
    margin-bottom: 10px;
    max-height: 36px;
    transition-duration: .3s
}

.main .product-textual-infos .no-availability .see-lot a:hover {
    background: #6d8291
}

.main .product-textual-infos .no-availability .see-others-products {
    line-height: 1.2em;
    font-size: 0.9em;
    text-decoration: underline;
}

.main .product-textual-infos .no-availability .see-others-products:hover {
    text-decoration: none
}

.main .product-textual-infos .availability .fullwidth {
    width: 100% !important
}

.main .product-textual-infos .availability .l-available {
    text-align: left;
    display: inline-block;
    width: -webkit-calc(100% - 60px);
    width: calc(100% - 60px)
}

.main .product-textual-infos .availability .full-available {
    width: 100%
}

.main .product-textual-infos .availability .l-available .t-available, .main .product-textual-infos .availability .l-available .t-out {
    padding: 9px 0 8px 0;
}

.main .product-textual-infos .availability .l-available * {
    display: block;
}

.main .product-textual-infos .availability .n-available, {
    margin-bottom: 5px
}

.main .product-textual-infos .availability > select {
    float: right;
}

.main .product-textual-infos .availability > .btn-add-big {
    display: block;
    width: 100%
}

.main .product-textual-infos .availability p.find-shop, .main .product-textual-infos .availability p.see-pack.t-princ, .main .product-textual-infos .availability p.sold-only-shop.t-princ {
    font-size: 13px;
    word-break: normal;
    word-wrap: break-word;
}

.main .product-textual-infos .availability p.sold-only-shop span {
    display: block;
    padding: 0 0 0 15px;
}

.main .product-textual-infos .availability p.sold-only-shop, .main .product-textual-infos .availability p.ready-to-be-available, .main .product-textual-infos .availability a.ready-to-be-available, .main .product-textual-infos .availability p.see-others-products, .main .product-textual-infos .availability a.see-others-products {
    margin: 0 0 8px 0;
}

.main .product-textual-infos p.see-pack:not(.t-princ) {
    font-family: 'Lato', Helvetica, Arial, sans-serif;
    font-size: 11px;
    color: #666666;
}

.main .product-textual-infos .availability .btn-add-big-grey.see-pack {
    padding: 7px 20px;
    text-align: center;
}

.main .product-textual-infos .availability > .btn-add-big-grey {
    margin: 15px 0 6px auto
}

/*.main .product-textual-infos .payment:not(:last-child) {width:100%;margin-bottom: 20px;}*/
.main .product-textual-infos .cost-free {
    width: 100%;
    margin-bottom: 20px;
}

.main .product-textual-infos .payment > p:nth-of-type(1) {
    color: #666666;
    text-transform: uppercase;
    padding: 0 0 8px 0;
}

.main .product-textual-infos .payment > select,
.main .product-textual-infos .payment .select-payment,
.main .product-textual-infos .payment > span {
    display: inline-block;
    vertical-align: middle;
    margin: 0 6px 0 0;
}

.main .product-textual-infos .payment *:not(select).select-payment * {
    font-size: 14px;
    font-family: 'Lato';
    color: #ffffff;
    height: 22px;
    padding: 5px 14px;
    width: 100%;
    max-width: 40px;
    background-color: #768d9f;
}

.main .product-textual-infos .payment .charge {
    max-width: 80px;
    color: #657887;
    text-transform: uppercase;
    font-size: 8px;
}

.main .product-textual-infos .payment .charge.cas-3 {
    display: inline-block;
}

.main .product-textual-infos .payment .payment-details.cas-3 {
    display: block;
}

.main .product-textual-infos .payment .charge:not(.cas-3), .main .product-textual-infos .payment .payment-details:not(.cas-3) {
    display: none;
}

.main .product-textual-infos .payment .charge strong {
    font-weight: bold;
    font-size: 12px;
    vertical-align: middle;
}

.main .product-textual-infos .payment .payment-details-mkp {
    color: #657887;
    font-size: 11px;
    padding: 10px 0 0px 0;
}

/*modification du padding de 20 à 10px pour minimiser l'espace blanc'*/
.main .product-textual-infos .payment .payment-details {
    color: #657887;
    font-size: 11px;
    padding: 10px 0 20px 0;
}

.main .product-textual-infos .payment .payment-details a, .main .product-textual-infos .availability a.see-others-products, .main .product-textual-infos .availability a.ready-to-be-available {
    text-decoration: underline;
}

.main .product-textual-infos .price-payment-availability .availability p.see-others-products, .main .product-textual-infos .price-payment-availability .availability p.ready-to-be-available {
    margin-top: 67px;
}

.main .product-textual-infos .payment .monthly {
    font-family: 'Lato';
    font-size: 15px;
    font-weight: 500;
    color: #38373c;
    vertical-align: bottom;
}

.main .product-textual-infos .question-paragraph {
    padding-top: 15px;
    text-decoration: underline
}

.main .product-textual-infos .question-paragraph img {
    width: 50px;
    display: inline-block;
    vertical-align: middle
}

/*.main .price-payment-availability .price-payment .reduc {margin-bottom: 10px;position: absolute;}*/
.main .product-textual-infos .price-payment-availability .picto-payment {
    display: inline-block;
    text-transform: uppercase;
    margin-right: 10px;
    margin-top : 5px;
}

/*.main .product-textual-infos .price-payment-availability .picto-payment:first-child {margin-right:10px}*/


/*main .withdrawal-delivery .search-withdrawal-delivery .valid-btn input {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: #ffffff;
    border: 1px solid #c6c6c6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #9e9e9e;
    height: 38px;
    max-width: 280px;
    outline: none;
    padding: 8px 36px 8px 8px;
    width: 100%
}*/
.main .withdrawal-delivery .search-withdrawal-delivery .valid-btn button {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-color: #768d9f;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    border: 0;
    font-size: 16px;
    font-family: 'Lato';
    color: #ffffff;
    height: 38px;
    margin: 0;
    padding: 6px 8px;
    outline: none;
    text-transform: uppercase;
    line-height: 1;
    vertical-align: middle;
    transition-duration: .3s;
}

/*.main .withdrawal-delivery .search-withdrawal-delivery .valid-btn button:hover {
    background-color: #6d8291
}*/
/*.main .withdrawal-delivery .search-withdrawal-delivery .btn-localize {
    font-family: "Lato";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    padding: 5px 0 5px 27px;
    margin-top: 10px;
    color: #ffffff;
    background: #768d9f url(/animations/Images/Default/Common/svg/svg-localisation-white.svg) no-repeat 50px 8px;
    background-size: 20px 20px;
    width: 100%;
    height: 38px;
    line-height: 1;
    text-align: center;
    position: relative;
    transition-duration: .3s
}*/

/* infos livraison */
button.btn-plus {
    width: 18px;
    height: 18px;
    color: #9e9e9e;
    border: 1px solid #9e9e9e;
    position: relative;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

button.btn-plus:before {
    font-family: FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "+";
    position: absolute;
    right: 49%;
    top: 50%;
    font-size: 1.1rem;
    -webkit-transform: translate(50%, -41%);
    -ms-transform: translate(50%, -41%);
    transform: translate(50%, -41%);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
}

.main .withdrawal-delivery {
    clear: both;
    padding: 20px 0;
    position: relative;
    font-family: 'Lato', arial, sans-serif
}

.main .product-sheet .onglet {
    width: 45%;
    float: right;
    max-width: 578px;
}

.main .withdrawal-delivery > * {
    display: inline-block;
    vertical-align: top;
}

.main .withdrawal-delivery .list-withdrawal-delivery {
    width: -webkit-calc(100% - 245px);
    width: calc(100% - 245px);
    max-height: 350px;
    height: 100%;
}

.main .withdrawal-delivery-mkp .list-withdrawal-delivery {
    overflow-y: auto;
}

.main .withdrawal-delivery .list-withdrawal-delivery {
    width: -webkit-calc(100% - 245px);
    width: calc(100% - 245px);
    max-height: 380px;
    height: 100%;
    margin-bottom: 0;
}

.main .withdrawal-delivery .list-withdrawal-delivery > li {
    margin-bottom: 15px;
    padding: 0 0 0 35px;
    position: relative;
    min-height: 35px
}

.main .withdrawal-delivery .list-withdrawal-delivery > li.svg-shop,
.main .withdrawal-delivery .list-withdrawal-delivery > li.svg-home-delivery,
.main .withdrawal-delivery .list-withdrawal-delivery > li.svg-evening-delivery,
.main .withdrawal-delivery .list-withdrawal-delivery .svg-evening-delivery-alert{
    padding: 0;
    display: flex;
    align-items: flex-start;
}
.main .withdrawal-delivery .list-withdrawal-delivery .svg-evening-delivery-alert{
    align-items: center;
}
.main .withdrawal-delivery .list-withdrawal-delivery > li.svg-shop img,
.main .withdrawal-delivery .list-withdrawal-delivery > li.svg-home-delivery img,
.main .withdrawal-delivery .list-withdrawal-delivery > li.svg-evening-delivery img,
.main .withdrawal-delivery .list-withdrawal-delivery .svg-evening-delivery-alert img{
    width: 45px;
}
.main .withdrawal-delivery .list-withdrawal-delivery .colissimo {
    margin-top: 30px !important
}

.main .withdrawal-delivery .list-withdrawal-delivery > li > p:not(.t-alert) {
    line-height: 1.6;
}

.main .withdrawal-delivery-mkp .list-withdrawal-delivery>li>p:not([class*="-little"]) {
    line-height: 1.6;
    font-weight: 700;
}
.withdrawal-delivery-mkp .list-withdrawal-delivery > li p span{
    line-height: 1.6;
    font-weight: 500;
}
.withdrawal-delivery-mkp .list-withdrawal-delivery > li p:not(:last-child){
    margin-bottom: 10px;
}
.withdrawal-delivery-mkp .withdrawal-delivery-mkp__button{
    border: 1px solid #313131;
    color: #313131;
    font-size: 1.3rem;
    padding: 0.7rem 2rem 0.7rem 5rem;
    margin-top: 5px;
    cursor: pointer;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: relative;
    margin-left: 10px;
}
.withdrawal-delivery-mkp__button .disNone{
    display: none;
}
.withdrawal-delivery-mkp .list-withdrawal-delivery > li p span:last-child{
    font-size: 12px;
    color: #39a033 !important;
    position: relative;
    max-width: 215px;
}
.withdrawal-delivery-mkp .list-withdrawal-delivery > li p span:last-child::before{
    content: "";
    display: inline-block;
    transform: rotate(45deg);
    height: 11px;
    width: 6px;
    border-bottom: 2px solid #39a033;
    border-right: 2px solid #39a033;
    margin-right: 8px;
    margin-left: 5px;
}
.withdrawal-delivery-mkp .withdrawal-delivery-mkp__button:before{
    content: "";
    background: url(https://media.but.fr/Sources/Default/Images/ProductSheet/ShippingMode.svg) 0 0 no-repeat;
    display: block;
    width: 20px;
    height: 15px;
    position: absolute;
    left: 1.8rem;
    top: 6px;
    background-size: 100%;
}

.main .withdrawal-delivery .list-withdrawal-delivery . > li p span {
    color: #666;
    text-transform: none;
}

.main .withdrawal-delivery .list-withdrawal-delivery > li:last-child {
    margin: 0;
}

/*remplacer par celle de l'integration statique*/
/*.main .withdrawal-delivery .list-withdrawal-delivery > li:before {position: absolute;left: 0;top: -.05em;font-size: 24px;margin: 0;}*/
.main .withdrawal-delivery .list-withdrawal-delivery > li:before {
    position: absolute;
    left: 0;
    top: -6px;
    font-size: 24px;
    margin: 0;
}
.main .withdrawal-delivery .list-withdrawal-delivery > li > img {
    transform: translate(0px, -16px);
}
.pictoLivraison > li:before {
    position: absolute;
    left: 0;
    /* parceque l'affichage du picto Retrait Magasin dans le bloc de dispo, est décalé vers le bas (integration statique ligne 2391)*/
    bottom: 26%;
    font-size: 24px;
    margin: 0;
}

.main .withdrawal-delivery .search-withdrawal-delivery p {
    padding: 0 0 8px 0
}

.main .withdrawal-delivery .search-withdrawal-delivery {
    width: 250px;
    font-size: 11px;
    position: absolute;
    color: #666;
    top: 12%
}

.main .withdrawal-delivery .list-withdrawal-delivery > li button.plus-info {
    position: relative;
    font-weight: bolder;
    border: 1px solid #d4d4d4;
    width: 16px;
    height: 16px;
    color: #666666;
}

.main .withdrawal-delivery .list-withdrawal-delivery > li .type-infobulle {
    position: absolute;
    top: -3px;
    padding-left: 215px;
    left: 0;
    width: 100%
}

.main .withdrawal-delivery .list-withdrawal-delivery > li .infobulle {
    position: absolute;
    top: 30px;
    left: 115px;
    background: #f3f3f3;
    border: 1px solid #9e9e9e;
    padding: 11px;
    width: 220px;
}

.main .withdrawal-delivery .list-withdrawal-delivery > li .infobulle span {
    display: inline;
    color: #666666;
}

.main .withdrawal-delivery .type-infobulle:hover {
    cursor: auto;
}

.main .withdrawal-delivery .plus-info {
    cursor: pointer;
}

.main .withdrawal-delivery .list-withdrawal-delivery .delivery-to li {
    line-height: 1.3;
    font-size: 12px;
    margin-bottom: 2px;
}

.main .withdrawal-delivery .list-withdrawal-delivery .delivery-to li a {
    line-height: 1.3;
    font-size: 12px;
}

/*.main .withdrawal-delivery .list-withdrawal-delivery .delivery-to li > a{text-decoration:underline;}*/
.main .withdrawal-delivery .list-withdrawal-delivery .delivery-to .green {
    color: #39a033;
    text-decoration: none !important
}

.main .withdrawal-delivery .list-withdrawal-delivery li > p.delai-depasse {
    line-height: 2;
}

.main .withdrawal-delivery .seller {
    font-size: 14px;
    display: block;
    padding-bottom: 25px
}

.main .withdrawal-delivery .seller .select-info {
    position: relative;
    border: 1px solid #d4d4d4;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    color: #9e9e9e;
    height: 15px;
    width: 15px;
    outline: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: #ffffff;
    display: inline-block;
    padding: 0;
    font-size: 10px;
    font-weight: bold;
    margin-left: 5px;
    text-align: center;
    vertical-align: text-bottom;
    cursor: pointer;
}

.main .withdrawal-delivery .seller .infobulle p, .main .service-guarantee .seller .infobulle p {
    font-size: 11px;
    color: #000000;
    text-align: left
}

.main .withdrawal-delivery .seller .infobulle .t-1-infobulle {
    text-decoration: underline;
    margin-bottom: 5px
}

.main .withdrawal-delivery .seller .infobulle .t-3-infobulle, .main .service-guarantee .seller .infobulle .t-3-infobulle {
    font-weight: normal;
    font-family: "lato";
    font-size: 12px;
}

.main .withdrawal-delivery .seller .infobulle::before {
    content: '';
    width: 12px;
    height: 12px;
    border-left: 1px solid #9e9e9e;
    border-top: 1px solid #9e9e9e;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0) rotate(45deg);
    -ms-transform: translate(-50%, 0) rotate(45deg);
    transform: translate(-50%, 0) rotate(45deg);
    top: -7px;
    background: #f3f3f3;
}

.main .withdrawal-delivery .seller .infobulle, .main .service-guarantee .seller .infobulle {
    position: absolute;
    top: 30px;
    right: -91px;
    background: #f3f3f3;
    border: 1px solid #9e9e9e;
    padding: 11px;
    width: 200px;
    z-index: 50;
}

.main .service-guarantee .seller .infobulle {
    position: absolute;
    top: 30px;
    left: -91px;
    background: #f3f3f3;
    border: 1px solid #9e9e9e;
    padding: 11px;
    width: 200px;
    z-index: 50;
}

.mkp .bloc-partenaire .infobulle .close-infobulle {
    position: absolute;
    right: 10px;
    top: 8px;
    width: 16px;
    height: 16px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    color: #9e9e9e;
}
.list-withdrawal-delivery .orange {
    font-size: 12px;
    color: #f58105;
    text-transform: none;
    position: relative;
}
.v-rattache .product-textual-infos .withdrawal-delivery .list-withdrawal-delivery .orange {
    font-size: 12px;
    color: #f58105;
    text-transform: none;
    position: relative;
}

.v-rattache .product-textual-infos .withdrawal-delivery .list-withdrawal-delivery {
    min-width: 283px;
    width: initial;
}

.v-rattache .product-textual-infos .withdrawal-delivery .list-withdrawal-delivery.fpbut{
    width: -webkit-calc(100% - 245px);
    width: calc(100% - 245px);
    min-width: initial;
}
@media only screen and (max-width: 1200px){
    .main .withdrawal-delivery .list-withdrawal-delivery.fpbut {
        width: -webkit-calc(100% - 125px) !important;
        width: calc(100% - 125px) !important;
    }
}
/* --- 3 versions --- */
.main:not(.version-rattache) .withdrawal-delivery .list-withdrawal-delivery > li .infobulle {
    display: none;
}

.main.version-non-rattache .withdrawal-delivery .search-withdrawal-delivery {
    margin: 32px 0 0 0;
}

.main .withdrawal-delivery .search-withdrawal-delivery a {
    text-decoration: underline;
}

.main.version-delai-depasse .withdrawal-delivery .list-withdrawal-delivery {
    width: 100%;
}

.main.version-delai-depasse .withdrawal-delivery .search-withdrawal-delivery {
    display: none;
}

.main .withdrawal-delivery .search-withdrawal-delivery .btn-localize {
    font-family: "Lato";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    padding: 5px 0 5px 27px;
    margin-top: 10px;
    color: #ffffff;
    background: #768d9f url(/animations/Images/Default/Common/svg/svg-localisation-white.svg) no-repeat 50px 8px;
    background-size: auto;
    background-size: 20px 20px;
    width: 100%;
    height: 38px;
    line-height: 1;
    text-align: center;
    position: relative;
    transition-duration: .3s
}

.main .withdrawal-delivery .search-withdrawal-delivery .btn-localize:hover {
    background-color: #6d8291
}


/* FIN AJOUT THOMAS Dispo non rattaché */

/* AJOUT ALEX MKP */
.main #main-product-sheet {
    width: 100%
}

.mkp .product-textual-infos .withdrawal-delivery {
    padding: 20px 0
}

.mkp .product-textual-infos .withdrawal-delivery .list-withdrawal-delivery {
    min-height: 35px;
}

.mkp .product-textual-infos .list-withdrawal-delivery .svg-home-delivery {
    margin: 0px
}

.mkp .product-textual-infos .top-seller .reduc {
    background-color: #1a6499;
    border: none;
    color: #ffffff;
    font-size: 10px;
    padding: 6px 10px 4px;
}

.mkp .product-textual-infos .top-seller .price-payment {
    width: calc(100% - 250px);
    font-size: 14px;
    display: inline-block;
}

.mkp .product-textual-infos .top-seller .availability {
    width: 245px;
    display: inline-block;
    text-align: right;
    vertical-align: top;
    padding-top: 18px;
}

.mkp .product-textual-infos .top-seller .availability b {
    display: inline
}

.mkp .product-textual-infos .top-seller .l-available {
    width: auto
}

.mkp .product-textual-infos .top-seller .l-available span {
    color: #000000;
    font-weight: normal;
    text-transform: none
}

.mkp .product-textual-infos .top-seller .price-payment > * {
    position: initial
}

.mkp .product-textual-infos .top-seller .price-payment p {
    margin-top: 5px
}

.mkp .product-textual-infos .top-seller .price-payment p:nth-child(4) {
    margin-top: 2px;
}

.mkp .product-textual-infos .top-seller .price-payment p:nth-child(3) {
    margin-top: 2px;
    font-family: 'Lato';
    font-weight: 600
}

.mkp .product-textual-infos .top-seller .price-payment p:first-child {
    margin-top: 0px
}

.mkp .product-textual-infos .top-seller .price-payment .vendor span {
    color: #1a6499;
    font-weight: bold
}

.mkp .product-textual-infos .top-seller .price-payment .current-sell span {
    font-size: 11px;
    color: #000000;
    text-decoration: none
}

.main .product-textual-infos .top-seller .price-payment .current-sell span {
    font-size: 11px;
    color: #000000;
    text-decoration: none
}

.mkp .product-textual-infos .top-seller .price-payment .product-state {
    color: #000000;
    font-weight: bold;
    font-size: 12px
}

.mkp .product-textual-infos .t-paragraph span {
    color: #1a6499
}

.mkp .product-textual-infos .availability {
    margin-bottom: 40px
}

/* Liste MKP */
.mkp .liste-mkp {
    min-height: 120px;
    border-top: 1px solid #d7dde1;
    vertical-align: middle;
    margin-top: 0px;
    font-size: 14px;
    position: relative;
}

@media only screen and (max-width: 1110px) {
    .mkp .liste-mkp {
        height: 100px;
    }
}

.mkp .scrollmenu .top-seller {
    margin-top: 0
}

.mkp .scrollmenu .offerMkp-description {
    text-align: center;
    width: 80%;
    display: block;
    margin: 0 auto;
}

.mkp .liste-mkp .left {
    display: inline-block;
    width: 20%;
    height: 100%;
    position: relative;
    color: #1a6499
}

.mkp .liste-mkp .centered {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px
}

.mkp .liste-mkp .centered .old-price-small {
    color: #666666;
    font-size: 12px;
    text-decoration: line-through;
    padding-right: 5px
}

.mkp .liste-mkp .line-list sup,
.mkp .liste-mkp .centered .old-price-small sup{
    font-size: 10px;
}

.mkp .liste-mkp .centered .name-vendor {
    font-weight: bold;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 85px
}

.mkp .liste-mkp .right .centered p:first-child {
    font-size: 14px;
    color: #e62239
}

.mkp .liste-mkp .centered .ventes {
    font-size: 11px
}

.mkp .liste-mkp .centered .delivery-informations {
    position: absolute;
    white-space: nowrap;
    font-size: 12px;
    color: #38373C;
}

.mkp .liste-mkp .centered .delivery-informations span{
    color: #39a033;
    font-weight: 700;
}

.mkp .liste-mkp .centered .reduc-small {
    font-family: 'Lato';
    font-weight: normal;
    padding: 5px 3px 3px 3px;
    color: #e2001a;
    border: 1px solid #e2001a;
    font-size: 12px;
    margin-right: 5px;
    vertical-align: top;
}

.mkp .liste-mkp .centered .new {
    color: #000000;
    font-style: italic;
    font-size: 11px
}

.mkp .liste-mkp .center {
    display: inline-block;
    width: 16%;
    font-weight: bold;
    height: 100%;
    position: relative;
    font-size: 12px
}

.mkp input {
    display: inline-block;
    position: relative;
}

.mkp label p {
    display: inline-block;
    position: absolute;
    margin-left: 5px
}

.mkp .liste-mkp .btn-right {
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: right;
    right: 14px;
}

.mkp .liste-mkp .center p {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.mkp .liste-mkp .right {
    display: inline-block;
    width: 33%;
    text-align: right;
    height: 100%;
    position: relative
}

.mkp .liste-mkp .cta {
    position: relative;
    height: 100%;
    text-align: right
}

.mkp .liste-mkp .myButton {
    background-color: #ffffff;
    border: 1px solid #d7dde1;
    display: inline-block;
    cursor: pointer;
    color: #000000;
    font-size: 11px;
    padding: 10px 15px;
    text-decoration: none;
}

.mkp .liste-mkp .myButton:hover,
.myButton:focus {
    background-color: #1a6499;
    border: 1px solid #1a6499;
    color: #ffffff
}

.mkp .partenaire {
    display: inline-block;
    width: 25%;
    vertical-align: middle;
    margin-left: 5px;
    cursor: pointer
}

.mkp .full-partenaire {
    display: inline-block;
    width: calc(100% - 180px);
    vertical-align: middle;
    margin-left: 5px;
}

.mkp .neuf {
    display: inline-block;
    width: 14%;
    vertical-align: middle;
    margin-left: 5px;
    cursor: pointer;
}

.mkp .liste-mkp .reduc {
    font-size: 8px !important;
    background-color: #1a6499;
    border: none;
    color: #ffffff;
    font-size: 10px;
    padding: 3px 8px 3px !important;
    display: inherit;
    width: 75px;
    margin-bottom: 5px;
}

.mkp .liste-mkp .reduc-hide {
    visibility: hidden
}

.mkp .liste-mkp .line-list {
    position: absolute;
    width: 100%;
    height: 80%
}

.mkp .liste-mkp .line-list b{
    color: #38373C;
    font-weight: 600;
}

.mkp .liste-mkp .line-list sup{
    vertical-align: super;
}

.mkp .liste-mkp .right .centered {
    right: 0
}

.main .scrollmenu {
    max-height: 490px;
    overflow-y: auto;
    width: 100%;
    padding: 0 20px 20px 21px;
}

.main .nopad {
    padding: 0px !important
}

.main .nomarg {
    margin: 0 0 10px !important
}

.mkp .bloc-partenaire {
    padding: 13px 8px 16px 20px
}

.mkp .blue-stars {
    width: 60px
}

.product-rating-mkp::before {
    content: '';
    background-image: url('/Sources/Default/Images/Catalog/Product/rating-mkp.png');
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    display: inline-block;
    width: 60px;
    height: 9px;
    overflow: hidden;
    vertical-align: middle;
    margin: 0 10px 2px 0;
}

.product-rating-mkp.stars-0-0:before {
    background-position: 0px;
}

.product-rating-mkp.stars-0-5:before {
    background-position: 0 -9px;
}

.product-rating-mkp.stars-1-0:before {
    background-position: 0 -19px;
}

.product-rating-mkp.stars-1-5:before {
    background-position: 0 -28px;
}

.product-rating-mkp.stars-2-0:before {
    background-position: 0 -37px;
}

.product-rating-mkp.stars-2-5:before {
    background-position: 0 -47px;
}

.product-rating-mkp.stars-3-0:before {
    background-position: 0 -56px;
}

.product-rating-mkp.stars-3-5:before {
    background-position: 0 -66px;
}

.product-rating-mkp.stars-4-0:before {
    background-position: 0 -75px;
}

.product-rating-mkp.stars-4-5:before {
    background-position: 0 -84px;
}

.product-rating-mkp.stars-5-0:before {
    background-position: 0 -94px;
}

.bloc-partenaire .select-info {
    position: relative;
    border: 1px solid #d4d4d4;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    color: #9e9e9e;
    height: 20px;
    width: 20px;
    outline: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: #ffffff;
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    font-size: 12px;
    font-weight: bold;
    margin-left: 10px;
    text-align: center
}

.full-mkp .price-payment .select-info,
.mkp .price-payment .select-info,
.service-guarantee ul li .select-info,
.main .service-guarantee .seller .select-info,
.old-price.mkp::after
{
    position: relative;
    border: 1px solid #d4d4d4;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    color: #ffffff;
    height: 14px;
    width: 14px;
    outline: none;
    cursor: pointer;
    -moz-appearance: none;
    -webkit-appearance: none;
    display: inline-block;
    padding: 0;
    font-size: 10px;
    background-color: #CDCDCD;
    font-weight: bold;
    margin-left: 5px;
    text-align: center;
    vertical-align: text-bottom;
}

.full-mkp .price-payment .select-info{
    padding: 1px 0 0 0;
}

.old-price.mkp::after{
    content:"i";
    line-height: 12px;
    margin-bottom: 2px;
    cursor: inherit;
}
.full-mkp .price-payment .select-info .infobulle,
.mkp .price-payment .select-info .infobulle {
    position: absolute;
    top: 25px;
    right: -119px;
    background: #f3f3f3;
    border: 1px solid #9e9e9e;
    padding: 11px;
    width: 250px;
    z-index: 50
}

.full-mkp .price-payment .select-info .infobulle .t-3-infobulle,
.mkp .price-payment .select-info .infobulle .t-3-infobulle {
    font-family: "lato";
    font-size: 12px;
    font-weight: normal;
    color: #000000;
    text-align: left
}

.full-mkp .price-payment .select-info .infobulle::before,
.mkp .price-payment .select-info .infobulle::before {
    content: '';
    width: 12px;
    height: 12px;
    border-left: 1px solid #9e9e9e;
    border-top: 1px solid #9e9e9e;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0) rotate(45deg);
    -ms-transform: translate(-50%, 0) rotate(45deg);
    transform: translate(-50%, 0) rotate(45deg);
    top: -7px;
    background: #f3f3f3;
}

.mkp .bloc-partenaire .infobulle {
    position: absolute;
    top: 30px;
    right: -25px;
    background: #ffffff;
    border: 1px solid #9e9e9e;
    padding: 11px;
    width: 350px;
    z-index: 50
}

.mkp .bloc-partenaire .infobulle p {
    font-family: 'Lato', Arial, Sans-Serif;
    font-size: 11px;
    color: #000000;
    text-align: left
}

.mkp .bloc-partenaire .infobulle .t-1-infobulle {
    text-decoration: underline;
    margin-bottom: 5px
}

.mkp .bloc-partenaire .infobulle .t-3-infobulle {
    font-weight: normal
}

.mkp .bloc-partenaire .infobulle::before {
    content: '';
    width: 12px;
    height: 12px;
    border-left: 1px solid #9e9e9e;
    border-top: 1px solid #9e9e9e;
    position: absolute;
    left: 91%;
    -webkit-transform: translate(-50%, 0) rotate(45deg);
    -ms-transform: translate(-50%, 0) rotate(45deg);
    transform: translate(-50%, 0) rotate(45deg);
    top: -7px;
    background: #ffffff;
}

.mkp .bloc-partenaire .infobulle .close-infobulle {
    position: absolute;
    right: 10px;
    top: 8px;
    width: 16px;
    height: 16px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    color: #9e9e9e;
}

.main .knowmore {
    border: 1px solid #313131;
    color: #313131;
    font-size: 1.3rem;
    padding: 0.7rem 2rem 0.7rem 2rem;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: relative;
    margin-left: 36px;
    width: fit-content;
    margin-bottom: 25px;
}

.main .knowmore a {
    text-decoration: none;
}

.main .knowmoremkp {
    position: absolute;
    top: 12px;
    transform: translateY(-50%);
    text-align: right;
    width: auto;
    right: -50%;
}

/* full mkp*/
.ongletborder {
    border-top: 1px solid #d7dde1;
    margin-top: 5px
}

.full-mkp p {
    margin-top: 5px;
    font-size: 14px
}

.full-mkp p:nth-child(2) {
    margin-top: 2px;
    font-family: 'Lato';
    font-weight: 600;
}

.full-mkp p:nth-child(3) {
    margin-top: 2px
}

.full-mkp .product-textual-infos .reduc {
    background-color: #1a6499;
    border: none;
    color: #ffffff;
    font-size: 10px;
    padding: 6px 10px 4px;
    margin-bottom: 0px
}

.full-mkp .product-textual-infos .reducbut {
    font-family: 'Lato';
    font-weight: normal;
    padding: 6px 4px 4px 4px;
    color: #e2001a;
    border: 1px solid #e2001a;
    font-size: 15px;
    display: inline-block;
    background-color: #ffffff;
}

.full-mkp .current-sell span {
    font-size: 11px;
    color: #000000;
    text-decoration: none;
}

.full-mkp .vendor span {
    color: #1a6499;
    font-weight: bold;
}

.full-mkp .blue-stars {
    width: 60px
}

.full-mkp .product-state {
    color: #000000;
    font-weight: bold;
    font-size: 12px;
    margin-top: 5px;
}

.full-mkp .withdrawal-delivery .list-withdrawal-delivery > li {
}

.full-mkp .price-payment-availability .nomargin {
    margin-top: 0 !important
}

.full-mkp .price-payment-availability .availability {
    margin-top: -58px
}

/* select mkp */

.mkp .product-textual-infos .bloc-partenaire .select-white {
    border: 1px solid #d4d4d4;
    font-size: 12px;
    font-family: 'Lato';
    color: #000000;
    height: 30px;
    padding: 1px 17px 0 2px;
    width: 100%;
    max-width: 130px;
    outline: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: #ffffff url('/animations/Images/Default/Common/fleche-select.png') no-repeat 105px 4px;
}

/* services et garanties */
.main .service-guarantee ul li {
    line-height: 1em;
    margin-bottom: 5px
}

.main .service-guarantee .t-paragraph {
    padding: 20px 0 5px 0;
}

.main .service-guarantee ul li span {
    font-size: 11px;
    color: #666;
}

.main .service-guarantee ul li .savoir-plus {
    display: none
}

.main .service-guarantee ul li .fin-com,
.main .service-guarantee ul li .savPlus {
    color: #000;
    display: inline-block;
    text-decoration: underline;
    outline: none
}

.main .service-guarantee ul li .fin-com:hover,
.main .service-guarantee ul li .savPlus:hover {
    text-decoration: none
}

.main .service-guarantee ul p {
    font-size: 12px;
    color: #666;
    font-weight: bold
}



.main .service-guarantee .type-infobulle {
    position: relative;
}

.main .service-guarantee .infobulle {
    width: 376px;
    position: absolute;
    top: 30px;
    background: #f3f3f3;
    border: 1px solid #9e9e9e;
    padding: 11px;
}

.main .service-guarantee .infobulle > p {
    margin: 0 0 15px 0;
}

.main .service-guarantee .infobulle > ul li {
    line-height: 1.2;
}

.main .service-guarantee * {
    line-height: 1.3;
}

.main .service-guarantee a strong {
    font-weight: normal;
}

.main .service-guarantee a:hover strong {
    text-decoration: underline;
}

.main .service-guarantee .underline {
    text-decoration: underline;
    font-weight: normal
}

.main .service-guarantee .seller {
    padding: 20px 0;
}

.main .service-guarantee .seller ~ .t-paragraph {
    padding: 0 0 5px 0;
}

.main .service-guarantee .exclu.type-infobulle {
    border: 1px solid #d4d4d4;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    color: #9e9e9e;
    height: 15px;
    width: 15px;
    outline: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: #ffffff;
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    font-size: 10px;
    font-weight: bold;
}

.main .service-guarantee .infobulle {
    width: 376px;
    position: absolute;
    top: 30px;
    left: -65px;
    background: #f3f3f3;
    border: 1px solid #9e9e9e;
    padding: 11px;
}

.main .service-guarantee .infobulle.bis {
    width: 376px;
    position: absolute;
    top: 30px;
    left: -181px;
    background: #f3f3f3;
    border: 1px solid #9e9e9e;
    padding: 11px;
}

.main .service-guarantee .infobulle.bis p {
    font-family: 'Lato', Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    text-align: left
}

.main .service-guarantee .exclu .infobulle {
    width: 150px;
}

.main .service-guarantee .infobulle::before {
    content: '';
    width: 12px;
    height: 12px;
    border-left: 1px solid #9e9e9e;
    border-top: 1px solid #9e9e9e;
    position: absolute;
    left: calc(50% - 3px);;
    -webkit-transform: translate(-50%, 0) rotate(45deg);
    -ms-transform: translate(-50%, 0) rotate(45deg);
    transform: translate(-50%, 0) rotate(45deg);
    top: -7px;
    background: #f3f3f3;
}

.main .service-guarantee .infobulle > p:not(.t-3-infobulle) {
    margin: 0 0 15px 0;
}

.main .service-guarantee .infobulle.bis > p {
    margin: 10px 0 10px 0
}

.main .service-guarantee .infobulle > ul li {
    line-height: 1.2;
}

.main .service-guarantee * {
    line-height: 1.3;
}

.main .service-guarantee a strong {
    font-weight: normal;
}

.main .service-guarantee a:hover strong {
    text-decoration: underline;
}

.main .service-guarantee .underline {
    text-decoration: underline;
    font-weight: normal
}

.main .service-guarantee .underline:hover {
    text-decoration: none
}

.main .service-guarantee .seller {
    padding: 20px 0;
}

.main .service-guarantee .seller ~ .t-paragraph {
    padding: 0 0 5px 0;
}

/* --- packs produits --- */
.main .product-lot {
    width: 100%;
    margin: 17px 0;
    border-bottom: 1px solid #d4d4d4;
}

.main .product-lot:last-of-type {
    border-bottom: 0;
}

.main .product-lot img {
    width: 95%;
    display: block;
    max-width: 136px;
    margin: 0 auto;
}

.main .product-lot ul, .main .product-lot li {
    display: inline-block;
    vertical-align: bottom;
    color: #9e9e9e
}

.main .product-lot ul:nth-of-type(1) {
    width: -webkit-calc(100% - 115px);
    width: calc(100% - 115px);
}

.main .product-lot ul:nth-of-type(1) > li {
    width: -webkit-calc(21% - 20px);
    width: calc(21% - 20px);
    position: relative;
    padding: 0 20px 10px 0;
    color: #333;
}

.main .product-lot ul:nth-of-type(1) > li:not(:last-child):after {
    position: absolute;
    content: '+';
    color: #9e9e9e;
    right: 3px;
    height: 27px;
    top: -webkit-calc(60% - 54px);
    top: calc(60% - 54px);
    font-weight: bold;
    font-size: 2em;
}

.main .product-lot ul:nth-of-type(1) > li > p {
    padding: 13px 10px 0 17px;
    color: #333;
    line-height: 1;
    margin-bottom: .5em
}

.main .product-lot ul:nth-of-type(1) > li > div {
    position: relative;
    padding: 5px 0 13px;
}

.main .product-lot ul:nth-of-type(2) {
    width: 110px;
}

.main .product-lot ul:nth-of-type(2) li {
    width: 112px;
    height: 135px;
    position: relative;
    margin: 0 0 50px 0;
}

.main .product-lot ul:nth-of-type(2) li > *:not(div) {
    position: absolute;
    right: 0;
}

.main .product-lot ul:nth-of-type(2) li > * > * {
    position: absolute;
    right: 0;
}

.main .reduce-bloc{
    display: flex;
    align-items: center;
    margin-top: 5px;
}

.main .product-lot ul:nth-of-type(2) .reduc {
    bottom: 81px;
}

.main .product-lot ul:nth-of-type(2) .old-price {
    bottom: 55px;
}

.main .product-lot ul:nth-of-type(2) .old-price:before{
    top: 30%;
}

.main .product-lot ul:nth-of-type(2) .current-price {
    bottom: 31px;
}

.main .product-lot ul:nth-of-type(2) .btn-add-little {
    bottom: 0;
    display: inline-block;
    width: 100%;
    max-width: 112px
}

.main .product-lot li > a {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.main #composition-pack-product .product-lot .btn-add-grey {
    background-color: #768d9f;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #ffffff;
    display: block;
    font-family: 'Lato', Arial, sans-serif;
    font-size: 10px;
    text-align: center;
    text-transform: uppercase;
    top: 106px;
    transition-duration: .3s;
    margin: auto;
    padding: 9px 6px 10px 6px;
    position: absolute;
    right: 0;
    width: 110px
}

.main #composition-pack-product .product-lot .btn-add-grey:hover {
    background-color: #6d8291
}

.main #eco-pack-product .product-lot .btn-add-grey {
    background-color: #768d9f;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #ffffff;
    display: block;
    font-family: 'Lato', Arial, sans-serif;
    font-size: 10px;
    text-align: center;
    text-transform: uppercase;
    top: 106px;
    transition-duration: .3s;
    margin: auto;
    padding: 9px 6px 10px 6px;
    position: absolute;
    right: 0;
    width: 110px
}

.main #eco-pack-product .product-lot .btn-add-grey:hover {
    background-color: #6d8291
}

.main #eco-pack-product-hide .product-lot .btn-add-grey {
    background-color: #768d9f;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #ffffff;
    display: block;
    font-family: 'Lato', Arial, sans-serif;
    font-size: 10px;
    text-align: center;
    text-transform: uppercase;
    top: 106px;
    transition-duration: .3s;
    margin: auto;
    padding: 9px 6px 10px 6px;
    position: absolute;
    right: 0;
    width: 110px
}

.main #eco-pack-product-hide .product-lot .btn-add-grey:hover {
    background-color: #6d8291
}

/* --- produits unitaires --- */
.product-units {
    width: 100%;
    margin: 17px 0;
    border-bottom: 1px solid #d4d4d4;
}

.product-units .old-price::before{
    width: 34%;
    position: absolute;
    top: 60%;
}

.product-units:last-of-type {
    border-bottom: 0;
}

.product-units .cost-price {
    margin-left: 11px
}

.product-units .no-offer {
    margin-top: 25px
}


.product-units ul {
    width: 100%;
    margin: 11px 0 18px 0;
}

.product-units img:not(.picto-com) {
    width: 95%;
    display: block;
    max-width: 136px;
    margin: 0 auto;
}

.product-units ul, .product-units li {
    display: inline-block;
    vertical-align: top;
    color: #9e9e9e
}

.product-units ul > li {
    width: -webkit-calc(20% - 3px);
    width: calc(20% - 3px);
    position: relative;
    padding: 10px 20px 0 20px;
    color: #333;
    position: relative;
}

.product-units ul > li .picto-com {
    position: absolute;
    width: 30%;
    max-width: 48px;
    height: auto;
    top: 0;
    left: 31px;
}

.product-units ul > li:not(:last-child) {
    border-right: 1px solid #d7dde1;
}

.product-units ul > li > a {
    display: inline-block;
}

.product-units ul > li p {
    padding: 11px 11px 0 11px;;
    color: #333;
    line-height: 1.2;
}

.product-units ul > li p .product-rating {
    margin: 8px 0 9px 0;
}

.product-units ul > li p .product-prices {
    display: block;
    width: 100%;
    height: 33px;
    position: relative;
}

.product-units ul > li p .product-prices > span {
    display: block;
    width: 45px;
    float: left;
}

.product-units ul > li p .product-prices > span.old-price {
    display: block;
    float: left;
    text-align: left;
    width: -webkit-calc(100% - 54px);
    width: calc(100% - 54px)
}

.product-units ul > li p .product-prices > span.current-price {
    display: block;
    float: left;
    text-align: left;
    width: -webkit-calc(100% - 54px);
    width: calc(100% - 54px)
}

.product-units ul > li > a .visible-hover, .main .product-lot ul > li > a .visible-hover {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.main #same-range-product {
    margin: 0;
}

.main #same-range-product h2 {
    margin: 0;
}

/* --- aside --- */
.main aside {
    width: 140px;
    display: inline-block;
    float: right;
    clear: both;
    position: relative;
    margin: 50px 0 0 0;
    z-index: 1;
}

.main aside .scroll-box-info {
    position: absolute;
    top: 0;
    bottom: auto;
    right: 0;
    width: 140px;
    border: 3px solid #d4d4d4;
    text-align: center;
    padding: 8px;
}

.main aside .scroll-box-info img {
    display: block;
    width: 100%;
    margin: 0 0 6px 0;
}

.main aside .scroll-box-info p {
}

.main aside .scroll-box-info a {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.main aside .scroll-box-info .btn-add-little {
    padding: 10px 4px 20px 4px;
    margin: 0 auto;
    display: block;
    width: 100%;
}

.main aside .scroll-box-info .product-prices {
    display: inline-block;
    width: 100%;
    margin: 15px 0 5px 0;
}

.main aside .scroll-box-info.fixed {
    position: fixed;
    left: auto;
    right: auto;
    margin: 15px 0 0 0;
}

.main aside .scroll-box-info.fixed-bottom {
    position: absolute;
    bottom: 0;
    right: 0;
    top: auto;
}

.main aside .scroll-box-info .product-title {
    display: inline-block;
    width: 100%;
}

.main aside .scroll-box-info .product-title strong {
    font-weight: bold;
}


/* --- nav --- */
.main nav.scroll-details-nav {
    font-size: 14px;
    text-transform: uppercase;
    display: block;
    width: -webkit-calc(100% - 151px);
    width: calc(100% - 151px);
    max-width: 1112px;
    background: #fff;
    height: 50px;
    border-bottom: 1px solid #d4d4d4;
    margin: 0;
    z-index: 10;
    visibility: hidden;
    padding-top: 3px
}

.main nav.scroll-details-nav * {
    height: 100%;
    z-index: 30;
}

.main nav.scroll-details-nav > ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.main nav.scroll-details-nav ul > li {
    display: inline-block;
    padding: 0;
    vertical-align: top;
}

.main nav.scroll-details-nav ul > li:not(:last-of-type) {
    margin: 0 37px 0 0;
}

.main nav.scroll-details-nav ul > li a {
    display: block;
    padding: 14px 0;
    position: relative;
}

.main nav.scroll-details-nav ul > li a:after {
    content: '';
    position: absolute;
    display: block;
    height: 4px;
    width: 100%;
    background: #e2001a;
    bottom: 0;
    left: 0;
    opacity: 0; /*-webkit-transition:.4s;-o-transition:.4s;transition:.4s;*/
}

.main nav.scroll-details-nav ul > li.focus a:after {
    opacity: 1;
}

.main nav.scroll-details-nav.fixed {
    position: fixed;
    left: auto;
    right: auto;
    top: 0;
    bottom: auto;
    display: block;
}

.main nav.scroll-details-nav.fixed-bottom {
    display: none;
}


/* --- Caracteristiques --- */
.main #feature-product .table-heading-product .details-heading-product > li.titre {
    background-color: white;
    width: 100% !important;
    min-height: 30px;
    border-bottom: none !important;
    margin-top: 15px
}

.main #feature-product .table-heading-product .details-heading-product > li.titre span {
    text-align: left;
    font-family: 'Lato', Arial, Sans-Serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px !important;
    text-transform: uppercase;
    position: absolute;
    width: auto !important
}

.main #feature-product .table-heading-product .details-heading-product > li.titre:before {
    content: '';
    border-bottom: 1px solid #9e9e9e;
    position: absolute;
    bottom: 10px;
    right: 15px;
    width: calc(100% - 15px) !important
}

.main #feature-product .table-heading-product .details-heading-product li:first-child:not(.titre) {
    margin-top: 30px;
}

/* Fix item center */
.main #feature-product .table-heading-product .details-heading-product > li {
    display: flex;
}

.main #feature-product .table-heading-product .details-heading-product > li > span {
    display: flex;
    align-items: center
}

.main #feature-product p:not(.t-paragraph),
.main #feature-product > ul {
    margin: 0 23px 15px 0;
}

.main #feature-product > ul > li {
    margin: 0 0 15px 0;
}

.main #feature-product > ul > li:before {
    content: '\2022 ';
    display: inline;
    color: #e2001a;
    margin-right: 5px;
}

.main #feature-product .table-heading-product {
    position: relative;
}

.main #feature-product .table-heading-product:nth-of-type(2) {
    padding-top: 10px
}

.main #feature-product .table-heading-product .nav-heading-product > li {
    display: inline-block;
    vertical-align: top;
    margin: 0 9px 9px 0;
    padding: 0;
    width: 48px;
    height: 48px;
}

.main #feature-product .table-heading-product .nav-heading-product > li span {
    position:absolute;
    top:0;
    left:0;
    color:#1D1D1B;
    width:48px;
    height:48px;
    text-align:center;
    padding-top:18px;
    font-weight: 900;
}

.main #feature-product .table-heading-product .nav-heading-product > li img {
    height: auto;
    width: 48px;
}

.main #feature-product .table-heading-product .nav-heading-product {
    margin: 5px 0;
    min-height: 48px;
    display: flex;
}

.main #feature-product .table-heading-product > a.btn-download-little {
    position: absolute;
    top: 5px;
    right: 0;
    display: inline-block;
    vertical-align: middle;
    color: #ffffff;
    margin: 5px 0;
}

.main #feature-product .table-heading-product > a.svg-pdf:before {
    margin: -.2em .5em 0 .2em;
    color: #ffffff;
}

.main #feature-product .table-heading-product .details-heading-product {
    width: -webkit-calc(50% - 9px);
    width: calc(50% - 9px);
    display: inline-block;
    vertical-align: top;
}

.main #feature-product .table-heading-product .details-heading-product:nth-of-type(2) {
    margin: 0 7px 0 0;
}

.main #feature-product .table-heading-product .details-heading-product:nth-of-type(3) {
    margin: 0 0 0 7px;
}

/* .main #feature-product .table-heading-product .details-heading-product > li:nth-of-type(odd){background:#f3f3f3;} */
.main #feature-product .table-heading-product .details-heading-product > li > span:nth-of-type(1) {
    background: #f3f3f3;
    min-height: 30px;
    line-height: 14px
}

.main #feature-product .table-heading-product .details-heading-product > li {
    background: #fff;
    border-bottom: 1px solid #d7dde1;
    width: calc(100% - 15px) !important
}

.main #feature-product .table-heading-product .details-heading-product > li span,
.main #feature-product .table-heading-product .details-heading-product > li button {
    display: inline-block;
    vertical-align: middle;
}

.main #feature-product .table-heading-product .details-heading-product > li span:nth-of-type(1) {
    width: 38%;
}

.main #feature-product .table-heading-product .details-heading-product > li span {
    padding: 8px
}

.main #feature-product .table-heading-product .details-heading-product > li button {
    width: 15px;
}

.main #feature-product .table-heading-product .details-heading-product > li span:nth-of-type(2) {
    width: -webkit-calc(60% - 15px);
    width: calc(60% - 15px);
    padding-left: 20px;
    background: #fff;
}

.main #feature-product .table-heading-product .details-heading-product button[class*='faq-'] {
    border: 1px solid #d4d4d4;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    color: #9e9e9e;
    height: 15px;
    width: 15px;
    outline: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: #ffffff;
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    font-size: 10px;
    font-weight: bold;
}

.main #feature-product .energy-heading-product {
    margin: 62px 0 60px 0;
    display: inline-block;
    width: 100%;
}

.main #feature-product .energy-heading-product > a:nth-of-type(1) {
    margin: 0 30px 0 0;
    display: block;
    float: left;
}

.main #feature-product .energy-heading-product > a:nth-of-type(2) {
    margin: 7px 0;
    color: #666666;
    display: block;
}

.main #feature-product .energy-heading-product > img {
    display: block;
    max-width: 58px;
    margin-top: 1px;
}

.main #feature-product .table-heading-product .details-heading-product > li.titre > span:nth-of-type(1) {
    background: #fff
}

.main #feature-product .table-heading-product .details-heading-product > li:nth-of-type(1) {
    margin-top: 0px
}

/* --- la marque vous parle --- */
.main #spoken-product > p:not(.t-paragraph) {
    margin-bottom: 28px;
}

/* --- gabarit livraisons / retours / financements --- */
.main #funding-product > div,
.main #return-product > div {
    padding: 0 0 22px 45px;
}

.main #funding-product > div p,
.main #return-product > div p {
    margin: 0 0 15px 0;
    position: relative;
}

.main #funding-product > div a,
.main #return-product > div a {
    text-decoration: underline
}

.main #funding-product > div a:hover,
.main #return-product > div a:hover {
    text-decoration: none
}

.main #funding-product > div li,
.main #return-product > div li {
    margin: 0 0 8px 0;
}

.main #return-product > div li:before {
    content: '- ';
}

.main #funding-product > div li:before {
    content: '\2022 ';
    margin-right: 5px;
}

.main #funding-product > div li:last-of-type,
.main #return-product > div li:last-of-type {
    margin: 0 0 15px 0;
}

.main #funding-product > div p.t-princ span,
.main #return-product > div p.t-princ span {
    display: block;
}

.main #funding-product > div p[class*="svg-"]:before,
.main #return-product > div p[class*="svg-"]:before {
    position: absolute;
    font-size: 33px;
    left: -50px;
    top: -7px;
    margin: 0;
    padding: 0;
}

.main #funding-product > div .no-indent,
.main #return-product > div .no-indent {
    margin-left: -38px;
}


/* --- avis client --- */

/* note moyenne */
/* AJOUT THOMAS */
.main #customer-reviews-product .recommandation .avis_verif-content {
    display: block;
    width: 148px;
    margin: 15px auto 0;
    text-align: left
}

.main #customer-reviews-product .recommandation #avis_verif {
    color: #647786;
    font-family: 'Lato', arial, sans-serif;
    font-weight: 400;
    transition-delay: .3s
}

.main #customer-reviews-product .recommandation #avis_verif:hover {
    text-decoration: underline
}

.main #customer-reviews-product .recommandation #avis_verif:after {
    content: "";
    background: url('/animations/Images/Default/Catalog/Product/svg/info.svg') no-repeat 0 0;
    width: 20px;
    height: 21px;
    display: block;
    position: relative;
    bottom: 16px;
    left: 138px
}

#avis_verif_pop {
    box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.5);
    display: none;
    padding: 30px;
    width: 698px
}

#avis_verif_pop h3 {
    border-bottom: 1px solid #cecece;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px;
    padding-bottom: 5px;
    text-transform: uppercase
}

#avis_verif_pop p {
    color: #666;
    font-family: 'Lato', arial, sans-serif;
    font-size: 12px;
    line-height: 14px;
    text-align: justify
}

.main #customer-reviews-product .avis-unit p.date-avis-achat {
    font-style: italic;
    margin-top: 15px;
    padding: 2px 0 14px 0
}

/* FIN AJOUT THOMAS */
.main #customer-reviews-product select {
    outline: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.main #customer-reviews-product > div {
    display: inline-block;
    width: 100%;
    margin: 0;
}

.main #customer-reviews-product .top-avis {
    height: 151px;
    margin: 0 0 40px 0;
}

.main #customer-reviews-product .top-avis > div {
    display: inline-block;
    position: relative;
    vertical-align: middle;
}

.main #customer-reviews-product .note-moy-encart > * {
    margin: 0 auto;
    text-align: center;
}

.main #customer-reviews-product .note-moy-encart {
    width: 300px;
    padding: 0 90px 0 80px;
}

.main #customer-reviews-product .note-moy-encart .t-paragraph {
    margin: 9px 0 18px 0;
    padding: 0
}

.main #customer-reviews-product .note-moy-encart .t-paragraph:before {
    position: absolute;
    content: '';
    width: 60px;
    height: 60px;
    background: url('/animations/Images/Default/Common/sprite-avis.png') no-repeat 3px -41px;
    top: 0;
    left: 0;
}

.main #customer-reviews-product .note-moy-encart .note-moy {
    font-family: 'Lato';
    font-size: 26px;
}

.main #customer-reviews-product .note-moy-encart .note-moy span {
    font-size: 50px;
}

.main #customer-reviews-product .note-moy-encart .product-rating:before {
    margin: 9px auto 12px auto;
}

.main #customer-reviews-product .note-moy-encart .nbre-avis {
    padding: 9px 0 0 0;
    border-top: 1px solid #d1d1d1;
    color: #666666;
}

.main #customer-reviews-product .note-jauge {
    width: -webkit-calc((100% - 308px) * 0.5875);
    width: calc((100% - 308px) * 0.5875);
}

.main #customer-reviews-product .note-jauge:before {
    position: absolute;
    content: '';
    width: 10px;
    height: 136px;
    background: url('/animations/Images/Default/Common/sprite-avis.png') no-repeat -8px -110px;
    top: 0;
    left: 0;
}

.main #customer-reviews-product .note-jauge > div {
    width: 300px;
    display: block;
    margin: 0 auto 8px auto;
}

.main #customer-reviews-product .note-jauge > div * {
    display: inline-block;
    vertical-align: middle;
    color: #666666;
    font-size: 14px;
    text-align: left;
}

.main #customer-reviews-product .note-jauge > div > p {
    width: 72px;
}

.main #customer-reviews-product .note-jauge .progress-bar {
    width: 126px;
    height: 20px;
    background-color: #f2f5f8;
    position: relative;
    overflow: hidden;
}

.main #customer-reviews-product .note-jauge .progress-bar span {
    display: block;
    width: 0;
    height: 100%;
    padding: 0;
    background-color: #f5c51f;
}

.main #customer-reviews-product .note-jauge > div > span {
    width: -webkit-calc(100% - 204px);
    width: calc(100% - 204px);
    max-width: 25px;
    padding: 0 0 0 10px;
    font-weight: bold;
}

.main #customer-reviews-product .recommandation {
    width: -webkit-calc((100% - 308px) * 0.4125);
    width: calc((100% - 308px) * 0.4125);
}

.main #customer-reviews-product .recommandation p {
    display: inline-block;
    position: relative;
    vertical-align: top;
    font-size: 14px;
    color: #666;
    text-align: center;
    width: 100%;
    padding: 35px 0 0 0;
}

.main #customer-reviews-product .recommandation p:before {
    position: absolute;
    content: '';
    width: 46px;
    height: 40px;
    background: url('/animations/Images/Default/Common/sprite-avis.png') no-repeat 0 0;
    top: -20px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.main #customer-reviews-product .recommandation p span {
    font-weight: bold;
    color: #000;
}

/* barre de tri */
.main #customer-reviews-product .barre-filtre * {
    line-height: 26px;
    font-size: 12px;
    color: #657887;
    height: 26px;
}

.main #customer-reviews-product .barre-filtre > * {
    float: right;
    height: 26px;
}

.main #customer-reviews-product .barre-filtre .produits-triage-definir {
    float: left
}

.main #customer-reviews-product .barre-filtre {
    width: 100%;
    background-color: #f2f5f8;
    text-align: left;
    height: 45px;
    padding: 9px 10px 9px 18px;
}

.main #customer-reviews-product .barre-filtre, .main #customer-reviews-product .barre-filtre * {
    display: inline-block;
    vertical-align: top;
}


.main #customer-reviews-product .barre-filtre select {
    background: transparent;
    border: 0;
    font-size: 12px;
    font-family: 'arial';
    font-weight: normal;
    padding: 0 6px;
    width: 100%;
}

.main #customer-reviews-product .barre-filtre .styled-select.slate {
    width: 60px;
    border: 1px solid #dfe3e8;
    position: relative;
    background-color: #fff;
}

.main #customer-reviews-product .barre-filtre .styled-select.slate select {
    background: url('/animations/Images/Default/Common/fleche-select.png') no-repeat 38px 2px;
    font-weight: bold;
}

.main #customer-reviews-product .barre-filtre .produits-page-definir {
    margin-left: 20px;
    float: right;
}

.main #customer-reviews-product .barre-filtre .produits-triage-definir .styled-select.slate {
    width: 268px
}

.main #customer-reviews-product .barre-filtre .produits-triage-definir .styled-select.slate select {
    background: url('/animations/Images/Default/Common/fleche-select.png') no-repeat 244px 2px;
}

.main #customer-reviews-product .barre-filtre .produits-page-definir a {
    width: 26px;
    position: relative
}

.main #customer-reviews-product .barre-filtre a.page-rwd:before {
    position: absolute;
    width: 8px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    color: #666;
    content: '';
    top: 6px;
    left: 9px;
    display: block;
    background: url('/animations/Images/Default/Common/rwd-fwd.png') 0px 0px;
    height: 13px;
}

.main #customer-reviews-product .barre-filtre a.page-rwd.actived, .main #customer-reviews-product .barre-filtre a.page-fwd.actived {
    background-color: #657887;
    cursor: pointer;
}

.main #customer-reviews-product .barre-filtre a.page-rwd:not(.actived), .main #customer-reviews-product .barre-filtre a.page-fwd:not(.actived) {
    background-color: #ffffff;
    border: 1px solid #e6ebf1;
    cursor: pointer;
}

.main #customer-reviews-product .barre-filtre a.page-fwd:before {
    position: absolute;
    width: 9px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    color: #666;
    content: '';
    top: 7px;
    left: 9px;
    display: block;
    background: url('/animations/Images/Default/Common/rwd-fwd.png') -9px 0px;
    height: 13px;
}

.main #customer-reviews-product .barre-filtre a.page-fwd.actived:before {
    background-position: -9px -12px;
}

.main #customer-reviews-product .barre-filtre a.page-rwd.actived:before {
    background-position: 0 13px;
}


/* avis */
.main #customer-reviews-product .product-rating:before {
    display: block;
    margin: 0 auto;
}

.main #customer-reviews-product .avis-unit * {
    color: #666;
    font-family: 'Lato';
    font-size: 14px;
    position: relative;
}

.main #customer-reviews-product .avis-unit > *:not(.close-avis-unit) {
    float: left;
}

.main #customer-reviews-product .avis-unit {
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 26px 0 15px 0;
    position: relative;
    border-bottom: 1px solid #cacaca;
    vertical-align: top;
}

.main #customer-reviews-product .avis-unit.last {
    border: none;
}

.main #customer-reviews-product .avis-unit:hover {
    background-color: #f2f5f8
}

.main #customer-reviews-product .avis-unit.no-best-avis .infos-avis-unit {
    margin-left: 52px
}

.main #customer-reviews-product .avis-unit p.date-avis-unit {
    padding: 2px 0 14px 0;
    position: relative;
}

.main #customer-reviews-product .avis-unit p.date-avis-unit:before {
    position: absolute;
    content: '';
    width: 40px;
    height: 1px;
    background-color: #cacaca;
    display: block;
    left: 50%;
    bottom: 0;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.main #customer-reviews-product .avis-unit > p {
    width: 100%;
    text-align: center;
}

.main #customer-reviews-product .avis-unit.no-best-avis .avis {
    margin-left: 75px
}

.main #customer-reviews-product .avis-unit .note-avis-unit *, .main #customer-reviews-product .avis-unit .infos-avis-unit * {
    text-align: center;
}

.main #customer-reviews-product .avis-unit .avis *:not(.titre-avis) {
    font-size: 12px;
}

.main #customer-reviews-product .avis-unit p.note-avis-unit, .main #customer-reviews-product .avis-unit p.infos-avis-unit {
    display: block;
    margin: 10px auto;
    width: auto;
}

.main #customer-reviews-product .avis-unit p.note-avis-unit {
    font-size: 20px;
}

.main #customer-reviews-product .avis-unit .avis p.titre-avis {
    font-size: 14px;
    color: #303030;
    padding: 0 20px 0 0;
    margin: 0;
    font-weight: bold;
    text-transform: uppercase
}

.main #customer-reviews-product .avis-unit p.note-avis-unit span {
    font-size: 34px;
}

.main #customer-reviews-product p.note-avis-unit, .main #customer-reviews-product p.nom-avis-unit, .main #customer-reviews-product p.note-avis-unit *, .main #customer-reviews-product p.nom-avis-unit * {
    color: #000;
}

.main #customer-reviews-product p.nom-avis-unit {
    font-weight: bold;
}

.main #customer-reviews-product .avis-unit a.meilleur-avis {
    width: 27px;
    height: 33px;
    background: url('/animations/Images/Default/Common/sprite-avis.png') no-repeat -55px 0;
    float: left;
    margin-left: 10px;
    cursor: default;
}

.main #customer-reviews-product .avis-unit a.meilleur-avis:hover {
    cursor: pointer;
}

.main #customer-reviews-product .avis-unit .avis {
    width: -webkit-calc(100% - 300px);
    width: calc(100% - 300px);
    min-height: 118px;
    margin-left: 57px
}

.main .point-disappear {
    display: inline
}

.main .point-disappear.remove {
    display: none
}
/* BUT-344 : Taxe copie privée */
.copie-privee-with-eco-part-eco-mob {
    position: absolute;
    top: 80px ;
}
.copie-privee-with-eco-part , .copie-privee-with-eco-mob {
    position: absolute;
    top: 81px;
}

.copie-privee-tax-only {
    position: absolute;
    top: 79px ;
}
/* BUT-344 : Taxe copie privée /// END */

.eco-mob-date-with-eco-part-eco-mob, .eco-mob-date-with-eco-part-copie-privee , .eco-mob-date-with-eco-mob-copie-privee {
    position: absolute;
    top: 80px ;
}
.eco-mob-date-with-eco-part-eco-mob-copie-privee {
    position: absolute;
    top: 95px ;
}

.main #customer-reviews-product .avis-unit .avis p.titre-avis {
    font-size: 14px;
    color: #303030;
    padding: 0 20px 0 0;
    margin: 0;
    font-weight: bold;
    text-transform: uppercase
}

.main #customer-reviews-product .avis-unit .avis p.dvp-avis {
    margin: 12px 0;
}

.main #customer-reviews-product .avis-unit .avis p.dvp-avis .morecontent span {
    display: none;
}

.main .end-avis {
    display: none;
}

.main .end-avis.active {
    display: block;
}

.main #customer-reviews-product .avis-unit .read-end-avis {
    display: block;
    text-decoration: underline;
    margin-top: 12px;
    outline: none
}

.main #customer-reviews-product .avis-unit .read-end-avis:hover {
    text-decoration: none
}

.main #customer-reviews-product .avis-unit a.meilleur-avis span {
    display: none;
    position: absolute;
    left: -3px;
    top: 46px;
    background: #f3f3f3;
    padding: 8px 10px;
    border: 1px solid #9e9e9e;
    z-index: 2;
    color: #666;
    width: 106px;
    font-size: 11px;
    font-family: 'Lato', Helvetica, Arial, sans-serif;
}

.main #customer-reviews-product .avis-unit a.meilleur-avis:hover span, .main #customer-reviews-product .avis-unit a.meilleur-avis:focus span, .main #customer-reviews-product .avis-unit a.meilleur-avis:active span {
    display: block;
}

.main #customer-reviews-product .avis-unit a.meilleur-avis span:before {
    content: '';
    width: 12px;
    height: 12px;
    border-left: 1px solid #9e9e9e;
    border-top: 1px solid #9e9e9e;
    position: absolute;
    left: 15px;
    -webkit-transform: translate(-50%, 0) rotate(45deg);
    -ms-transform: translate(-50%, 0) rotate(45deg);
    transform: translate(-50%, 0) rotate(45deg);
    top: -7px;
    background: #f3f3f3;
}

.main #customer-reviews-product .entete-avis {
    width: 98.13%;
    padding-left: 2%;
    background-color: #dad7d7;
    float: left;
    margin-bottom: 15px
}

.main #customer-reviews-product .avis-unit a.close-avis-unit {
    display: none;
    position: absolute;
    right: 9px;
    top: 9px;
    width: 25px;
    height: 25px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    color: #9e9e9e;
}

.main #customer-reviews-product .avis-unit a.close-avis-unit:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 0;
    height: 8px;
    border-left: 2px solid;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
}

.main #customer-reviews-product .avis-unit a.close-avis-unit:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 0;
    height: 8px;
    border-left: 2px solid;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
}

.main #customer-reviews-product .avis-unit a.close-avis-unit:before {
    -webkit-transform: translate(-25%, -50%) rotate(-45deg);
    -ms-transform: translate(-25%, -50%) rotate(-45deg);
    transform: translate(-25%, -50%) rotate(-45deg);
}

.main #customer-reviews-product .avis-unit a.close-avis-unit:after {
    -webkit-transform: translate(-25%, -50%) rotate(45deg);
    -ms-transform: translate(-25%, -50%) rotate(45deg);
    transform: translate(-25%, -50%) rotate(45deg);
}

.main #customer-reviews-product .note-avis-unit {
    width: 184px;
}

.main #customer-reviews-product .infos-avis-unit {
    width: 150px;
}

/* BUT-335 : Module questions / réponses */
.main .product-visual-infos .product-rating {
    float: left
}

.main #question-reponse {
    margin: 30px 0
}
.main #question-reponse select {
    outline: none;
    -moz-appearance: none;
    -webkit-appearance: none
}
.main #question-reponse #top-qr {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    height: 84px;
    margin: 0 0 40px 0;
    padding: 0 65px;
    width: 100%
}
.main #question-reponse #top-qr #logo-qr {
    display: flex;
    flex-wrap: wrap;
    height: 84px;
    justify-content: space-between;
    width: 420px
}
.main #question-reponse #top-qr #logo-qr #icon-qr {
    display: block;
    width: 24.3%;
    position: relative;
}
.main #question-reponse #top-qr #logo-qr #icon-qr img {
    position: absolute;
    top: -85px;
    left: -80px;
    width: 224px;
}
.main #question-reponse #top-qr #logo-qr #lib-qr {
    color: #313131;
    display: block;
    font-size: 22px;
    font-weight: 400;
    margin: 26px 0;
    text-align: left;
    text-transform: uppercase;
    width: 73%
}
.main #question-reponse #top-qr #logo-qr #lib-qr span {
    color: #e2001a
}
.main #question-reponse #top-qr .cta-qr {
    background-color: #e2001a;
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 400;
    height: 40px;
    margin: 21px 0;
    padding: 14px 10px 14px 44px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    transition: .3s ease all;
    -moz-transition: .3s ease all;
    -webkit-transition: .3s ease all;
    width: 208px;
}
.main #question-reponse #top-qr .cta-qr:before {
    background: url('/Sources/Default/Images/Catalog/Product/svg/bulleW.svg') no-repeat 0 0;
    background-size: 28px;
    content: '';
    height: 20px;
    left: 10px;
    position: absolute;
    top: 10px;
    width: 28px;
}
.main #question-reponse #top-qr .cta-qr:hover {
    background-color: #a20013
}
/* barre de tri */
.main #question-reponse .barre-filtre * {
    color: #313131;
    font-size: 12px;
    font-weight: 700;
    height: 26px;
    line-height: 26px;
}
.main #question-reponse .barre-filtre>* {
    float: right;
    height: 26px;
}
.main #question-reponse .barre-filtre .produits-triage-definir {
    float: left
}
.main #question-reponse .barre-filtre {
    width: 100%;
    background-color: #f3f3f3;
    text-align: left;
    height: 45px;
    padding: 9px 10px 9px 18px
}
.main #question-reponse .barre-filtre,
.main #question-reponse .barre-filtre * {
    display: inline-block;
    vertical-align: top
}
.main #question-reponse .barre-filtre select {
    background: transparent;
    border: 0;
    font-size: 12px;
    font-family: 'arial';
    font-weight: normal;
    padding: 0 6px;
    width: 100%
}
.main #question-reponse .barre-filtre .styled-select.slate {
    width: 60px;
    border: 1px solid #dfe3e8;
    position: relative;
    background-color: #fff
}
.main #question-reponse .barre-filtre .styled-select.slate select {
    background: url('/Sources/Default/Images/Catalog/Product/svg/selectArrow.svg') no-repeat no-repeat 36px 0px
}
.main #question-reponse .barre-filtre .produits-page-definir {
    margin-left: 20px;
    float: right
}
.main #question-reponse .barre-filtre .produits-triage-definir .styled-select.slate {
    width: 268px
}
.main #question-reponse .barre-filtre .produits-triage-definir .styled-select.slate select {
    background: url('/Sources/Default/Images/Catalog/Product/svg/selectArrow.svg') no-repeat no-repeat 244px 0px
}
.main #question-reponse .barre-filtre .produits-page-definir a {
    width: 26px;
    position: relative
}
.main #question-reponse .barre-filtre a.page-rwd:before {
    position: absolute;
    width: 7px;
    content: '';
    top: 7px;
    left: 8px;
    display: block;
    background: url('/Sources/Default/Images/Catalog/Product/svg/arrowL.svg') no-repeat 0 0;
    height: 11px
}
.main #question-reponse .barre-filtre a.page-rwd.actived:before {
    background: url('/Sources/Default/Images/Catalog/Product/svg/arrowLb.svg') no-repeat 0 0;
}
.main #question-reponse .barre-filtre a.page-rwd.actived,
.main #question-reponse .barre-filtre a.page-fwd.actived {
    background-color: #313131;
    cursor: pointer
}
.main #question-reponse .barre-filtre a.page-rwd:not(.actived),
.main #question-reponse .barre-filtre a.page-fwd:not(.actived) {
    background-color: #ffffff;
    border: 1px solid #dfe3e8;
    cursor: pointer
}
.main #question-reponse .barre-filtre a.page-fwd:before {
    position: absolute;
    width: 7px;
    content: '';
    top: 7px;
    left: 10px;
    display: block;
    background: url('/Sources/Default/Images/Catalog/Product/svg/arrowR.svg') no-repeat 0 0;
    height: 11px
}
.main #question-reponse .barre-filtre a.page-fwd.actived:before {
    background: url('/Sources/Default/Images/Catalog/Product/svg/arrowRb.svg') no-repeat 0 0;
}
.main #question-reponse #blocs-qr {
    display: inline-block;
    width: 100%
}
.main #question-reponse #blocs-qr .bloc-qr {
    border-bottom: 1px solid #c9c9c9;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 20px 0;
    width: 100%
}
.main #question-reponse #blocs-qr .bloc-qr:last-of-type {
    border-bottom: none;
    padding: 20px 0 10px
}
.main #question-reponse #blocs-qr .bloc-qr .customerDate-qr {
    color: #313131;
    display: block;
    font-size: 14px;
    font-weight: 400;
    padding: 20px 0;
    text-align: center;
    width: 14%
}
.main #question-reponse #blocs-qr .bloc-qr .customerDate-qr span {
    display: inline-block;
    width: 100%
}
.main #question-reponse #blocs-qr .bloc-qr .customerDate-qr span:first-of-type {
    font-weight: 700
}
.main #question-reponse #blocs-qr .bloc-qr .messResp-qr {
    color: #313131;
    display: block;
    font-size: 12px;
    font-weight: 400;
    width: 84%
}
.main #question-reponse #blocs-qr .bloc-qr .messResp-qr .mess-qr {
    display: inline-block;
    margin: 0 0 20px;
    padding: 20px 20px 20px 60px;
    width: 100%
}
.main #question-reponse #blocs-qr .bloc-qr .messResp-qr .mess-qr .messClient {
    display: block;
    width: 100%;
    font-size: 16px;
}
.main #question-reponse #blocs-qr .bloc-qr .messResp-qr .messClient .morecontent span {
    display: none
}
.main #question-reponse #blocs-qr .bloc-qr .messResp-qr .messClient .nextLink {
    display: block;
    margin: 10px 0 0;
    outline: none;
    text-decoration: underline;
    width: 10%;
    cursor: pointer
}
.main #question-reponse #blocs-qr .bloc-qr .messResp-qr .messClient .nextLink:hover {
    text-decoration: none
}
.main #question-reponse #blocs-qr .bloc-qr .messResp-qr .resp-qr {
    background-color: #f3f3f3;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 0 30px;
    padding: 20px;
    position: relative;
    width: 100%
}
.main #question-reponse #blocs-qr .bloc-qr .messResp-qr .resp-qr:before {
    background: url('/Sources/Default/Images/Catalog/Product/svg/bulleMess.svg') no-repeat 0 0;
    background-size: 30px;
    content: '';
    height: 21px;
    left: 20px;
    position: absolute;
    top: -21px;
    width: 30px;
}
.main #question-reponse #blocs-qr .bloc-qr .messResp-qr .resp-qr:last-of-type {
    margin: 0
}
.main #question-reponse #blocs-qr .bloc-qr .messResp-qr .resp-qr p {
    display: block;
    font-size: 14px;
    width: 16%
}
.main #question-reponse #blocs-qr .bloc-qr .messResp-qr .resp-qr p span {
    display: block;
    width: 100%
}
.main #question-reponse #blocs-qr .bloc-qr .messResp-qr .resp-qr p span:first-of-type {
    font-weight: 700
}
.main #question-reponse #blocs-qr .bloc-qr .messResp-qr .resp-qr .messClient {
    display: block;
    width: 82%
}
.main #question-reponse .lien-qr {
    display: block;
    color: #e2001a;
    float: right;
    font-size: 16px;
    font-weight: 700;
    margin: 0;
    outline: none;
    text-align: right;
    width: 12%
}
.main #question-reponse .lien-qr span {
    color: #313131;
    font-size: 12px;
    font-weight: 400;
    text-decoration: underline
}
.main #question-reponse .lien-qr:hover span {
    text-decoration: none
}
/* Lien vers le module, au dessus du visuel produit */
.main #lienTop-qr {
    color: #313131;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    padding: 0 0 0 30px;
    position: relative;
}
.main #lienTop-qr:before {
    background: url('https://media.but.fr/Sources/Default/Images/ProductSheet/icon_questions_reponses.svg') center center no-repeat transparent;
    background-size: 160%;
    content: '';
    height: 19px;
    left: 0;
    position: absolute;
    top: -2px;
    width: 26px
}
.main #lienTop-qr a {
    outline: none;
    text-decoration: none;
}
.main #lienTop-qr a:hover,
.main #lienTop-qr:hover a {
    text-decoration: underline;
}
.main #lienTop-qr span {
    color: #9e9e9e;
    font-size: 10px;
    text-decoration: none
}
/* BUT-335 : Module questions / réponses /// END */

/* --- popins & infobulles --- */

/* fancybox css modifies */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top
}

.fancybox-wrap {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 51000;
}

.fancybox-skin {
    position: relative;
    color: #444;
    text-shadow: none;
    background: #fff;
}

.fancybox-opened {
    z-index: 51000
}

.fancybox-outer, .fancybox-inner {
    position: relative
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch
}

.fancybox-inner {
    overflow-x: hidden;
}

.fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap
}

.fancybox-image, .fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%
}

.fancybox-close {
    content: '';
    display: block;
    position: absolute;
    right: 14px;
    top: 14px;
    width: 22px;
    height: 22px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    color: #9e9e9e;
    z-index: 51000
}

.fancybox-close:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 0;
    height: 12px;
    border-left: 2px solid;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
}

.fancybox-close:before {
    -webkit-transform: translate(-25%, -50%) rotate(-45deg);
    -ms-transform: translate(-25%, -50%) rotate(-45deg);
    transform: translate(-25%, -50%) rotate(-45deg);
    z-index: 51000
}

.fancybox-close:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 0;
    height: 12px;
    border-left: 2px solid;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
}

.fancybox-close:after {
    -webkit-transform: translate(-25%, -50%) rotate(45deg);
    -ms-transform: translate(-25%, -50%) rotate(45deg);
    transform: translate(-25%, -50%) rotate(45deg);
    z-index: 51000
}




.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    background: transparent;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    z-index: 51000
}

.fancybox-prev {
    left: 0
}

.fancybox-next {
    right: 0
}

.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 51000;
    visibility: hidden
}

.fancybox-prev span {
    left: 10px;
    background-position: 0 -36px
}

.fancybox-next span {
    right: 10px;
    background-position: 0 -72px
}

.fancybox-nav:hover span {
    visibility: visible
}

.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important
}

.fancybox-lock {
    overflow: hidden !important;
    width: auto
}

.fancybox-lock body {
    overflow: hidden
}

.fancybox-lock-test {
    overflow-y: hidden !important
}

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    display: none;
    z-index: 50950;
    background: rgba(0, 0, 0, .7);
}

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll
}

.fancybox-title {
    visibility: hidden;
    font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 51000
}

.fancybox-opened .fancybox-title {
    visibility: hidden
}

.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 51000;
    text-align: center
}

.fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    background: transparent;
    background: rgba(0, 0, 0, 0.7);
    -webkit-border-radius: 15px;
    border-radius: 15px;
    text-shadow: 0 1px 2px #222;
    color: #FFF;
    font-weight: bold;
    line-height: 24px;
    white-space: nowrap
}

.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff
}

.fancybox-title-inside-wrap {
    padding-top: 10px
}

.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, .7)
}

body .fancybox-wrap {
    background: #fff;
}


/* youtube css modal */
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 51000;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 51001;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box
}

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 51003;
    border-top: 40px solid #FFF;
    border-left: 18px solid #FFF;
    border-right: 18px solid #FFF;
    border-bottom: 15px solid #FFF
}

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none !important
}

.mfp-preloader {
    color: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 51004
}

.mfp-preloader a {
    color: #CCC
}

.mfp-preloader a:hover {
    color: #FFF
}

.mfp-s-ready .mfp-preloader {
    display: none
}

.mfp-s-error .mfp-content {
    display: none
}

button.mfp-close, button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 51006;
    box-shadow: none;
    touch-action: manipulation
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    padding: 0 0 18px 10px;
    color: #969696;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace
}

.mfp-close:hover, .mfp-close:focus {
    opacity: 1
}

.mfp-close:active {
    top: 1px
}

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
    color: #969696;
    right: 4px;
    text-align: right;
    width: 100%
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}

.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1
}

.mfp-arrow:before, .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent
}

.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}

.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px
}

.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px
}

.mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 850px
}

.mfp-iframe-holder .mfp-close {
    top: -38px
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto
}

.mfp-figure {
    line-height: 0
}

.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    background: #444
}

.mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-figure figure {
    margin: 0
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-image-holder .mfp-content {
    max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media all and (max-width: 850px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75)
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

/* general popin */

#popin-article-ajout-panier, #popin-youtube, #popin-3xcb, #popin-stock-locator {
    display: none;
    background: #fff;
}

/* popin-3xcb */
#popin-3xcb {
    width: 700px;
    font-weight: normal;
    font-family: 'Lato', Arial, sans-serif;
    font-size: 12px;
    color: #333;
    padding: 20px;
    line-height: 1;
    max-width: 100%;
}

#popin-3xcb p {
    color: #000;
}

#popin-3xcb p span {
    color: #9e9e9e;
}

#popin-3xcb p span.t-mid-light {
    color: #666666
}

#popin-3xcb h3 {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    color: #333;
    display: block;
    float: left;
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 10px 0;
    position: relative;
    text-transform: uppercase
}

#popin-3xcb h4, #popin-3xcb p, #popin-3xcb .intro, #popin-3xcb h4, #popin-3xcb .menu {
    margin: 0 0 18px 0;
}

#popin-3xcb #content-02 .intro {
    margin: 0;
}

#popin-3xcb h4 {
    font-size: 16px;
    color: #333;
    margin-bottom: 10px
}

#popin-3xcb h5 {
    font-size: 16px;
    color: #333;
    margin-bottom: 17px;
    margin-top: 10px;
    font-weight: bold
}

#popin-3xcb .menu a .btn-grisbleu {
    background-color: #647786;
    color: #fff;
    float: left;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    line-height: 8px;
    margin: -10px 10px 0 0;
    padding: 2px 5px 5px 2px;
    width: 49px
}

#popin-3xcb .menu a .btn-grisbleu span {
    font-size: 23px
}

#popin-3xcb .menu a .btn-presto {
    background-color: #007aaa;
    color: #fff;
    float: left;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    line-height: 45px;
    margin: -10px 10px 0 10px;
    padding: 2px 5px 5px 2px;
    width: 49px
}

#popin-3xcb .menu a {
    display: block;
    float: left;
    font-size: 15px;
    font-weight: bold;
    padding: 21px 0 21px 0;
    position: relative;
    text-decoration: none;
    width: 50%
}

#popin-3xcb .menu a span{
    font-size: 10px;
}

#popin-3xcb .menu a#tab-02.active {
    border-left: 1px solid #cacaca;
    border-top: 1px solid #cacaca;
}

#popin-3xcb .menu a:not(.active) {
    border-bottom: 1px solid #cacaca;
}

#popin-3xcb .menu {
    width: 100%;
    display: block;
    float: left;
    position: relative
}

#popin-3xcb .intro {
    border-bottom: 1px solid #cacaca;
    width: 100%;
    float: left;
    display: block;
}

#popin-3xcb #popin-02 .intro {
    border-bottom: 0;
    margin-bottom: 0
}

#popin-3xcb .menu ul li span {
    font-size: 12px;
}

#popin-3xcb .menu {
    width: 100%;
    float: left;
}

#popin-3xcb .body-popin {
    float: left;
    width: 100%;
}

#popin-3xcb .body-popin.active {
    display: block;
}

#popin-3xcb .body-popin:not(.active) {
    display: none;
}

#popin-3xcb .body-popin .getEquipped {
    counter-reset: count;
    display: flex;
    justify-content: space-around;
    overflow: hidden;
    list-style: none;
}

#popin-3xcb .body-popin .getEquipped li {
    counter-increment: count;
    position: relative;
}

#popin-3xcb .body-popin .getEquipped li:before {
    content: counters(count, '');
    display: block;
    background-color: #657887;
    color: #fff;
    text-align: center;
    -webkit-border-radius: 100%;
    -moz-border-radius: 66px;
    border-radius: 66px;
    height: 32px;
    width: 32px;
    padding: 8px 0 0 0;
    font-size: 14px;
    position: absolute;
    left: 0;
    top: 6px;
}

#popin-3xcb .body-popin .icone {
    float: left;
    width: 29%;
    margin-right: 15px
}

#popin-3xcb .body-popin .icone.choix-carte-bancaire {
    margin-left: 30px
}

#popin-3xcb .body-popin .icone.choix-telephone-portable:before{
    left: 50px;
}

#popin-3xcb .body-popin .icone p {
    font-size: 14px;
    width: 100%;
    position: relative;
    text-align: center;
}

#popin-3xcb .body-popin .icone p.icone-carte-bancaire:before {
    content: '';
    width: 133px;
    height: 42px;
    background: url('/animations/Images/Default/Common/sprite_popins.png') no-repeat -43px -44px; /*position:absolute;top:0;left:0;*/
    margin: 0 auto 20px 50px;
    display: block;
    overflow: hidden;
}

#popin-3xcb .body-popin .icone p.icone-telephone-portable:before {
    content: '';
    width: 28px;
    height: 42px;
    background: url('/animations/Images/Default/Common/sprite_popins.png') no-repeat -44px -136px; /*position:absolute;top:0;left:43px*/
    margin: 0 50px 20px 100px;
    display: block;
    overflow: hidden;
}

#popin-3xcb .body-popin .mentions {
    overflow: hidden;
    clear: both;
}

#popin-3xcb .body-popin .mentions li {
    color: #646363;
    font-size: 12px;
    list-style: inside;
    padding-left: 10px
}

#popin-3xcb .body-popin .mentions p {
    width: 100%;
    padding: 5px 0 5px 0;
    font-size: 12px;
    color: #646363;
    text-align: left;
    margin: 0;
    display: block;
    float: left;
}

#popin-3xcb .body-popin .mentions .details {
    text-align: justify;
    line-height: 1.1
}

#popin-3xcb .body-popin .mentions p.important {
    float: left;
    display: block;
    width: 100%;
    text-align: center;
    position: relative;
}

/*#popin-3xcb .body-popin .mentions p.important:before{content:'IMPORTANT';position:absolute;border-top:2px solid #000;border-bottom:2px solid #000;-webkit-transform: rotate(-20deg);transform: rotate(-20deg);color:#000;left:5px;font-weight:bold;}*/
#popin-3xcb .body-popin .mentions p.paiementsecure {
    background-color: #f1f1f1;
    margin: 10px 0;
    padding: 20px 20px 20px 154px;
    box-sizing: border-box;
    width: 100%;
    position: relative;
    color: #000;
}

#popin-3xcb .body-popin .mentions p.paiementsecure > img {
    width: 123px;
    position: absolute;
    top: 50%;
    left: 2%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

#popin-3xcb .body-popin .mentions p a {
    text-decoration: underline;
    color: inherit;
}

#popin-3xcb.unique .menu a#tab-02, #popin-3xcb.unique .menu a#tab-02:before, #popin-3xcb.unique #content-02 {
    display: none;
}

#popin-3xcb.unique .menu a#tab-01.active {
    border-right: 0;
    border-top: 0;
}

/* POPIN 4X CB  */
#payant4x.popin {
    background: #fff;
    color: #000;
    display: none;
    font-family: 'Lato', Arial, Sans-Serif;
    font-size: 12px;
    overflow: hidden;
    position: relative;
    padding: 20px;
    width: 920px
}
#payant4x.popin .red {
    color: #e2001a
}
#payant4x.popin .t-popin {
    border-bottom: 1px solid #bebfbd;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
    padding: 0 0 10px 0;
    text-transform: uppercase
}
#payant4x.popin .content {
    align-items: stretch;
    align-content: space-between;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-top: 10px;
    position: relative;
    width: 100%
}
/* LOADER */
#payant4x.popin .content .bloc_loader {
    background-color: rgba(0,0,0,0.3);
    display: none;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    z-index: 99
}
#payant4x.popin .content .bloc_loader .loading {
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    border: 5px solid #f3f3f3;
    border-radius: 50%;
    border-top: 5px solid #e2001a;
    height: 50px;
    left: calc(50% - 25px);
    position: absolute;
    top: calc(50% - 25px);
    transform: translateY(50%);
    width: 50px
}
/* Safari */
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg) }
    100% { -webkit-transform: rotate(360deg) }
}
@keyframes spin {
    0% { transform: rotate(0deg) }
    100% { transform: rotate(360deg) }
}
/* ÉCHÉANCIER */
#payant4x.popin .content #bloc_timelines {
    display: block;
    order: 1;
    width: 42%
}
#payant4x.popin .content #bloc_timelines .title {
    color: #313131;
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    margin: 10px 0 20px;
    width: 100%
}
#payant4x.popin .content #bloc_timelines #details_timetable {
    display: inline-block;
    margin: 0 auto 30px;
    width: 100%
}
#payant4x.popin .content #bloc_timelines #details_timetable li {
    align-items: stretch;
    align-content: space-between;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding: 10px;
    position: relative;
    width: 100%
}
#payant4x.popin .content #bloc_timelines #details_timetable li:nth-child(odd) {
    background-color: #ececec
}
#payant4x.popin .content #bloc_timelines #details_timetable li:nth-child(even) {
    background-color: #fff
}
#payant4x.popin .content #bloc_timelines #details_timetable li .lib {
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    width: 60%
}
#payant4x.popin .content #bloc_timelines #details_timetable li .lib .mention {
    font-size: 10px;
    font-weight: 400;
    font-style: italic;
}
#payant4x.popin .content #bloc_timelines #details_timetable li .prix {
    color: #313131;
    display: inline-block;
    font-size: 16px;
    font-weight: 900;
    text-align: right;
    width: 38%
}
#payant4x.popin .content #bloc_timelines #details_timetable li #amount_total {
    color: #e2001a
}
#payant4x.popin .content #bloc_timelines #credit_timetable {
    display: block;
    margin: auto;
    width: 64%
}
#payant4x.popin .content #bloc_timelines #credit_timetable li {
    align-items: stretch;
    align-content: space-between;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin: 0 0 34px;
    padding: 10px;
    position: relative;
    width: 100%
}
#payant4x.popin .content #bloc_timelines #credit_timetable li:last-of-type {
    margin: 0
}
#payant4x.popin .content #bloc_timelines #credit_timetable li:before {
    background-color: #fff;
    border-radius: 50%;
    border: 2px solid #3a913f;
    content: '';
    height: 36px;
    left: 0;
    position: absolute;
    top: 0;
    width: 36px;
    z-index: 1
}
#payant4x.popin .content #bloc_timelines #credit_timetable li:after {
    background: #3a913f;
    content: '';
    display: inline-block;
    height: 38px;
    left: 17px;
    position: absolute;
    top: 35px;
    width: 2px
}
#payant4x.popin .content #bloc_timelines #credit_timetable li:last-of-type:after {
    display: none
}
#payant4x.popin .content #bloc_timelines #credit_timetable li .date {
    color: #313131;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    padding: 0 0 0 40px;
    position: relative;
    width: 60%
}
#payant4x.popin .content #bloc_timelines #credit_timetable li #one:before,
#payant4x.popin .content #bloc_timelines #credit_timetable li #two:before,
#payant4x.popin .content #bloc_timelines #credit_timetable li #three:before,
#payant4x.popin .content #bloc_timelines #credit_timetable li #four:before {
    color: #3a913f;
    font-size: 16px;
    font-weight: 700;
    left: 3px;
    position: absolute;
    text-align: center;
    top: 0px;
    z-index: 2
}
#payant4x.popin .content #bloc_timelines #credit_timetable li #one:before {
    content: '1'
}
#payant4x.popin .content #bloc_timelines #credit_timetable li #two:before {
    content: '2'
}
#payant4x.popin .content #bloc_timelines #credit_timetable li #three:before {
    content: '3'
}
#payant4x.popin .content #bloc_timelines #credit_timetable li #four:before {
    content: '4'
}
#payant4x.popin .content #bloc_timelines #credit_timetable li .amount {
    color: #3a913f;
    display: inline-block;
    font-size: 16px;
    font-weight: 900;
    position: relative;
    text-align: right;
    width: 40%
}
/* INFOS */
#payant4x.popin .content #bloc_infos {
    display: block;
    order: 0;
    width: 56%
}
#payant4x.popin .content #bloc_infos .cetelem {
    align-items: stretch;
    align-content: space-between;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    height: 220px;
    justify-content: space-between;
    position: relative;
    width: 100%
}
#payant4x.popin .content #bloc_infos .cetelem .bloc_img {
    display: block;
    width: 46%
}
#payant4x.popin .content #bloc_infos .cetelem .bloc_img img {
    height: auto;
    width: 100%
}
#payant4x.popin .content #bloc_infos .cetelem .text {
    display: block;
    padding: 80px 10px;
    width: 50%
}
#payant4x.popin .content #bloc_infos .cetelem .text .title {
    color: #313131;
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    width: 100%
}
#payant4x.popin .content #bloc_infos .cetelem .text .title span {
    color: #3a913f
}
#payant4x.popin .content #bloc_infos .cetelem .text p {
    color: #7c7c7c;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    width: 100%
}
#payant4x.popin .content #bloc_infos .steps {
    align-items: stretch;
    align-content: space-between;
    background-color: #cdd500;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin: 0 0 10px;
    padding: 10px;
    position: relative;
    width: 100%
}
#payant4x.popin .content #bloc_infos .steps p {
    color: #fff;
    display: block;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    position: relative;
    width: 32%
}
#payant4x.popin .content #bloc_infos .steps p:after {
    background-color: #fff;
    content: '';
    display: block;
    height: 90%;
    position: absolute;
    right: -3%;
    top: 5%;
    width: 1px
}
#payant4x.popin .content #bloc_infos .steps p:last-of-type:after {
    display: none
}
#payant4x.popin .content #bloc_infos .steps p span {
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 5px;
    text-align: center;
    text-transform: uppercase;
    width: 100%
}
#payant4x.popin .content #bloc_infos .cardPhone {
    display: inline-block;
    margin: 0 0 10px;
    width: 100%
}
#payant4x.popin .content #bloc_infos .cardPhone .bloc_txt {
    align-items: stretch;
    align-content: space-between;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin: 0 0 10px;
    position: relative;
    width: 100%
}
#payant4x.popin .content #bloc_infos .cardPhone .bloc_txt p {
    display: block;
    width: 50%
}
#payant4x.popin .content #bloc_infos .cardPhone .bloc_txt .title {
    color: #313131;
    display: block;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    margin: 10px 0;
    width: 50%
}
#payant4x.popin .content #bloc_infos .cardPhone .bloc_txt .title span {
    color: #7c7c7c;
    display: block;
    width: 100%
}
#payant4x.popin .content #bloc_infos .cardPhone .bloc_txt ul {
    display: block;
    padding: 0 0 0 64px;
    position: relative;
    width: 50%
}
#payant4x.popin .content #bloc_infos .cardPhone .bloc_txt ul:before {
    background: url('../images/cardPhone.png') no-repeat 0 0;
    background-size: 53px;
    display: block;
    content: '';
    height: 48px;
    left: 0;
    position: absolute;
    top: 0;
    width: 53px
}
#payant4x.popin .content #bloc_infos .cardPhone .bloc_txt ul li {
    color: #313131;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    margin: 5px 0;
    padding: 0 0 0 20px;
    position: relative;
    width: 100%
}
#payant4x.popin .content #bloc_infos .cardPhone .bloc_txt ul li:before {
    background: url('../images/svg/tick.svg') no-repeat 0 0;
    background-size: 15px;
    display: block;
    content: '';
    height: 12px;
    left: 2px;
    position: absolute;
    top: 0;
    width: 15px
}
#payant4x.popin .content #bloc_infos .mentions {
    color: #9e9e9e;
    display: inline-block;
    font-size: 10px;
    font-weight: 400;
    line-height: 11px;
    margin: 0;
    text-align: justify;
    width: 100%
}
/* POPIN 4X CB FIN */

#popin-3xcb.unique .menu {
    border-bottom: 1px solid #cacaca;
}

/* popin-article-ajout-panier */
#popin-article-ajout-panier {
    display: none;
    width: 630px;
    font-weight: normal;
    font-family: 'Lato', Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: #000;
    padding: 20px;
    line-height: 1;
    max-width: 100%;
}

#popin-article-ajout-panier h3 {
    font-family: 'Lato';
    font-weight: normal;
    font-size: 20px;
    padding: 0 0 16px 0;
    margin: 0 0 20px 0;
    position: relative;
    color: #39a033;
    border-bottom: 1px solid #cacaca;
    display: block;
    width: 100%;
}

#popin-article-ajout-panier .t-2 {
    font-family: 'Lato';
    font-size: 20px;
    color: #000;
}

#popin-article-ajout-panier .t-2 strong {
    font-weight: bold;
}

#popin-article-ajout-panier .t-3 {
    font-family: 'Lato';
    font-size: 14px;
    color: #000;
    text-transform: uppercase;
}

#popin-article-ajout-panier h4 {
    margin: 0;
    padding: 16px 0;
}

#popin-article-ajout-panier .t-light {
    color: #9e9e9e;
    margin-top: 5px;
}

#popin-article-ajout-panier .t-mid-light {
    color: #666666
}

#popin-article-ajout-panier .t-small {
    font-size: 11px;
}

#popin-article-ajout-panier .garanties {
    position: relative;
    border-bottom: 1px solid #e9e9e9;
}

#popin-article-ajout-panier .garanties .garantie-noir, #popin-article-ajout-panier .garanties .garantie-bleue {
    color: #fff;
    font-family: 'Lato';
    font-size: 16px;
    line-height: 10px;
    height: 30px;
    width: 30px;
    text-align: center;
    display: inline-block;
    border-radius: 2px;
    padding: 6px;
}

#popin-article-ajout-panier .garanties .garantie-noir {
    margin: 0 8px 0 18px;
}

#popin-article-ajout-panier .garanties .garantie-bleue {
    margin: 0 8px 0 3px;
}

#popin-article-ajout-panier .garanties .garantie-noir span, #popin-article-ajout-panier .garanties .garantie-bleue span {
    display: block;
    font-size: 10px;
    line-height: 10px;
}

#popin-article-ajout-panier .garanties .garantie-noir {
    background: #313131;
}

#popin-article-ajout-panier .garanties .garantie-bleue {
    background: #3697db;
}

#popin-article-ajout-panier .header-ajout-panier > img {
    width: 120px;
    height: auto;
}

#popin-article-ajout-panier .header-ajout-panier > *, #popin-article-ajout-panier .garanties .garantie-ajout-panier div, #popin-article-ajout-panier .garanties .garantie-ajout-panier p, #popin-article-ajout-panier .garanties, #popin-article-ajout-panier .garanties > * {
    display: inline-block;
    vertical-align: top;
}

#popin-article-ajout-panier .garanties .garantie-ajout-panier .bloc1-ajout-panier * {
    vertical-align: middle
}

#popin-article-ajout-panier .header-ajout-panier > div:nth-of-type(1) {
    padding: 25px 0 0 10px;
    width: calc(72% - 65px);
}

#popin-article-ajout-panier .header-ajout-panier > div:nth-of-type(2) {
    width: calc(28% - 65px);
    position: relative;
}

#popin-article-ajout-panier .header-ajout-panier > div:nth-of-type(2) .old-price {
    position: absolute;
    top: 5px;
    right: 0;
}

#popin-article-ajout-panier .header-ajout-panier > div:nth-of-type(2) .current-price {
    position: absolute;
    top: 20px;
    right: 0;
}

#popin-article-ajout-panier .garanties .garantie-ajout-panier {
    margin: 0 0 20px 0;
    padding: 0 0 30px 0;
    position: relative;
}

#popin-article-ajout-panier .garanties .garantie-ajout-panier:nth-of-type(1) {
    padding: 0 0 16px 0;
    width: 100%;
    border-bottom: 1px solid #e9e9e9;
}

#popin-article-ajout-panier .garanties .garantie-ajout-panier > div:not(:last-of-type) {
    border-right: 1px solid #e9e9e9;
}

#popin-article-ajout-panier .bloc1-ajout-panier {
    width: calc(52% - 3px);
}

#popin-article-ajout-panier .bloc2-ajout-panier {
    width: calc(24% - 3px);
    text-align: center;
    font-size: 12px;
    color: #666;
}

#popin-article-ajout-panier .bloc3-ajout-panier {
    width: calc(24% - 3px);
    text-align: center;
    font-size: 16px;
    color: #666;
}

#popin-article-ajout-panier .garantie-ajout-panier:nth-of-type(2) .bloc3-ajout-panier p {
    color: #000;
}

#popin-article-ajout-panier .garanties .bloc1-ajout-panier p, #popin-article-ajout-panier .garanties .bloc1-ajout-panier label {
    width: calc(100% - 65px);
}

#popin-article-ajout-panier .garanties .bloc1-ajout-panier p a:hover {
    text-decoration: underline
}

#popin-article-ajout-panier .garanties .bloc1-ajout-panier p span, #popin-article-ajout-panier .garanties .bloc1-ajout-panier label span, #popin-article-ajout-panier .garanties div:nth-of-type(2) .bloc3-ajout-panier p span {
    display: block;
}

#popin-article-ajout-panier .garanties .bloc1-ajout-panier label {
    display: inline-block;
}

#popin-article-ajout-panier .important-value {
    color: #e2001a;
}

#popin-article-ajout-panier .garanties div .bloc3-ajout-panier p {
    font-family: 'Lato';
}

#popin-article-ajout-panier .garanties div:nth-of-type(2) .bloc3-ajout-panier p span {
    font-family: 'Arial';
    margin-top: 3px;
}

#popin-article-ajout-panier .garanties .garantie-ajout-panier:nth-of-type(2) > div {
    height: 86px;
    position: relative;
}

#popin-article-ajout-panier .garanties .icone-garantie {
    width: 100%;
    position: absolute;
    height: 50px;
    left: 0;
    right: 0;
    bottom: -22px;
}

#popin-article-ajout-panier .garanties .garantie-ajout-panier:nth-of-type(2) .bloc1-ajout-panier .icone-garantie > p {
    position: relative;
    width: 24%;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    padding: 27px 0 0 0;
}

#popin-article-ajout-panier .garanties .garantie-ajout-panier:nth-of-type(2) .bloc1-ajout-panier .icone-garantie > p:before {
    position: absolute;
    top: 3px;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 2em;
}

#popin-article-ajout-panier .garanties button {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    background: #f3f3f3 url('/animations/Images/Default/Common/svg/svg-bottom-grey.svg') no-repeat 93px -1px;
    font-size: 10px;
    font-family: 'Lato';
    color: #666666;
    height: 27px;
    width: 130px;
    padding: 4px 6px;
    outline: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    text-transform: uppercase;
    background-size: 20px;
}

#popin-article-ajout-panier .garanties button.active {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    background: #768d9f url('/animations/Images/Default/Common/svg/svg-top-white.svg') no-repeat 95px 7px;
    font-size: 10px;
    font-family: 'Lato';
    color: #ffffff;
    height: 27px;
    width: 130px;
    padding: 4px 6px;
    outline: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    text-transform: uppercase;
    background-size: 20px;
}

#popin-article-ajout-panier .garanties button.active .see-less, #popin-article-ajout-panier .garanties button:not(.active) .see-more {
    display: block;
}

#popin-article-ajout-panier .garanties button:not(.active) .see-less, #popin-article-ajout-panier .garanties button.active .see-more {
    display: none;
}

#popin-article-ajout-panier .garanties .details-pack {
    margin: 0 20px 20px 20px;
    display: none;
    transition: .4s;
}

#popin-article-ajout-panier .garanties .details-pack.active {
    display: inline-block;
}

#popin-article-ajout-panier .garanties .details-pack p, #popin-article-ajout-panier .garanties .details-pack li {
    margin: 0 0 15px 0;
}

#popin-article-ajout-panier .garanties .details-pack p > span {
    display: block;
}

#popin-article-ajout-panier .garanties button span {
    padding-right: 23px;
}

#popin-article-ajout-panier .garanties .details-pack ol {
    counter-reset: but-counter;
}

#popin-article-ajout-panier .garanties .details-pack li {
    padding: 3px 0 0 30px;
    position: relative;
}

#popin-article-ajout-panier .garanties .details-pack li:before {
    content: counter(but-counter);
    counter-increment: but-counter;
    color: #fff;
    background: #3697db;
    font-family: 'Lato';
    font-weight: bold;
    font-size: 12px;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: block;
    text-align: center;
    padding: 4px;
    position: absolute;
    left: 0;
    top: 0;
}

#popin-article-ajout-panier button.back-to-shop {
    display: inline-block;
    float: left;
    background: #f3f3f3 url('/animations/Images/Default/Common/svg/svg-left-grey.svg') no-repeat 12px 7px;
    font-size: 14px;
    font-family: 'Lato';
    color: #666666;
    height: 36px;
    width: 226px;
    padding: 4px 6px 4px 26px;
    outline: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    text-transform: uppercase;
    background-size: 20px;
}

#popin-article-ajout-panier button.finish-to-shop {
    display: inline-block;
    float: right;
    background: #e2001a url('/animations/Images/Default/Common/svg/svg-right-white.svg') no-repeat 196px 7px;
    font-size: 14px;
    font-family: 'Lato';
    color: #ffffff;
    height: 36px;
    width: 226px;
    padding: 4px 26px 4px 6px;
    outline: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    text-transform: uppercase;
    background-size: 20px;
}

#popin-article-ajout-panier .nav-ajout-panier {
    margin: 20px 0 0 0;
    display: inline-block;
    width: 100%;
}

/* input search */
#popin-stock-locator form.search {
    position: relative;
}

#popin-stock-locator form.search ul.result {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    background: #fff;
    border: 1px solid #cacaca;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-height: 297px;
    overflow-y: auto;
    overflow-x: hidden;
}

#popin-stock-locator form.search ul.result {
    display: none;
    position: absolute;
    left: 0;
    top: 29px;
    width: 180px;
    background: #fff;
    border: 1px solid #cacaca;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-height: 297px;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 5000;
}

#popin-stock-locator form.search ul.result li {
    padding: 8px;
    border: 0;
    font-family: 'Lato', Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: #222;
    line-height: normal;
}

#popin-stock-locator form.search ul.result li:hover {
    background: #f3f3f3;
    color: #39a033;
}

#popin-stock-locator form.search ul.result li:not(:nth-of-type(1)) {
    border-top: 1px dotted #cacaca;
}

#popin-stock-locator form.search ul.result li span {
    font-weight: bold;
}

/* general popin */
#popin-stock-locator {
    display: none;
    background: #fff;
    font-family: 'arial', sans-serif;
}

/* popin-stock-locator */
#popin-stock-locator {
    display: none;
    width: 700px;
    background: #fff;
    position: relative;
    padding: 20px 20px 10px 20px;
    font-size: 12px;
    color: #000;
    max-width: 100%;
}

#popin-stock-locator h3 {
    font-size: 20px;
    font-weight: 700;
    padding: 0 0 10px 0;
    text-transform: uppercase;
}

#popin-stock-locator > * {
    width: 100%;
}

#popin-stock-locator > *, #popin-stock-locator .modify-search > *, #popin-stock-locator .menu-stock li, #popin-stock-locator .list-stock .line-stock > *, #popin-stock-locator .pied-popin > div {
    display: inline-block;
    vertical-align: middle;
}

#popin-stock-locator h3, #popin-stock-locator .modify-search, #popin-stock-locator .menu-stock {
    border-bottom: 1px solid #cecece
}

#popin-stock-locator.popin .btn-add-big-grey, .popin .btn-add-big-grey {
    float: right;
    width: auto;
    height: auto;
    padding: 4px 8px;
}

#popin-stock-locator .menu-stock ul {
    width: calc(100% - 27px);
}

#popin-stock-locator .line-stock {
    width: calc(100% - 4px);
}

#popin-stock-locator .modify-search {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 7px 0;
}

#popin-stock-locator .svg-but:before {
    font-size: 27px;
    padding: 0;
    margin: 0;
}

#popin-stock-locator .menu-stock ul > li:nth-of-type(1), #popin-stock-locator .line-stock > div:nth-of-type(1) {
    width: calc(31% - 5px);
}

#popin-stock-locator .menu-stock ul > li:nth-of-type(2), #popin-stock-locator .line-stock > div:nth-of-type(2) {
    width: calc(23% - 5px);
}

#popin-stock-locator .menu-stock ul > li:nth-of-type(3), #popin-stock-locator .line-stock > div:nth-of-type(3) {
    width: calc(23% - 5px);
}

#popin-stock-locator .menu-stock ul > li:nth-of-type(4), #popin-stock-locator .line-stock > div:nth-of-type(4) {
    width: calc(23% - 5px);
}

#popin-stock-locator .menu-stock ul > li:not(:first-of-type) {
    text-align: center;
    border-left: 1px solid #cecece;
}

#popin-stock-locator .menu-stock ul > li {
    color: #565c62;
}

#popin-stock-locator .line-stock > div:not(:first-of-type) {
    border-left: 1px solid #cecece;
}

#popin-stock-locator .line-stock > div {
    padding: 0;
    position: relative;
}

#popin-stock-locator .menu-stock ul > li {
    padding: 5px 0;
}

#popin-stock-locator .modify-search .svg-right-white:before {
    display: none;
}

#popin-stock-locator .modify-search .btn-add-big-grey {
    line-height: 1.4;
}

#popin-stock-locator .line-stock:nth-of-type(1) {
    margin-top: 10px;
}

#popin-stock-locator .line-stock {
    background: #f3f3f3;
    margin-bottom: 4px;
    padding: 8px;
}

#popin-stock-locator .list-stock {
    max-height: 388px;
    overflow-y: scroll;
}

#popin-stock-locator *[class*="case-"] {
    height: 60px;
}

#popin-stock-locator *[class*="case-"] div, #popin-stock-locator .pied-popin {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
}

#popin-stock-locator .pied-popin {
    margin-top: 4px;
}

#popin-stock-locator *[class*="case-"] div > * {
    text-align: center;
}

#popin-stock-locator *[class*="case-"] a.choisir {
    display: table;
    margin: 14px auto;
}

#popin-stock-locator *[class*="case-"]:not(.case-01)
* {
    text-align: center;
}

#popin-stock-locator .case-01 p {
    margin: 0 0 6px 0;
    font-size: 11px;
}

#popin-stock-locator .case-01 p:nth-of-type(1) {
    font-size: 13px;
    text-transform: uppercase;
    font-family: 'Lato';
}

#popin-stock-locator .case-01 a {
    color: #666;
    text-decoration: underline;
    font-size: 11px;
}

#popin-stock-locator .case-02 p > span {
    color: #666;
    font-size: 11px;
    margin-top: 4px
}

#popin-stock-locator .choisir {
    font-family: 'Lato';
    padding: 7px 10px;
    background: #768d9f;
    font-size: 12px;
    text-transform: uppercase;
    color: #ffffff;
    text-align: center;
    transition-duration: .3s
}

#popin-stock-locator .choisir:hover {
    background: #6d8291
}

#popin-stock-locator .pied-popin > .mentions {
    width: calc(50% - 5px);
    border-right: 1px solid #cecece;
}

#popin-stock-locator .pied-popin > .mentions * {
    color: #333;
    font-size: 12px;
}

#popin-stock-locator .pied-popin > .mentions p {
    padding: 5px 0;
}

#popin-stock-locator .unavailable:before {
    content: url('/animations/Images/Default/Common/svg/svg-cross-red.svg');
    display: block;
    width: 1.1em;
    height: 1.1em;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
    text-align: center;
    vertical-align: middle;
    margin: .2em auto;
    font-size: 20px
}

#popin-stock-locator .list-stock .unavailable:before {
    font-size: 17px;
    padding-top: 3px;
}

#popin-stock-locator div[class*="case-"].middle div:before {
    margin: .7em auto;
}

#popin-stock-locator .available:before, #popin-stock-locator .last-items:before {
    content: url('/animations/Images/Default/Common/svg/svg-checkmark-green.svg');
    display: block;
    width: 1em;
    height: 1em;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
    text-align: center;
    vertical-align: middle;
    margin: 0 auto;
    font-size: 23px
}

#popin-stock-locator .available-soon:before {
    content: url('/animations/Images/Default/Common/svg/svg-checkmark-yellow.svg');
    display: block;
    width: 1em;
    height: 1em;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
    text-align: center;
    vertical-align: middle;
    margin: .2em auto;
    font-size: 23px
}

#popin-stock-locator .pied-popin .unavailable:before, #popin-stock-locator .pied-popin .available:before, #popin-stock-locator .pied-popin .available-soon:before, #popin-stock-locator .pied-popin .last-items:before {
    font-size: 1em;
    display: inline-block;
    margin: 0 6px;
}

#popin-stock-locator .pied-popin > .legende > div {
    display: inline-block;
}

#popin-stock-locator .pied-popin > .legende > div p, #popin-stock-locator .pied-popin > .legende > div .type-infobulle {
    padding: 7px 0 3px 0;
    display: inline-block;
}

#popin-stock-locator .pied-popin > .legende > div > * + * {
    margin-left: 10px;
}

#popin-stock-locator .legende .unavailable:before {
    width: .8em;
    height: .8em;
    vertical-align: baseline;
}

#popin-stock-locator .last-items > p {
    display: block;
    color: #3ba135;
    font-size: 12px;
    margin: 2px auto;
    text-align: center;
}

#popin-stock-locator .available > p {
    display: block;
    color: #3ba135;
    font-size: 12px;
    margin: 4px auto;
    text-align: center;
}

#popin-stock-locator button[class*='faq-'] {
    border: 1px solid #d4d4d4;
    border-radius: 50%;
    color: #9e9e9e;
    height: 15px;
    width: 15px;
    outline: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: #ffffff;
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    font-size: 10px;
    font-weight: bold;
    margin: 0 0 0 4px;
}

#popin-stock-locator .type-infobulle {
    position: relative;
}

#popin-stock-locator .infobulle:before {
    content: '';
    width: 12px;
    height: 12px;
    border-left: 1px solid #9e9e9e;
    border-top: 1px solid #9e9e9e;
    position: absolute;
    right: 15px;
    -webkit-transform: translate(-50%, 0) rotate(225deg);
    transform: translate(-50%, 0) rotate(225deg);
    bottom: -7px;
    background: #f3f3f3;
}

#popin-stock-locator .infobulle.active {
    display: block !important;
}

#popin-stock-locator .type-infobulle:hover .infobulle:not(.active) {
    display: block;
}

#popin-stock-locator .infobulle {
    position: absolute;
    padding: 10px;
    border: 1px solid #9e9e9e;
    background: #f3f3f3;
    text-align: left;
    font-size: 11px;
    right: -20px;
    width: 250px;
    display: none;
    bottom: 35px;
}

#popin-stock-locator .close-infobulle:hover {
    cursor: pointer;
}

#popin-stock-locator .close-infobulle {
    position: absolute;
    right: 5px;
    top: 4px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    color: #9e9e9e;
}

#popin-stock-locator .close-infobulle:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 0;
    height: 6px;
    border-left: 2px solid;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate(-25%, -50%) rotate(-45deg);
    transform: translate(-25%, -50%) rotate(-45deg);
}

#popin-stock-locator .close-infobulle:after {
    -webkit-transform: translate(-25%, -50%) rotate(45deg);
    transform: translate(-25%, -50%) rotate(45deg);
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 0;
    height: 6px;
    border-left: 2px solid;
    -webkit-transform-origin: center;
    transform-origin: center;
}

#popin-stock-locator .search > * {
    margin: 0;
}

#popin-stock-locator .search button {
    position: relative;
}

#popin-stock-locator .search button.search-locator:hover {
    background: #6d8291
}

#popin-stock-locator .search button.detect-locator {
    border: 0;
    font-family: 'Lato';
    color: #fff;
    cursor: pointer;
    height: 30px;
    padding: 6px 8px 6px 20px;
    width: 100%;
    max-width: 134px;
    outline: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: #768d9f url(/animations/Images/Default/Common/svg/svg-localisation-white.svg) no-repeat 5px 5px;
    display: inline-block;
    text-transform: uppercase;
    background-size: 20px 20px;
    font-size: 12px;
    transition-duration: .3s
}

#popin-stock-locator .search button.detect-locator:hover {
    background: #6d8291 url(/animations/Images/Default/Common/svg/svg-localisation-white.svg) no-repeat 5px 5px;
    background-size: 20px 20px
}

#popin-article-ajout-panier .nav-ajout-panier {
    margin: 20px 0 0 0;
    display: inline-block;
    width: 100%;
}

#popin-stock-locator .search > div {
    width: 100%;
    display: inline-block;
    vertical-align: top;
}

#popin-stock-locator .search > div form {
    width: 100%;
    display: block;
}

#popin-stock-locator .search .valid-btn input {
    height: 36px;
    display: inline-block;
}

#popin-stock-locator .search span.or {
    width: 30px;
    height: 30px;
    border: 1px solid #d4d4d4;
    border-radius: 50%;
    color: #768d9f;
    text-transform: uppercase;
    text-align: center;
    vertical-align: middle;
    position: relative;
    background: #fff;
    font-weight: bold;
    font-size: 10px;
    display: inline-block;
    padding: 10px 0;
}

#popin-stock-locator .search span.or:before {
    content: '';
    background: #d4d4d4;
    width: 1px;
    height: 4px;
    position: absolute;
    left: 50%;
    right: 50%;
    top: -4px;
}

#popin-stock-locator .search span.or:after {
    content: '';
    background: #d4d4d4;
    width: 1px;
    height: 4px;
    position: absolute;
    left: 50%;
    right: 50%;
    bottom: -4px;
}

#popin-article-ajout-panier .product-part .t-heading {
    margin: 20px 0 10px 0;
}

#popin-article-ajout-panier .product-part .t-heading > span {
    position: inherit;
}

#popin-article-ajout-panier .product-units {
    margin: 0;
}

#popin-article-ajout-panier .product-units ul {
    margin-bottom: 0;
}

#popin-article-ajout-panier .product-units ul > li {
    width: calc(25% - 3px);
    padding: 10px 5px 0 5px;
}

#popin-article-ajout-panier .product-units ul > li .product-prices .reduc{
    margin-right: 5px;
}

/* popin-produit-bientot-dispo */
#popin-produit-bientot-dispo, #popin-confirmation-email-dispo {
    display: none;
    width: 430px;
    position: relative;
    padding: 20px;
    font-size: 12px;
    color: #000;
    max-width: 100%;
    background: #fff url('/animations/Images/Default/Common/popin_bg_01.png') no-repeat bottom right;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
    border: 1px solid #9e9e9e;
    min-height: 240px;
}

#popin-produit-bientot-dispo p, #popin-confirmation-email-dispo p, #popin-produit-bientot-dispo input[type="email"] {
    max-width: 220px;
}

#popin-produit-bientot-dispo h3, #popin-confirmation-email-dispo h3 {
    font-size: 20px;
    margin: 0 0 15px;
    padding: 0 0 15px 0;
    border-bottom: 1px solid #cecece;
}

#popin-produit-bientot-dispo form {
    margin: 15px 0 0;
}

#popin-produit-bientot-dispo label {
    font-size: 20px;
    padding: 0 0 5px 0;
    font-family: 'Lato', Helvetica, Arial, sans-serif;
    font-size: 11px;
    color: #666;
    display: block;
}

#popin-produit-bientot-dispo input[type="email"] {
    border: 1px solid #cecece;
    margin: 0;
    padding: 6px;
    font-size: 11px;
    color: #666;
    width: 100%;
    max-height: 30px;
    display: inline-block;
    vertical-align: middle;
}

#popin-produit-bientot-dispo input[type="submit"] {
    border: 0;
    font-family: 'Lato';
    color: #fff;
    height: 36px;
    padding: 8px 16px 8px 8px;
    width: 100%;
    max-width: 134px;
    outline: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: #e2001a url('/animations/Images/Default/Common/svg/svg-right-white.svg') no-repeat 90px 7px;
    margin: 20px auto 0 0;
    display: block;
    text-transform: uppercase;
    -webkit-background-size: 20px 20px;
    background-size: 20px;
    font-size: 14px;
}


/* popin-feature-bundle-product */
#popin-feature-bundle-product {
    display: none;
    width: 690px;
    background: #fff;
    position: relative;
    padding: 20px;
    font-size: 12px;
    color: #000;
    max-width: 100%;
}

#popin-feature-bundle-product h3 {
    font-family: 'Lato';
    font-weight: normal;
    font-size: 20px;
    margin: 0 0 20px 0;
    position: relative;
}

#popin-feature-bundle-product .t-2 {
    font-family: 'Lato';
    font-size: 20px;
    color: #000;
}

#popin-feature-bundle-product .t-2 strong {
    font-weight: normal;
}

#popin-feature-bundle-product h4 {
    margin: 0;
    padding: 16px 0;
    font-family: 'Lato';
    font-size: 20px;
    color: #000;
    text-transform: uppercase;
    position: relative;
    font-weight: normal;
}

#popin-feature-bundle-product h4:after {
    position: absolute;
    content: '';
    right: 0;
    bottom: 20px;
    border-bottom: solid 1px #9e9e9e;
    width: 100%;
    max-width: -webkit-calc(100% - 210px);
    max-width: calc(100% - 210px);
}

#popin-feature-bundle-product .t-light {
    color: #9e9e9e
}

#popin-feature-bundle-product .t-mid-light {
    color: #666666
}

#popin-feature-bundle-product .t-small {
    font-size: 11px;
}

#popin-feature-bundle-product .header-feature-bundle-product > img {
    width: 120px;
    height: auto;
}

#popin-feature-bundle-product .header-feature-bundle-product > * {
    display: inline-block;
    vertical-align: top;
}

#popin-feature-bundle-product .header-feature-bundle-product > div:nth-of-type(1) {
    padding: 25px 0 0 10px;
    width: -webkit-calc(70% - 65px);
    width: calc(70% - 65px);
}

#popin-feature-bundle-product .header-feature-bundle-product > div:nth-of-type(2) {
    width: -webkit-calc(30% - 65px);
    width: calc(30% - 65px);
    position: relative;
}

#popin-feature-bundle-product .header-feature-bundle-product > div:nth-of-type(2) .old-price {
    position: absolute;
    top: 30px;
    right: 0;
}

#popin-feature-bundle-product .header-feature-bundle-product > div:nth-of-type(2) .current-price {
    position: absolute;
    top: 45px;
    right: 0;
}

#popin-feature-bundle-product .header-feature-bundle-product > div:nth-of-type(2) .price-include-promo {
    position: absolute;
    top: 70px;
    right: 0;
    color: #9e9e9e;
    font-size: 10px;
    text-align: right;
}

#popin-feature-bundle-product .details-feature-bundle-product {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
}

#popin-feature-bundle-product .details-feature-bundle-product:nth-of-type(2) {
    margin: 0 7px 0 0;
}

#popin-feature-bundle-product .details-feature-bundle-product:nth-of-type(3) {
    margin: 0 0 0 7px;
}

#popin-feature-bundle-product .details-feature-bundle-product > li:nth-of-type(odd) {
    background: #f3f3f3;
}

#popin-feature-bundle-product .details-feature-bundle-product > li {
    padding: 8px;
    position: relative;
}

#popin-feature-bundle-product .details-feature-bundle-product > li span,
#popin-feature-bundle-product .details-feature-bundle-product > li button {
    display: inline-block;
    vertical-align: middle;
}

#popin-feature-bundle-product .details-feature-bundle-product > li span:nth-of-type(1) {
    width: 38%;
}

#popin-feature-bundle-product .details-feature-bundle-product > li button {
    width: 15px;
}

#popin-feature-bundle-product .details-feature-bundle-product > li span:nth-of-type(2) {
    width: -webkit-calc(60% - 15px);
    width: calc(60% - 15px);
    padding-left: 20px;
    color: #666;
}

#popin-feature-bundle-product .infobulle.active {
    display: block !important;
}

#popin-feature-bundle-product .infobulle.active, #popin-feature-bundle-product .infobulle.active * {
    z-index: 51010;
}

#popin-feature-bundle-product .infobulle:not(.active) {
    display: none;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

#popin-feature-bundle-product .details-feature-bundle-product button[class*='faq-'] {
    border: 1px solid #d4d4d4;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    color: #9e9e9e;
    height: 15px;
    width: 15px;
    outline: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: #ffffff;
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    font-size: 10px;
    font-weight: bold;
}

#popin-feature-bundle-product .infobulle {
    position: absolute;
    padding: 10px;
    border: 1px solid #9e9e9e;
    background: #f3f3f3;
    text-align: left;
    font-size: 11px;
    left: 50%;
    -webkit-transform: translate(-68%, 0);
    -ms-transform: translate(-68%, 0);
    transform: translate(-68%, 0);
    width: 360px;
    display: none;
    top: 34px;
}

#popin-feature-bundle-product .infobulle .close-infobulle {
    position: absolute;
    right: 10px;
    top: 8px;
    width: 16px;
    height: 16px;
    border: 1px solid;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    color: #9e9e9e;
}

#popin-feature-bundle-product .infobulle .close-infobulle:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 0;
    height: 6px;
    border-left: 2px solid;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate(-25%, -50%) rotate(-45deg);
    -ms-transform: translate(-25%, -50%) rotate(-45deg);
    transform: translate(-25%, -50%) rotate(-45deg);
}

#popin-feature-bundle-product .infobulle .close-infobulle:after {
    -webkit-transform: translate(-25%, -50%) rotate(45deg);
    -ms-transform: translate(-25%, -50%) rotate(45deg);
    transform: translate(-25%, -50%) rotate(45deg);
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 0;
    height: 6px;
    border-left: 2px solid;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
}

#popin-feature-bundle-product .infobulle:before {
    content: '';
    width: 12px;
    height: 12px;
    border-left: 1px solid #9e9e9e;
    border-top: 1px solid #9e9e9e;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0) rotate(45deg);
    -ms-transform: translate(-50%, 0) rotate(45deg);
    transform: translate(-50%, 0) rotate(45deg);
    top: -7px;
    background: #f3f3f3;
}

#popin-feature-bundle-product .header-feature-bundle-product {
    position: relative;
}

#popin-feature-bundle-product .header-feature-bundle-product > a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

#popin-feature-bundle-product > .header-feature-bundle-product > div:nth-of-type(1) > p:nth-of-type(2) {
    margin: 3px 0 6px 0;
}

/* AJOUT THOMAS : Popin Garantie légale de conformité */
#popin-garantie-legale {
    background-color: #fff;
    box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.5);
    display: none;
    padding: 30px;
    width: 750px
}

#popin-garantie-legale h3 {
    border-bottom: 1px solid #cecece;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 15px;
    padding-bottom: 5px;
    text-transform: uppercase
}

#popin-garantie-legale p {
    color: #666;
    font-family: 'Lato', arial, sans-serif;
    font-size: 10px;
    line-height: 12px;
    text-align: justify
}

#popin-garantie-legale p .bold {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase
}

#popin-garantie-legale .cadreMentions {
    background-color: #e8e8e8;
    display: inline-block;
    padding: 10px;
}

/* FIN AJOUT THOMAS : Popin Garantie légale de conformité */


/* infobulles */
.main .infobulle.active, #popin-feature-bundle-product .infobulle.active {
    display: block !important;
}

.main .infobulle:not(.active) {
    display: none;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

#popin-feature-bundle-product .infobulle:not(.active) {
    display: none;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

#popin-feature-bundle-product .type-infobulle:hover + .infobulle:not(.active) {
    display: block;
    z-index: 51001;
}

/*.main .plus-info:hover + .infobulle:not(.active) {display:block;}*/
.main .infobulle:not(.active):hover {
    display: none;
}

.main .infobulle p:not(.t-1-infobulle), .main .infobulle li {
    font-size: 11px;
}

#popin-feature-bundle-product .infobulle p:not(.t-1-infobulle), #popin-feature-bundle-product .infobulle li {
    font-size: 11px;
}

.main #feature-product [class^="faq-"]:hover + .infobulle:not(.active) {
    display: block;
}

/*.main #main-product-sheet .plus-info:hover + .infobulle:not(.active){display:block;}
#popin-feature-bundle-product .type-infobulle:hover .infobulle:not(.active){display:block;}*/
.main .infobulle a {
    text-decoration: underline;
}


.main #feature-product .table-heading-product > ul > li, .main .withdrawal-delivery .list-withdrawal-delivery > li, .main .service-guarantee .type-infobulle, #popin-feature-bundle-product .type-infobulle {
    position: relative;
}

.main #feature-product .table-heading-product > ul div.infobulle, .main #feature-product .table-heading-product > ul div.infobulle *, .main .withdrawal-delivery .list-withdrawal-delivery > li .infobulle, .main .withdrawal-delivery .list-withdrawal-delivery > li .infobulle *, .main .service-guarantee ul li .infobulle, .main .service-guarantee ul li .infobulle * {
    z-index: 15;
}

.main #feature-product .table-heading-product > ul div.infobulle:before {
    content: '';
    width: 12px;
    height: 12px;
    border-left: 1px solid #9e9e9e;
    border-top: 1px solid #9e9e9e;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0) rotate(45deg);
    -ms-transform: translate(-50%, 0) rotate(45deg);
    transform: translate(-50%, 0) rotate(45deg);
    top: -7px;
    background: #f3f3f3;
}

.main .withdrawal-delivery .list-withdrawal-delivery > li .infobulle:before {
    content: '';
    width: 12px;
    height: 12px;
    border-left: 1px solid #9e9e9e;
    border-top: 1px solid #9e9e9e;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0) rotate(45deg);
    -ms-transform: translate(-50%, 0) rotate(45deg);
    transform: translate(-50%, 0) rotate(45deg);
    top: -7px;
    background: #f3f3f3;
}

.main .service-guarantee ul li .infobulle:before {
    content: '';
    width: 12px;
    height: 12px;
    border-left: 1px solid #9e9e9e;
    border-top: 1px solid #9e9e9e;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0) rotate(45deg);
    -ms-transform: translate(-50%, 0) rotate(45deg);
    transform: translate(-50%, 0) rotate(45deg);
    top: -7px;
    background: #f3f3f3;
}

.main #feature-product .table-heading-product > ul div.infobulle {
    position: absolute;
    padding: 10px;
    border: 1px solid #9e9e9e;
    background: #f3f3f3;
    text-align: left;
    font-size: 11px;
    left: 45%;
    -webkit-transform: translate(-65%, 0);
    -ms-transform: translate(-65%, 0);
    transform: translate(-65%, 0);
    width: 320px;
    display: none;
    top: 35px;
}

.main .withdrawal-delivery .list-withdrawal-delivery > li .infobulle p:not(.t-1-infobulle), .main #feature-product .table-heading-product > ul div.infobulle p:not(.t-1-infobulle),
.main #feature-product .service-guarantee div.infobulle p:not(.t-1-infobulle) {
    margin: 0 0 12px 0;
    padding: 0;
    font-size: 11px;
}

.main .withdrawal-delivery .list-withdrawal-delivery > li .infobulle p, #popin-feature-bundle-product .details-feature-bundle-product .infobulle p {
    margin: 0 0 15px 0;
}

.main #feature-product .table-heading-product > ul div.infobulle p:last-of-type, .main .withdrawal-delivery .list-withdrawal-delivery > li .infobulle p:last-of-type {
    margin: 0;
}

.main #feature-product .table-heading-product > ul div.infobulle span, #popin-feature-bundle-product .infobulle .t-3-infobulle span {
    display: block;
}

.main #feature-product .table-heading-product > ul div.infobulle .t-1-infobulle, .main .withdrawal-delivery .list-withdrawal-delivery > li .infobulle .t-1-infobulle, .main .service-guarantee .infobulle .t-1-infobulle, #popin-feature-bundle-product .details-feature-bundle-product .infobulle .t-1-infobulle {
    margin: 0 0 7px 0;
    padding: 0 0 7px 0;
    font-family: 'Lato';
    font-weight: normal;
    font-size: 14px;
    border-bottom: 1px solid #c8c8c8;
}

.main #feature-product .table-heading-product > ul div.infobulle .close-infobulle, .main .withdrawal-delivery .list-withdrawal-delivery > li .infobulle .close-infobulle, .main .service-guarantee ul li .infobulle .close-infobulle {
    position: absolute;
    right: 10px;
    top: 8px;
    width: 16px;
    height: 16px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    color: #9e9e9e;
}

.main #feature-product .table-heading-product > ul div.infobulle .close-infobulle:before, .main .withdrawal-delivery .list-withdrawal-delivery > li .infobulle .close-infobulle:before, .main .service-guarantee ul li .infobulle .close-infobulle:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 0;
    height: 10px;
    border-left: 2px solid;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate(-25%, -50%) rotate(-45deg);
    -ms-transform: translate(-25%, -50%) rotate(-45deg);
    transform: translate(-25%, -50%) rotate(-45deg);
}

.main #feature-product .table-heading-product > ul div.infobulle .close-infobulle:after, .main .withdrawal-delivery .list-withdrawal-delivery > li .infobulle .close-infobulle:after, .main .service-guarantee ul li .infobulle .close-infobulle:after {
    -webkit-transform: translate(-25%, -50%) rotate(45deg);
    -ms-transform: translate(-25%, -50%) rotate(45deg);
    transform: translate(-25%, -50%) rotate(45deg);
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 0;
    height: 10px;
    border-left: 2px solid;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
}

.main #feature-product .table-heading-product > ul div.infobulle .t-3-infobulle, .main .withdrawal-delivery .list-withdrawal-delivery > li .infobulle .t-3-infobulle, .main .service-guarantee ul li .infobulle .t-3-infobulle, #popin-feature-bundle-product .details-feature-bundle-product .infobulle .t-3-infobulle {
    color: #666;
}

.main #feature-product .table-heading-product > ul div.infobulle .t-2-infobulle, .main .withdrawal-delivery .list-withdrawal-delivery > li .infobulle .t-2-infobulle, .main .service-guarantee ul li .infobulle .t-2-infobulle, #popin-feature-bundle-product .details-feature-bundle-product .infobulle .t-2-infobulle {
    color: #000;
}

.main #feature-product .table-heading-product > ul.details-heading-product button.type-infobulle {
    float: right;
}

.main #feature-product .table-heading-product > ul.details-heading-product div.infobulle {
    -webkit-transform: translate(-64.5%, 0);
    -ms-transform: translate(-64.5%, 0);
    transform: translate(-64.5%, 0);
}

.main #feature-product .table-heading-product > ul.nav-heading-product div.infobulle {
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    top: 60px;
}

/*.list-withdrawal-delivery .infobulle p a{display: block;float: right;}*/


.main.version-rattache .product-lot ul:nth-of-type(1) > li {
    padding-bottom: 15px;
    vertical-align: top;
}

.main.version-rattache .product-lot ul:nth-of-type(1) > li p span.old-price {
    font-size: 1em;
    margin-top: -2px;
}

.main.version-rattache .product-lot ul:nth-of-type(1) > li p span.current-price,
.main.version-rattache .product-lot ul:nth-of-type(1) > li p span.reduc {
    font-size: 1.2em;
}

.main.version-rattache .product-lot ul:nth-of-type(1) > li p > span {
    margin-right: 4px;
}

.main.version-rattache .product-lot ul:nth-of-type(1) > li p > span.limite-etc {
    margin-bottom: 10px;
}

.main.version-rattache .product-lot ul:nth-of-type(1) > li p > span + span {
    margin-top: 0;
    margin-right: 0;
}

.main.version-rattache .product-lot ul:nth-of-type(1) > li .second-part-price {
    display: inline-block;
    width: 49%;
    vertical-align: middle
}

.main.version-rattache .product-lot ul:nth-of-type(1) > li .second-part-price > * {
    display: block;
}


/* --- loader ---*/
[id|="popin-stock-locator"] [class|="list-stock"] {
    position: relative;
    height: 100%;
    min-height: 38px;
}

[id|="popin-stock-locator"] [class|="list-stock"] .ajax-loader-container {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .8);
    z-index: 500;
}

[id|="popin-stock-locator"] [class|="list-stock"] .ajax-loader {
    position: absolute;
    left: -webkit-calc(50% - 32px);
    left: calc(50% - 32px);
    top: -webkit-calc(50% - 32px);
    top: calc(50% - 32px);
    width: 64px;
    height: 64px;
    background: url('/Sources/Images/Default/Catalog/ProductsList/preloader.gif');
    cursor: wait;
}

#main-product-visu {
    position: relative;
    height: 100%;
    min-height: 38px;
}

#main-product-visu .ajax-loader-container {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .8);
    z-index: 500;
}

#main-product-visu .ajax-loader {
    position: absolute;
    left: calc(50% - 32px);
    top: calc(50% - 32px);
    width: 64px;
    height: 64px;
    background: url('/Sources/Images/Default/Catalog/ProductsList/preloader.gif');
    cursor: wait;
}

#main-product-visu .hidden {
    display: none;
    width: 0;
    height: 0;
}

#main-product-visu #api-frame {
    width: 100%;
    height: 533px;
}

/* cacher image produit(zoom image) et l'afficher avec js'*/
/*#image_zoom{display:none}*/
/* --- spécifique bundle pack --- */
.main.version-bundle-pack .product-visual-infos .product-strong-points .product-note-list p:not(.t-paragraph) {
    padding-bottom: 18px;
}

.main.version-bundle-pack .product-visual-infos .product-swiper .swiper-wrapper .swiper-slide:before {
    z-index: 20;
}

.main.version-bundle-pack .product-visual-infos .product-swiper .swiper-wrapper .swiper-slide:not(:last-of-type):before {
    position: absolute;
    content: '+';
    right: -24px;
    font-weight: bold;
    font-size: 22px;
    color: #e2001a;
    width: 13px;
    top: -webkit-calc(50% - 8px);
    top: calc(50% - 8px);
}

.main.version-bundle-pack .product-visual-infos .product-swiper .swiper-wrapper .swiper-slide:first-of-type:before {
    position: absolute;
    content: '=';
    right: -24px;
    font-weight: bold;
    font-size: 22px;
    color: #e2001a;
    top: -webkit-calc(50% - 8px);
    top: calc(50% - 8px);
}

.main.version-bundle-pack .product-visual-infos .product-swiper ul li img {
    margin: 6px 0 auto 0;
    z-index: 1;
}

.main.version-bundle-pack .product-visual-infos .product-swiper {
    height: 86px;
}

.main.version-bundle-pack .product-visual-infos .product-swiper .swiper-button-prev,
.main.version-bundle-pack .product-visual-infos .product-swiper .swiper-button-next {
    height: 86px;
}

.main.version-bundle-pack .product-visual-infos .product-strong-points .product-qat {
    margin: 43px 0 0 0;
}

/* AJOUT THOMAS */
.main.version-bundle-pack .pack-include {
    font-family: 'Lato', arial, sans-serif
}

.main.version-bundle-pack .pack-include span {
    color: #e2001a
}

.main.version-bundle-pack .pack-include .txt-pack-include {
    padding: 0 0 22px 0
}

.main.version-bundle-pack .pack-include ul {
    padding: 0 0 10px 22px;
}

/* FIN AJOUT THOMAS */
.main.version-bundle-pack .pack-include .t-paragraph {
    padding: 17px 0 15px 0;
}

.main.version-bundle-pack .pack-include ul li {
    line-height: 1.4;
    position: relative;
}

.main.version-bundle-pack .pack-include ul li:not(:first-of-type):before {
    position: absolute;
    content: '+';
    left: -18px;
    top: 0;
    font-weight: bold;
    font-size: 1.2em;
    color: #e2001a;
}

.main.version-bundle-pack .service-guarantee {
    margin: 0 0 15px 0;
}

.main.version-bundle-pack .product-part .t-heading {
    margin-bottom: 17px;
}

.main.version-bundle-pack aside .scroll-box-info p {
    padding: 10px 1px 0 1px;
}

.main.version-bundle-pack aside .scroll-box-info p .product-title:not(strong) {
    font-weight: normal;
    font-family: 'Lato';
    line-height: 1.2
}

.main.version-bundle-pack aside .scroll-box-info {
    padding: 4px 4px 10px 4px;
}

.main.version-bundle-pack aside .scroll-box-info img {
    padding: 0;
    margin: 0
}

.main.version-bundle-pack .product-visual-infos .product-main > a > img {
    max-width: 595px;
    width: 98%;
}

.main.version-bundle-pack .product-lot ul > li > p + p {
    padding: 0 6px 13px 6px;
    line-height: 1.2;
    text-align: center;
}

.main.version-bundle-pack .product-rating:before {
    padding: 0 6px 2px 6px
}

.main.version-bundle-pack .product-lot ul:nth-of-type(2) .old-price {
    bottom: 42px;
}

.main.version-bundle-pack .product-lot ul:nth-of-type(2) .current-price {
    bottom: 20px;
}

.main.version-bundle-pack .product-visual-infos .product-swiper .swiper-wrapper .swiper-slide {
    margin-left: 23px;
}

/* visible ou non selon les versions */
.main:not(.version-non-rattache) .non-rattache {
    display: none !important;
}

.main:not(.version-rattache) .rattache {
    display: none !important;
}

.main.version-rattache.version-delai-depasse .rattache.not-delai-depasse {
    display: none !important;
}

.main:not(.version-delai-depasse) .delai-depasse {
    display: none !important;
}
/*
.main:not(.version-non-rattache) .withdrawal-delivery .list-withdrawal-delivery:before {
    display: none !important;
}
*/

.main.version-delai-depasse .not-delai-depasse {
    display: none !important;
}

/* effets hover */
.main a:hover, .main a:focus, .main a:active {
    border: 0;
}

.main a .visible-hover {
    display: none;
}

.main a:hover .visible-hover {
    display: inline-block;
}

.main .close-infobulle:hover, .main .type-infobulle:hover {
    cursor: pointer;
}

/* overlay pour fermer le qat footer */
div.qat-overlay {
    display: none;
    content: '';
    position: fixed;
    z-index: 100;
    width: 100%;
    height: -webkit-calc(100vh - 38px);
    height: calc(100vh - 38px);
    top: 0;
    left: 0;
    right: 0;
    bottom: 38px;
    background: transparent;
}

div.bulle-overlay {
    display: none;
    content: '';
    position: fixed;
    z-index: 14;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: transparent;
}

.withdrawal-delivery {
    position: relative;
}

.withdrawal-delivery .ajax-loader-container {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .8);
    z-index: 150;
}

.withdrawal-delivery .ajax-loader {
    position: absolute;
    left: calc(50% - 32px);
    top: calc(50% + 34px);
    bottom: calc(50% - 32px);
    right: calc(50% - 32px);
    width: 64px;
    height: 64px;
    background: url('/Sources/Images/Default/Catalog/ProductsList/preloader.gif');
    cursor: wait;
}


.popin.erreur {
    padding: 20px 26px 20px 18px;
    min-width: 340px;
    min-height: 68px;
    display: none;
    font-family: 'Lato', Helvetica, Arial, sans-serif;
}

.popin.erreur p {
    font-size: 12px;
}

.popin.erreur form {
    padding: 26px 0 21px 0;
    text-align: center;
    font-size: 12px;
}

.popin.erreur .btn-add-little {
    background: #e2001a;
    color: #ffffff;
    display: block;
    font-family: 'Lato';
    font-size: 14px;
    margin: 5px auto;
    max-width: 135px;
    max-height: 36px;
    padding: 11px 6px 10px 6px;
    text-align: center;
    text-transform: uppercase;
    transition-duration: .3s;
    width: 100%
}

.popin.erreur .btn-add-little:hover {
    background: #cb0017
}

.popin.erreur h3 {
    border-bottom: 1px solid #cecece;
    font-size: 20px;
    font-weight: 700;
    padding: 0 0 10px 0;
    text-transform: uppercase
}

.popin.erreur:not(#popin-erreur-04) p {
    padding: 0 0 0 37px;
    position: relative;
}

.popin.erreur:not(#popin-erreur-04) p:before {
    content: '';
    width: 22px;
    height: 22px;
    background: url('/animations/Images/Default/Common/sprite-avis.png') no-repeat -63px -64px;
    position: absolute;
    top: 0;
    left: 0;
}

.popin.erreur#popin-erreur-04 {
    padding: 20px
}

.popin.erreur#popin-erreur-04 p {
    padding: 16px 0 0 0;
}

.popin.erreur#popin-erreur-02 p,
.popin.erreur#popin-erreur-03 p {
    padding-top: 6px;
}

/*.main .product-units ul > li:not(:last-child) {min-height: 305px;}*/
.main #like-too-product .t-heading, .main #eco-pack-product .t-heading {
    margin-bottom: 0;
}


/* --- main-delivery-product --- */


#main-delivery-product .toggle_bar {
    position: relative;
    padding: 10px 4px 10px 0px;
    margin-bottom: 20px;
    border: #d4d4d4 solid 1px;
    display: inline-block;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
}

#main-delivery-product .toggle_bar .link_toggle:hover {
    cursor: pointer;
}

#main-delivery-product .toggle_bar .link_toggle {
    width: 100%;
    display: inline-block;
}

#main-delivery-product .toggle_bar [class*="svg-"]:before {
    display: inline-block;
    font-size: 33px;
    margin: 0;
    padding: 0;
}

#main-delivery-product .toggle_bar * {
    display: inline-block;
    vertical-align: middle;
}

#main-delivery-product .toggle_bar .service-content *, #main-delivery-product .toggle_bar .service-content a {
    vertical-align: baseline;
}

#main-delivery-product .toggle_bar p {
    font-size: 14px;
    font-weight: bold;
}

#main-delivery-product .toggle_bar p span.date {
    color: #e2001a;
}

#main-delivery-product .toggle_bar p.price {
    display: block;
    float: right;
    padding: .5em 1.5em .5em 0;
}

#main-delivery-product .toggle_bar p:not(.price) {
    display: block;
    float: left;
}

#main-delivery-product .toggle_bar .free {
    color: #39a033;
}

#main-delivery-product .toggle_bar .link_toggle > i,
#main-delivery-product .toggle_bar .link_toggle > .arrow {
    width: 50px;
    height: 40px;
    position: relative;
}

#main-delivery-product .toggle_bar .link_toggle > img{
    width: 57px;
    height: 57px;
    position: relative;
}

#main-delivery-product .toggle_bar .link_toggle > .arrow {
    border-left: #d4d4d4 solid 1px;
}

#main-delivery-product .toggle_bar .link_toggle > .arrow img {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
}

#main-delivery-product .toggle_bar:not(.open) .link_toggle > .arrow img {
    -ms-transform: translate(-50%, -50%) rotate(0);
    -webkit-transform: translate(-50%, -50%) rotate(0);
    transform: translate(-50%, -50%) rotate(0);
    -webkit-transition-duration: .4s;
    -o-transition-duration: .4s;
    transition-duration: .4s;
}

#main-delivery-product .toggle_bar.open .link_toggle > .arrow img {
    -ms-transform: translate(-50%, -50%) rotate(180deg);
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
    transform: translate(-50%, -50%) rotate(180deg);
    -webkit-transition-duration: .4s;
    -o-transition-duration: .4s;
    transition-duration: .4s;
}

#main-delivery-product .toggle_bar.open .link_toggle > .arrow img {
    -ms-transform: translate(-50%, -50%) rotate(180deg);
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
    transform: translate(-50%, -50%) rotate(180deg);
    -webkit-transition-duration: .4s;
    -o-transition-duration: .4s;
    transition-duration: .4s;
}

#main-delivery-product .toggle_bar .link_toggle > .toggle_text {
    width: -webkit-calc(100% - 110px);
    width: calc(100% - 110px);
}

#main-delivery-product .toggle_bar:last-child {
    margin-bottom: 45px;
}

#main-delivery-product .toggle_bar > .content_toggle {
    width: 100%;
    display: none;
}

#main-delivery-product .service-content {
    width: 100%;
    padding: 27px 50px 10px 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#main-delivery-product .service-content p, .service-content div {
    margin: 0 0 16px 0;
    font-family: 'Lato', Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: #000;
}

#main-delivery-product .service-content li {
    margin: 0 0 15px 0;
    font-family: 'Lato', Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: #000;
    padding: 0 0 0 8px;
    display: block;
}

#main-delivery-product .service-content a {
    font: inherit;
    color: inherit;
    text-decoration: underline;
    font-weight: 700;
}

#main-delivery-product .service-content b {
    font-weight: 700;
}

#main-delivery-product .service-content a b {
    text-decoration: underline;
}

#main-delivery-product .service-content li:before {
    content: "• ";
    vertical-align: baseline;
}

#main-delivery-product .service-content .rdvContactLess li:before{
    display: none;
}

#main-delivery-product .service-content .fs-16 {
    font-size: 16px;
}

#main-delivery-product .service-content .encadre {
    border: 1px solid #e62239;
    padding: 15px;
    margin: 16px 28px 16px 44px;
}

#main-delivery-product .service-content .encadre h2 {
    color: #e62239;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}

#main-delivery-product .service-content .encadre * {
    margin-left: 0;
}

#main-delivery-product .service-content .encadre ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#main-delivery-product .service-content .encadre li {
    list-style: none;
    font-weight: bold;
    text-transform: uppercase;
}

#main-delivery-product .service-content .encadre li:before {
    content: "• ";
    color: #e62239;
    font-weight: bold;
    font-size: 18px;
}

#main-delivery-product .service-content .encadre a {
    font-weight: normal;
}

#main-delivery-product .toggle_bar .service-content p {
    font-weight: normal;
    display: block;
    float: none;
}

#main-delivery-product .toggle_bar .service-content > h1 {
    display: none;
}

#main-delivery-product .toggle_bar .service-content .shipping_picto{
    display: none;
}

.main .know_more {
    margin-bottom: 14px;
    display: block;
    border: 0;
    outline: 0;
}

.main .know_more_content {
    display: none;
}

.main .know_more .fleche:before {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    border-left: solid 1px currentColor;
    border-top: solid 1px currentColor;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.main .know_more .fleche {
    color: #000;
    margin-left: 8px;
    margin-bottom: -2px;
    display: inline-block;
    position: relative;
}

/* AJOUT THOMAS : Plus de bundle */
.btn-see-bundle {
    background-color: #768d9f;
    box-sizing: border-box;
    color: #fff !important;
    display: block;
    font-weight: 500;
    font-size: 10px;
    margin: 10px 0 20px 37%;
    padding: 8px 15px 8px 5px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    width: 160px
}

.btn-see-bundle:hover {
    background-color: #6d8291
}

.btn-see-bundle:after {
    content: '';
    border-width: 2px 2px 0 0;
    border-style: solid;
    border-color: #fff #fff transparent transparent;
    height: 8px;
    position: absolute;
    right: 11px;
    top: 38%;
    transform: rotate(135deg) translate(-50%, 0);
    -o-transform: rotate(135deg) translate(-50%, 0);
    -ms-transform: rotate(135deg) translate(-50%, 0);
    -moz-transform: rotate(135deg) translate(-50%, 0);
    -webkit-transform: rotate(135deg) translate(-50%, 0);
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    width: 8px
}

.btn-see-bundle.open:after {
    content: '';
    border-width: 2px 2px 0 0;
    border-style: solid;
    border-color: #fff #fff transparent transparent;
    height: 8px;
    position: absolute;
    right: 4px;
    top: 33%;
    transform: rotate(-43deg) translate(-50%, 0);
    -o-transform: rotate(-43deg) translate(-50%, 0);
    -ms-transform: rotate(-43deg) translate(-50%, 0);
    -moz-transform: rotate(-43deg) translate(-50%, 0);
    -webkit-transform: rotate(-43deg) translate(-50%, 0);
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    width: 8px
}

#eco-pack-product-hide {
    display: none;
    padding-top: 0
}

#eco-pack-product-hide.open {
    display: block
}

#eco-pack-product-hide .product-lot:first-of-type {
    border-top: 1px solid #d4d4d4;
    padding-top: 17px
}

/* FIN AJOUT THOMAS : Plus de bundle */
.no-event {
    pointer-events: none;
}

/*ajout pour bloc plus produit */
.product-note-ul {
    width: 85%;
}

/*ajouter le curseur pour les liens fiche vendeur*/
.sellerLink {
    cursor: pointer;
}

/* --- ajustements responsives --- */
@media only screen and (max-width: 1200px) {
    .main .product-units ul > li p .product-prices > span.old-price, .main .product-units ul > li p .product-prices > span.current-price {
        position: relative;
        display: block;
        top: auto;
        left: auto;
        padding: 4px 0 0 0;
        clear: both;
    }

    .main .withdrawal-delivery .search-withdrawal-delivery {
        width: 120px;
    }

    .main .withdrawal-delivery .list-withdrawal-delivery {
        width: -webkit-calc(100% - 125px);
        width: calc(100% - 125px);
    }

    .main .withdrawal-delivery .valid-btn input {
        max-width: 120px;
    }

    .main .withdrawal-delivery .list-withdrawal-delivery > li .type-infobulle {
        padding-left: 230px;
    }

    .main.version-non-rattache .withdrawal-delivery .list-withdrawal-delivery:before {
        left: auto;
        right: 145px;
    }

    .main .withdrawal-delivery .list-withdrawal-delivery > li .infobulle {
        left: 98px;
    }

    .main #customer-reviews-product .note-jauge > div {
        width: 240px;
    }

    .main .product-units {
        margin: 17px 0 40px 0;
    }
}

@media only screen and (max-width: 1150px) {
    .main .product-lot ul:nth-of-type(1) > li {
        width: -webkit-calc(22% - 20px);
        width: calc(22% - 20px);
    }

    .main #customer-reviews-product .note-moy-encart {
        width: 230px;
    }

    .main #customer-reviews-product .recommandation {
        width: -webkit-calc((100% - 240px) * 0.4125);
        width: calc((100% - 240px) * 0.4125);
    }

    .main #customer-reviews-product .note-jauge {
        width: -webkit-calc((100% - 240px) * 0.5875);
        width: calc((100% - 240px) * 0.5875);
    }

    .main aside .scroll-box-top, .main aside .scroll-box-top * {
        display: none;
    }
}

@media only screen and (max-width: 1030px) {
    .main.version-rattache .withdrawal-delivery .search-withdrawal-delivery {
        padding: 0 0 0 32px;
    }

    .main.version-non-rattache .withdrawal-delivery .list-withdrawal-delivery:before {
        right: 130px;
    }

    .main.version-rattache .withdrawal-delivery .search-withdrawal-delivery {
        padding: 0 0 0 2px;
    }

    .main nav.scroll-details-nav ul > li {
        margin: 0 32px 0 0
    }

    .main .withdrawal-delivery .list-withdrawal-delivery > li .type-infobulle {
        padding-left: 217px;
    }

    .main #main-product-sheet .withdrawal-delivery .list-withdrawal-delivery > li .infobulle {
        left: 86px;
    }

    .main #feature-product .table-heading-product > ul div.infobulle {
        left: 56%;
    }

    .main nav.scroll-details-nav ul > li:not(:last-of-type) {
        margin: 0 25px 0 0;
    }

    .main .product-lot ul:nth-of-type(1) > li > p {
        padding: 13px 0 0 0
    }

    .main .product-units ul > li {
        padding: 65px 5px 0 5px;
    }

    /*.main .product-units ul > li:not(:last-child) {min-height: 350px;}*/
}

/* infobulles */
.main .infobulle.active,
#popin-feature-bundle-product .infobulle.active {
    display: block !important;
}

.main .infobulle:not(.active) {
    display: none;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

#popin-feature-bundle-product .infobulle:not(.active) {
    display: none;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

#popin-feature-bundle-product .type-infobulle:hover + .infobulle:not(.active) {
    display: block;
    z-index: 51001;
}

/*.main .plus-info:hover + .infobulle:not(.active) {display:block;}*/
.main .infobulle:not(.active):hover {
    display: none;
}

.main .infobulle p:not(.t-1-infobulle),
.main .infobulle li {
    font-size: 11px;
}

#popin-feature-bundle-product .infobulle p:not(.t-1-infobulle),
#popin-feature-bundle-product .infobulle li {
    font-size: 11px;
}

.main #feature-product [class^="faq-"]:hover + .infobulle:not(.active) {
    display: block;
}

/*.main #main-product-sheet .plus-info:hover + .infobulle:not(.active){display:block;}
#popin-feature-bundle-product .type-infobulle:hover .infobulle:not(.active){display:block;}*/
.main .infobulle a {
    text-decoration: underline;
}

.main #feature-product .table-heading-product > ul > li,
.main .withdrawal-delivery .list-withdrawal-delivery > li,
.main .service-guarantee .type-infobulle,
#popin-feature-bundle-product .type-infobulle {
    position: relative;
}

.main #feature-product .table-heading-product > ul div.infobulle,
.main #feature-product .table-heading-product > ul div.infobulle *,
.main .withdrawal-delivery .list-withdrawal-delivery > li .infobulle,
.main .withdrawal-delivery .list-withdrawal-delivery > li .infobulle *,
.main .service-guarantee ul li .infobulle,
.main .service-guarantee ul li .infobulle * {
    z-index: 15;
}

.main #feature-product .table-heading-product > ul div.infobulle:before {
    content: '';
    width: 12px;
    height: 12px;
    border-left: 1px solid #9e9e9e;
    border-top: 1px solid #9e9e9e;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0) rotate(45deg);
    -ms-transform: translate(-50%, 0) rotate(45deg);
    transform: translate(-50%, 0) rotate(45deg);
    top: -7px;
    background: #f3f3f3;
}

.main .withdrawal-delivery .list-withdrawal-delivery > li .infobulle:before {
    content: '';
    width: 12px;
    height: 12px;
    border-left: 1px solid #9e9e9e;
    border-top: 1px solid #9e9e9e;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0) rotate(45deg);
    -ms-transform: translate(-50%, 0) rotate(45deg);
    transform: translate(-50%, 0) rotate(45deg);
    top: -7px;
    background: #f3f3f3;
}

.main .service-guarantee ul li .infobulle:before {
    content: '';
    width: 12px;
    height: 12px;
    border-left: 1px solid #9e9e9e;
    border-top: 1px solid #9e9e9e;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0) rotate(45deg);
    -ms-transform: translate(-50%, 0) rotate(45deg);
    transform: translate(-50%, 0) rotate(45deg);
    top: -7px;
    background: #f3f3f3;
}

.main #feature-product .table-heading-product > ul div.infobulle {
    position: absolute;
    padding: 10px;
    border: 1px solid #9e9e9e;
    background: #f3f3f3;
    text-align: left;
    font-size: 11px;
    left: 45%;
    -webkit-transform: translate(-65%, 0);
    -ms-transform: translate(-65%, 0);
    transform: translate(-65%, 0);
    width: 320px;
    display: none;
    top: 35px;
}

.main .withdrawal-delivery .list-withdrawal-delivery > li .infobulle p:not(.t-1-infobulle),
.main #feature-product .table-heading-product > ul div.infobulle p:not(.t-1-infobulle),
.main #feature-product .service-guarantee div.infobulle p:not(.t-1-infobulle) {
    margin: 0 0 12px 0;
    padding: 0;
    font-size: 11px;
}

.main .withdrawal-delivery .list-withdrawal-delivery > li .infobulle p,
#popin-feature-bundle-product .details-feature-bundle-product .infobulle p {
    margin: 0 0 15px 0;
}

.main #feature-product .table-heading-product > ul div.infobulle p:last-of-type,
.main .withdrawal-delivery .list-withdrawal-delivery > li .infobulle p:last-of-type {
    margin: 0;
}

.main #feature-product .table-heading-product > ul div.infobulle span,
#popin-feature-bundle-product .infobulle .t-3-infobulle span {
    display: block;
}

.main #feature-product .table-heading-product > ul div.infobulle .t-1-infobulle,
.main .withdrawal-delivery .list-withdrawal-delivery > li .infobulle .t-1-infobulle,
.main .service-guarantee .infobulle .t-1-infobulle,
#popin-feature-bundle-product .details-feature-bundle-product .infobulle .t-1-infobulle {
    margin: 0 0 7px 0;
    padding: 0 0 7px 0;
    font-family: 'Lato';
    font-weight: normal;
    font-size: 14px;
    border-bottom: 1px solid #c8c8c8;
}

.main #feature-product .table-heading-product > ul div.infobulle .close-infobulle,
.main .withdrawal-delivery .list-withdrawal-delivery > li .infobulle .close-infobulle,
.main .service-guarantee ul li .infobulle .close-infobulle {
    position: absolute;
    right: 10px;
    top: 8px;
    width: 16px;
    height: 16px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    color: #9e9e9e;
}

.main #feature-product .table-heading-product > ul div.infobulle .close-infobulle:before,
.main .withdrawal-delivery .list-withdrawal-delivery > li .infobulle .close-infobulle:before,
.main .service-guarantee ul li .infobulle .close-infobulle:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 0;
    height: 10px;
    border-left: 2px solid;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate(-25%, -50%) rotate(-45deg);
    -ms-transform: translate(-25%, -50%) rotate(-45deg);
    transform: translate(-25%, -50%) rotate(-45deg);
}

.main #feature-product .table-heading-product > ul div.infobulle .close-infobulle:after,
.main .withdrawal-delivery .list-withdrawal-delivery > li .infobulle .close-infobulle:after,
.main .service-guarantee ul li .infobulle .close-infobulle:after {
    -webkit-transform: translate(-25%, -50%) rotate(45deg);
    -ms-transform: translate(-25%, -50%) rotate(45deg);
    transform: translate(-25%, -50%) rotate(45deg);
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 0;
    height: 10px;
    border-left: 2px solid;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
}

.main #feature-product .table-heading-product > ul div.infobulle .t-3-infobulle,
.main .withdrawal-delivery .list-withdrawal-delivery > li .infobulle .t-3-infobulle,
.main .service-guarantee .list-withdrawal-delivery > li .infobulle .t-3-infobulle,
.main .service-guarantee ul li .infobulle .t-3-infobulle,
#popin-feature-bundle-product .details-feature-bundle-product .infobulle .t-3-infobulle {
    color: #666;
}

.main #feature-product .table-heading-product > ul div.infobulle .t-2-infobulle,
.main .withdrawal-delivery .list-withdrawal-delivery > li .infobulle .t-2-infobulle,
.main .service-guarantee ul li .infobulle .t-2-infobulle,
#popin-feature-bundle-product .details-feature-bundle-product .infobulle .t-2-infobulle {
    color: #000;
}

.main #feature-product .table-heading-product > ul.details-heading-product button.type-infobulle {
    float: right;
}

.main #feature-product .table-heading-product > ul.details-heading-product div.infobulle {
    -webkit-transform: translate(-64.5%, 0);
    -ms-transform: translate(-64.5%, 0);
    transform: translate(-64.5%, 0);
}

.main #feature-product .table-heading-product > ul.nav-heading-product div.infobulle {
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    top: 60px;
}

.fix-width {
    width: -webkit-calc(100% - 158px);
    width: calc(100% - 158px);
}

/*eviter le chevauchement entre le bloc retourné pas t2s et le lien voir caracteristique */
.prod-str-pts {
    padding-bottom: 35px !important;
}

.margin-top-10 {
    margin-top: 10px !important;
}

.margin-top-5 {
    margin-top: 5px !important;
}


.main .btn-add-big:hover,
.popin .btn-add-big:hover {
    background: #a20013
}


.main .underline:hover {
    text-decoration: none
}

.main .service-guarantee * {
    line-height: 1.3;
}

.main .service-guarantee a strong {
    font-weight: normal;
}

.main .service-guarantee a:hover strong {
    text-decoration: underline;
}

.main .service-guarantee .underline {
    text-decoration: underline;
    font-weight: normal
}

.main .service-guarantee .underline:hover {
    text-decoration: none
}

.main .service-guarantee .seller {
    padding: 20px 0;
}

.main .service-guarantee .seller ~ .t-paragraph {
    padding: 0 0 5px 0;
}

.main .btn-add-big-grey:hover,
.popin .btn-add-big-grey:hover {
    background: #6d8291
}

/* BUT-351 - AJOUT THOMAS - 23-06-2020 */
.main .withdrawal-delivery .list-withdrawal-delivery .svg-evening-delivery P:first-of-type {
    line-height: 1.5
}

.main .svg-evening-delivery .t-alert {
    background: #39a033;
    color: #ffffff;
    display: inline-block;
    font-family: 'Lato', Helvetica, Arial, sans-serif;
    font-size: 10px;
    line-height: 2px !important;
    margin: 0;
    padding: 9px 4px 8px;
    text-transform: uppercase;
}
/* BUT-351 - AJOUT THOMAS - 23-06-2020 */

/* WTD-21093 - AJOUT THOMAS - 25-06-2020 */
.main .withdrawal-delivery .search-withdrawal-delivery .champ_errorGeo {
    color: #e2011a;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    margin: 5px 0 0;
    padding: 0;
    text-align: center;
    width: 100%;
}
/* WTD-21093 - AJOUT THOMAS - 25-06-2020 */
/* BUT-415 - Gestion des pictos vente flash */
.main .product-textual-infos .bloc-vente-flash {
    margin-bottom: 20px;
}
.bloc-vente-flash .pictoVf {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-flex;
    flex-wrap: wrap;
    height: 24px;
    margin-right: 10px;
    justify-content: flex-start;
}
.bloc-vente-flash .pictoVf .title {
    font-size: 12px;
    line-height: 16px;
    padding: 3px 4px 2px;
    text-transform: uppercase;
    font-weight: 700;
}
.bloc-vente-flash .pictoVf .timer {

    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    padding: 3px 4px 2px 0px;
    text-transform: lowercase
}
.bloc-vente-flash .pictoVf .timer span {
    font-weight: 900;
    position: relative;
}
.bloc-vente-flash .pictoVf .timer .days {
    margin: 0 4px 0 5px
}
.bloc-vente-flash .pictoVf .timer .days:after {
    content: 'j';
    position: absolute;
    right: -5px;
    top: 2px
}
.bloc-vente-flash .pictoVf .timer .hours {
    margin: 0 8px 0 5px
}
.bloc-vente-flash .pictoVf .timer .hours:after {
    content: 'h';
    position: absolute;
    right: -8px;
    top: 2px
}
.bloc-vente-flash .pictoVf .timer .minutes {
    margin: 0 10px 0 5px
}
.bloc-vente-flash .pictoVf .timer .minutes:after {
    content: 'm';
    position: absolute;
    right: -11px;
    top: 2px
}
.bloc-vente-flash .pictoVf .timer .seconds {
    margin: 0 6px 0 5px
}
.bloc-vente-flash .pictoVf .timer .seconds:after {
    content: 's';
    position: absolute;
    right: -6px;
    top: 2px
}
/* Affichage IE */
@media all and (-ms-high-contrast:none) {
    .bloc-vente-flash .pictoVf .title {
        padding: 3px 4px 4px
    }
    .bloc-vente-flash .pictoVf .timer {
        padding: 3px 4px 4px 2px
    }
}
/* BUT-415 - Gestion des pictos vente flash - END */

.main .product-textual-infos .product-picto {
    display: flex !important;
    flex-direction: row;
    float: right;
    justify-content: flex-end;
    margin: 0 0 20px 0;
    padding: 0;
    position: relative;
    width: 50%
}
.main .product-textual-infos .product-picto .picto-energie {
    border: 1px solid #cecece;
    background-color: #cecece;
    display: flex;
    flex-direction: row;
    height: 36px;
    justify-content: space-between;
    margin: 6px 40px 0 0;
    position: relative;
    width: 50px
}
.main .product-textual-infos .product-picto .picto-energie.nivA {
    background-color: #00a652
}
.main .product-textual-infos .product-picto .picto-energie.nivB {
    background-color: #4cb848
}
.main .product-textual-infos .product-picto .picto-energie.nivC {
    background-color: #bed52f
}
.main .product-textual-infos .product-picto .picto-energie.nivD {
    background-color: #fff201
}
.main .product-textual-infos .product-picto .picto-energie.nivE {
    background-color: #ffb712
}
.main .product-textual-infos .product-picto .picto-energie.nivF {
    background-color: #f36f25
}
.main .product-textual-infos .product-picto .picto-energie.nivG {
    background-color: #e71e26
}
.main .product-textual-infos .product-picto .picto-energie:after,
.main .product-textual-infos .product-picto .picto-energie:before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}
.main .product-textual-infos .product-picto .picto-energie:after {
    border-color: rgba(136, 183, 213, 0);
    border-width: 17px;
    margin-top: -17px
}
.main .product-textual-infos .product-picto .picto-energie.nivA:after {
    border-left-color: #00a652
}
.main .product-textual-infos .product-picto .picto-energie.nivB:after {
    border-left-color: #4cb848
}
.main .product-textual-infos .product-picto .picto-energie.nivC:after {
    border-left-color: #bed52f
}
.main .product-textual-infos .product-picto .picto-energie.nivD:after {
    border-left-color: #fff201
}
.main .product-textual-infos .product-picto .picto-energie.nivE:after {
    border-left-color: #ffb712
}
.main .product-textual-infos .product-picto .picto-energie.nivF:after {
    border-left-color: #f36f25
}
.main .product-textual-infos .product-picto .picto-energie.nivG:after {
    border-left-color: #e71e26
}
.main .product-textual-infos .product-picto .picto-energie:before {
    border-color: rgba(206, 206, 206, 0);
    border-left-color: #cecece;
    border-width: 18px;
    margin-top: -18px
}
.main .product-textual-infos .product-picto .picto-energie .icon {
    background: url('/Sources/Default/Images/Catalog/Product/svg/icon_ene.svg') no-repeat 3px 2.5px;
    background-color: #fff;
    background-size: 8px;
    content: '';
    display: block;
    height: 34px;
    width: 36%
}
.main .product-textual-infos .product-picto .picto-energie .note {
    color: #fff;
    display: inline-block;
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
    margin: 8px 0;
    width: 74%
}

.main .product-textual-infos .product-picto .picto-reparation {
    display: block;
    position: relative;
    width: 84px
}
.main .product-textual-infos .product-picto .picto-reparation .blocBorder {
    background: #fff;
    border: 1px solid;
    border-radius: 8px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%
}
.main .product-textual-infos .product-picto .picto-reparation.niv1 .blocBorder {
    border-color: #C8102E
}
.main .product-textual-infos .product-picto .picto-reparation.niv2 .blocBorder {
    border-color: #FF6A13
}
.main .product-textual-infos .product-picto .picto-reparation.niv3 .blocBorder {
    border-color: #FFC600
}
.main .product-textual-infos .product-picto .picto-reparation.niv4 .blocBorder {
    border-color: #A7D500
}
.main .product-textual-infos .product-picto .picto-reparation.niv5 .blocBorder {
    border-color: #009A44
}
.main .product-textual-infos .product-picto .picto-reparation .blocBorder .icon {
    background: url('/Sources/Default/Images/Catalog/Product/svg/icon_rep.svg') no-repeat 4px 4px;
    background-size: 78%;
    border-radius: 6px;
    content: '';
    display: block;
    height: 36px;
    width: 36px
}
.main .product-textual-infos .product-picto .picto-reparation.niv1 .blocBorder .icon {
    background-color: #C8102E
}
.main .product-textual-infos .product-picto .picto-reparation.niv2 .blocBorder .icon {
    background-color: #FF6A13
}
.main .product-textual-infos .product-picto .picto-reparation.niv3 .blocBorder .icon {
    background-color: #FFC600
}
.main .product-textual-infos .product-picto .picto-reparation.niv4 .blocBorder .icon {
    background-color: #A7D500
}
.main .product-textual-infos .product-picto .picto-reparation.niv5 .blocBorder .icon {
    background-color: #009A44
}
.main .product-textual-infos .product-picto .picto-reparation .blocBorder .rate {
    display: block;
    font-size: 10px;
    font-weight: 400;
    line-height: 8px;
    margin: 0;
    padding: 3px;
    text-align: right;
    width: 44px
}
.main .product-textual-infos .product-picto .picto-reparation .rate span {
    display: inline-block;
    float: left;
    font-size: 24px;
    font-weight: 700;
    line-height: 22px;
    text-align: left;
    width: 100%
}
.main .product-textual-infos .product-picto .picto-reparation .title {
    display: inline-block;
    font-size: 7px;
    font-weight: 700;
    left: 0;
    line-height: 7px;
    margin: 0;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 40px;
    width: 100%
}
.main .product-textual-infos .product-picto #linkRep {
    color: #838383;
    display: block;
    font-size: 10px;
    font-weight: 400;
    line-height: 10px;
    margin: 0;
    position: absolute;
    right: 10px;
    text-align: center;
    text-decoration: underline;
    top: 60px
}
#toggleBlocDocs {
    border: 1px solid #bdbdbd;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    margin: 0 0 10px;
    padding: 10px;
    position: relative;
    width: 100%;
    min-width: 303px;
}
#toggleBlocDocs #blocLibDocs {
    cursor: pointer;
    display: inline-block;
    position: relative;
    width: 100%
}
#toggleBlocDocs #blocLibDocs:after {
    background-color: #657887;
    content: '';
    height: 100%;
    right: 42px;
    position: absolute;
    top: 0;
    width: 1px
}
#toggleBlocDocs #blocLibDocs p {
    color: #313131;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    margin: 10px 0;
    text-transform: uppercase;
    width: 100%
}
#toggleBlocDocs #blocLibDocs p span {
    color: #e2001a
}
#toggleBlocDocs #blocLibDocs .arrow {
    background: url('/Sources/Default/Images/Catalog/Product/svg/arrowLiv.svg') no-repeat;
    background-size: 24px 15px;
    content: ' ';
    cursor: pointer;
    display: block;
    height: 15px;
    position: absolute;
    right: 5px;
    top: calc(50% - 7.5px);
    transition: all .3s ease;
    width: 24px
}
#toggleBlocDocs:hover #blocLibDocs .arrow,
#toggleBlocDocs #blocLibDocs .arrow:hover,
#toggleBlocDocs #blocLibDocs .arrow.actif {
    transform: rotate(180deg)
}

#toggleBlocDocs #toggleContentDoc {
    display: none;
    margin: 10px 0 0;
    padding-top: 10px;
    position: relative;
    width: 100%
}
#toggleBlocDocs #toggleContentDoc:before {
    background-color: #e6e6e6;
    content: '';
    height: 1px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}
#toggleBlocDocs #toggleContentDoc p {
    color: #313131;
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    margin: 0 0 10px 0;
    width: 100%
}
#toggleBlocDocs #toggleContentDoc ul {
    display: inline-block;
    width: 100%
}
#toggleBlocDocs #toggleContentDoc ul li {
    line-height: 18px
}
#toggleBlocDocs #toggleContentDoc ul li a {
    color: #626262;
    display: inline-block;
    padding-left: 0;
    transition: all .2s ease
}
#toggleBlocDocs #toggleContentDoc ul li a:before {
    background-color: #626262;
    border-radius: 0.375rem;
    content: '';
    display: inline-block;
    margin-right: 0.3rem;
    height: 6px;
    width: 6px
}
#toggleBlocDocs #toggleContentDoc ul li a:hover {
    color: #313131;
    padding-left: .2rem
}
.pictoOp.fabFrance,
.pictoOp.fabFrance:link,
.pictoOp.fabFrance:hover,
.pictoOp.fabFrance:active,
.pictoOp.fabFrance:visited{
    background-color: #f5f5f5;
    font-size: 12px;
    font-weight: 700;
    padding: 5px 7px 4px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    color: #0f3381;
}
.pictoOp.fabFrance span{
    color:#e00025
}
/******************CAAST TV**********************/
#but-live-shopping-fp #caast__main{border-top:1px solid #D7DDE1}
#but-live-shopping-fp #caast__main .caast-toggler{display:flex;flex-direction: row;margin:0;}
#but-live-shopping-fp #caast__main .caast-toggler__actions{margin-top: inherit;}
#but-live-shopping-fp #caast__main .caast-toggler__thumbnail{max-width:245px}
#but-live-shopping-fp #caast__main .caast-toggler__thumbnail a{display:block;line-height:0}
#but-live-shopping-fp #caast__main .caast-toggler__thumbnail img{border-radius:inherit}
#but-live-shopping-fp #caast__main .caast-toggler__content{display:flex;flex-direction: column;justify-content: space-between;}
#but-live-shopping-fp #caast__main .caast-button{border-radius:inherit;text-transform:uppercase;border:none;padding: 10px 17px !important;font-size: 13px !important;background-color:#252525}
#but-live-shopping-fp #caast__main .caast-button:hover, #but-live-shopping-fp #caast__main .caast-button:active, #but-live-shopping-fp #caast__main .caast-button:focus{background-color:#000}
#but-live-shopping-fp #caast__main .caast-toggler__title:before{background-color: #e2001a;}
#but-live-shopping-fp #caast__main .caast-toggler__content{padding:10px 0;}
#but-live-shopping-fp #caast__main .caast-toggler__title{margin-bottom:0;}

/******************Bloc marketplace**********************/
.main .service-guarantee.marketplace{padding-top:30px;}
.main .service-guarantee.marketplace .t-paragraph{  padding:0;margin-bottom: 0px;}
.main .service-guarantee.marketplace .t-paragraph.title{margin-bottom:15px;font-weight:bold}
.main .service-guarantee.marketplace .t-paragraph.warranty{margin-bottom:5px }
.main .service-guarantee.marketplace ul,.main .service-guarantee.marketplace ul li span,
.main .service-guarantee.marketplace ul p,.main .service-guarantee.marketplace .sellerLink span.underline
{color:#000;}
.main .service-guarantee.marketplace ul li{line-height:14px;margin-bottom: 15px;}
.main .service-guarantee.marketplace .title.blue{display:block;font-size:14px;margin:25px 0 10px 0;position:relative;padding-left:30px}
.main .service-guarantee.marketplace li:nth-of-type(2) .title.blue{margin-top: 10px;}
.main .service-guarantee.marketplace p{margin-bottom: 15px;font-weight:normal;font-size: 12px;}
.main .service-guarantee.marketplace span{font-size: 12px;}
.main .service-guarantee.marketplace .sellerLink span.underline{font-size: 12px;}
.main .service-guarantee.marketplace .underline.blue{color: #1a6499;font-weight:bold;}
.main .service-guarantee.marketplace .title.blue:before {content: '';background-size: 50%;position: absolute;width: 50px;height:50px;left:-15px;top:-16px;}
.main .service-guarantee.marketplace .return.title.blue:before {background: url(https://media.but.fr/Sources/Images/icon_retour.svg) no-repeat center center;}
.main .service-guarantee.marketplace .warranty-mkp.title.blue:before {background: url(https://media.but.fr/Sources/Images/icon_garantie.svg) no-repeat center center;}
.main .service-guarantee.marketplace .trade-in-mkp.title.blue:before {background: url(https://media.but.fr/Sources/Images/icon_reprise.svg) no-repeat center center;}
.main .service-guarantee.marketplace li.dvp-com .title.blue:before {background: url(https://media.but.fr/Sources/Images/icon_commentaire.svg) no-repeat center center;}
.main .service-guarantee.marketplace .blue{color:#1a6499;font-weight: bold;font-size: 12px;}
.main .service-guarantee.marketplace .fin-com.sellerLink{font-weight: bold;color:#666}
.main .service-guarantee.marketplace .title.blue.return{margin-bottom: 8px;}

#trade-in-devices{
    padding: 30px 20px;
    width: 750px;
    display: none;
    background: #fff;
    position: relative;
    font-family: 'Lato', Arial, Sans-Serif;
    font-size: 12px;
    color: #000;
    max-width: 100%;
}
#trade-in-devices h3{
    margin-bottom: 20px;
    font-size: 16px;
    color: #1a6499;
}
#trade-in-devices p,
#trade-in-devices li,
#trade-in-devices a{
    font-size: 13px;
    line-height: 18px;

}
#trade-in-devices p,
#trade-in-devices ul{
    margin-bottom: 20px;
}
#trade-in-devices ul{
    list-style-type: none;
    padding-left: 30px;
}
#trade-in-devices li::before {
    content: "\2022";
    color: #1a6499;
    font-size: 1.2em;
    margin-right: 5px;
}
#trade-in-devices a{
    text-decoration: underline;
}
#trade-in-devices a.bluelink{
    color: #1a6499;
}

/* Bundle Promo Popin */
.displaypopinbundlepromo-open{
    display: block;
    overflow-x: hidden;
    overflow-y: auto;
}
.displaypopinbundlepromo-close{
    display: none !important;
}
.popinbundlepromo {
	position: fixed;
    top: 0;
    left: 0;
    z-index: 50;
    width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
    z-index: 2004;
    margin-top: 0 !important;
}
.popinbundlepromo-main {
	position: fixed;
	background: white;
	height: auto;
	top: 0;
	right: 0;
	height: 100vh;
	max-width: 700px;
}
.displaypopinbundlepromo-open .popinbundlepromo-main{
    animation:fadein .2s;
}
@keyframes fadein {
	from {
		opacity:0;
        right: -488px;
	}
	to {
		opacity:1;
        right: 0;
	}
}

.popinbundlepromo-main_header {
	align-items: center;
	border-bottom: 1px solid #9ea2aa;
	display: flex !important;
	justify-content: space-between;
	position: relative;
}
.popinbundlepromo-main_header_title {
	padding: 35px;
    color: #333;
}
.popinbundlepromo-main_header_title h3{
    font-size: 26px;
    font-weight: 700;
}
.popinbundlepromo-main_header_title h4{
    font-size: 20px;
    margin-top: 10px;
    font-weight: 600;
}
.popinbundlepromo-main_header_title h4 span{
    color: #E2001A;
}
.popinbundlepromo-main_header_title h5{
    font-size: 14px;
    font-weight: 400;
    margin-top: 10px;
    color: #505050;
}
.popinbundlepromo-main_header_close {
	background-color: inherit;
	cursor: pointer;
	height: 40px;
	position: relative;
	right: 20px;
	width: 40px;
}
.popinbundlepromo-main_header_close:before {
	transform: translate(-25%, -50%) rotate(-45deg);
}
.popinbundlepromo-main_header_close:after {
	transform: translate(-25%, -50%) rotate(45deg);
}
.popinbundlepromo-main_header_close:after,
.popinbundlepromo-main_header_close:before {
	border-left: 1px solid #38373c;
	content: "";
	display: inline-block;
	height: 26px;
	left: 50%;
	position: absolute;
	top: 50%;
	transform-origin: center;
	transition: all .2s ease-out;
	width: 0;
}
.popinbundlepromo-main_header_close:after,
.popinbundlepromo-main_header_close:before {
	border-left-width: 3px;
}
.popinbundlepromo-main_body{
    height: calc(100vh - 165px);
    margin: 0 0 0 33px;
    overflow-x: hidden;
    overflow-y: auto;
    padding-bottom: 25px;
}
.popinbundlepromo-main_body::-webkit-scrollbar {
    width: 7px;
}
.popinbundlepromo-main_body::-webkit-scrollbar-thumb {
    background-color: #9ea2aa;
    border-radius: 20px;
}
.popinbundlepromo-main_body::-webkit-scrollbar-track {
    background: #dfdfdf;
}
.list-bundleproducts h3{
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    font-size: 18px;
    font-weight: 700;
    padding: 0px 0 5px;
}
.popinbundlepromo-main_body .list-bundleproducts:first-child h3{
    padding-top: 25px;
}
.list-bundleproducts h4{
    color: #505050;
    margin-bottom: 25px;
    font-size: 12px;
    font-weight: 500;
}
.list-bundleproducts .list-bundleproducts-carousel .item p{
    font-size: 15px;
    font-weight: 500;
    margin: 5px 0 10px;
    height: 38px;
}
.list-bundleproducts .list-bundleproducts-carousel .item h4{
    color: #9E9E9E;
    font-size: 13px;
    font-weight: 400;
    text-decoration: line-through;
    margin: 0 0 5px;
}
.list-bundleproducts .list-bundleproducts-carousel .item h5{
    font-size: 16px;
    font-weight: 700;
}
/* owl dots */
.popinbundlepromo-main_body .owl-nav button {
    position: absolute;
    top: 50%;
    background-color: #000;
    color: #fff;
    margin: 0;
    transition: all 0.3s ease-in-out;
}
.popinbundlepromo-main_body .owl-nav button.owl-prev {
    left: 0;
}
.popinbundlepromo-main_body .owl-nav button.owl-next {
    right: 0;
}
.popinbundlepromo-main_body .owl-dots {
    text-align: center;
    padding: 25px 0 10px;
}
.popinbundlepromo-main_body .owl-dots button.owl-dot {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    display: inline-block;
    border: 1px solid #9ea2aa;
    margin: 0 3px;
}
.popinbundlepromo-main_body .owl-dots button.owl-dot.active {
    background-color: #9ea2aa;
}
.popinbundlepromo-main_body .owl-dots button.owl-dot:focus {
    outline: none;
}
.popinbundlepromo-main_body .owl-nav button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.38) !important;
}
.popinbundlepromo-main_body span {
    font-size: 70px;
    position: relative;
    top: -5px;
}
.popinbundlepromo-main_body .owl-nav button:focus {
    outline: none;
}
.popinbundlepromo-main_body .list-bundleproducts-seperator:last-child{
    display: none;
}
.list-bundleproducts-seperator {
    border-bottom: 1px solid #9ea2aa;
    position: relative;
    margin: 55px 0 40px;
}
.seperator-plus {
    width: 45px;
    height: 45px;
    border-radius: 35px;
    padding: 0px;
    background: white;
    border: 1px solid #9ea2aa;
    color: #333;
    text-align: center;
    font: 33px Arial, sans-serif;
    float: left;
    line-height: 4.4rem;
    margin-top: -22px;
    margin-left: 25px;
    display: block;
    line-height: 4.4rem;
    display: flex !important;
    align-items: center;
    justify-content: center;
}