/* <editor-fold desc="general"> */

.center_column .box-white {
    display: none;
}

.center_column p.description {

}

.center_column p.description span {
    display: initial;
}
@media only screen and (max-width: 1024px) {
    .center_column h1.h1barre {
        font-size: 26px;
    }
}
@media only screen and (max-width: 767px) {
    .center_column h1.h1barre {
        margin: 0 auto 8px;
    }
    h1.h1barre span {
        max-width: 97%;
    }
    .center_column p.description span {
        display: inline-block;
    }
    .center_column p.description span:last-child {
        margin: 8px 0 12px;
    }
    .center_column p.description span.txt-header-more {
        display: none;
    }
    .center_column {
        font-size: 0;
    }
    .center_column p.description {
        margin: 0;
    }
}
/* </editor-fold> */
/* <editor-fold desc="bloc gris"> */
/*.cms-page h2 {
    font-family: var(--lpv-font-01);
    color: #F28231;
    text-shadow: none;
}
.center_column .h2-next {
    text-align: center;
    color: #FFF;
    font: 24px var(--lpv-font-01);
    font-weight: normal;
    letter-spacing: 1px;
}*/
.guide-profile-row .col {
    background: none;
}
.guide-profile-row .col:before {
    content: '';
    background: url('data:image/svg+xml;UTF8,<svg xmlns="http://www.w3.org/2000/svg" width="34" height="26" viewBox="0 0 39 34"><path style="fill:rgb(255,255,255)" d="M1,1L39,1L20,34"/><path style="fill:rgb(242,130,49)" d="M0,0L38,0L19,34"/></svg>') no-repeat;
    width: 34px;
    height: 26px;
    display: block;
    position: absolute;
    bottom: 2px;
    left: calc(50% - 17px);
    opacity: 0;
    transition: all 0.3s ease-in;
}
.guide-profile-row .active-profil:before {
    opacity: 1;
}
.guide-profile-row .col .btn {
    display: none;
}
.center_column div#ecigarette-resultats div {
    font: 26px carrington, Arial, Helvetica, sans-serif !important;
    text-shadow: 1px 1px 0 #FFF;
}
.center_column div#ecigarette-resultats div .orange {
    font: 22px var(--lpv-font-01) !important;
    margin-bottom: 10px;
    display: block;
}
@media only screen and (min-width: 1025px) {
    .guide-profile-row .col a:before {
        content: '';
        width: 223px;
        height: 203px;
        position: absolute;
        top: 0;
        left: 50%;
        display: block;
        border: 2px solid transparent;
        transform: translate(-50%);
        border-radius: 10px;
        z-index: -1;
        transition: all 0.3s ease-in;
    }

    .guide-profile-row .col.active-profil a:before {
        border: 2px solid #F28231;
    }

    .guide-profile-row .col .btn {
        position: absolute;
        top: 174px;
        left: 50%;
        transform: translate(-50%);
        font-size: 15px;
        line-height: 17px;
        width: 140px;
    }

    .guide-profile-row .col.active-profil .btn,
    .guide-profile-row .col .btn:hover {
        background: #F28231;
        opacity: 1;
    }
}
/* </editor-fold> */
/* <editor-fold desc="profils"> */





/* </editor-fold> */
/* <editor-fold desc="hand"> */
@media only screen and (max-width: 767px) {
    #cms .hand {
        transform: scale(0.75);
    }
}
/* </editor-fold> */





/* <editor-fold desc="infos-ecig"> */








.infos-ecig .content {
    padding: 10px 10px 0;
}

.infos-ecig .content .content-inner {
    padding:0 5px;
}

.center_column .infos-ecig p {
    font-size: 13px;
    margin-bottom: 10px;
    line-height: 1.25;
    color: #959595;
}

.center_column .infos-ecig .content a {
    color: #959595;
}

.center_column .infos-ecig .content a:hover {
    color: #888;
}

.center_column .infos-ecig .text-callto {
    margin:10px auto;
}

@media only screen and (min-width: 1025px) {
    .infos-ecig .content .content-inner {
        padding:3px 20px 16px;
    }
}


/* <editor-fold desc="picto"> */
.infos-ecig .picto {
    position: relative;
    display: block;
    width: 60px;
    height: 50px;
    margin: auto;
}





.infos-ecig .picto:after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 3px;
    left: 50%;
    transform: translate(-50%);
    width: 45px;
    height: 45px;
    background: url("../img/cms-custom/sprite-info-blog-ecig.png");
    z-index: 1;
}
.infos-ecig .picto.picto-list:after {
    background-position: -44px 0;
}
.infos-ecig .picto.picto-info:after {
    background-position: -92px 0;
    width: 17px;
    height: 41px;
}
.infos-ecig .picto.picto-light:after {
    background-position: -114px 0;
    width: 41px;
    height: 41px;
}
.infos-ecig .picto.picto-tube-simple:after {
    background-position: 0 -45px;
    width: 38px;
    height: 36px;
    top: 1px;
    left: calc(50% + 4px);
}
.infos-ecig .picto.picto-checkbook:after {
    background-position: -41px -45px;
    width: 24px;
    height: 36px;
}
.infos-ecig .picto.picto-crop:after {
    background-position: -65px -45px;
    width: 24px;
    height: 36px;
}
.infos-ecig .picto.picto-pods:after {
    background-position: -158px -3px;
    width: 16px;
    height: 96px;
}
.infos-ecig .picto.picto-tubes:after {
    background-position: -175px -3px;
    width: 16px;
    height: 96px;
}
.infos-ecig .picto.picto-boxs:after {
    background-position: -193px -3px;
    width: 32px;
    height: 96px;
}
.infos-ecig .picto.picto-no-cig:after {
    background-position: -91px -44px;
    width: 30px;
    height: 31px;
}
.infos-ecig .picto.picto-sante:after {
    background-position: -122px -44px;
    width: 32px;
    height: 34px;
}
.infos-ecig .picto.picto-eco:after {
    background-position: 0 -82px;
    width: 30px;
    height: 36px;
}
.infos-ecig .picto.picto-hand-check:after {
    background-position: -33px -81px;
    width: 25px;
    height: 39px;
}
.infos-ecig .picto.picto-tube:after {
    background-position: -61px -83px;
    width: 32px;
    height: 39px;
}
.infos-ecig .picto.picto-cig:after {
    background-position: -94px -81px;
    width: 30px;
    height: 41px;
}
.infos-ecig .picto.picto-check:after {
    background-position: -125px -109px;
    z-index: 2;
    height: 10px;
    width: 16px;
    margin: 28px 0 0 7px;
}
.infos-ecig .menu .picto {
    position: relative;
    transition: all 0.3s ease-in;
}
.infos-ecig .menu .picto:before {

}
.infos-ecig .menu a.active .picto:before,
.infos-ecig .menu a:hover .picto:before {

}
/* </editor-fold> */





/* </editor-fold> */
/* <editor-fold desc="bloc-x"> */
.infos-ecig .bloc-x {


}

.infos-ecig .bloc-x > div {
    max-height: 0;
    overflow: hidden;
}

.infos-ecig .bloc-x > div.active {
    overflow: visible;
    max-height: 255px;
    opacity: 1;
}

.infos-ecig .content {
    display: none;
}



.infos-ecig .content.active {
    display: block;
}

/* </editor-fold> */
/* <editor-fold desc="ss-menu"> */
.center_column .infos-ecig .ss-menu ul {
    padding:0;
    margin:0 5px 12px;
    justify-content:center;
    gap:5px 10px;
}
@media only screen and (max-width: 360px) {
    .center_column .infos-ecig .ss-menu ul{
        overflow: auto;
        justify-content: space-evenly;
    }
}

@media only screen and (min-width: 560px) {
    .center_column .infos-ecig .ss-menu ul {
        margin:0 30px 12px;
        gap: 6px 12px;
    }
}

.center_column .infos-ecig .ss-menu.lpvTabs .lpvTabsMenu li {
    margin:0;
}

.center_column .infos-ecig .ss-menu.lpvTabs .lpvTabsMenu li > span,
.center_column .infos-ecig .ss-menu.lpvTabs .lpvTabsMenu li a {
    padding:0 10px;
    color:var(--lpv-color-03);
}

.lpvTabs .lpvTabsMenu.lpvTabsMenu--light li a.active {
    background:var(--lpv-color-01)!important;
}

.lpvTabs .lpvTabsMenu.lpvTabsMenu--light li a.active span {
    color:var(--lpv-color-16) !important;
}



    /* </editor-fold> */
/* <editor-fold desc="bloc-a1"> */
/* <editor-fold desc="anatomies"> */
.anatomies {
    float: none;
    width: auto;
    margin: auto;
    min-height: inherit;
    border: 0;
}

.center_column .type-ecig a.circle:before {
    background: #FFF;
}

.center_column .type-ecig {
    transform: scale(0.5);
}

.center_column .type-ecig ul {
    width: 100%;
}

.anatomies.w-xs #anatomie-tube.illustration {
    margin: 25px auto 0 !important;
    height: auto;
    min-width:260px;
}

.anatomies.w-xs #anatomie-tube.illustration .btn {
    display: none;
}

div#bloc-a1 {
    position: relative;
}

@media only screen and (min-width: 1025px) {
    .anatomies {
        max-width: 88%;
        top: 7px;
    }

    .anatomies .illustration .tooltip-item:hover .tooltip-content {
        transform: translate(calc(-50% + -25px), -15px);
    }

    div#bloc-a1 {
        min-height: calc(var(--vignette-height) - 150px);
    }
}

@media only screen and (max-width: 1024px) {
    .anatomies .illustration .tooltip-item .tooltip-content,
    .anatomies .illustration .tooltip-item:hover .tooltip-content {
        display: none;
    }

    .center_column .infos-ecig .ss-menu.lpvTabs .lpvTabsMenu li > span,
    .center_column .infos-ecig .ss-menu.lpvTabs .lpvTabsMenu li a {
        background:#F0EDE6;
    }
}

@media only screen and (max-width: 400px) {
    .anatomies .illustration .tooltip-item .tooltip-content-name {
        font-size: 16px;
    }

}

/* </editor-fold> */
/* </editor-fold> */
/* <editor-fold desc="bloc-a3"> */
.infos-ecig #bloc-a3 > ul {
    display: flex;
    justify-content: center;
    text-align: center;
    gap:28px;
}

.infos-ecig #bloc-a3 ul ul {
    width: calc(100% - 10px);
    margin-left: 5px;
    padding-top: 5px;
    transition: all 0.3s ease-in;
}

.infos-ecig #bloc-a3 li li {
    display: block;
    text-align: center;
    font-weight: bold;
    font-size: 13px;
    color: #959595;
    line-height: 1;
    margin:0 0 3px;
}

.infos-ecig #bloc-a3 .picto {
    display: block;
    height: 96px;
    margin: auto auto 10px;
}

.infos-ecig #bloc-a3 .libelle {
    font: 20px var(--lpv-font-01);
    color:var(--lpv-color-02);
}

@media only screen and (max-width: 400px) {
    .infos-ecig #bloc-a3 > ul {
        gap:10px;
    }
}



/* </editor-fold> */
/* <editor-fold desc="bloc-b3"> */
.center_column .infos-ecig #bloc-b3 h4 {
    text-align: center;
    font-weight:600;
    margin: 0 0 10px;
    font-family: var(--lpv-font-06)!important;
    color: #959595; !important;
}

.center_column .infos-ecig #bloc-b3 p {
    font-size: 14px;
}

.center_column .infos-ecig #bloc-b3 p:before {
    display: none;
}

/* </editor-fold> */
/* <editor-fold desc="bloc-c3"> */
.center_column .infos-ecig .content-highlight {
    font-weight: bold;
    display: contents;
    color:var(--lpv-color-02);
}



/* </editor-fold> */

@media only screen and (max-width: 1024px) {


    .infos-ecig .bloc-x {
        height: inherit;
        margin: 0 auto 10px;
    }

    .infos-ecig .bloc-x > div.active {
        max-height: 100vh;
    }

    .infos-ecig .content {
        padding-bottom: 10px;
    }
}

/* </editor-fold> */
/* <editor-fold desc="voir plus de produit"> */



.productListContainer #see_more_products {
    display: none;
}
.productListContainer.reduiced #see_more_products {
    display: block;
}
.productListContainer.reduiced #see_less_products {
    display: none;
}
.see_more_products_container {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media only screen and (max-width: 448px), only screen and (min-width: 512px) and (max-width: 727px) {
    .productListContainer.reduiced .product-list-container .product-vignette:nth-child(n+24) {
        display: none;
    }
}

@media only screen and (min-width: 449px) and (max-width: 511px), only screen and (min-width: 728px) and (max-width: 1024px) {
    .productListContainer.reduiced .product-list-container .product-vignette:nth-child(n+28) {
        display: none;
    }
}

@media only screen and (min-width: 1025px) {
    .productListContainer.reduiced .product-list-container .product-vignette:nth-child(n+24) {
        display: none;
    }
}

/* </editor-fold> */
/* <editor-fold desc="form-debutant"> */
.form-deb {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
}
.form-deb.active {
    max-height: 100vh;
    overflow: visible;
}

.show-form-deb {
    margin: 0 10px;
    display: inline-block;
    position: relative;
    top: -2px;
}
.get-pack-deb {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: height 0.5s ease, opacity 0.5s ease;
}
.get-pack-deb.active {
    max-height: 1500px;
    opacity: 100%;
    overflow:visible;
}

.get-pack-deb .inner {
    margin:40px 0 7px;
}

.get-pack-deb .h2barre {
    position: relative;
    width: 50%;
    margin: 0 auto;
}
.get-pack-deb .h2barre:after {
    content: '';
    display: block;
    background: #E7E7E7;
    height: 2px;
    width: 100%;
    position: absolute;
    top: calc(50% - 1px);
    left: 0;
}
.profils .h2barre > span {
    background: #FFF;
    padding: 0 20px;
    z-index: 2;
    display: inline-block;
    position: relative;
}
.center_column .get-pack-deb .white_content {
    margin-top: 35px;
    padding:0;
}
.get-pack-deb .filter .label,
.get-pack-deb .filter label {

}
.get-pack-deb .filter label.nb_cig {
    display: none;
}



.center_column .get-pack-deb .h1barre {
    width: 50%;
    margin: auto;
}
.get-pack-deb .h1barre span {
    font-size: 26px;
    background: #FFF;
}
.get-pack-deb .h1barre:before {
    background: #E7E7E7;
}
body.btnEvenement .month-tobaccoless-content .bandeau {
    display: none;
}
body.btnEvenement .get-pack-deb.actived .content.active .month-tobaccoless-content .bandeau {
    display: block;
}
.center_column .get-pack-deb .month-tobaccoless .white_content {
    margin-top: 30px;
}
@media only screen and (max-width: 767px) {

    .get-pack-deb .filter .label:not(.form-label-radio),
    .get-pack-deb .filter label:not(.form-label-radio) {
        width: 100%;
        margin-bottom: 0;
    }

    .get-pack-deb .techno-form-radios {
        padding-top:0;
    }


}

/* </editor-fold> */
/* <editor-fold desc="month-tobaccoless"> */
body.btnEvenement .content.active .h1barre:before {
    background: #E7E7E7;
}
@media only screen and (min-width: 769px) {
    body.btnEvenement .month-tobaccoless-content .bandeau {
        width: 100%;
        left: 0;
    }
}
@media only screen and (max-width: 768px) {
    body.btnEvenement .month-tobaccoless .month-tobaccoless-desc {
        margin-top: 0;
        top: 15px;
    }
    body.btnEvenement .month-tobaccoless .month-tobaccoless-content img {
        top: 60px;
    }
}
/* </editor-fold> */

