/*Style 'show menu' label button and hide it by default*/
.show-menu {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-decoration: none;
    color: #fff;
    background:url(images/icon_nav.png) no-repeat;
    text-align: center;
    padding: 0;
    position:absolute;
    top:-65px;
    left:15px;
    width:30px;
    height:30px;
    text-indent:-9999px;
    background-size:100%;
    cursor:pointer;
    display: none !important;
}

.blockHeader .block.block-1 img {
    position: relative;
}
.blockHeader .block.block-1 .mainLogo {
    width: 283px;
    margin: 0 auto;
    text-align: center;
}

/*Hide checkbox*/
.mainMenu input[type=checkbox]{
    display: none;
    -webkit-appearance: none;
}
.show-sidebar, .show-orderby {
    background:#fff;
    color: #cccccc;
    font-size: 14px;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase;
    cursor:pointer;
    border:1px solid #ccc;
    margin-top: 110px;
}

/*Show menu when invisible checkbox is checked*/
.mainMenu input[type=checkbox]:checked ~ .menu{
    display: block;
}


/*Show menu when invisible checkbox is checked*/
input[type=checkbox]#show-sidebar:checked ~ .col.col-1{
    display: block;
    margin-top: -15px;
}
input[type=checkbox]#show-sidebar:checked ~ .show-sidebar{
    background-color: #f7f7f7;
    height: 35px;
    border-bottom: none;
}
input[type=checkbox]#show-orderby:checked ~ .col.col-2 .blockSort .sortContainer{
    display: block;
    margin-top: 0;
}
input[type=checkbox]#show-orderby:checked ~ .show-orderby{
    background-color: #f7f7f7;
    height: 35px;
    border-bottom: none;
}


/*tablette paysage*/
@media screen and (min-width: 1000px) and (max-width: 1125px) {
    .blockFooter .block.block-3 > .inner { padding-bottom: 65px; }
    .blockGlobal, .blockCarouselHome, footer{ min-width:1000px;}
    .blockHeader .block.block-2 .search{ margin: auto !important; }

    /* Reformate Header (JLL) */
    .blockGlobal.responsive .mainLogo .logo-baseline {
        bottom: 1px !important;
        font-size: 14px !important;
    }
    .blockGlobal.responsive .menuResponsive2 { display: block; }
    .withPromotionBanner .menuResponsive2 { top:72px; }
    .blockGlobal.responsive .blockHeader .block.block-1 .mainLogo .link{
        margin:0 auto;
        max-width:283px;
        text-align: center
    }

    .blockGlobal.responsive .blockHeader .block.block-1{ float:none; margin:0 auto; width:60%; height:70px;}
    .blockGlobal.responsive .blockHeader .block.block-1 img{ margin-left: inherit; }
    .blockGlobal.responsive .blockHeader .block.block-1 .logo-baseline{ bottom: 0px !important; font-size: 15px !important; left: 3px; }
    .blockGlobal.responsive .blockHeader .block.block-3 div.menuAccount,
    .blockGlobal.responsive .blockHeader .block.block-3 div.customerService,
    .blockGlobal.responsive .blockHeader .block.block-3 div.basket span span{ display: none; }
    .blockGlobal.responsive .blockHeader .block.block-3 div.basket .cart .responsive{ display:block;}
    .blockGlobal.responsive .blockHeader .block.block-3{ position:absolute; padding:0px; right:23px; top:-6px; width:50px;}
    .blockGlobal.responsive .blockHeader .block.block-3 div.basket{ width:100%;}

    .blockGlobal.responsive .blockHeader .block.block-3 div.basket .cart a.link > span{
        background:none;
        background-size:100%;
        padding: 60px 0 0 0 !important;
    }
    .blockHeader .block.block-3 div.basket .cart a.link > i{ font-size: 3em; }

    .blockList .item .infos .action .btnNew.v2 { display: inline-block; }

    .blockGlobal.responsive > .blockCenter { margin-top: 80px; }
    .blockGlobal.responsive .blockCenter.large { padding: 0 25px;  }
    .blockGlobal.responsive .blockAbout-2 .text { width: 660px; padding: 0 25px; }
    .blockGlobal.responsive .blockFooter .block.block-2 { padding: 0 25px; }
    .blockGlobal.responsive .blockFooter .block.block-1 { padding: 0 25px; }
    .blockGlobal.responsive .blockFooter .block.block-3 { padding: 0 25px; }
    .blockBreadCrumb > .inner { padding: 20px 25px !important; }

    .blockGlobal.responsive .pageItemDetails .catBanner.catBrand .blockSousCat.brandSousCat>.inner ul li,
    .blockGlobal.responsive .pageItemDetails .catBanner.catGamme .blockSousCat.brandSousCat>.inner ul li{
        width: 178px !important;
    }
    .blockGlobal.responsive .blockAdvertsHome .advert-item {margin-right: 36px;}
    .blockGlobal.responsive .blockAdvertsHome .advert-item.last {margin-right: 0;}
    .blockGlobal.responsive .blockTalkAboutUs ul li { padding: 8px; }

    .blockGlobal.responsive .blockCenter .pageItemDetails .blockMainInfos .col.col-1.mainVisual { width: 48% !important; }
    .blockGlobal.responsive .blockCenter .pageItemDetails .blockMainInfos .col.col-2.itemDetails { width: 48% !important; }
    .blockGlobal.responsive .blockCenter .pageItemDetails .blockMainInfos .itemDetails .block.block-1 { display: none;  }
    .blockGlobal.responsive .blockCenter .pageItemDetails .blockMainInfos .itemDetails .block.block-2 { width: 100% !important; }

    .tplLight .blockHeader .block.block-1{ margin-left: 20px; }
    .tplLight .blockHeader .block-text{ width: 18% !important; }

}
@media screen and (max-width: 995px) {
    .menuResponsive2 {
        display: block;
    }
    .withPromotionBanner .menuResponsive2 { top:72px; }
}

@media screen and (min-width: 980px) and (max-width: 1040px) {

    .buttonBookmark{opacity:1 !important;}
    .blockList .item:hover .compo {
        display: block !important;
    }
    .blockList .item .button {
        display:inline-block !important;
        visibility:visible;
        top: 10px
    }
    .blockList .item .basket img {
        display: none !important;
    }
    .blockList .item:hover > .inner {
        border: 1px solid #f1f1f1;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0);
    }
    .blockList .item .price {
        top: 5px !important;
        position:relative;
    }
    .blockCarouselHome .flexslider .slides .item img{ margin-left:-18%;}

    /*style provisoire*/
    .blockMainInfos .mainTitle,
    .blockMainInfos .mainTitle a {
        border:none !important;
    }
    .blockMainInfos .mainTitle {
        line-height: 22px;
        margin-bottom: 10px;
        margin-top:20px;
    }
    .blockMainInfos .description {
        margin-bottom:30px;
        font-size:16px;
    }

}

/* tablette dont ipad (non pro) */
@media screen and (min-width: 768px) and (max-width: 995px) {

    .blockFooter .block.block-3 > .inner { padding-bottom: 55px; }
    .widePage .headMap .mask {
        display: none;
    }
    .widePage .headMap {
        margin-top:0 !important;
    }
    .widePage .page {
        width: 100%;
    }
    .widePage .page.v2 {
        width:65%;
        padding-left: 34%;
    }
    .widePage .last .page.v2 {
        width:100%;
        padding-left: 0;
    }
    .widePage .colProfil {
        width: 30%;
    }
    .widePage .box.address .map { display: none; }
    .widePage .box.address {
        padding-right: 0;
    }
    .widePage .timeLine .block {
        padding-right:10px;
    }
    .widePage .colProfil .head {
        height:95px;
    }
    .widePage .headMap {
        height:175px;
    }
    .widePage .colProfil {
        top: 49px;
    }
    .widePage .colProduct,
    .widePage .colBrands {
        width: 100%;
        float:none;
        padding: 0 20px;
    }
    .widePage .colProduct{
        padding-bottom: 50px;
    }
    .widePage .colProduct .blockList {
        width: 94%;
    }
    .widePage .colBrands .logo {
        width:29%;
        margin-right: 2.5%;
    }
    .widePage .colProduct .blockList .item {
        height: 252px;
    }
    .widePage .blockStaff .people {
        width:50%;
        border:none;
    }
    .blockStaff div.clear {
        clear:none !important;
    }

    .widePage .colBrands .logo.link a {
        padding: 0 !important;
        font-size: 12px;
        line-height: 12px !important;
        display: inline;
        position: static;
        margin:0 !important;
    }
    .widePage .colBrands .logo.link {
        line-height: 12px !important;
        padding-top: 45px;
        height: 62px !important;
        margin: 0!important;
        position: relative;
        top: -2px;
    }


    .blockGlobal, .blockCarouselHome, footer{ min-width:100%; margin-top:0;}
    .blockHeader > .inner, .blockMainMenu > .inner, .blockCenter > .inner, .blockAssets > .inner, .blockTop > .blockShadow > .inner, .blockAbout > .inner > .inner, .blockFooter > .block > .inner{
        width:100%;
    }
    .blockMainMenu .menu > .item.brands .megaMenu {
        display: none !important;
    }

    .blockHeader .block.block-1 .mainLogo {
        background: url(images/logo_responsive_v2.png) no-repeat center top;
        background-size:100%;
        height: 80px;
        display: block;
        overflow: hidden;
        width: 250px !important;
    }
    .blockHeader .block.block-1 .logo-baseline,
    .blockHeader .block.block-1 h1,
    .blockHeader .block.block-1 img {
        display: none;
    }
    .blockHeader .block.block-2 {
        width: 100%;
        text-align: center;
        margin: auto;
        padding: 30px 0 30px 0 !important;
    }
    .blockHeader .block.block-2 .search{
        width: 86% !important;
        position: relative;
        margin: auto;
    }

    .widePage .statusShop {
        background: #fff;padding: 10px;
        top:-38px;
        right: -4px;
        -webkit-box-shadow: -1px 2px 3px 0px rgba(0,0,0,0.22);
        -moz-box-shadow: -1px 2px 3px 0px rgba(0,0,0,0.22);
        box-shadow: -1px 2px 3px 0px rgba(0,0,0,0.22);
    }

    .blockHeader .block.block-3 div.basket .cart {
        position: relative;
        margin-top: 3px;
        right: 9px;
        width: 45px;
    }
    .blockHeader{
        height:auto;
        margin-bottom:0px;
    }
    .blockMainInfos .mainTitle,
    .blockMainInfos .mainTitle a {
        border:none !important;
    }
    .blockMainInfos .mainTitle {
        line-height: 22px;
        margin-bottom: 10px;
        margin-top:20px;
    }
    .blockMainInfos .description {
        margin-bottom:30px;
        font-size:16px;
    }
    .pageItemDetails .blockMainInfos .itemDetails .block.block-2 .infos.basket .button-2.basket.v3 {
        width: 80% !important;
        height: 43px  !important;
        margin-bottom: 15px !important;

    }

    .pageItemDetails .blockMainInfos .itemDetails .block.block-2 .infos.basket .button-2.basket.v3 span span span span,
    .button-2.basket.v3 span {
        text-align: center !important;
        height: 51px !important;
        font-size: 22px;
    }
    .pageItemDetails .blockMainInfos .itemDetails .block.block-2 .infos.basket .button-2.basket.v3 span span span span {
        padding-top: 5px;
        padding-right: 36px !important;
        padding-left: 0px !important;
        background-position: right 16px !important;

    }

    .blockList .item .infos .action .btnNew.v2 { display: inline-block; }


    .brands-links {
        margin-bottom: 25px;
        width: 80%;
    }

    .blockHeader .block.block-1{ float:none; margin:0 auto; width:60%; height:70px;}
    .blockHeader .block.block-1 .logo-baseline{ bottom:15px; font-size:11px;}
    .blockHeader .block.block-3 div.menuAccount,
    .blockHeader .block.block-3 div.customerService,
    .blockHeader .block.block-3 div.basket span span{ display: none;}
    .blockHeader .block.block-3 div.basket .cart .responsive{ display:block;}
    .blockHeader .block.block-3{ position:absolute; padding:0px; right:18px; top:-6px; width:30px;}
    .blockHeader .block.block-3 div.basket{ width:100%;}
    .blockHeader .block.block-3 div.basket .cart a.link > i{ font-size: 3em; }
    .blockHeader .block.block-3 div.basket .cart a.link > span{ background:none; background-size:100%;}

    /*menu*/
    .menuResponsive .search {
        display: none;
    }
    /*Display 'show menu' link*/
    .blockHeader .block.block-1{ height:90px;}
    .blockHeader .block.block-1 .mainLogo .link{
        margin:0 auto;
        max-width:283px;
        text-align: center
    }
    .blockHeader .block.block-1 .logo-baseline {
        bottom: 20px;
        font-size: 15px;
        text-align: center
    }
    .blockHeader .block.block-3{ top:-6px; right:25px; height:38px; width:38px; z-index:1}
    .blockHeader .block.block-3 div.basket .cart a.link > span{ padding:38px 0 0;}

    .show-menu{ width:38px; height:38px; left:25px; top:-62px; display:block;}
    .blockGlobal  {

        -webkit-transition:all 0.4s ease ;
        -moz-transition:all 0.4s ease ;
        -o-transition:all 0.4s ease ;
        transition:all 0.4s ease ;
    }



    .blockGlobal.navLeft .blockCenter,
    .blockGlobal.navLeft .blockAssets,
    .blockGlobal.navLeft .blockCarouselHome,
    .blockGlobal.navLeft .blockAbout-2,
    .blockGlobal.navLeft .blockCarouselHome,
    .blockGlobal.navLeft .blockFooter {
        display: none !important;

    }
    .blockGlobal.navLeft .show-menu {
        position: absolute;
        left: 90%;
    }
    .blockGlobal.navLeft .basket {
        display: none !important;
    }

    .menuResponsive {
        background: #fff;
        -webkit-box-shadow: 5px 5px 11px -1px rgba(50, 50, 50, 0.3);
        -moz-box-shadow:    5px 5px 11px -1px rgba(50, 50, 50, 0.3);
        box-shadow:         5px 5px 11px -1px rgba(50, 50, 50, 0.3);
        width: 90%;
        position: fixed;
        top: 0;
        bottom: 5px;
        overflow-x:hidden;
        overflow-y:scroll;
        padding: 15px 0 0 0;
        left: -100%;
        -webkit-transition:all 0.3s ease ;
        -moz-transition:all 0.3s ease ;
        -o-transition:all 0.3s ease ;
        transition:all 0.3s ease;
        z-index: 1001 !important;


    }


    .blockGlobal.navLeft .menuResponsive {
        display: block;
        left:0;
    }

    .blockGlobal.responsive > .blockCenter { margin-top: 80px; }

    .menuResponsive form {
        padding: 0 15px;
    }
    .menuResponsive input[type="text"] {
        border:1px solid #ccc;
        font-size: 13px;
        line-height: 27px;
        height: 27px;
        text-indent: 5px;
        font-style: italic;
        width:80%;
        background: #ffffff !important;
        border-radius: none !important;

    }
    .field {
        display: inline;
    }
    .searchResp {
        display: inline-block;
        color: #fff;
        background: #5caa58;
        font-size: 14px;
        line-height: 34px;

        text-transform: uppercase;padding: 0;
        top:2px;
        position: relative;
        text-align: center;
        width: 12%;

    }
    .blockGlobal.navLeft .menuResponsive .search {
        display: block !important;
    }
    .blockMainMenu{ height:auto;}
    .blockMainMenu .menu{
        border:none; line-height:normal;
        height:auto; margin-bottom:0; top:0;
        width:100%; background:#fff;
        padding:15px 0; position:relative;
        box-shadow: none !important;
    }
    .blockMainMenu .menu > .item{ float:none; padding:0; margin:0;}
    .blockMainMenu .menu > .item > a{ background:none; float:none; display:block; margin:0 15px; border-bottom:1px solid #cccccc !important;padding: 10px 0;}
    .blockMainMenu .menu > .item.hasMenu > a > span > span{ background:url("images/icon-arrow-01_2.png") no-repeat right center; background-size:13px;}
    .blockMainMenu .menu > .item.jsHasSubItems > a{ border:none;}
    .blockMainMenu .menu > .item.first  a  span,
    .blockMainMenu .menu > .item  a  span{float:none; height:auto; width:100% ; padding:0 ;}
    .blockMainMenu .menu > .item.first > a > span > span > span > span,
    .blockMainMenu .menu > .item > a > span > span > span > span{ font-size:17px; line-height:36px; text-indent:0; width:100%; background:none; }
    .blockMainMenu .menu > .item.accountEntry { display: block;}
    .blockMainMenu .menu > .item > a:hover > span{ background:none;}
    .blockMainMenu .menu > .item.btAwards,
    .blockMainMenu .menu > .item.promotions {
        float: none;
    }
    .blockMainMenu .menu > .item.hasMegaMenu, .blockMainMenu .menu > .item.pharmacie, .blockMainMenu .menu > .item.parapharmacie{
        position:relative;
    }
    .blockMainMenu .megaMenu{ width:100%; background:#f5f5f5; border:none; box-shadow:0 0 0 rgba(0, 0, 0, 0);}
    .blockMainMenu .megaMenu,
    .blockMainMenu .megaMenu.hide,
    .blockMainMenu .megaMenu.show{ position:relative !important; top:inherit !important; left:inherit !important;}
    .blockMainMenu .menu > .item.brands .megaMenu{ width:86%; padding:0 7% 15px; height:auto; overflow-y:auto}
    .blockMainMenu .megaMenu > .inner{ padding:0;}
    .blockMainMenu .megaMenu .col{ width:100%; float:none;}
    .blockMainMenu .megaMenu .col > .inner{ padding:0; border:none;}
    .blockMainMenu .megaMenu .col > .inner .listCat{ padding:15px;}
    .blockMainMenu .megaMenu .item.title{ margin-top:0; margin-bottom:15px; clear:both}
    .blockMainMenu .megaMenu .item.title > a{ }
    .blockMainMenu .megaMenu .item.title > a:hover {
        color: #ccc;
    }
    .blockMainMenu .megaMenu .subCat{ float:left; width:100%; margin-bottom:15px;}
    .blockMainMenu .megaMenu .subCat li{background:rgba(0,0,0,0.045); float:left; width:45%; margin-right:1%;/* padding:20px 2%;*/width:45%; padding:10px 1%; text-align:center; color:#fff; margin-bottom:2px; display:inline-block;}
    .blockMainMenu .megaMenu .subCat li a{ position: relative;}
    .blockMainMenu .megaMenu .subCat li a span{ height:19px; vertical-align: middle; display: inline-table; line-height: 19px;}

    .blockMainMenu .megaMenu .subCat li a span > span > span{
        line-height: 12px !important;
        vertical-align: middle;
    }

    .blockMainMenu .menu > .item.promotions,
    .blockMainMenu .menu > .item.promotions > a > span,
    .blockMainMenu .menu > .item.btAwards a{ background:none;}
    .blockMainMenu .menu > .item > ul.submenu{
        background:rgba(0,0,0,0.5);
        border:none;
        left:0;
        top:0;
        padding:15px;
        position:relative;
        min-width:inherit;
    }

    .blockMainMenu .menu > .item.btAwards a,
    .blockMainMenu .menu > .item.promotions > a {color:#777777;}

    .blockMainMenu .menu > .item > ul.submenu > .item{ margin:0px;}
    .blockMainMenu .menu > .item > ul.submenu > .item a{ color:#fff; font-size:0.9em; font-family:"Oxygen"; padding:5px 0; border:none;}
    .blockMainMenu .menu > .item > ul.submenu > .item > a:hover{ background:none;}

    /*-----bolc center------*/
    .blockCenter {
        margin: 20px 2%;
        width: 96%;
    }

    /*bloc pub*/
    .blockAdvertsHome .advert-item{ width:32%; margin:0 0.7%;}

    /*lis produit*/
    .blockList .item{ padding-top:25px;}
    .blockNews{ width:100%; }
    .blockProductsNews{ width:100%; float: none;}
    .blockProductsPromotions{ width:100%; float: none;}

    /*bloc partenaire*/
    .blockTalkAboutUs ul li{ display:inline-block; padding:5px 1%; width:14%;}

    /*footer*/
    .blockAbout-2 > .inner{ width:96%;}
    .blockAbout-2 .text{ width:100%;}
    .blockAbout-2 .pharmacyNetwork{ width:100%;}
    .blockAbout-2 .pharmacyNetwork > .inner{ padding:0 0 0 40%; min-height:220px; background-position:left top;}
    .blockAbout-2 .pharmacyNetwork > .inner div{ text-align:left !important;}
    .blockFooter .foot-list{ width:33%;}
    .blockFooter .block.block-3{ text-align:left;}
    .blockFooter .block .listLogo.v2{ float:right; margin:-15px 0 0}

    .blockFooter .block.block-2,
    .blockFooter .block.block-1,
    .blockFooter .block.block-3{
        width:96%;
        padding:10px 2%;
    }
    .blockFooter .block.block-1 .col.col-2 {
        width: 35%;
    }
    .blockFooter .block.block-1 .col.col-1 {
        width: 65%;
    }
    /*fil de fer*/
    .blockBreadCrumb .breadCrumb > li{ font-size:10px; }
    /*--------page catégorie-----------*/
    body .blockGlobal .pageItemDetails .blockListingCat .filterSearch > .inner .searchElement .itemCheck label{
        font-size:10px;
    }
    body .pageItemDetails .listProducts > .inner .blockList .item{ width:48%;}
    .blockAssets .assets .item{ height:145px;}
    .blockAssets .assets .item > a{ height:133px;}

    /*--------page fiche--------*/
    .pageItemDetails .blockMainInfos .mainVisual .visual .firstVisual{
        width:100%;
    }

    .pageItemDetails .blockMainInfos .itemDetails .block.block-1 .description > .strong{ font-weight:normal; font-size:13px;}

    .similarProduct.fullLine .blockList .item {
        width: 32%;
    }

    .pageItemDetails .blockMainInfos .itemDetails .block.blockTabs .inner > ul.nav > li.contreindications > a{ padding:5px 0;}

    .pageItemDetails .blockMainInfos .itemDetails .block.block-2{ margin-right:0; padding-right:0}
    /*produit marque*/
    .pageItemDetails.blockBrandView .blockList .item{ width:32%;}
    .pageBrand #index{ font-size:16px;}

    .mapContent #shopMap, .mapContent #shopMapAA{ width:100%; margin:0 0 7px;}

    .pageItemDetails.blockPromo .blockList .item{ width:24%;}

    .similarProduct .blockList .item {
        width: 48%;
    }

    body .pageItemDetails .catBanner.catBrand .comment{ width:100%;}

    /*style provisoire*/
    .pageItemDetails .blockMainInfos .itemDetails .block.block-1{ width:100%;}
    .pageItemDetails .blockMainInfos .itemDetails .block.block-1 > .inner{ min-height:inherit; padding-top:0;}
    .pageItemDetails .blockMainInfos .itemDetails .block.block-2{ width:100%; background:none;}
    .pageItemDetails .blockMainInfos .itemDetails .block.block-2 .priceInfos{ padding:15px 20px 15px; text-align:left;}
    .pageItemDetails .blockMainInfos .itemDetails .block.block-2 .infos{ text-align:left; margin:5px 15px;}
    .pageItemDetails .blockMainInfos .itemDetails .block.block-2 .infos.selection .select .value{ width:57%}
    .pageItemDetails .blockMainInfos .itemDetails .block.block-2 .infos.selection .select .label{ width:28%; text-align:left}
    .pageItemDetails .blockMainInfos .itemDetails .block.block-2 .infos.selection .select .label > span{ margin-left:0 !important;}
    .pageItemDetails .blockMainInfos .itemDetails .block.block-2 .infos.basket{ text-align:left;}
    .pageItemDetails .blockMainInfos .itemDetails .block.block-2 .infos.basket .button-2.basket.v3{ width:240px !important; margin-left:0;}
    .pageItemDetails .blockMainInfos .itemDetails .block.blockTabs .inner .list-wrap-footer{ height:auto;}
    .pageItemDetails .blockMainInfos .itemDetails .block.blockTabs .inner .list-wrap-footer p{ margin:0; padding:5px;}

    .socialLinks .btnContainer{ width:48%; float:left;}
    .socialLinks .btnContainer a.link{ padding-top:14px; padding-right:20px;height:23px; line-height:normal;}
    .socialLinks .btnContainer.share{ position:inherit; float:left;}
    .socialLinks .btnContainer.bookmark a.link { background-position: 26px 9px !important; }
    .socialLinks{ height:auto;}
    .socialLinks .btnContainer {
        float: none;
        margin-bottom: 5px;
        padding: 0 0 0 0;
    }
    .socialLinks .btnContainer.share .shareLinks {
        width: inherit; left: inherit; right: inherit; top: inherit;
    }
    .socialLinks .btnContainer.share .shareLinks li{
        margin: 3px !important; width: 25px; height: 27px;
    }
    .socialLinks .btnContainer.share .shareLinks li a{
        margin: 0 !important; background-size: 25px; width: 25px; height: 27px;
    }
    .socialLinks .btnContainer.share .shareLinks li.twitter a { background-position: 0 -28px; }
    .socialLinks .btnContainer.share .shareLinks li.google a { background-position: 0 -56px; }
    .socialLinks .btnContainer.share .shareLinks li.mail a { background-position: 0 -84px; }
    .socialLinks .btnContainer.share .shareLinks li.pinterest a { background-position: 0 -112px; }

    .similarProduct{ width:100%; padding-right:0;}
    .similarProduct .blockList .item{ width:32%;}
    .buttonBookmark{opacity:1 !important;}
    .blockList .item:hover .compo {
        display: block !important;
    }
    .blockList .item .button {
        display:inline-block !important;
        visibility:visible;
        top: 10px
    }
    .blockList .item .basket img {
        display: none !important;
    }
    .blockList .item:hover > .inner {
        border: 1px solid #f1f1f1;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0);
    }
    .blockList .item .price {
        top: 5px !important;
        position:relative;
    }


    body .blockGlobal .pageItemDetails .blockListingCat .col-1{
        width:24.7%;
    }
    body .blockGlobal .pageItemDetails .blockListingCat .col-2{
        width:100%;
    }
    input#show-sidebar[type="checkbox"]:checked + .col.col-1 + .col-2{
        width:72.5% !important;
    }

    .blockSort .countResult {
        text-align: right;
    }
    .blockSort .searchFilter { margin:-4px 0 0 5px; width:auto; float:right;}
    .blockSort .searchFilter .custom-select-container{ width:215px; float:right;}
    body .pageItemDetails .listProducts > .inner .blockList .item{ width:32%; height:360px;}
    body .pageItemDetails .listProducts > .inner .blockList .item.first{ clear:none;}
    input#show-sidebar[type="checkbox"]:checked + .col.col-1 + .col-2 .listProducts > .inner .blockList .item{
        width:47.5% !important;
    }
    body .pageItemDetails .listProducts > .inner .blockList .separ{ border: none; display: none; }
    .blockPaging{ padding:2em 0 0;}
    .blockPaging .pagingList {
        float: none;
        margin-bottom: 10px;
    }
    .blockPaging .nbResults {
        float: none;
    }
    .blockAssets .assets .item{ height:165px;}
    .blockAssets .assets .item > a{ height:153px;}
    .colCategory .catBanner h1,
    .colCategory .catBanner p{ display: none; }
    .blockListingCat .col.col-1{ display: none; }
    .blockListingCat .col.col-2 .blockSort .sortContainer{ display: none; }
    .blockFilter{ position:relative;}
    .show-sidebar { display:block; position:absolute; right:0; top:-37px;}

    body .blockGlobal .pageItemDetails .blockListingCat .myBasket > .inner .titleBasket{ background:url("images/bgd-title-basket2.png") repeat-x center bottom }
    body .blockGlobal .pageItemDetails .blockListingCat .myBasket > .inner .infos.basket{ text-align:center;}

    /*popup notice*/
    .blockPopup .popup.larger {
        left: 5%;
        margin: 0;
        width: 90%;
    }
    .blockPopup .popup .viewNotice{ width:100%; margin:0;}
    .blockPopup .popup .viewNotice .btnDownPdf{ margin-left:0;}
    .blockPopup .popup .viewNotice .pdfpage{ width:100% !important; height:auto;}
    .blockPopup .popup .viewNotice .pdfpage canvas{ width:100% !important; height:auto !important;}
    .popupOverlay .newPopup{ top:15%;}
    /*page panier*/
    .blockCheckoutProcess .step{ font-size:0.9em;}
    .pageBasket .blockPromotionCode .promoCode{ width:72%;}
    .pageBasket .tabBasket tbody td.infos{ padding:0.6em;}
    .pageBasket .tabBasket tbody td.infos .name{ font-size:1em;}
    .infoPress{ width:43%; padding-left:2%;}
    .infoPress p{font-size:11px;}
    .infoPress .email{ padding:0 0 3px 25px;}
    .blockSort{ margin:20px 0 0;}
    .pageClientAccount .blockOrder table td{
        font-size:11px;
    }
    .pageSummaryCommand .blockAdressRef .col.col-1{ width:73%;}
    .pageSummaryCommand .blockAdressRef .col.col-2{ width:24%;}
    body .pageCommandSummary .blockSelectPayment .blockLabel{ width:260px !important}
    .pageSelectAddress .blockAddress.shop{ width:253px;}
    .pageSelectAddress .blockAddress.shop .blockInput{ width:30px;}
    .pageSelectAddress .blockAddress.shop .icon{ width:140px;}
    .pageSelectAddress .blockAddress.shop .price{ width:70px; font-size:14px; padding-top:40px;}

    .pageClientAccount .blockOrder table td.orderAction a{ width:auto;}

    .pageItemDetails .blockMainInfos .pharmacyDetails .blockDoctors .itemDoctor{ width:45%;}
    .pageItemDetails .blockMainInfos .pharmacyDetails .blockAddress .item,
    .pageItemDetails .blockMainInfos .pharmacyDetails .blockAddress .item.horaires,
    .pageItemDetails .blockMainInfos .pharmacyDetails .pharmacyPic{ width:100%;}
    .pageItemDetails .blockMainInfos .pharmacyDetails .partner .partnerCont{ width:100%; padding:3px 0 0;}
    .blockCarouselHome .flexslider{ height:270px !important;}
    .blockCarouselHome .flexslider .inner{ min-height:270px;}
    .blockCarouselHome .flexslider ul{max-height:270px;}
    .blockCarouselHome .flexslider .item{ max-height:270px}
    .blockCarouselHome .flexslider .slides .item img {margin-left: -21%; max-height:270px;}

    .newsletter-registration + span + label { font-size: 10px !important; }
    #blockRegistration .container .row .progress-button[data-perspective].loaded .content {
        padding: 23px 10px !important;
    }
    #blockRegistration .container .row .progress-button:not(.loaded) {
        padding: 23px 10px !important;
        font-size: 13px;
    }
    .container .newPharmaForm .row .progress-button { font-size: 13px; }
    .container .newPharmaForm .row .form-group label { font-size: 11px; }
    .container .newPharmaForm .row .form-control-placeholder { padding: 20px 0 0 13px !important; }

    .newPopup.newsletter{ left: 55%; right: 55%; min-width: 700px;}
    .newPopup.newsletter .popup-newsletter-promo .news-col.news-left .inner .news-title { font-size: 44px; }
    .newPopup.newsletter .popup-newsletter-promo .news-col.news-left .inner .news-title span { font-size: 17px; }
    .newPopup.newsletter .popup-newsletter-promo .news-col.news-left .inner ul li { font-size: 15px; }

}

/* Smartphone landscape */

/* Low resolution : iphone 4 & 5 */
@media screen and (max-width: 500px) and (max-height: 350px) {
    .blockHeader{ height: 165px !important; }
}
/* galaxy S5 */
@media screen and (max-width: 640px) and (max-height: 360px) {
    .blockHeader .block.block-2 .search{ margin: 0 0 0 30px !important; }
    .blockHeader .block.block-3 div.basket .cart { margin-top: 2px !important; right: -8px !important;  }
}

/* Pixel 2 XL */
@media screen and (max-width: 823px) and (max-height: 411px) {
    .blockHeader .block.block-2 .search{ margin: 0 0 0 56px !important; }
    .blockHeader .block.block-3 div.basket .cart { margin-top: 2px !important; right: 0px !important;  }
    .blockHeader .block.block-3 div.basket .cart .responsive { top: -6px !important; }
}
/* Pixel 2 */
@media screen and (max-width: 731px) and (max-height: 411px) {
    .blockHeader .block.block-2 .search{ margin: 0 0 0 35px !important; }
    .blockHeader .block.block-3 div.basket .cart { right: -4px !important;  }
    /*.blockHeader .block.block-3 div.basket .cart .responsive { top: -6px !important; }*/
}
/* High resolution : Nexus 6P, iPhoneX, ... */
@media screen and (max-width: 767px) and (max-height: 450px) {
    .blockHeader{ height: 165px !important; }
    .blockHeader .block.block-2 .search{ margin: 0 0 0 35px !important; }
    .blockHeader .block.block-3 div.basket .cart { right: -4px !important;  }
}


/* Tablettes */
/* iPad Pro (Portrait) */
/* Ne peut pas fonctionner pour le moment car la class responsive apparait aussi en desktop lorsque l'on réduit la taille de la fenetre */
/*@media screen and (max-width: 1024px) and (max-height: 1366px){
    .blockGlobal.responsive!*, .blockCarouselHome, footer *!{ min-width: 1024px;  }
    .blockGlobal.responsive .blockHeader .block.block-1 { float: none; margin: 0 auto; }
    .blockGlobal.responsive .blockHeader .block.block-1 img{ margin-left: 0; }
    .blockGlobal.responsive .blockHeader .block.block-2 .search { width: 90% !important; }
    .blockGlobal.responsive .blockHeader .block.block-3 {
        top: -6px;
        right: 25px;
        height: 38px;
        width: 38px;
        z-index: 1;
        position: absolute;
        padding: 0px;
    }
    .blockGlobal.responsive .blockHeader .block.block-3 .menuAccount { display: none; }
    .blockGlobal.responsive .blockHeader .block.block-3 .menuAccount .account { display: none; }
    .blockGlobal.responsive .blockHeader .block.block-3 div.basket { float: none; }
    .blockGlobal.responsive .blockHeader .block.block-3 div.basket .cart { margin-top: 10px !important; right: -8px !important;  }
    .blockGlobal.responsive .blockHeader .block.block-3 div.basket .cart .label { display: none; }
    .blockGlobal.responsive .blockHeader .block.block-3 div.basket .cart i.fa { font-size: 3em; }
    .blockGlobal.responsive .blockHeader .block.block-3 div.basket .cart .responsive { top: 20px !important; }
    .blockGlobal.responsive .menuResponsive2 { display: block; }
    .blockGlobal.responsive.withPromotionBanner .menuResponsive2 { top: 60px; }
}*/

/* iPad Pro (Paysage) */
/* Ne peut pas fonctionner pour le moment car la class responsive apparait aussi en desktop lorsque l'on réduit la taille de la fenetre */
/*@media screen and (max-width: 1366px) and (max-height: 1024px){
    .blockGlobal.responsive, .blockGlobal.responsive .blockCarouselHome, .blockGlobal.responsive footer { min-width: 1024px;  }
    .blockGlobal.responsive .blockHeader .block.block-1 { float: none; margin: 0 auto; }
    .blockGlobal.responsive .blockHeader .block.block-1 img{ margin-left: 0; }
    .blockGlobal.responsive .blockHeader .block.block-2 .search { width: 90% !important; }
    .blockGlobal.responsive .blockHeader .block.block-3 {
        top: -6px;
        right: 25px;
        height: 38px;
        width: 38px;
        z-index: 1;
        position: absolute;
        padding: 0px;
    }
    .blockGlobal.responsive .blockHeader .block.block-3 .menuAccount { display: none; }
    .blockGlobal.responsive .blockHeader .block.block-3 .menuAccount .account { display: none; }
    .blockGlobal.responsive .blockHeader .block.block-3 div.basket { float: none; }
    .blockGlobal.responsive .blockHeader .block.block-3 div.basket .cart { margin-top: 10px !important; right: -8px !important;  }
    .blockGlobal.responsive .blockHeader .block.block-3 div.basket .cart .label { display: none; }
    .blockGlobal.responsive .blockHeader .block.block-3 div.basket .cart i.fa { font-size: 3em; }
    .blockGlobal.responsive .blockHeader .block.block-3 div.basket .cart .responsive { top: 20px !important; }
    .blockGlobal.responsive .menuResponsive2 { display: block; }
    .blockGlobal.responsive.withPromotionBanner .menuResponsive2 { top: 60px !important; }
}*/

/* iPad non pro (Portrait) */
/* Ne peut pas fonctionner pour le moment car la class responsive apparait aussi en desktop lorsque l'on réduit la taille de la fenetre */
/*@media screen and (max-width: 768px) and (max-height: 1024px){
    .blockGlobal.responsive, .blockGlobal.responsive .blockCarouselHome, .blockGlobal.responsive footer { min-width: 768px;  }
    .blockGlobal.responsive .blockHeader .block.block-1 { float: none; margin: 0 auto; }
    .blockGlobal.responsive .blockHeader .block.block-1 img{ margin-left: 0; }
    .blockGlobal.responsive .blockHeader .block.block-2 .search { width: 90% !important; }
    .blockGlobal.responsive .blockHeader .block.block-3 {
        top: -6px;
        right: 25px;
        height: 38px;
        width: 38px;
        z-index: 1;
        position: absolute;
        padding: 0px;
    }
    .blockGlobal.responsive .blockHeader .block.block-3 .menuAccount { display: none; }
    .blockGlobal.responsive .blockHeader .block.block-3 .menuAccount .account { display: none; }
    .blockGlobal.responsive .blockHeader .block.block-3 div.basket { float: none; }
    .blockGlobal.responsive .blockHeader .block.block-3 div.basket .cart { margin-top: 10px !important; right: -2px !important;  }
    .blockGlobal.responsive .blockHeader .block.block-3 div.basket .cart .label { display: none; }
    .blockGlobal.responsive .blockHeader .block.block-3 div.basket .cart i.fa { font-size: 3em; }
    .blockGlobal.responsive .blockHeader .block.block-3 div.basket .cart .responsive { top: -6px !important; }
    .blockGlobal.responsive .menuResponsive2 { display: block; }
    .blockGlobal.responsive.withPromotionBanner .menuResponsive2 { top: 60px !important; }
}*/

/* iPad non pro (Paysage) */
/* Ne peut pas fonctionner pour le moment car la class responsive apparait aussi en desktop lorsque l'on réduit la taille de la fenetre */
/*@media screen and (max-width: 1024px) and (max-height: 768px){
    .blockGlobal.responsive, .blockGlobal.responsive .blockCarouselHome, .blockGlobal.responsive footer { min-width: 1024px;  }
    .blockGlobal.responsive .blockHeader .block.block-1 { float: none; margin: 0 auto; }
    .blockGlobal.responsive .blockHeader .block.block-1 img{ margin-left: 0; }
    .blockGlobal.responsive .blockHeader .block.block-2 .search { width: 90% !important; }
    .blockGlobal.responsive .blockHeader .block.block-3 {
        top: -6px;
        right: 25px;
        height: 38px;
        width: 38px;
        z-index: 1;
        position: absolute;
        padding: 0px;
    }
    .blockGlobal.responsive .blockHeader .block.block-3 .menuAccount { display: none; }
    .blockGlobal.responsive .blockHeader .block.block-3 .menuAccount .account { display: none; }
    .blockGlobal.responsive .blockHeader .block.block-3 div.basket { float: none; }
    .blockGlobal.responsive .blockHeader .block.block-3 div.basket .cart { margin-top: 10px !important; right: -8px !important;  }
    .blockGlobal.responsive .blockHeader .block.block-3 div.basket .cart .label { display: none; }
    .blockGlobal.responsive .blockHeader .block.block-3 div.basket .cart i.fa { font-size: 3em; }
    .blockGlobal.responsive .blockHeader .block.block-3 div.basket .cart .responsive { top: 20px !important; }
    .blockGlobal.responsive .menuResponsive2 { display: block; }
    .blockGlobal.responsive.withPromotionBanner .menuResponsive2 { top: 60px !important; }
}*/

@media screen and (max-width: 767px) {
    .pageItemDetails.pageSearchPharmacy .blockMainInfos .col.col-1.banner {
        display: none !important;
    }

    .blockHeader .block.block-1 .mainLogo .link{
        height: 64px;
    }

    .pageItemDetails.pageSearchPharmacy .blockMainInfos .col.col-2{
        width: 100%;
    }

    .pageQuiSommesNous .dashedAnimatedLine{ position: absolute; margin-top: 110px;
        width: 900px; margin-left: -238px; height: 1000px;
        transform: rotate(90deg); -moz-transform: rotate(90deg);
        -webkit-transform: rotate(90deg); -khtml-transform: rotate(90deg);
    }
    .pageQuiSommesNous .howItWorks .item { margin: 10px 0; }
    .pageQuiSommesNous .howItWorks .item .text{ padding: 10px 0px; width: 190px; margin: auto; }
    .pageQuiSommesNous .whyPharmarket .row.item { margin: 45px 0 0; }
    .pageQuiSommesNous .whyPharmarket .row.item.first { margin: 0px 0 0; }
    .pageQuiSommesNous .whyPharmarket .row.item .text { padding-left: inherit; padding-right: inherit; }
    .pageQuiSommesNous .whyPharmarket .row.item .picto { text-align: center; margin: 0 0 20px; }
    .pageQuiSommesNous .whyPharmarket .row.item .picto .percentContainer { width: 128px; height: 128px; }
    .pageQuiSommesNous .whyPharmarket .row.item .picto .percentContainer .percent { top: 69px; left: 70px; font-size: 16px;}
    .pageQuiSommesNous .ourStory .text { padding: 0px 10px; }

    .widePage .colProfil .head {
        display: none;
    }
    .widePage .colProfil .logo {
        float: left;
        top: 76px;
        border:none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        height: 100px;
    }
    .widePage .colProfil .address {
        float:right;
        width: 48%;
        padding: 20px 0;
        text-align: left;
    }

    .widePage .colProfil ul {
        clear:both;
    }
    .widePage .colProfil ul li {
        display: inline-block;
        width: 50%;
        float:left;
    }
    .widePage .colProfil .item a {
        font-size: 11px;
    }

    .widePage .headMap .mask {
        display: none;
    }
    .widePage .headMap {
        margin-top: 150px !important;
    }
    .widePage .statusShop {
        top: 13px;
        position: relative;
    }
    .widePage .mainTitle.shopTitle > span{
        overflow: inherit;
        width: inherit;
    }
    .widePage .page {
        width: 100%;
    }
    .widePage .page.v2 {
        width:100%;
        padding-left: 0;
    }
    .widePage .last .page.v2 {
        width:100%;
        padding-left: 0;
    }
    .widePage .colProfil {
        width: 100%;
        position: static !important;
        float:none !important;
    }
    .widePage .box.address .map { display: none; }
    .widePage .box.address {
        padding-right: 0;
    }
    .widePage .timeLine .block {
        padding-right:10px;
    }
    .widePage .colProfil .head {
        height:95px;
    }
    .widePage .headMap {
        height:175px;
    }
    .widePage .colProfil {
        top: 49px;
    }
    .widePage .colProduct,
    .widePage .colBrands {
        width: 100%;
        float:none;
        padding: 0 20px;
    }
    .widePage .colProduct{
        padding-bottom: 50px;
    }
    .widePage .colProduct .blockList {
        width: 94%;
    }
    .widePage .colBrands .logo {
        width:29%;
        margin-right: 2.5%;
    }
    .widePage .colProduct .blockList .item {
        height: 252px;
    }

    .widePage .section-1,
    .widePage .section-2 {
        padding: 10px;
    }

    /* Mode shops status after shop title */
    .widePage .statusShop {
        right: inherit; left: inherit; width: 335px;
    }
    .widePage .mainTitle.shopTitle > span > span {
        line-height: 25px;
        padding: 20px 0;
    }
    .widePage .mainTitle.shopTitle {
        margin-bottom: 61px; margin-top: 0;
    }
    .widePage .colProfil.logo {
        display: block;
    }

    .pageItemDetails .blockMainInfos .itemDetails .block.block-1 .drugWarning,
    .pageItemDetails .blockMainInfos .itemDetails .block.block-3 .drugWarning {
        margin-top: 0;
    }
    .pageItemDetails .blockMainInfos .itemDetails .block.block-3 {
        margin-bottom: 15px;
    }

    .blockMainMenu .menu > .item.brands .megaMenu {
        display: none !important;
    }

    .blockHeader .block.block-1 .mainLogo {
        background: url(images/logo_responsive_v2.png) no-repeat center top;
        background-size:100%;
        height: 91px;
        display: block;
        overflow: hidden;
        width: 283px !important;
    }
    .blockHeader .block.block-1 .logo-baseline,
    .blockHeader .block.block-1 h1,
    .blockHeader .block.block-1 img {
        display: none;
    }

    .tplLight .blockHeader .headerText .blockShare {
        float: none; padding-left: inherit; margin-top: inherit;
    }
    .blockSponsorship.landing .subContainer .blockForm .row.rowForm{
        padding: inherit;
    }
    .blockSponsorship.landing .subContainer .blockForm .row.rowForm .colField {
        padding: 0 !important;
    }
    .blockSponsorship.landing .subContainer .blockForm .row.rowForm .colButton{
        padding-left: inherit;
    }
    .blockSponsorship.landing .subContainer .blockList{
        padding: 0;
    }
    .blockSponsorship.landing .subContainer .blockList .listContent{
        padding: 0;
    }

    .blockHeader .block.block-3 div.basket .cart {
        position: relative;
        margin-top: 2px;
        right: 19px;
        width: 45px;
    }

    .cookieContent {
        font-size: 11px; padding-right: 150px;
    }

    .topSales.flexproducts .flex-control-paging li.flex-main-pager a,
    .topSales.flexproducts .flex-control-paging li.flex-main-pager.active a {
        width:13px; height:13px;
    }

    .pageSummaryCommand .blockAdressRef .col.col-2 {
        margin-bottom: 25px;
    }

    .pageSelectAddress .blockAddress.shop .icon-responsive{
        border-right: 1px solid #e9e9e9;
        cursor: pointer;
        display: block;
        float: left;
        height: 59px;
        margin-top: 18px;
        width: 170px;
    }

    .pageSelectAddress .blockAddress.shop.retrait-en-officine-pharmarket .icon-responsive {
        background: url("../picto-retrait.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    }
    .pageSelectAddress .blockAddress.shop.colissimo-suivi-pharmarket .icon-responsive {
        background: url("../picto-colissimo.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    }
    .pageSelectAddress .blockAddress.shop.chrono-13-pharmarket .icon-responsive {
        background: url("../picto-chrono-13.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    }
    .pageSelectAddress .blockAddress.shop.chrono-relais-pharmarket .icon-responsive {
        background: url("../picto-chrono-relais.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    }
    .pageSelectAddress .blockAddress.shop.stuart-pharmarket .icon-responsive {
        background: url("../picto-stuart.png") no-repeat scroll center center rgba(0, 0, 0, 0);
        background-size: auto 54px;
    }

    .pageSelectAddress .blockAddress.shop .icon-responsive .text {
        display: none;
    }

    .product-prices tr td a.btnNew span {     padding-right: 11px; }
    .product-prices tr td a.btnNew span span { font-size: 10px; }


    .pageSummaryCommand .blockAdressRef .col.col-1 .inner .informations .picture {
        float:none;
        width:100%;
        height: auto;
        margin-bottom: 15px;
    }
    .pageSummaryCommand .blockAdressRef .col.col-1 .inner .informations .picture img {
        width:100%;
    }
    .pageSummaryCommand .blockAdressRef .col.col-1 .inner .informations .barContact .contact-1 {
        width: 100%;
        float:none !important;
        height: 70px;
    }
    .pageSummaryCommand .blockAdressRef .col.col-1 .inner .informations .barContact .contact-1 strong {
        display: block;
    }
    .pageSummaryCommand .blockAdressRef .col.col-1 .inner .informations .barContact .contact-1 > br {
        display: none;
    }
    .pageSummaryCommand .blockAdressRef .col.col-1 .inner .message .text {
        padding-bottom: 15px;
    }

    .pageSummaryCommand .blockAdressRef .col.col-1 .inner .informations .barContact .picture {
        margin-bottom: 0 !important;
        overflow: hidden;
    }

    .pageSummaryCommand .blockAdressRef .col.col-1 .inner .informations .barContact .contact-2 {
        width: 100%;
        float:none !important;
        height: 70px;
    }
    .pageSummaryCommand .blockAdressRef .col.col-1 .inner .informations .barContact .contact-2 strong {
        display: block;
    }
    .pageSummaryCommand .blockAdressRef .col.col-1 .inner .informations .barContact .contact-2 > br {
        display: none;
    }
    .pageSummaryCommand .blockAdressRef .col.col-1 .inner .message .text {
        padding-bottom: 15px;
    }

    .pageCommandSummary .blockSelectPayment .blockLabel.paypal > span > span > span,
    .pageCommandSummary .blockSelectPayment .blockLabel.carte-de-credit > span > span > span {
        text-indent: -8000px;
    }

    .pictureCat.brand {
        float:none;
        width:93%;
        margin: 15px auto 0px;
    }

    .pageBasket .tabBasket tbody td.visual { padding: 0 !important; width:0px !important;}
    .pageBasket .tabBasket tbody td.visual img {
        width: 70%;padding: 0;
    }
    .validBasket {
        text-align: center;
    }

    .blockCheckoutProcess { display: none; }
    .blockGlobal, .blockCarouselHome, footer{ min-width:100%;}
    .blockHeader > .inner, .blockMainMenu > .inner, .blockCenter > .inner, .blockAssets > .inner, .blockTop > .blockShadow > .inner, .blockAbout > .inner > .inner, .blockFooter > .block > .inner{
        width:100%;
    }
    .blockHeader{
        height: 165px !important;
        margin-bottom: 15px;
    }
    .blockMainInfos .mainTitle,
    .blockMainInfos .mainTitle a {
        border:none !important;
    }
    .blockMainInfos .mainTitle {
        line-height: 22px;
        margin-bottom: 5px;
    }
    .blockMainInfos .description {
        margin-bottom:10px
    }
    .pageItemDetails .blockMainInfos .itemDetails .block.block-2 .infos.basket .button-2.basket.v3 {
        width: 80% !important;
        height: 43px  !important;
        margin-bottom: 15px !important;

    }

    .pageItemDetails .blockMainInfos .itemDetails .block.block-2 .infos.basket .button-2.basket.v3 span span span span,
    .button-2.basket.v3 span {
        text-align: center !important;
        height: 51px !important;
        font-size: 22px;
    }
    .pageItemDetails .blockMainInfos .itemDetails .block.block-2 .infos.basket .button-2.basket.v3 span span span span {
        padding-top: 5px;
        padding-right: 36px !important;
        padding-left: 0px !important;
        background-position: right 16px !important;
    }

    .pageItemDetails .blockMainInfos .itemDetails .block.block-2 .infos.subscription {
        text-align: center;
    }

    .brands-links { margin: 15px 0 25px; width: 100%; }
    .brands-links h4 { display: inline; }
    .brands-links h4 a { text-decoration: underline; text-transform: uppercase; }

    .blockHeader .block.block-1{ float:none; margin:0 auto; width:60%; height:70px;}
    .blockHeader .block.block-1 .logo-baseline{ bottom:15px; font-size:11px;}
    .blockHeader .block.block-2 {
        width: 95%;
        height: 30px;
        margin-top: -10px;
        float: none;
    }
    .blockHeader .block.block-3 div.menuAccount,
    .blockHeader .block.block-3 div.customerService,
    .blockHeader .block.block-3 div.basket span span.label { display: none; }
    .blockHeader .block.block-3 div.basket .cart .responsive{ display:block;}
    .blockHeader .block.block-3{ position:absolute; padding:0px; right:14px; top:-9px; width:30px;}
    .blockHeader .block.block-3 div.basket{ width:100%;}
    .blockHeader .block.block-3 div.basket .cart a.link > i{ font-size: 3em; }
    .blockHeader .block.block-3 div.basket .cart a.link > span{ background:none; background-size:100%;}
        /*menu*/
    /*Display 'show menu' link*/
    .show-menu {
        display:block;
    }
    .blockGlobal  {

        -webkit-transition:all 0.4s ease ;
        -moz-transition:all 0.4s ease ;
        -o-transition:all 0.4s ease ;
        transition:all 0.4s ease ;
    }

    .blockGlobal.navLeft .blockCenter,
    .blockGlobal.navLeft .blockAssets,
    .blockGlobal.navLeft .blockCarouselHome,
    .blockGlobal.navLeft .blockAbout-2,
    .blockGlobal.navLeft .blockCarouselHome,
    .blockGlobal.navLeft .blockFooter {
        display: none !important;

    }
    .blockGlobal.navLeft .show-menu {
        position: absolute;
        left: 90%;
    }
    .blockGlobal.navLeft .basket {
        display: none !important;
    }

    .menuResponsive {
        background: #fff;
        -webkit-box-shadow: 5px 5px 11px -1px rgba(50, 50, 50, 0.3);
        -moz-box-shadow:    5px 5px 11px -1px rgba(50, 50, 50, 0.3);
        box-shadow:         5px 5px 11px -1px rgba(50, 50, 50, 0.3);
        width: 90%;
        position: fixed;
        top: 0;
        bottom: 5px;
        overflow-x:hidden;
        overflow-y:scroll;
        padding: 15px 0 0 0;
        left: -100%;
        -webkit-transition:all 0.3s ease ;
        -moz-transition:all 0.3s ease ;
        -o-transition:all 0.3s ease ;
        transition:all 0.3s ease;
        z-index: 1001 !important;
    }

    .blockGlobal.navLeft .menuResponsive {
        display: block;

        left:0;
    }

    .blockCarouselHome .flexslider .slides .item img {
        max-width: 100% !important;
    }

    .menuResponsive form {
        padding: 0 15px;
    }
    .menuResponsive input[type="text"] {
        border:1px solid #ccc;
        font-size: 13px;
        line-height: 27px;
        height: 27px;
        text-indent: 5px;
        font-style: italic;
        width:80%;
        background: #ffffff !important;
        border-radius: none !important;

    }
    .field {
        display: inline;
    }
    .searchResp {
        display: inline-block;
        color: #fff;
        background: #5caa58;
        font-size: 14px;
        line-height: 34px;

        text-transform: uppercase;padding: 0;
        top:2px;
        position: relative;
        text-align: center;
        width: 12%;

    }
    .blockGlobal.navLeft .menuResponsive .search {
        display: block !important;
    }
    .blockMainMenu{ height:auto;}
    .blockMainMenu .menu{
        border:none; line-height:normal;
        height:auto; margin-bottom:0; top:0;
        width:100%; background:#fff;
        padding:15px 0; position:relative;
        box-shadow: none !important;
    }
    .blockMainMenu .menu > .item{ float:none; padding:0; margin:0;}
    .blockMainMenu .menu > .item > a{ background:none; float:none; display:block; margin:0 15px; border-bottom:1px solid #cccccc !important;padding: 10px 0;}
    .blockMainMenu .menu > .item.hasMenu > a > span > span{ background:url("images/icon-arrow-01_2.png") no-repeat right center; background-size:13px;}
    .blockMainMenu .menu > .item.jsHasSubItems > a{ border:none;}
    .blockMainMenu .menu > .item.first  a  span,
    .blockMainMenu .menu > .item  a  span{float:none; height:auto; width:100% ; padding:0 ;}
    .blockMainMenu .menu > .item.first > a > span > span > span > span,
    .blockMainMenu .menu > .item > a > span > span > span > span{ font-size:17px; line-height:36px; text-indent:0; width:100%; background:none; }
    .blockMainMenu .menu > .item.accountEntry { display: block;}
    .blockMainMenu .menu > .item > a:hover > span{ background:none;}
    .blockMainMenu .menu > .item.btAwards,
    .blockMainMenu .menu > .item.promotions {
        float: none;
    }
    .blockMainMenu .menu > .item.hasMegaMenu, .blockMainMenu .menu > .item.pharmacie, .blockMainMenu .menu > .item.parapharmacie{
        position:relative;
    }
    .blockMainMenu .megaMenu{ width:100%; background:#f5f5f5; border:none; box-shadow:0 0 0 rgba(0, 0, 0, 0);}
    .blockMainMenu .megaMenu,
    .blockMainMenu .megaMenu.hide,
    .blockMainMenu .megaMenu.show{ position:relative !important; top:inherit !important; left:inherit !important;}
    .blockMainMenu .menu > .item.brands .megaMenu{ width:86%; padding:0 7% 15px; height:auto; overflow-y:auto}
    .blockMainMenu .megaMenu > .inner{ padding:0;}
    .blockMainMenu .megaMenu .col{ width:100%; float:none;}
    .blockMainMenu .megaMenu .col > .inner{ padding:0; border:none;}
    .blockMainMenu .megaMenu .col > .inner .listCat{ padding:15px;}
    .blockMainMenu .megaMenu .item.title{ margin-top:0; margin-bottom:15px; clear:both}
    .blockMainMenu .megaMenu .item.title > a{ }
    .blockMainMenu .megaMenu .item.title > a:hover {
        color: #ccc;
    }
    .blockMainMenu .megaMenu .subCat{ float:left; width:100%; margin-bottom:15px;}
    .blockMainMenu .megaMenu .subCat li{background:rgba(0,0,0,0.045); float:left; width:45%; margin-right:1%;width:45%; padding:10px 1%; text-align:center; color:#fff; margin-bottom:2px; display:inline-block;}
    .blockMainMenu .megaMenu .subCat li a{ position: relative;}
    .blockMainMenu .megaMenu .subCat li a span{ height:19px; vertical-align: middle; display: inline-table; line-height: 19px;}

    .blockMainMenu .megaMenu .subCat li a span > span > span{
        line-height: 12px !important;
        vertical-align: middle;
    }

    .blockMainMenu .menu > .item.promotions,
    .blockMainMenu .menu > .item.promotions > a > span,
    .blockMainMenu .menu > .item.btAwards a{ background:none;}
    .blockMainMenu .menu > .item > ul.submenu{
        background:rgba(0,0,0,0.5);
        border:none;
        left:0;
        top:0;
        padding:15px;
        position:relative;
        min-width:inherit;
    }

    .blockMainMenu .menu > .item.btAwards a,
    .blockMainMenu .menu > .item.promotions > a {color:#777777;}

    .blockMainMenu .menu > .item > ul.submenu > .item{ margin:0px;}
    .blockMainMenu .menu > .item > ul.submenu > .item a{ color:#fff; font-size:0.9em; font-family:"Oxygen"; padding:5px 0; border:none;}
    .blockMainMenu .menu > .item > ul.submenu > .item > a:hover{ background:none;}
    /*carousel*/
    .blockCarouselHome{ margin-top:0;}
    .blockCarouselHome .flexslider .flex-control-nav{ margin-bottom:0;}
    .blockCarouselHome .flexslider .flex-control-paging a{ border-radius:10px;}

    /*------------contenu------------*/
    .centerContent{ padding:0 10px;}
    /*bloc pub*/
    .blockAdvertsHome{ display: none; }
    .blockAdvertsHome .advert-item.last,
    .blockAdvertsHome .advert-item{
        float:none;
        display:block;
        margin:0 auto 20px;
    }
    /*bloc slide promo*/
    .topSales.flexproducts .flex-viewport .promotions .item,
    .topSales.flexproducts .flex-viewport .nouveautes .item{
        padding-top:35px;
        height:357px;
    }
    .blockList .item .visual{ width:100%;}
    .blockList .item .infos .name{ font-size:11px; height:44px;}
    .blockList .item .infos .compo,
    .blockList .item .infos .dispo{ font-size:9px; height:36px;}
    .blockList .item:hover .infos .action { margin: 0; }
    .button-2.basket.v3.smaller {
        width: 120px !important;
    }
    .button-2.basket.v3.smaller span span span span{ font-size:9px;}
    .blockList .item .infos .action .price{ padding:0;}

    /*bloc nouveautes*/
    .blockNews{ width:100%;}
    .blockProductsNews{ width:100%; float: none;}
    .blockProductsPromotions{ width:100%; float: none;}
    /*bloc partenaire*/
    .blockTalkAboutUs ul li,
    .blockTalkAboutUs ul li.first{ width:30%; padding:0 1%; display:inline-block; height:50px;}
    .blockTalkAboutUs ul li img{ max-height:50px; max-width:100%;}
    /*bloc commodité */
    .blockAssets .assets .item{ width:50%;}
    /*footer*/
    .blockAbout-2 > .inner{ width:100%;}
    .blockAbout-2 .text,
    .blockAbout-2 .pharmacyNetwork{ width:90%; margin:0 5%;}
    .blockFooter .block.block-2{ padding:0 5%; width:90%;}
    .blockFooter .block.block-2 > .inner{ padding:20px 0;}
    .blockFooter .block.block-2 .col.col-1,
    .blockFooter .block.block-2 .col.col-2{ float:none; display:block;}
    .blockFooter .block.block-2 .col.col-2{margin:20px auto 0;}
    .blockFooter .block.block-2 .col.col-1 ul.share{ text-align:center;}
    .blockFooter .block .share .item > a{ margin:0 0.6em 0 0; height:34px}
    .blockFooter .block .newsletter{ display:block; float:none; text-align: center; margin-bottom: 20px; }
    .blockFooter .block .newsletter label { line-height:20px;}
    .blockFooter .block .newsletter >label span{ display:block; text-align: center; line-height: 15px; font-size: 15px; }
    .blockFooter .block .newsletter > label > span > span{ font-size: 15px; line-height: 22px; }
    .blockFooter .block .newsletter .field{ display:block;}
    .blockFooter .block .newsletter .field input[type="text"]{ width:73%; padding:0 5%;}
    .blockFooter .block .newsletter .field .go{ width:15%;}
    .blockFooter .block .newsletter .field.civility { width: 100%; }
    .blockFooter .block .newsletter .field.email { width: 100%; }

    .blockFooter .block.block-1{ padding-top:60px; position:relative; width:90%; margin:0 5%;}
    .blockFooter .block.block-1 .col.col-1{ width:100%;}
    .blockFooter .block.block-1 .col.col-2{ width:100%; position:absolute; left:0; top:0;}
    .blockFooter .block .listLogo{ padding:0; text-align:left;}
    .blockFooter .col-2 .title{ text-align:left;}
    .blockFooter .foot-list{ margin-bottom:20px;}
    .blockFooter .block .navigation .item{ background-position: left 10px !important;}


    .blockFooter .block.block-3{ width:90%; padding:0 5%; text-align:center;}
    .blockFooter .block .listLogo.v2{ float:none; margin:0 0 10px; padding:0; text-align:center;}

    /*------------page catégorie-----------*/

    .blockBreadCrumb{ padding:0; line-height: 17px; }
    .blockBreadCrumb a.adminButton{ display: none;  }
    .blockBreadCrumb ul.breadCrumb li { float: none; display: inline; padding: 0; }
    .blockBreadCrumb ul.breadCrumb li a { margin-right: 5px; }
    body .blockGlobal .pageItemDetails .blockListingCat .col-1,
    body .blockGlobal .pageItemDetails .blockListingCat .col-2{
        width:100%;
    }

    .blockSort .countResult {
        text-align: left;
    }
    .blockSort .searchFilter { margin:0px 0 0 0px; width:100%;}
    .blockSort .searchFilter .custom-select-container{ width:215px;}
    body .pageItemDetails .listProducts > .inner .blockList .item{ width:47.5%;}
    .separ{ border:none;}
    .blockPaging .pagingList {
        float: none;
        margin-bottom: 10px;
    }
    .blockPaging .nbResults {
        float: none;
    }
    .blockAssets .assets .item{ height:165px;}
    .blockAssets .assets .item > a{ height:153px;}
    .colCategory .catBanner h1,
    .colCategory .catBanner p{ display: none; }
    .blockListingCat .col.col-1{ display: none; }
    .blockListingCat .col.col-2 .blockSort .sortContainer{ display: none; }
    .show-sidebar {display: inline-block; width: 38%; }
    .show-orderby {display: inline-block; width: 38%; }

    /*---------fiche produit---------*/
    .pageItemDetails .blockMainInfos .col.col-1.mainVisual,
    .pageItemDetails .blockMainInfos .col.col-2.itemDetails{
        width:100%; float:none;
    }
    .pageItemDetails .blockMainInfos .mainVisual .visual .firstVisual{ margin:0 auto;}
    .pageItemDetails .blockMainInfos .itemDetails .block .mainTitle{ font-size:20px;line-height: 23px;}
    .pageItemDetails .blockMainInfos .itemDetails > .mainTitle{ margin-bottom: 0 !important;}
    .pageItemDetails .blockMainInfos .itemDetails > .description{ padding-top: 0 !important; margin-bottom: 25px !important;}

    .block.block-2 .infos > span{ padding:20px 0 6px;}

    .socialLinks .btnContainer a.link {
        text-indent: 5%;
        height: 17px;
    }
    .socialLinks .btnContainer.bookmark a.link {
        background-position: 7px 8px;
    }
    .socialLinks .btnContainer.bookmark a.link.active,
    .socialLinks .btnContainer.bookmark a.link:hover {
        background-position:7px -145px;
    }
    .socialLinks .btnContainer.share .shareLinks li.facebook,
    .socialLinks .btnContainer.share .shareLinks li {
        margin: 0 3px !important;
        float:left;
    }

    .socialLinks { margin: 15px 29px 30px 29px; position: relative;}
    .qtSelector .field input { height: 32px; padding:0 0 0 5px;}
    .qtSelector .selectors .btn{ height:16px;}
    .qtSelector .selectors{ width:35%;}
    .pageItemDetails .blockMainInfos .itemDetails .block.block-1 .description > .strong{ font-size:12px; font-weight:normal;}
    .pageItemDetails .blockMainInfos .itemDetails .block.block-1{ width:100%}
    .pageItemDetails .blockMainInfos .itemDetails .block.block-1 > .inner{ min-height:inherit;}
    .pageItemDetails .blockMainInfos .itemDetails .block.block-2{ width:100%; background-size:100%;}
    .pageItemDetails .blockMainInfos .itemDetails .block.block-2 .infos{ border-bottom:none;}
    .pageItemDetails .blockMainInfos .itemDetails .block.blockTabs .inner .list-wrap{ padding:15px;}
    .pageItemDetails .blockMainInfos .itemDetails .block.blockTabs .inner .list-wrap #tab_plus{ overflow:hidden;}

    .pageItemDetails .blockMainInfos .itemDetails .block.blockTabs .inner .list-wrap-footer {
        height:auto;
        padding: 10px;
    }
    .pageItemDetails .blockMainInfos .itemDetails .block.blockTabs .inner .list-wrap-footer p {
        padding: 0 !important;
    }
    .pageItemDetails .blockMainInfos {
        padding-bottom: 10px;
    }

    .blockFooter .foot-list {  width: 33%; }
    .blockFooter .foot-list .title { height: 25px; }
    .blockFooter .block .navigation .item { background: none; }
    .blockFooter .block .navigation .item > a span { padding-left: 0px; }


    .similarProduct.fullLine .blockList .item{ width:48%;}
    .socialLinks .btnContainer.share{ background:#fff;}
    .popupOverlay .newPopup .cartConfirm, .popupOverlay .newPopup .message{ font-size:15px;}
    .pageBasket .blockPromotionCode .button-1.v3{ width:29px;}
    /*produit marque*/
    .pageItemDetails.blockBrandView .brandPictureFavorite{ float: none; width: 100%; margin-left: 0; }
    .pageItemDetails.blockBrandView .brandPictureFavorite .pictureCat{ float: none; width: 100%; }
    .pageItemDetails.blockBrandView .brandPictureFavorite .pictureCat.brand{
        padding: 0 !important; margin: 6px 0 0 !important;
        height: 110px; line-height: 110px;
    }
    .pageItemDetails.blockBrandView .brandPictureFavorite .bookmark { border: 1px solid #f5f5f5; }
    .pageItemDetails.blockBrandView .brandPictureFavorite .bookmark .link{ background-position: 76px 18px !important; }
    .pageItemDetails.blockBrandView .blockList .item{ width:48%;}
    .pageBrand #index a{ padding:1px; display:inline-block;}
    .pageBrand .brand{ width:50%;}
    .pageBrand .lineBrand{ height:auto;}

    /* Produit et marque favorites */
    .espaceClient .blockList.bookmark .item{ width:47%;}
    .espaceClient .blockList.subscription .item{ width:100%;}
    .espaceClient .blockList.subscription .item .visual { width:35%;}
    .espaceClient .blockCommandSummary .rowFidelity .blockFidelity .text {  padding: 10px 10px 10px 10px; }
    .espaceClient .blockCommandSummary .rowOrderLines .rowLabels .name { display: none; }
    .espaceClient .blockCommandSummary .rowOrderLines .rowOrderLine .name { margin-bottom: 6px; }

    /*page contenu*/
    .pageItemDetails .blockMainInfos .col.col-1,
    .pageItemDetails .blockMainInfos .col.col-2{ width:100%; float:none;}

    .mapContent #shopMap, .mapContent #shopMapAA{ width:100%; margin:0 0 7px;}
    .listShop .item .title{ font-size:14px;}
    .listShop .item .address {
        font-size: 12px;
    }
    .mainTitle > span > span{ line-height:normal; padding:10px 0;}

    .pageItemDetails.blockPromo .blockList .item{ width:48%;}

    .similarProduct{ width:100%; padding-right:0; float:none;}
    .similarProduct .blockList .item {
        width: 48%;
    }
    .similarProduct .blockList article.item:nth-child(3) {
        display: none !important;
    }

    /*page contact*/
    .colForm {
        border-right: medium none;
        float: none;
        padding-right: 0;
        width: 100%;
    }
    .blockFormAdd .tabForm td.label,
    .blockFormEdit .tabForm td.label,
    .blockFormAdd .tabForm td.input,
    .blockFormEdit .tabForm td.input{
        display:block;
        width:100%;
    }
    .infoPress {
        float: none;
        padding-left: 0;
        width: 100%;
    }
    .infoPress p{
        float:none;
        width:100%;
        margin:10px 0;
    }
    .blockPopup .popup.larger{ width:100%; margin:0; left:0; }
    .blockPopup .popupInner-2{ padding:10px;}
    .blockPopup .popupInner-3{ padding:0;}
    .blockPopup .popup .viewNotice{ margin:0; width:100%;}
    .blockPopup .popup .viewNotice .pdfpage,
    .blockPopup .popup .viewNotice .pdfpage canvas {
        width: 100% !important;
    }
    .blockPopup .popup .addBaskAlert{ padding:10px 0 0;}
    .blockPopup .popup .viewNotice .btnDownPdf{ margin-left:0; left:32%; position:absolute;}
    .popupOverlay .newPopup {
        left: 0;
        margin: 5px;
        right: 0;
        top: 15% !important;
    }
    .popupOverlay .newPopup.larger { left: 0; margin: 0; right: 0; top: 5% !important; }
    .fancybox-close{ right:0;}

    /*page panier*/
    .blockCheckoutProcess .step{ width:100%;}
    .pageBasket .tabBasket thead th{font-size:10px; padding:0.2em 2px;}
    .pageBasket .tabBasket tbody td.infos .name{ font-size:9px;}
    .qtSelector.selectorCart{width:50px !important;}
    .pageBasket .tabBasket tbody td.infoTotal{font-size:11px;}
    .pageBasket .blockPromotionCode{ padding: 0 4%; width:92%;}
    .pageBasket .blockPromotionCode .promoCode{ width:75%; padding:0 5%; margin:0 0 0px; vertical-align:middle;}
    .pageBasket .blockPromotionCode .button-1.v3{ width:30px; vertical-align:middle; text-align:center;}
    .pageBasket .blockPromotionCode .button-1.v3 span{ padding:0; background: none; float:none}
    .validBasket{margin: 0 0 40px;}
    .pageBasket .tabBasket tbody td.infoShipping{ font-size:11px;}
    .pageBasket .tabBasket tbody td.total{font-size:11px;}
    /*page connexion*/
    .pageShopLogin .blockAccountRegistration .block{ width:100%;}
    .pageRegister .formAccountCreate .blockStep .stepInfo, .pageUserAddressAddEdit .formAccountCreate .blockStep .stepInfo{ width:100%;}
    .pageRegister .formAccountCreate .blockStep.step-2, .pageUserAddressAddEdit .formAccountCreate .blockStep.step-2,
    .pageRegister .formAccountCreate .blockStep.step-3, .pageUserAddressAddEdit .formAccountCreate .blockStep.step-3{ width:100%; margin:5px 0;}

    .blockSort{ margin:20px 0 0;}
    .pageAddresses .blockAddress{ width:100%;}
    .pageSummaryCommand .blockAdressRef .col.col-1 {
        border-right: medium none;
        padding: 0 0 20px 0;
        width: 100%;
    }
    .pageSummaryCommand .blockAdressRef .col.col-2 {
        width: 100%;
    }
    .pageSummaryCommand .blockAdressRef .col.col-1 .inner .informations{
        width:92%;
    }
    .pageSummaryCommand .blockAdressRef .col.col-1 .inner .message{ width:100%;}
    .pageSelectAddress .blockAddress.shop{ width:100%; margin:15px 0 25px;}
    .pageSelectAddress .blockAddress.shop .blockInput{ width:20%;}
    .pageSelectAddress .blockAddress.shop .icon{ width:49%;}
    .pageSelectAddress .blockAddress.shop .price{ width:30%;}
    .blockTotalPay .col.col-1 {
        border-right: medium none;
        padding: 0 0 0 0;
        width: 100%;
    }
    .pageCommandSummary .blockSelectPayment .blockLabel{ width:100% !important;}
    .blockTotalPay .col.col-2{ width:100%;}
    .pageClientAccount .col.col-1,
    .pageClientAccount .col + .col{ width:100%;}
    .pageClientAccount .col + .col > .inner,
    .pageClientAccount .accountMenu{ border-left:none;}
    .pageClientAccount .blockClientProfile table td{ display:block;}

    body .blockGlobal .pageItemDetails .blockListingCat .myBasket > .inner .titleBasket{ background:url("images/bgd-title-basket2.png") repeat-x center bottom }
    body .blockGlobal .pageItemDetails .blockListingCat .myBasket > .inner .infos.basket{ text-align:center;}

    /*15-04-15*/
    .buttonBookmark{opacity:1 !important;}
    .blockList .item:hover .compo {
        display: block !important;
    }
    .blockList .btnNew.v2 {
        display:inline-block !important;
        visibility:visible;
    }
    .blockList .item .basket img {
        display: none !important;
    }
    .blockList .item:hover > .inner {
        border: 1px solid #f1f1f1;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0);
    }
    .blockList .item .price {
        top: 5px !important;
        position:relative;
    }
    /*livraison*/
    .pageSummaryCommand .importantDrugs .col.col-1,
    .pageSummaryCommand .importantDrugs .col.col-2{ width:100%; border-right: none;}
    .blockPopup .popup{ width:100%; margin:0; left:0; }
    .blockPopup .popup #shopMapAA{ width:100%;}
    .pageSummaryCommand .importantDrugs .col.col-2 {
        margin-top: 0;
        padding-top: 0;
        padding-bottom: 15px;
    }
    .pageSummaryCommand .importantDrugs .col.col-1 .inner {
        border:none;
        padding: 20px 10px 10px 88px;
        background-position: 12px 25px;
    }

    body .pageItemDetails .catBanner.catBrand .comment{ width:100%;}

    .pageItemDetails .blockMainInfos .itemDetails .block.block-3 .suggest  span.text { font-size: 12px; }
    .pageItemDetails .blockMainInfos .itemDetails .description { margin-bottom: 0; padding-top: 10px; }

    body .pageItemDetails .catBanner.catGamme .blockSousCat > .inner ul li {
        width: 48% !important;
    }
    body .pageItemDetails .catBanner.catGamme .blockSousCat.gammeSousCatFullPage>.inner ul li{
        width: 48% !important;
    }
    body .pageItemDetails .catBanner.catBrand .blockSousCat.brandSousCat>.inner ul li{
        width: 48% !important;
    }

    .jsCartEmptyCart #blockBasket .basketEmpty { padding: 25px !important; }
    .blockFidelity .basketEmpty.fidelity { background-position: -7px 227px; }

    .blockListingCat .col.col-2 h1.mainTitle { display: block; position: absolute; top: 330px; }
    .blockListingCat .col.col-2 .blockSort .searchFilter h2 { display: block; position: absolute; top: 385px; }
    .blockListingCat .col.col-2 .blockSort .pipe { display: none; }
    .blockListingCat .col.col-2 .blockSort { padding: 0; margin: 0; }
    .blockListingCat .col.col-2 .blockSort .sortContainer { padding: 8px 8px 50px; height: 15px; border: 1px solid #e4e4e4; }
    .blockListingCat .col.col-2 .blockSort .sortContainer .custom-select-container {
        width: 99% !important;
    }
    .blockListingCat .col.col-2 .blockSort .sortContainer .sortBy{
        background: #f7f7f7;
        padding: 4px 0 2px;
        margin-bottom: 8px;
        text-transform: uppercase;
        color: #676767;
        width: 100%;
        text-align: left;
    }
    .blockListingCat .col.col-2 .blockSort .sortContainer .sortBy span{
        padding-left: 5px;
    }
    .blockListingCat .col.col-1 .inner .mainTitle { display: none; }

    /* Registration form page */
    .container .newPharmaForm { margin-top: 30px; margin-bottom: 30px; }
    .container .newPharmaForm .row { margin-top: 0px; margin-bottom: 0px; }
    .container .newPharmaForm .row > div { margin-top: 20px; margin-bottom: 20px; }
    .container .newPharmaForm .row label.registration { font-size: 10px !important; }
    .container .newPharmaForm .row .newsletter-registration + span { margin: 12px 0 0 6px; }
    .container .newPharmaForm .row .form-control:focus + .form-control-placeholder, .newPharmaForm .container .row .form-control.filled + .form-control-placeholder {
        font-size: 75% !important;
        padding-left: 0 !important;
    }
     .container .newPharmaForm .row.rowAddressSearch {
        margin-bottom: 35px;
    }
    .container .newPharmaForm .row.rowFooter .btn { width: 100%; }
    .container .newPharmaForm .row.rowFooter .g-recaptcha { text-align: center; }
    .container .newPharmaForm .row.rowFooter .g-recaptcha>div { width: inherit !important; }

    .container .newPharmaForm .updatePosition .row > div { margin-top: 5px; margin-bottom: 5px; }
    .container .newPharmaForm .row.rowActions .btnNew { margin-top: 10px; margin-bottom: 10px; width: 100%; text-align: center;  }
    #productSubscriptionEdition .container .newPharmaForm .row.rowActions { margin: 25px 0 10px; }

    #blockValidation .command-detail{ padding: 0 15px; }
    #blockValidation .pageCommandSummary .bootstrap .container .blockSelectPayment2 .row.jsSubmitPharmaPayment .logo {
        padding: 0 0 0 10px;
    }
    #blockValidation .pageCommandSummary .bootstrap .container .blockSelectPayment2 .row.jsSubmitPharmaPayment .static.progress-button[data-perspective] .progress-wrap {
        margin-left: -45px !important;
    }
    #blockValidation .pageCommandSummary .bootstrap .container .blockSelectPayment2 .row.jsSubmitPharmaPayment .static:after{
        margin-left: 30px;
    }

    .blockSponsorship.landing .subContainer .blockIntro .advantage.first { padding-left: 15px; padding-right: 15px; margin-bottom: 35px;  }
    .blockSponsorship.landing .subContainer .blockIntro .advantage.second { padding-left: 15px; padding-right: 15px; }

    .espaceClient.fidelityPage .rowTable .rowTableHeader .amount, .espaceClient.fidelityPage .rowTable .rowTableLine .amount { padding-right: 5px;  }
    .espaceClient.fidelityPage .rowTable .rowTableLine .tooltip { left: -279px; top: -17px; margin-right: 23px; }

    .responsiveData { display: block; }
    .desktopData { display: none !important; }

    #blockLivraison .pageSelectAddress.pageLivraisonStatic .block.blockCountries .countriesContainer {padding: 0 !important; }

    #payment-form .addressChoice .blockAddressChoice .inner { padding: 20px; }
    #payment-form .addressChoice .blockAddressChoice .inner .radio { padding: 0 15px 0 0; }
    #payment-form .addressChoice .addAddress .inner{ display: block; height: 150px; margin: 15px;}
    #payment-form .blockAddressChoice .inner .content { width: 90%; }

    .promotionBanner .text{ width: 80%; }

    .blockGlobal.responsive .blockCenter .pageItemDetails .blockMainInfos .col.col-1.mainVisual { width: 100% !important; }
    .blockGlobal.responsive .blockCenter .pageItemDetails .blockMainInfos .col.col-2.itemDetails { width: 100% !important; }

    .blockFooter .block.block-3 > .inner { padding-bottom: 65px; }
}

/*mini tablette*/
@media screen and (min-width: 600px) and (max-width: 767px) {
    .blockHeader .block.block-1{ height:99px;}
    .blockHeader .block.block-1 .mainLogo .link{
        margin:0 auto;
        max-width:283px;
        text-align: center
    }
    .blockHeader .block.block-1 .logo-baseline {
        bottom: 20px;
        font-size: 15px;
        text-align: center
    }
    .blockHeader .block.block-3{ top:-6px; right:25px; height:50px; width:50px;}
    .blockHeader .block.block-3 div.basket .cart a.link > span{ padding:50px 0 0;}

    .show-menu{ width:50px; height:50px; left:25px; top:-75px;}
    /*JLL.topSales.flexproducts .flex-viewport .promotions .item, .topSales.flexproducts .flex-viewport .nouveautes .item{ width:183px !important;}*/
    .blockList .item .infos .name{ font-size:12px;}
    .blockList .item .infos .compo, .blockList .item .infos .dispo{ font-size:10px;}
    .button-2.basket.v3.smaller {
        width: 140px !important;
    }
    .button-2.basket.v3.smaller span span span span {
        font-size: 11px;
    }
    .blockTalkAboutUs ul li, .blockTalkAboutUs ul li.first{ height:90px;}
    .blockTalkAboutUs ul li img{ max-height:90px;}
    .blockAssets .assets .item {
        width: 25%;
    }
    .blockAssets .assets .item{ height:135px;}
    .blockAssets .assets .item > a > span{ font-size:15px;}
    .blockAssets .assets .item > a > span .extra{ font-size:11px;}

    .blockAbout-2 .pharmacyNetwork > .inner{ padding:0 0 0 250px; min-height:220px; background-position:left top;}
    .blockFooter .foot-list{ width:33%;}
    .blockFooter .block.block-3{ text-align:left;}
    .blockFooter .block .listLogo.v2{ float:right; margin:-15px 0 0}

    .blockSort .searchFilter{ width:auto; margin:-4px 0 0 5px;}
    body .pageItemDetails .listProducts > .inner .blockList .item{ width:32%;}
    body .pageItemDetails .listProducts > .inner .blockList .item.first{ clear:none;}
    .separ{ clear:none;}

    .blockPaging .pagingList {
        float: right;
        margin-bottom: 0px;
    }
    .blockPaging .nbResults {
        float: left;
    }

    .blockAssets .assets .item{ height:155px;}
    .blockAssets .assets .item > a{ height:143px;}

    .similarProduct.fullLine .blockList .item {
        width: 32%;
    }
    .pageItemDetails .blockMainInfos .itemDetails .block.block-2 .infos.selection .select .label{
        width:auto;
    }

    /*produit marque*/
    .pageItemDetails.blockBrandView .blockList .item{ width:32%;}

    .pageItemDetails.blockPromo .blockList .item{ width:32%;}

    .similarProduct .blockList .item {
        width: 32%;
    }

    .pageBrand .brand{ width:33%;}
    /* Old notice popup */
    .blockPopup .popup .viewNotice{ height:400px;}
    .blockPopup .popup .viewNotice .btnDownPdf{left:0;}
    /* New notice popup */
    .popupOverlay .newPopup { height: 85% !important; position: relative;  }
    .popupOverlay .newPopup .viewNotice { position: absolute; height: 80% !important; width: 95% !important; }
    .popupOverlay .newPopup .addBaskAlert { padding: 10px 0 0 0; bottom: 0px; position: absolute; margin: 0 30% 0 30%;}
    /*page panier*/
    .pageBasket .tabBasket tbody td.visual img{display:block;}
    .pageBasket .tabBasket tbody td.infos .name {
        font-size: 11px;
    }
    .pageBasket .blockPromotionCode .button-1.v3 {
        width: auto;
    }
    .pageItemDetails .blockMainInfos .itemDetails .block.blockTabs .inner > ul.nav > li > a{font-size:12px;}
    .pageAddresses .blockAddress{ width:49%;}

    .pageClientAccount .blockOrder table td{ font-size:11px;}
    .pageClientAccount .blockOrder table td.orderAction a{ width:auto;}

    .socialLinks .btnContainer.share .shareLinks{ top:33px;}

    .pageItemDetails .blockMainInfos .pharmacyDetails .blockDoctors .itemDoctor{ width:45%;}
    .pageItemDetails .blockMainInfos .pharmacyDetails .blockAddress .item,
    .pageItemDetails .blockMainInfos .pharmacyDetails .blockAddress .item.horaires,
    .pageItemDetails .blockMainInfos .pharmacyDetails .pharmacyPic{ width:100%;}
    .pageItemDetails .blockMainInfos .pharmacyDetails .partner .partnerCont{ width:100%; padding:3px 0 0;}
    /*slider*/
    /* 2015-11-23 - Commented by Jeremy */
    /*.blockCarouselHome .flexslider{ height:350px !important;}
    .blockCarouselHome .flexslider .inner{ min-height:350px;}
    .blockCarouselHome .flexslider .item {max-height: 350px;}*/
    .blockCarouselHome .flexslider .inner{ margin-bottom: 50px; min-height: unset !important; }
    .blockCarouselHome .flexslider {  height: inherit !important; }
    /*.blockCarouselHome .flexslider .slides .item img { margin-left: -50%; max-width: 200% !important;}*/
    .blockCarouselHome .flexslider .slides .item img.landscape { display: none !important;}
    .blockCarouselHome .flexslider .slides .item img.responsive { display: block !important;}

}

/* mobile paysage*/
@media screen and (min-width: 480px) and (max-width: 599px) {
    /* To avoid problem with CRITEO banner */
    .blockGlobal { position: relative; }
    .menuResponsive .search { display:block}

    .blockHeader .block.block-1{ height:99px;}
    .blockHeader .block.block-1 .logo-baseline {
        bottom: 20px;
        font-size: 13px;
    }
    .blockHeader .block.block-3{ top:-6px; right:25px; height:50px; width:50px;}
    .blockHeader .block.block-3 div.basket .cart a.link > span{ padding:50px 0 0;}

    .show-menu{ width:50px; height:50px; left:25px; top:-75px;}



    /*JLL.topSales.flexproducts .flex-viewport .promotions .item,
    .topSales.flexproducts .flex-viewport .nouveautes .item{
        width:143px !important;
    }*/
    .blockTalkAboutUs ul li, .blockTalkAboutUs ul li.first{ height:70px;}
    .blockTalkAboutUs ul li img{ max-height:70px;}
    .blockFooter .foot-list{ width:33%;}
    .blockFooter .block.block-3{ text-align:left;}
    .blockFooter .block .listLogo.v2{ float:right; margin:-15px 0 0}

    .blockAssets .assets .item{ height:135px;}
    .blockAssets .assets .item > a{ height:123px;}

    .pageItemDetails .blockMainInfos .itemDetails .block.block-2 .infos.selection .select .label{ width:auto;}

    /*produit marque*/
    .pageItemDetails.blockBrandView .blockList .item{ width:32%;}
    .pageItemDetails.blockPromo .blockList .item{ width:32%;}

    .similarProduct .blockList .item {
        width: 32%;
    }
    .blockPopup .popup .viewNotice{ height:120px;}
    .popupOverlay .newPopup .col-1 .manufacturer{ display: none; }
    .popupOverlay .newPopup{ top:5%;}

    /* New notice popup */
    .popupOverlay .newPopup { height: 80% !important; position: relative;  }
    .popupOverlay .newPopup .viewNotice { position: absolute; height: 75% !important; width: 95% !important; }
    .popupOverlay .newPopup .addBaskAlert { padding: 10px 0 0 0; bottom: 0px; position: absolute; margin: 0 30% 0 30%;}

    /*page panier*/
    .pageBasket .tabBasket tbody td.visual img{display:block;}
    .pageAddresses .blockAddress{ width:49%;}

    .pageClientAccount .blockOrder table th,
    .pageClientAccount .blockOrder table td{ font-size:9px;}
    .pageClientAccount .blockOrder table td.orderAction a{ width:auto;}

    .socialLinks .btnContainer.share .shareLinks{ top:33px;}

    .pageItemDetails .blockMainInfos .pharmacyDetails .blockDoctors .itemDoctor{ width:45%;}
    .pageItemDetails .blockMainInfos .pharmacyDetails .blockAddress .item,
    .pageItemDetails .blockMainInfos .pharmacyDetails .blockAddress .item.horaires,
    .pageItemDetails .blockMainInfos .pharmacyDetails .pharmacyPic{ width:100%;}
    .pageItemDetails .blockMainInfos .pharmacyDetails .partner .partnerCont{ width:100%; padding:3px 0 0;}
    /*slider*/
    /* 2015-11-23 - Commented by Jeremy */
    /*.blockCarouselHome .flexslider{ height:290px !important;}
    .blockCarouselHome .flexslider .inner{ min-height:290px;}
    .blockCarouselHome .flexslider .item {max-height: 290px;}*/
    .blockCarouselHome .flexslider .inner{ margin-bottom: 50px; min-height: unset !important; }
    .blockCarouselHome .flexslider {  height: inherit !important; }
    /*.blockCarouselHome .flexslider .slides .item img { margin-left: -50%; max-width: 200% !important;}*/
    .blockCarouselHome .flexslider .slides .item img.landscape { display: none !important;}
    .blockCarouselHome .flexslider .slides .item img.responsive { display: block !important;}

}
/*JLL@media screen and (min-width: 321px) and (max-width: 479px) {
    .topSales.flexproducts .flex-viewport .promotions .item, .topSales.flexproducts .flex-viewport .nouveautes .item{width:152px !important}
}*/
@media screen and (max-width: 479px) {

    .popupOverlay .newPopup.medical { top: 10% !important; margin-bottom: 100px !important; }
    .jsMedicalDataForm .tabForm { margin 0 auto; }
    .jsMedicalDataForm .tabForm td.label { padding-top: 8px; }
    .jsMedicalDataForm .tabForm td.input{ padding: 4px; }
    .jsMedicalDataForm .blockSubmit { padding: 2em 0 0em; }
    #blockInfoContact .customerMessage textarea{
        max-width: 96%;
        width: 96%;
    }
    .tplLight .formCB .row .label {
        display: block;
        width: 90%;
    }
    .tplLight .formCB .row .field {
        display: block;
        width: 90%;
    }
    .tplLight .formCB .row .field #cardCvc{
        margin-left: 35px;
    }

    /* To avoid problem with CRITEO banner */
    .blockGlobal { position: relative; }

    .cookieContent {
        font-size: 11px; padding-right: 25px; padding-left: 8px;
    }
    .cookieContent .buttons{
         display: block;
    }

    .blockHeader .block.block-1 .mainLogo {
        width: 215px !important;
        background-position: center 4px;
    }

    .pageSelectAddress .blockAddress.shop .blockInput {
        width: 10%;
    }
    .pageSelectAddress .blockAddress.shop .icon {
        width: 60%;
    }

    .pageSelectAddress .blockAddress.shop .price {
        width: 29%;
    }
    .pageCommandSummary .blockSelectPayment .blockLabel input {
        width:20px;
    }

    .blockHeader .block.block-1 .logo-baseline{font-size:9.5px;}
    .pageClientAccount .blockOrder.listOrder table tbody,
    .pageClientAccount .blockOrder.listOrder table thead{ float:left; width:50%;}
    .pageClientAccount .blockOrder table td{ font-size:12px !important; padding:0.4em; display:block;}
    .pageClientAccount .blockOrder table th{ display:block;}

    .blockFooter .block .listLogo img{ width:100%;}
    .blockFooter .block .listLogo.v2 img{ width:auto;}
    .socialLinks .btnContainer.share .shareLinks{ right:inherit; left:-77px; top:33px; width:210px;}
    .pageItemDetails .blockMainInfos .itemDetails .block.blockTabs .inner > ul.nav > li > a{ padding:15px 0; font-size:8px;}

    .popupOverlay .newPopup .blockActions .btnNew{
        min-width:inherit; width:95%;
        padding:13px 5px;
        margin: 3px;


    }
    .popupOverlay .newPopup .blockActions .btnNew > span > span{ font-size:14px;}

    .pageItemDetails .blockMainInfos .pharmacyDetails .blockdetails,
    .pageItemDetails .blockMainInfos .pharmacyDetails .blockImg{ width:100%;}
    .pageItemDetails .blockMainInfos .pharmacyDetails .blockDoctors .itemDoctor{ width:43%}
    .pageItemDetails .blockMainInfos .pharmacyDetails .blockDoctors .itemDoctor p{ text-align:left;}

    .pageItemDetails .blockMainInfos .pharmacyDetails .blockAddress .item,
    .pageItemDetails .blockMainInfos .pharmacyDetails .blockAddress .item.horaires,
    .pageItemDetails .blockMainInfos .pharmacyDetails .blockAddress,
    .pageItemDetails .blockMainInfos .pharmacyDetails .geoLocation,
    .pageItemDetails .blockMainInfos .pharmacyDetails .geoLocation .geoLocationCont #shopMap,
    .pageItemDetails .blockMainInfos .pharmacyDetails .pharmacyPic{ width:100%;}
    .pageItemDetails .blockMainInfos .pharmacyDetails .partner .partnerCont{ width:100%; padding:3px 0 0}
    .bottom_link{ float:none;}

    /*slider*/
    /* 2015-11-23 - Commented by Jeremy */
    /*.blockCarouselHome .flexslider{ height:200px !important;}
    .blockCarouselHome .flexslider .inner{ min-height:200px;}
    .blockCarouselHome .flexslider .item {max-height: 200px;}*/
    .blockCarouselHome .flexslider .inner{ margin-bottom: 50px; min-height: unset !important; }
    .blockCarouselHome .flexslider {  height: inherit !important; }
    .blockCarouselHome .flexslider .item img.landscape { display: none; }
    .blockCarouselHome .flexslider .item img.responsive { display: block !important; }
    /*    .blockCarouselHome .flexslider .slides .item img { margin-left: -50%; max-width: 200% !important;}
        .blockCarouselHome .flexslider .slides .item img {
            max-width: 136% !important;
            margin-left: -60px !important;
        }*/
   /* .blockCarouselHome .flexslider .flex-control-nav {
        bottom: -15px;
    }*/
    /*.blockCarouselHome .flexslider {
        height: 155px !important;
    }*/
    .blockCarouselHome {
        margin-bottom: -25px !important;
        padding-bottom: 0 !important;
    }
    .blockCarouselHome .flexslider .flex-direction-nav {
        display: none !important;
    }

    .pageRegister .formAccountCreate .accountForm table td, .pageUserAddressAddEdit .formAccountCreate .accountForm table td{ display:block; position:relative;}
    .pageRegister .formAccountCreate .accountForm table td.label, .pageUserAddressAddEdit .formAccountCreate .accountForm table td.label,
    .pageShopLogin .blockAccountRegistration .block table td.label, .pageShopLogin .blockAccountRegistration .block table td.input{ display:block; width:100%;}
    .pageRegister .formAccountCreate .accountForm table td button.Zebra_DatePicker_Icon_Inside {
        left: inherit !important;
        margin: 0 3px 0 0;
        right: 5px;
        top: 6px !important;
    }
    .pageRegister .registerValid .optout, .pageUserAddressAddEdit .registerValid .optout{ width:100%; text-align:left; font-size:10px;}

    body .blockFooter .block .share .item > a:hover {
        background-position: 0 0 !important;
        height:34px;
    }
    /*.pageItemDetails .blockMainInfos .mainVisual .visual > span{ display:none;}*/
    .blockAssets.vMisc .assets .item > a > span .extra { display: none; }
    .blockAssets.vMisc .assets .item {
        height: 105px;
    }
    .blockAssets.vMisc .assets .item > a {
        height: 93px;
    }
    .blockAssets.vMisc .assets .item > a > span{font-size:16px;}
    .blockCheckoutProcess{ display: none; }

    .validBasket .button-2.basket.v2{ width:100%;}
    .validBasket .button-2.basket.v2 span{ float:none; display:block;}
    .validBasket .button-2.basket.v2 span span span span{font-size:22px;}
    .pageSelectAddress .edito a{ display:block; float:none; clear:both; margin:0 0 10px;}
    .pageSelectAddress .edito a span{ float:none;}
    .validAddresses .button-2.basket.v2{ width:100% !important;}
    .validAddresses .button-2.basket.v2 span{ float:none; display:block;}
    .validAddresses .button-2.basket.v2 span span span span{ font-size:22px; margin-right:20px;}
    .pageSummaryCommand .pageCommandSummary .button.button-2.basket.v2{ width:100%;}
    .pageSummaryCommand .pageCommandSummary .button.button-2.basket.v2 span{ float:none; display:block;}
    .pageSummaryCommand .pageCommandSummary .button.button-2.basket.v2 span span span span{ font-size:22px;}

    .widePage .page.leftPanel { display: none !important; }

    #shippingSubscription .inner {
        padding-top: 40px;
        padding-bottom: 60px;
    }
    .blockShippingSubscription span.input { top: 180px; }

    .pictureCat.brand{
        padding: 3px !important;
    }
    .brandPictureFavorite .bookmark .link {
        background-position: 3px 18px !important;
        padding: 20px 10px !important;
    }

}
@media screen and (max-width: 550px) {

    /* To avoid problem with CRITEO banner */
    .blockGlobal { position: relative; }

    .widePage .colProfil ul {
        display: none !important;
    }
    .widePage .headMap {
        height: 300px;
    }
    .widePage .colProfil .address {
        width: 52%;
    }
    .widePage .mainTitle {
        margin-top: 50px;
    }
    /* Mode shops status after shop title */
    .widePage .statusShop {
        right: inherit; left: inherit; width: 335px;
    }
    .widePage .mainTitle.shopTitle {
        margin-bottom: 61px; margin-top: 0px:
    }
    .widePage .blockStaff .people {
        width: 100%;
        float:none;
        height:63px;
        border:none;
    }
    .widePage .box.address .col-2,
    .widePage .box.address .col-1 {
        float:none;
        width:100%;
    }
    .widePage .box.address .col-2 {
        padding-top:0;
    }
    .widePage .box.address .col-1 {
        padding-bottom:0;
    }
    .widePage .scheduleTab tr td {
        font-size:11px;
        padding: 5px;
    }

    .widePage .colBrands .logo {
        width: 41%;
    }
    .widePage .colBrands .logo img {
        max-width: 80%
    }

    .widePage .colBrands .logo.link a {
        padding: 0 !important;
        font-size: 10px;
        line-height: 12px !important;
        display: inline;
        position: static;
    }
    .widePage .colBrands .logo.link {
        line-height: 12px !important;
        padding-top: 45px;
        height: 64px !important;
        position: static !important;
        top: 1px;
    }


    .widePage .colProduct .blockList {
        width:86.5%;
    }

    .widePage .key {
        padding-right: 0;
    }

    .widePage .smart {
        display: none;
    }

    .widePage .secondTitle {
        font-size: 14px;
    }
    .widePage .keywords span {
        font-size: 11px;
    }
    .widePage .legal .addressFai {
        float:none;
        width: auto;
        padding:0;
        border:0;
    }
    .widePage .legal .secondTitle {
        display: none;
    }
    .widePage .page.leftPanel {
        display: none !important;
    }


}
@media screen and (max-width: 979px) {
    .pageItemDetails.pageSearchPharmacy .blockMainInfos .col.col-1.banner {
        display: none;
    }
    .pageItemDetails .blockMainInfos .col + .col {
        width:100%;
    }
    .blockHeader .block.block-1 .mainLogo { position: relative;}
    .blockHeader .block.block-1 .mainLogo  a {
        position: absolute;
        top:0;right:0;bottom:0;left:0;display: block;
    }
    .widePage .page.leftPanel {
        display: none !important;
    }



}
@media screen and (max-width: 767px) {
    .pageItemDetails .blockMainInfos #PharmacyDirectory .directory.directoryDepartement .inner ul,
    .pageItemDetails .blockMainInfos #PharmacyDirectory .directory.directoryRegion .inner ul,
    .pageItemDetails .blockMainInfos #PharmacyDirectory .directory.directoryRegion .inner ul {
        width: 100%;float: none;
        padding: 0 !important;
        margin: 0 !important;
        border:none;
    }


    .pageItemDetails .blockMainInfos #PharmacyDirectory .directory .inner h2.list-title {
        margin-bottom:15px;
    }

    .pageItemDetails .blockMainInfos #PharmacyDirectory .alphaCol {
        width: 100%;
        margin-right:0;
    }

    /* Block shop on city pages  */
    .pageItemDetails .blockMainInfos #PharmacyDirectory .alphaShop .blockShop .blockInfos {
        height: 90px;
    }
    .pageItemDetails .blockMainInfos #PharmacyDirectory .alphaShop .blockShop .blockInfos .blockVisual img{
        width: 70px; height: 70px;
    }
    .pageItemDetails .blockMainInfos #PharmacyDirectory .alphaShop .blockShop .blockInfos .blockName {
        margin: 5px 20%;
    }
    .pageItemDetails .blockMainInfos #PharmacyDirectory .alphaShop .blockShop .blockInfos .blockMoreButton {
        width: 70px; margin: 10px 0px;
    }
    .pageItemDetails .blockMainInfos #PharmacyDirectory .alphaShop .blockShop .blockInfos .blockMoreButton .newBtn {
        padding: 10px 5px;
    }

    .pageItemDetails .blockMainInfos #PharmacyDirectory .alphaCol.last {
        position: static;
        float:left;
    }

    .newPopup.newsletter .popup-newsletter-promo .news-col.news-left .inner .news-title {
        margin-bottom: 0px !important;
    }
    .newPopup.newsletter {
        width: 100%;
        min-width: 100% !important;
        max-width: 500px !important;
        position: relative !important;
        position: relative !important;
        margin-top: 25px;
        min-height: 0 !important;
    }
    .newPopup.newsletter .popup-newsletter-promo .news-col.news-right,
    .news-col.news-left  {
        float:none !important;
        width: 100% !important;
        position: relative !important;
    }
    .newPopup.newsletter .popup-newsletter-promo .news-col.news-right .inner,
    .newPopup.newsletter .popup-newsletter-promo .news-col.news-left .inner {
        padding: 20px;
    }
    .newPopup.newsletter .popup-newsletter-promo .news-col.news-left .inner .news-title {
        font-size: 27px;
    }
    .newPopup.newsletter .popup-newsletter-promo .news-col.news-left .inner .news-title span {
        font-size: 15px;
    }
    .newPopup.newsletter .popup-newsletter-promo .news-col.news-right .inner form .news-civility label {
        display: block;
        margin: 10px 0;
    }
    .newPopup.newsletter .popup-newsletter-promo .news-col.news-left .inner ul li {
        font-size: 14px;
        font-weight: 200;
        padding: 2px 0;
    }
    .newPopup.newsletter .popup-newsletter-promo .news-col.news-left .inner ul {
        margin-top: 15px;
    }
    .widePage { position: relative; }
    .widePage .page.leftPanel {
        top: 250px;
        display: block !important;
        width: 80%;
        text-align: center;
        margin: auto;
        padding: 0 30px;
        position: absolute;
    }
    .widePage .page.leftPanel .colProfil { margin: 0 auto; top: 0; width: 200px; }
    .widePage .page.leftPanel .colProfil.fixed { position: absolute;  }
    .widePage .page.leftPanel .logo { display: none !important; }
    .widePage .page.leftPanel .address { display: none !important; }
    .widePage .page.leftPanel ul { display: none !important; }
    .widePage .page.leftPanel .head {
        display: block !important;
        background-size: 200px;
        background-repeat: no-repeat;
        width: 200px;
        height: 150px;
    }
    .widePage .headTitleBlock {
        margin-top: -460px;
        margin-bottom: 460px;
    }

    .newStatic .headerStatic {
        padding: 0px 15px 20px 15px;
        background-size: 100% 100%;
    }
    .newStatic .headerStatic img { margin: 29px 18px 18px 5px !important; width: 68px;  }
    .newStatic .headerStatic img { margin: 29px 18px 18px 5px !important; width: 68px;  }
    .newStatic .headerStatic h1 {
        padding: 30px 0 0 0;
        font-family: 'Open Sans', sans-serif;
        font-size: 21px;
        text-align: left;
    }
    .newStatic .headerStatic h2 {
        font-size: 13px;
        margin-bottom: 26px;
    }
    .newStatic .row { border-bottom: none; }
    .newStatic .row .cell{ width: 100%; float: none;}
    .newStatic .row .cell.cell-1 .inner { padding: 10px; border-right: none; }
    .newStatic .row .cell.cell-2 .inner { padding: 10px; border-right: none; }
    .newStatic p.higher {height: auto !important; }

    .blockResponsiveNavButtons { display: block; }

    .page-livraison-produits .mceContentBody ul, .wysiwygContent ul { margin: 5px 10px; }
    .page-livraison-produits .blockLivraisonProduits .rowInfos .line { padding: 20px 60px; }
    /*.page-livraison-produits .blockLivraisonProduits .rowInfos .line .text { padding: 20px 60px; }*/

}
@media screen and (max-width: 550px) {
    #PharmacyDirectory .col-1,
    #PharmacyDirectory .col-2 {
        float:none !important;
        width: 100%;
        margin:0;
        padding: 0;
    }

    .newPopup.newsletter .popup-newsletter-promo .news-col.news-left .inner ul {
        display: none;
	}
    .blockCarouselHome .flexslider {
        height: auto !important;
        max-height: auto !important;
        min-height: 0 !important;
    }
    .blockCarouselHome .flexslider .inner {
        margin-bottom: 0 !important;
        height: auto !important;
        max-height: auto !important;
        min-height: 0 !important;
    }
    .blockCarouselHome .flexslider .flex-control-nav {
        position: relative !important;
    }
    .blockHeader .block.block-1 .mainLogo  a {
        position: absolute;
        top:0;right:0;bottom:20px;left:0;display: block;
    }

}
@media screen and (max-width: 880px) {
    thead .totaux-tile {
        width:30% !important;
    }
}
@media screen and (max-width: 480px) {
    .menuResponsive2 { top:10px; left :10px;}
    .withPromotionBanner .menuResponsive2 { top:72px; }
    .dl-menuwrapper {margin-right: 0 !important; }
    .blockHeader {
        height: 140px !important;
        margin-bottom: 0;
    }
    .blockCenter {
        padding-top: 10px;
    }

    .blockHeader .block.block-2 .search { margin: 0 0 0 20px !important; }

}

.dl-menuwrapper li a.goto {
    padding: 15px 45px 15px 20px !important;
}
.dl-menuwrapper li a.linkArrow {
    top: 0 !important;
    /*border: 1px solid red;
    color: red;*/
    /*background-color: #5CAA58 !important;*/
    display: block;
    text-align: center;
    padding: 15px;
}



/***** Responsive Tunel conversion ***/
/* Responsive */
@media (max-width: 500px){

    .command-top {
        margin: 0;
    }

    .addAddress,
    .blockAddressChoice {
        width: 100%;
        float: none;
        margin: 10px 0;
    }

    #blockConnexion .block.alreadyClient,
    #blockConnexion .block.newClient {
        width: 100%;
        float:none;
    }
    .blockAddressChoice .inner {
        padding: 10px;
    }

    #blockConnexion .mainTitle, #blockLivraison .mainTitle, #blockInfoContact .mainTitle{
        font-size: 13px;
    }
    #blockLivraison .pageSelectAddress.pageLivraisonStatic .block.with2Column .column {
        width: 100%;
        display: inline-block;
        margin-bottom: 50px;
    }
    #blockLivraison .pageSelectAddress.pageLivraisonStatic .block.blockCountries .rowCountries {
        margin: 10px 0px 60px;
    }
    #blockLivraison .pageSelectAddress.pageLivraisonStatic .selectShipping .shop .blockDesc {
        padding: 10px 0 0 0;
    }
    .blockAddressChoice p {
        font-size: 12px;
        line-height: 15px;
    }
    .blockAddressChoice .livModifAdr {
        font-size: 13px;
    }

    #blockConnexion .block.block-1 > .inner {
        padding-bottom: 3px;
        margin-bottom: 40px;
    }


    #blockPanier .tabBasket td.livraison .dd-container {
        display: none !important;
    }
    #blockPanier .tabBasket td.livraison select.shipping-means {
        display: block !important;
        font-size: 10px  !important;
        height: 25px !important;
        padding: 5px !important;
        border: 1px solid #c4c4c4 !important;
    }
    .row-livraison {
        position: relative;
    }
    .row-fidelity > td .content { line-height: 62px; height: 62px; margin-top: 0; }
    .row-fidelity > td .content img{ width: 50px; }
    .row-fidelity > td .content .text{ max-width: 270px; }
    #blockPanier .group-first button.btn-group {
        text-indent: -1000px;
        background:url('images/icon-plus-03.png') no-repeat center center #c4c4c4;
        width: 30px;
            height: 32px;
        margin-right: -27px;
    }
    #blockPanier .group-first input[type="text"] {
        padding: 0px;
        width: 119% !important;
        height: 30px;
        margin-left: -25px;
    }

    #blockLivraison .col-1, #blockLivraison .col-2, #blockLivraison .livInfo .block-2, #blockLivraison .livInfo .block-1{
        width: 100%;
        float: none;
    }
    #blockLivraison .livInfo .block-2{
        text-align: center;
        margin: 10px 0px;
    }
    #blockLivraison .barContact > div{
        width: 100%;
        margin: 20px 0px;
        float: none;
    }
    .panier-info p{
        text-align: center;
        font-size: 13px;
        color: #434343;
        font-family: "Open Sans";
        font-weight: 300;
        padding: 13px;
        border: 1px solid #E2E2E2;
        padding-top: 70px;
    }
    .blockDesc{
        display: none;
    }
    #blockInfoContact .livAdress .col{
        width: 100%;
        margin: 10px 0px;
    }
    #blockValidation .liv-question {
        max-height: none;
    }
    #blockValidation .liv-question p{
        padding: 10px 0;
        font-size: 11px;
        line-height: 13px;
    }
    .liv-question .col.col-2,
    .liv-question .col.col-1 {
        width: 100%;
        display: block;
        text-align: left;
    }
    .liv-question .col.col-2 .newBtn.accept {
        transform: scale(0.7);
        -webkit-transform: scale(0.7);
        -moz-transform: scale(0.7);
        -ms-transform: scale(0.7);
        -o-transform: scale(0.7);
        position: static;
        margin: 0 0 0 -10px;
    }
    .liv-question .col.col-2 {
        text-align: left;
    }
    #blockLivraison .livInfo p,
    .livAdress p {
        font-size: 12px;
        line-height: 14px;
    }
    #blockInfoContact .mainTitle > span > span,
    #blockInfoContact .mainTitle {
        font-size: 13px;
    }
    #blockInfoContact .col .inner {
        padding: 10px;
        min-height: 115px;
    }
    .livAdress .livModifAdr {
        font-size: 12px;
    }
    #blockInfoContact {
        margin: 12px 0;
    }
    .liv-question {
        margin-bottom: 0;
    }

    #blockValidation .blockTotalPay .col.col-1,#blockValidation .blockTotalPay .col.col-2{
        width: 100%
    }
    .col-commande{
        text-align: center !important;
    }

    thead .totaux-tile{width: 45%}
    thead .totaux-price{width: 50%}
    #blockValidation .infos > a{
        font-size: 13px !important
    }
    #blockValidation .price > p{
        font-size: 11px
    }
    #blockValidation .price p .new{
        font-size: 13px;
    }
    #blockValidation .quantity{
        font-size: 11px
    }
    #blockValidation span.new{
        font-size: 13px;
    }

    /*#blockValidation .tabBasket tbody{
        display: table-row !important;
    }*/
    #blockValidation .command-points{
        padding: 0px;
        margin: 0px;
    }
     #blockValidation td.fidelite{
        display: none;
    }
     #blockValidation td.cmd-liv,#blockValidation td.cmd-liv-price{
        width: 33%
    }
    #blockValidation td.cmd-liv-code{
        width: 50%
    }
    .panier-cmd{
        width: 123px;
    }
    #blockPanier .pageBasket .tabBasket .shop-row td.linePharmaTitle, #blockValidation .command-detail .tabBasket .shop-row td.linePharmaTitle {
        font-size: 11px;
    }

    #blockPanier .tabBasket tr:not(.panierTitle) > td{
        padding: 8px 0;
    }
    #blockPanier .infos > a{
        font-size: 11px !important
    }
    #blockPanier .price p .new{
        font-size: 12px
    }
    #blockPanier .price p, #blockPanier .subtotal .new{
        font-size: 11px;
    }
    #blockPanier .price .details{
        display: none;
    }
    #blockLivraison .pageSelectAddress .blockAddress.shop .icon{
        width: 70%
    }
    #blockLivraison .pageSelectAddress .blockAddress.shop .price{
        font-size: 14px
    }

    .panier-cmd{
        font-size: 10px;
        padding: 10px;
    }

    #blockInfoContact .col .inner{
        margin: 0px !important
    }
    #blockLivraison .pageSelectAddress .blockAddress.shop .inner label span {
        font-size:11px;
        line-height: 13px;
    }
    #blockLivraison .pageSelectAddress .blockAddress.shop .price {
        font-size: 16px !important;
    }
    #blockLivraison .pageSelectAddress .blockAddress.shop .icon {
        width: 22% !important;
        background-size: 90% !important;
        background-position: left 65%;
    }
    #blockLivraison .pageSelectAddress .blockAddress.shop .blockDesc {
        padding: 10px 0 0 0;
    }
    .panier-info p {
        background-position: top center;
    }
    #blockLivraison .mod-livraison h2 {
        margin-top: 20px;
        padding-top:0;
    }


/*** POPUP RELAY ***/
    .popupOverlay .newPopup .mainTitle {
        padding-top: 0;
    }

    .popupOverlay .newPopup .popupChooseRelay .container .col-2 {
        width: 100% !important;
        height: 90px !important;
        overflow: hidden;
        float: left;
        margin: -184px 0 0 0;
    }
    .popupOverlay .newPopup .popupChooseRelay .container .col-1 {
        width: 100% !important;
        height: 94px !important;
        margin-top: 100px;
        float:none;
    }
    .popupOverlay .newPopup.larger {
        top: 3% !important;
        height: 455px;
    }
    .chooseRelayPage .blockRelay .listRelay,
    .chooseRelayPage.blockRelay .listRelay,
    .subblock .blockRelay .listRelay,
    .subblock.blockRelay .listRelay {
        height: 290px;
    }
    .chooseRelayPage .blockRelay .listRelay li label,
    .chooseRelayPage.blockRelay .listRelay li label,
    .subblock .blockRelay .listRelay li label,
    .subblock.blockRelay .listRelay li label {
        font-size: 11px;
    }
    .chooseRelayPage .blockRelay .listRelay li,
    .chooseRelayPage.blockRelay .listRelay li,
    .subblock .blockRelay .listRelay li,
    .subblock.blockRelay .listRelay li {
        padding: 10px;
    }
    .popupOverlay .newPopup .blockActions.relay {
        position: absolute;
        bottom: 10px;
        right:15px;
        left: 15px;
    }
    .popupOverlay .newPopup .blockActions.relay .newBtn.accept {
        font-size: 10px;

        margin-right: 0;
        float: right;
        padding-left: 10px; padding-right: 10px;
    }
    .blockActions .updatePosition .formUpdateRelayList .postal_button {
        font-size: 10px;
    }
    .popupOverlay .newPopup .popupChooseRelay .title {
        display: none;
    }
    .chooseRelayPage.updatePosition, .subblock.updatePosition {
        width: 55%;
        text-align: left !important;
    }
    .blockActions .updatePosition .formUpdateRelayList input.postal_code {
        width: 40%;
        font-size: 10px;
    }
    .chooseRelayPage .blockRelay .listRelay li label button.toggleSchedule,
    .chooseRelayPage.blockRelay .listRelay li label button.toggleSchedule,
    .subblock .blockRelay .listRelay li label button.toggleSchedule,
    .subblock.blockRelay .listRelay li label button.toggleSchedule {
        font-size: 11px
    }
    #blockValidation .totaux-price span {
        color: #000;
    }
    #blockPanier .pageBasket .tabBasket tbody td.visual img, #blockValidation .command-detail .tabBasket tbody td.visual img {
        display: none;
    }
    #blockPanier .pageBasket .tabBasket tbody td.visual #blockValidation .command-detail .tabBasket tbody td.visual {
        width: 3px !important;
        overflow: hidden !important;
    }
    #blockPanier .infos > a {
        font-size: 10px !important;
        line-height: 11px !important;
    }





}

@media screen and (min-width: 480px) and (max-width: 550px){
   #blockLivraison .pageSelectAddress .blockAddress.shop .icon{
    width: 50% !important
   }
   #blockLivraison .pageSelectAddress .blockAddress.shop .price{
    font-size: 16px
   }
   #blockLivraison .pageSelectAddress .blockAddress.shop .price{
        width: 4px !important;
    }
    .group-first button.btn-group{
        padding: 0px 5px;
        font-size: 11px;
    }
    .group-first input[type="text"]{
        font-size: 53%;
    }
    #blockPanier .infos, #blockPanier .infos > a{
        font-size: 11px !important;
    }
    .pageBasket .tabBasket tbody td.visual{
        width: 0px
    }
    .paiement .infoTotal{
        font-size: 14px;
        text-align: center;
    }
    #blockPanier .pageBasket .tabBasket tbody tr.paiement td{
        width: 11%;
        font-size: 12px;
        text-align: center;
    }
    #blockPanier .pageBasket .tabBasket tbody .infos, #blockValidation .command-detail .tabBasket tbody .infos{
        width: 10%
    }
    #blockPanier .pageBasket .tabBasket tbody .quantity, #blockValidation .command-detail .tabBasket tbody .quantity{
        width: 20% !important
    }
    #blockPanier .pageBasket .tabBasket tbody .subtotal, #blockValidation .command-detail .tabBasket tbody .subtotal{
        text-align: right;
    }
    .group-first input::-webkit-input-placeholder {
        color: #c4c4c4;
        font-size: 12px
    }
    .group-first input:-moz-placeholder {
        color: #c4c4c4;
        opacity:  1;
        font-size: 12px
    }
}
@media screen and (max-width: 360px){

    /* To avoid problem with CRITEO banner */
    .blockGlobal { position: relative; }

    #blockPanier .pageBasket .tabBasket tbody td.visual {
        width: 0px;
    }
    .row-fidelity > td .content { line-height: 62px; height: 62px; margin-top: 0; }
    .row-fidelity > td .content img{ width: 40px; }
    .row-fidelity > td .content .text{ max-width: 250px; }
    #blockValidation .command-detail .tabBasket tbody td.visual{
        width: 0%;
    }
    #blockPanier .pageBasket .tabBasket tbody .infos {
        width: 10%;
    }
    #blockValidation .command-detail .tabBasket tbody .infos{
        width: 50%
    }
    #blockPanier .pageBasket .tabBasket tbody .price > p:first-child, #blockValidation .command-detail .tabBasket tbody .price > p:first-child{
        display: none;
    }
    #blockValidation .command-detail .tabBasket .shop-row td{
        text-transform: none !important;
    }
    /*#blockValidation .command-detail .tabBasket .shop-row .shopName{
        padding: 10px 5px 10px 5px !important;
    }*/
    #blockValidation .command-detail .tabBasket .shop-row .shippingPrice{
        padding: 10px 5px 10px 0px !important;
        text-align: center !important;
    }
    #blockValidation .pageCommandSummary .bootstrap .container .blockSelectPayment2 .row.jsSubmitPharmaPayment .static.progress-button[data-perspective] .progress-wrap {
        margin-left: -55px !important;
    }
    #blockValidation .pageCommandSummary .bootstrap .container .blockSelectPayment2 .row.jsSubmitPharmaPayment .static:after{
        margin-left: 20px;
    }
    #blockPanier .infos , .infos > span{
        font-size: 10px !important;
    }
    #blockPanier .group-first button.btn-group{
        position: relative;
        font-size: 10px;
        padding: 0px 15px;
        height: 30px;
        right: -2px;
        float: right;
    }
     #blockPanier .group-first input[type="text"]{
        padding: 0px;
        width: 116% !important;
        height: 30px
    }
    .pageItemDetails .blockMainInfos .itemDetails .block.block-3 .suggest span.text { font-size: 10px; }

    .jsDeliveryForm .selectShipping .tool { margin-right: 0; }
    .jsDeliveryForm .selectShipping .tool .tooltip { width: 240px; left: -270px; }

    .blockHeader .block.block-2 .search { margin: 0 0 0 15px !important; }

    .mainTitle > span > span { font-size: 15px; }

    .show-sidebar {display: inline-block; width: 37%; }
    .show-orderby {display: inline-block; width: 37%; }

    .container .newPharmaForm .row .form-control-placeholder { padding: 21px 0 0 13px !important; }
    .container .newPharmaForm .row .form-group label { font-size: 10px;  }

    .pageQuiSommesNous .dashedAnimatedLine{ margin-left: -270px; }

    .blockSponsorship.landing .subContainer .blockForm .row.rowForm .colButton .progress-wrap{
        width: 105% !important;
    }

    .espaceClient .container { padding-left: 5px; padding-right: 5px; }

    .espaceClient .blocksContainer .newBlock .inner .blockBody .country { display: block; }
    .espaceClient .blocksContainer .newBlock .inner .blockBody .country .tiret { display: none; }

    .blockHeader .block.block-1 .mainLogo {
        width: 215px !important;
        background-position: center 4px;
    }

    .blockShippingSubscription span.input { top: 220px !important; }
    #shippingSubscription { margin: 0 0 25px; }

}
@media screen and (max-width: 480px){

    /* To avoid problem with CRITEO banner */
    .blockGlobal { position: relative; }

    #blockLivraison, #blockPanier, #blockValidation, #blockConnexion, #blockRegistration {
        margin-top: 20px !important;
        margin-bottom: 10px;
    }
    .leftCMD,
    .rightCMD {
        width: 100%;
        float:none;
        margin: 0 0 10px 0;
        text-align: center;
    }

    .leftCMD * {
      -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
              box-sizing: border-box;
    }
    .leftCMD *:before,
    .leftCMD *:after {
      -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
              box-sizing: border-box;
    }

    .rightCMD * {
      -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
              box-sizing: border-box;
    }
    .rightCMD *:before,
    .rightCMD *:after {
      -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
              box-sizing: border-box;
    }

    .panier-cmd,
    .panier-cmd.panier-nxt,
    .panier-cmd.panier-cnt {
        width: 100% !important;
        padding-left: 0;
        padding-right: 0;
        font-size: 14px !important
    }

    #blockLivraison .pageSelectAddress .blockAddress.shop .price {
        font-size: 14px !important;
    }

    #blockPanier .infos {
        font-size: 11px;
    }

    #blockPanier .pageBasket .tabBasket tbody td.infos span {
        font-size: 11px !important;
    }
    .pageBasket .tabBasket tbody td.delete .btn.delete,
    .dd-container,
    div.value {
                transform: scale(0.68);
        -webkit-transform: scale(0.68);
        -moz-transform: scale(0.68);
        -ms-transform: scale(0.68);
        -o-transform: scale(0.68);

    }
    #blockPanier .pageBasket .tabBasket tbody td.subtotal, #blockValidation .command-detail .tabBasket tbody td.subtotal {
        width: 20% !important
    }
    #blockPanier .infos > a > span, #blockPanier .infos > span {
        font-style: 11px !important;
    }

    .dd-option-image, .dd-selected-image{
        display: none;
    }
    .dd-selected-text{
            line-height: 15px !important;
            font-size: 11px !important;
            padding-left: 15px;
            word-break: break-all;
    }
    .dd-selected{
        text-align: left;
    }
    .dd-option-image, .dd-selected-image{
        max-height: 65px !important
    }
    #blockPanier .pageBasket .tabBasket tbody tr.paiement td, #blockValidation .command-detail .tabBasket tbody tr.paiement td{
        font-size: 11px;
    }

    .listLogo > img{
        max-width: 180px;
    }

    #blockPanier .pageBasket .tabBasket tbody td.infos {
        width: 0%
    }
    #blockPanier .pageBasket .tabBasket tbody td.price {
        width: 4px; !important
    }
    #blockPanier .pageBasket .tabBasket tbody td.price *, #blockValidation .command-detail .tabBasket tbody td.price * {
        display: none;
    }
    #blockPanier .pageBasket .tabBasket tbody td.quantity {
        width: 22%;
    }
    .highQuantity p {
        font-size: 10px; line-height: 12px;
    }
    #blockPanier .pageBasket .tabBasket .shop-row td.linePharmaTitle, #blockValidation .command-detail .tabBasket .shop-row td.linePharmaTitle {
        padding-top: 10px; padding-bottom: 10px;
    }
    #blockPanier .pageBasket .tabBasket .shop-row td.linePharmaTitle.emptyLine, #blockValidation .command-detail .tabBasket .shop-row td.linePharmaTitle.emptyLine {
        padding-top: 0; padding-bottom: 0; height: 0;
    }

    /** Recap panier */
    #blockValidation .tile span {

    }
    #blockValidation .totaux-price {
        text-align: right !important;
    }
    #blockValidation .totaux-price span {
        text-align: right !important; font-weight: bold;
        font-size: 15px;
    }
    #blockValidation .quantity .value{
        height: 23px;
        font-size: 15px;
        transform: none;
        -webkit-transform: none;
    }
    #blockValidation .showDetail .showDetailText{
        margin: 2px 0px 6px 0px;
    }
    #blockValidation .command-detail .tabBasket .shop-row td{
        padding: 10px 5px;
    }
    #blockValidation .command-detail .tabBasket .shop-row td.shippingPrice{
        padding: 10px 5px 10px 25px; text-align: right !important;
    }
    #blockValidation .command-detail .tabBasket tbody td.infos {
        width: 50%; padding: 0;
    }
    #blockValidation .command-detail .tabBasket tbody td.visual {
        width: 0px; padding: 0;
    }
    #blockValidation .command-detail .tabBasket tbody td.price {
        width: 0px !important; padding: 0;
    }
    #blockValidation .command-detail .tabBasket tbody td.quantity{
        width: 15% !important; padding: 18px 1px; font-size: 1.5em;
    }
    #blockValidation .command-detail .tabBasket tbody td.subtotal{
        width: 30% !important; padding: 18px 2px 18px !important;
    }
    .progress-button {
        max-width: 100%;
        width: 100%
    }
    #blockInfoContact .livAdress .col a.livModifAdr,
    #blockValidation #blockInfoContact a.livModifAdr {
        position: static;
    }
    #blockInfoContact .col .inner {
        min-height: 0 !important;
        max-height: auto !important;
        height: auto !important
    }
    .livAdress .cmd-pharma > .inner p {
        margin-bottom: 16px !important;
    }

    .group-first input::-webkit-input-placeholder {
    color: #c4c4c4;
    font-size: 11px
    }
    .group-first input:-moz-placeholder {
       color: #c4c4c4;
       opacity: 1;
        font-size: 11px
    }
    #blockPanier .panierTitle > td {
        padding-top: 20px;
    }
    #blockValidation .blockTotalPay .col.col-2 .progress-button {
        margin-top: 15px;
    }

}
@media screen and (min-width: 600px) and (max-width: 880px) {
    .panier-info p {
        text-align: center;
        font-size: 14px;
        color: #434343;
        font-family: "Open Sans";
        font-weight: 300;
        border: 1px solid #E2E2E2;
        background: transparent url("call.png") no-repeat scroll left center;
        padding: 20px 20px 20px 75px;
    }
    #blockValidation .cmd-liv span, #blockValidation .cmd-promo span{
        font-size: 11px
    }
    #blockValidation .cmd-liv-price span{
        font-size: 12px;
    }
    #blockInfoContact .mainTitle > span > span{
        font-size: 12px;
    }
    #blockLivraison .livInfo p, .livAdress p{
        font-size: 11px
    }
    #blockInfoContact .col .inner{
        min-height: 160px;
    }
    #blockValidation .liv-question {
        max-height: none;
    }
    #blockValidation .pageCommandSummary .blockSelectPayment .blockLabel > span > span{
        text-align: left;
    }
    .liv-question .col.col-2 .newBtn.accept {
        margin-right: 5px;
        margin-top: -33px;
    }
    .blockDesc{
        display: none;
    }
    #blockLivraison .pageSelectAddress .blockAddress.shop .icon{
        width: 55%
    }
    .dd-selected-text{
        line-height: 20px !important;
        font-size: 10px !important
    }
    .dd-option-image, .dd-selected-image{
        max-height: 65px !important
    }
}
@media screen and (min-width: 800px) and (max-width: 980px){
    .blockDesc{
        display: block !important;
    }
    #blockLivraison .pageSelectAddress .blockAddress.shop .icon{
     width: 30% !important
    }
    .pharmChange a{
        font-size: 12px;
    }
    .livAdress .livModifAdr {
        font-size: 12px;
        color: #C1BFBF !important;
        font-family: "Open Sans" !important;
    }
    #blockLivraison.pageSummaryCommand .blockAdressRef .col.col-2{
        min-height: 257px
    }
    #blockLivraison .pageSelectAddress .blockAddress.shop .price{
        width: auto;
    }

}
@media screen and (max-width: 768px) {

    .blockHeader .block.block-3 div.basket .cart span.responsive {
        top:-3px !important;
        right: -8px !important;
    }

    thead .totaux-tile{width: 45%}
    thead .totaux-price{ width: 50%; margin: 14px 0 !important; padding-right: 5px !important; }
    /* Improve space between newly already visible search bar and all blocks following */
    #blockPanier .panierTitle { padding-top: 0px; }
    .centerContent .blockCenter.column.column-1.large { padding-top: 0px !important; }
    #blockValidation .command-title .command-top { padding-top: 0 !important; }
    .blockSiteMap .lineMap { padding-top: 0px !important }
    .pageClientAccount { padding-top: 0 !important;  }
    .pageClientAccount .col.col-1 { display: none; }
    .pageClientAccount .col + .col > .inner { padding: 0 !important; }
    .newTitle h2 { margin-top: 0px !important; padding-top: 0px !important;  }
    #blockLivraison h2 { margin-top: 0 !important; }
    .blockAssets { margin: 10px 10px 35px; }
    .socialLinks .btnContainer a.link { text-align: center; }
    .pageItemDetails .blockMainInfos .itemDetails .block.block-2 .infos.stock .infoStock.noStock > span { float: none; }
    .pageItemDetails .blockMainInfos .itemDetails .block.blockTabs .inner > ul.nav > li > a.current { height: 15px; }
    .pageItemDetails .blockMainInfos .itemDetails .block.blockTabs .inner > ul.nav > li > a { font-size: 9px;  }
    .pageItemDetails .blockMainInfos .itemDetails .block.blockTabs .inner > ul.nav > li.contreindications >  a{ padding: 7px 0 20px }

    .socialLinks .btnContainer.bookmark a.link  {
        text-indent: 0 !important; /*background-position: 35px 8px !important;*/
    }
    .socialLinks .btnContainer.bookmark a.link.active  {
        background-position: 30px -143px !important;
    }
    .socialLinks .btnContainer.share a.link  {
        text-indent: -11px !important;  background-position: -410px 9px !important;
    }
    #blockValidation .infos > a{
        font-size: 13px !important
    }
    #blockValidation .infos > a > span {
        font-weight: bold;
    }
    #blockValidation .price > p{
        font-size: 11px
    }
    #blockValidation .price p .new{
        font-size: 13px;
    }
    #blockValidation .quantity{
        font-size: 11px
    }
    #blockValidation span.new{
        font-size: 13px;
    }
    #blockValidation .tabBasket thead{
        display: table-caption !important;
    }
    #blockValidation .tabBasket tr.fidelity td.totaux-price .input-group{
        width: inherit;
        right: 0px;
    }
    #blockValidation .tabBasket tr.fidelity .plus-minus-input .input-group-button{
        display: block;
    }
    #blockValidation .tabBasket tr.fidelity td.totaux-price .input-group .priceContainer{
        width: inherit;
    }
    #blockValidation .infos > a > span {
        font-weight: bold; font-size:
    }
/*    #blockValidation .tabBasket tfoot{
        display: table-footer-group !important;
    }
    #blockValidation .tabBasket tbody {
        display: table-header-group !important;
    }*/
    .showDetail{
        display: none;
    }
    /*.noMobileW122 {
        display:none;
    }*/
    .brandPictureFavorite {
        width: 43%;
    }
    .inner.withoutSubbrands {
        text-align: center;
    }
    .inner.withoutSubbrands .brandPictureFavorite {
        width: 100%; float: none;
    }
    #blockPanier .tabBasket td.quantity div.quantity, #blockPanier .tabBasket td.quantity div.frequency {
        display: block; margin: 0; width: 100% !important;
    }
    #blockPanier .tabBasket td.quantity div.quantity select, #blockPanier .tabBasket td.quantity div.frequency select {
        width: 120px;
    }
    #blockLivraison .pageSelectAddress .blockAddress.shop .icon{
        width: 70%
    }
    .blockDesc{
        display: none;
    }
    #blockValidation .pageCommandSummary .blockSelectPayment .blockLabel > span > span{
        text-align: left ;
    }
    #blockValidation .pageCommandSummary .blockSelectPayment .blockLabel {
        width: 49% !important;
        border: 0;
    }
    #blockValidation .blockTotalPay .col.col-1,
    #blockValidation .blockTotalPay .col.col-2 {
        width: 100%;
        float:none;
        clear: both;
        margin-bottom: 20px;
    }
    #blockValidation .pageCommandSummary .blockSelectPayment .blockLabel input {
        margin-left: 30px;
    }
    #blockValidation .pageCommandSummary .blockSelectPayment .blockLabel > span {
        border: 1px solid #e5e5e5 !important;
    }
    #blockValidation .pageCommandSummary .blockSelectPayment .blockLabel.paypal {
        float: right;
        margin-right: -10px !important;
        padding: 0 !important;
    }
    .panier-cmd {
        width: auto !important;
        margin: 0 auto;
    }
    #blockValidation .blockTotalPay .col.col-2 {
        text-align: center !important;
    }
    .dd-option-text  { line-height: 20px !important}
    .popupOverlay .newPopup.larger {
        transform: scale(0.93);
        -webkit-transform: scale(0.93);
        -moz-transform: scale(0.93);
        -ms-transform: scale(0.93);
        -o-transform: scale(0.93);

    }
    .blockActions .updatePosition .formUpdateRelayList input.postal_code {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0);
        -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0);
        box-shadow: 0 0 5px rgba(0, 0, 0, 0);
        background: #fff !important;
    }
    .blockList .item { height: auto !important}
    .blockList .item > .inner { max-height: none !important}
    /*.pageItemDetails .blockMainInfos .col + .col {
        width: 100%;
    }*/
/*****/
.pageItemDetails .blockMainInfos .itemDetails .block.block-2 .infos.selection {
    padding: 0;
}
.pageItemDetails .blockMainInfos .itemDetails .block.block-2 .infos.selection .select {
    margin: 0 auto;
}
.pageItemDetails .blockMainInfos .itemDetails .block.block-2 .infos.selection .select .label{
    font-size: 14px !important;
}
/*.pageItemDetails .blockMainInfos .itemDetails .block.block-2 .infos.selection .select .value .custom-select > span > span {
    font-size: 18px !important;
}*/
.pageItemDetails .blockMainInfos .itemDetails .block.block-2 .infos.selection .select .value{
    zoom: 1.5;
}
    .pageItemDetails .blockMainInfos .itemDetails .block.block-2 .priceInfos,
    .pageItemDetails .blockMainInfos .itemDetails .block.block-2 .priceInfos .price.new {
        text-align: center;
    }

    .pageItemDetails .blockMainInfos .itemDetails .block.block-2 .infos.basket .button-2.basket.v3 {
        width: auto !important;
        margin: 0 auto !important;
    }
    .pageItemDetails .blockMainInfos .itemDetails .block.block-2 .infos.basket {
        text-align: center !important;
    }
    .socialLinks {
        text-align: center;
        padding: 15px 0;
        margin: 5px 0 0 0;
        text-align: center;
    }
    .socialLinks .btnContainer {
        float: none !important;
        display: inline-block !important;
    }
    .socialLinks .btnContainer.bookmark {
        float: left !important;
    }
    .pageItemDetails .blockMainInfos .itemDetails .block.block-2 .infos.subscription {
        height: 50px;
    }
    .pageItemDetails .blockMainInfos .itemDetails .block.block-2 .infos.stock .infoStock > span {
        margin: 0 !important;
        float: none;
    }
    .pageItemDetails .blockMainInfos .itemDetails .block.block-2 .infos.stock .infoStock.noStock{
        margin-top: 0;
        margin-bottom: 0;
    }
    .pageItemDetails .blockMainInfos .itemDetails .block.block-2 .infos.stock {
        text-align: center;
        margin: 15px 0;
    }
    .pageItemDetails .blockMainInfos .itemDetails .block.block-2 .infos.subscription label{
        height: 44px;
        width: 48%;
    }
    .pageItemDetails .blockMainInfos .itemDetails .block.block-2 .infos.subscription label:first-child{
        float: left;
    }
    .pageItemDetails .blockMainInfos .itemDetails .block.block-2 .infos.stock:before {
        border: 0;
    }
    .pageItemDetails .blockMainInfos .itemDetails .block.block-2 .infos.stock .infoStock > span {
        -webkit-transform: scale(0.85);
        -ms-transform: scale(0.85); 
        transform: scale(0.85); 
    }
    .pageItemDetails .blockMainInfos .itemDetails .block.block-2 .infos.stock {
        padding: 0;
    }
    .pageItemDetails .blockMainInfos .itemDetails .block.block-2 .infos {
        margin-left: 0;
        margin-right: 0;
    }

}
@media screen and (min-width: 768px) {
    #blockLivraison .pageSelectAddress .blockAddress.shop > .inner:hover span.text{
        display: none !important;
    }
    .pageSelectAddress .blockAddress.shop .icon {
    background-position: center center !important;
    }
    /*.popupOverlay .newPopup {
        width: 93%;
        margin-left: -38.5%;
    }*/

}
@media (max-width: 768px) {
    .pageItemDetails .blockMainInfos .col + .col {
        width: 100%;
    }
    .pageItemDetails .blockMainInfos .itemDetails .block.block-2 .infos.selection .select .value {
        height: 26px;
    }
    .pageItemDetails .blockMainInfos .itemDetails .block.block-2 .infos.selection > span {
        margin: 10px 0;
    }
    .pageItemDetails .blockMainInfos .itemDetails .block.block-2 .infos.selection .select .custom-select-container .custom-select > span{
        padding: 0 8% 0 0;
    }

    #shippingSubscription{ margin-left: 0; margin-right: 0; }
    /*.blockShippingSubscription .buttons .button { margin-top: 10px; }*/
    .blockShippingSubscription .description ul {margin-left: 5px;}
    .blockShippingSubscription .block-description { padding-top: 0; }
    #shippingSubscription .inner {
        padding-top: 40px;
        padding-bottom: 50px;
    }
    .blockShippingSubscription span.input { top: 175px; }

}
@media screen and (min-width: 768px) and (max-width: 1040px){
    .blockList .item { height: auto !important}
    .blockList .item > .inner { max-height: 371px !important}
    .blockGlobal.responsive .blockCenter .pageItemDetails .blockMainInfos .col.col-1.mainVisual { width: 48% !important; }
    .blockGlobal.responsive .blockCenter .pageItemDetails .blockMainInfos .col.col-2.itemDetails { width: 48% !important; }

}
@media screen and (min-width: 768px) and (max-width: 980px){
    .blockDesc{
        display: block !important;
    }
.pharmChange a{
        font-size: 11px;
    }
    .livAdress .livModifAdr {
        font-size: 12px;
        color: #C1BFBF !important;
        font-family: "Open Sans" !important;
    }
    #blockLivraison.pageSummaryCommand .blockAdressRef .col.col-2{
        min-height: 256px
    }
    #blockLivraison .pageSelectAddress .blockAddress.shop .price{
        width: 20%;
    }
    #blockLivraison .pageSelectAddress .blockAddress.shop .icon{
     width: 30% !important
    }
    .steps > .step:before, .steps > .step:after{
        width: 33%
    }
    #blockPanier .subtotal .new, #blockPanier .price p .new{
        font-size: 16px
    }
    .dd-selected-text{
        line-height: 35px !important;
    }
}
@media screen and (min-width: 768px) and (max-width: 800px){
    #blockPanier .tabBasket tr:not(.panierTitle) > td{
        padding: 25px 0px;
    }
    .pageItemDetails .blockMainInfos .itemDetails .block.block-2 form {
        width: 96%;
    }
    .pageItemDetails .blockMainInfos .itemDetails .block.block-2 form .infos {
        padding-right: 2px !important;
    }
}

/* ipad pro and low desktop resolution */
/* Attention cela a un impact sur toutes les résolution desktop */
@media screen and (min-width: 1024px){

    #blockLivraison.pageSummaryCommand .blockAdressRef .col.col-2{
        min-height: 286px
    }

    #blockLivraison.pageSummaryCommand .blockAdressRef .col.col-1 .inner .informations > .picture{
        margin-top: -25px;
        width: 156px;
        height: auto;
    }

    .blockGlobal.responsive .blockHeader .block.block-2 {
        width: 100%;
        text-align: center;
        margin: 20px auto;
        padding: 30px 0 15px 0;
    }
    .blockGlobal.responsive .blockHeader .block.block-2 .search{
        width: 35%;
        position: relative;
        margin: auto;
    }

/*    .socialLinks .btnContainer a.link{ text-align: center; padding-left: 25px !important; }
    .socialLinks .btnContainer.bookmark a.link { background-position: 60px 10px ; }
    .socialLinks .btnContainer.bookmark a.link.loader { background-position: 58px 9px !important; }
    .socialLinks .btnContainer.bookmark a.link.active,
    .socialLinks .btnContainer.bookmark a.link:hover { background-position: 60px -141px; }
    .socialLinks .btnContainer.share { padding: 0 !important; }
    .socialLinks .btnContainer.share a.link,
    .socialLinks .btnContainer.share a.link:hover { background-position: -380px 10px; }
    .socialLinks .btnContainer.share .shareLinks{ top: 42px; }
    .socialLinks .btnContainer.share .shareLinks li{ margin: 4px !important; }
    .socialLinks .btnContainer.share .shareLinks li a{ margin: 0 !important; }*/

}

/*TPL LIGHT PAYMENT */
@media screen and (max-width: 1024px){
    .tplLight .blockHeader .block-text {
        padding-right: 10px;
        text-align: center;
    }
    .tplLight .blockCenter {
        max-width: auto;
        width: auto;
        padding: 20px;
    }
    .blockMenuTop .blockMenu > .inner,
    .headerTop > .inner,
    .blockHeader,
    .blockHeader > .inner, 
    .blockMainMenu > .inner, 
    .blockCenter > .inner, 
    .blockAssets > .inner, 
    .blockTop > .blockShadow > .inner, 
    .blockAbout > .inner > .inner, 
    .blockFooter > .block > .inner {
        width: auto;
        max-width: 100%;
        min-width: 0;
    }
    .tplLight .form input.text {
        width: 50%;
    }
    .tplLight .form input.date {
        width: 80px;
    }
    .tplLight .form input.crypt {
        width: 80px;
    }
    .tplLight .titlePage {
        margin: 0;
    }
}
@media screen and (max-width: 720px){
    .tplLight .blockHeader .block-text {
        float: none;
        margin: 17px auto;
        padding-left: 17px !important;
    }
    .tplLight .blockHeader inner {
         margin: auto;
    }
    .tplLight .formCB {
        width: 100%;
    }
    .tplLight .formCB #card-element {
        float: none; width: 90%; margin-right: 0px; margin-top: 0px;
    }
    .tplLight .form input.text {
        width: 54%;
    }
    .tplLight .form input.date {
        width: 80px;
    }
    .tplLight .form input.crypt {
        width: 80px;
    }
}
@media screen and (max-width: 560px){
    .tplLight .form .row {
        text-align: center;
    }
    .tplLight .form label {
        width: auto;
        display: block;
        float: none;
        text-align: center;
        margin-bottom: 10px;
    }
    .tplLight .validationPay {
        background-size: 50%;
        background-position: center 95px;
        text-align: center;
        padding-bottom: 70px;
    }
    .tplLight .form input.text {
        width: 68%;
        float: none;
        margin: 2px auto 0;
        vertical-align: middle;
        display: inline-block;
    }
    .tplLight .form input.date {
        width: 80px;
    }
    .tplLight .form input.crypt {
        width: 80px;
    }
    .tplLight .tabBasket td {
        width: 60%;
    }
    .tplLight .form .row * {
        text-align: center;
        vertical-align: middle;
    }
    .tplLight .formCB {
        padding:0;
    }
    .tplLight .bigButtonsRadio label {
        width: auto;
        margin-left: 0;
        margin-right: 0;
    }
    .tplLight .page .titlePage {
        padding-bottom: 0;
        margin-bottom: -15px;
    }
}
@media (max-width: 500px) {

    .totaux-tile { font-size: 14px;}
    .tabBasket thead th {
        padding-bottom: 22px;
    }
    #blockValidation .tabBasket tfoot td {
        padding: 14px 0 !important;
    }
    #blockValidation .cmd-panier a,
    #blockValidation .cmd-liv-code span, #blockValidation .cmd-promo-code span,
    #blockValidation .cmd-liv span, #blockValidation .cmd-promo span {
        font-size: 12px;
    }


    #blockValidation .pageCommandSummary .blockSelectPayment .blockLabel.carte-de-credit > span > span > span {
        width: 26%;
    }
    #blockValidation .pageCommandSummary .blockSelectPayment .blockLabel input {
        margin-left: 9px;
        margin-right: 4px;
    }
    #blockValidation .pageCommandSummary .blockSelectPayment .blockLabel.paypal {
        margin-right: -3px !important;
    }
    #blockValidation .pageCommandSummary .blockSelectPayment .blockLabel.paypal > span > span > span {
        width: 26%;
    }

}
@media (max-width: 320px) {

    #blockPanier .tabBasket td.quantity div.quantity select, #blockPanier .tabBasket td.quantity div.frequency select {
        width: 100px;
    }
    .row-fidelity > td .content { line-height: 65px; height: 65px; margin-top: 0; }
    .row-fidelity > td .content img{ width: 30px; }
    .row-fidelity > td .content .text{ max-width: 226px; }
    #blockValidation .pageCommandSummary .blockSelectPayment .blockLabel input {
        margin-left: 4px;
        margin-right: 2px;
    }

    #blockValidation .pageCommandSummary .blockSelectPayment .blockLabel.carte-de-credit > span > span > span {
        width: 18%;
    }
    #blockValidation .pageCommandSummary .blockSelectPayment .blockLabel.paypal > span > span > span {
        width: 21%;
    }
    #blockValidation .command-detail{ padding: 0 10px; }
    #blockValidation .pageCommandSummary .bootstrap .container .blockSelectPayment2 .row.jsSubmitPharmaPayment .static.progress-button[data-perspective] .progress-wrap {
        margin-left: -60px !important;
    }
    #blockValidation .pageCommandSummary .bootstrap .container .blockSelectPayment2 .row.jsSubmitPharmaPayment .static:after{
        margin-left: 15px;
    }


    .socialLinks .btnContainer.bookmark a.link {
        background-position: 30px 8px !important;
    }
    .socialLinks .btnContainer.share a.link {
        background-position: -410px 9px !important;
    }
    .blockAssets .assets .item > a > span > span { font-size: 15px; }
    .pageItemDetails .blockMainInfos .itemDetails .block.blockTabs .inner > ul.nav > li.posologie >  a,
    .pageItemDetails .blockMainInfos .itemDetails .block.blockTabs .inner > ul.nav > li.contreindications >  a{ padding: 7px 0 20px }
    .button-2.basket.v3 span span span span { margin-left: 0px; }
    .product-prices tr td { padding: 15px 4px; }

    .popupOverlay .newPopup {
        top: 10% !important;
    }

    .newStatic .headerStatic {
        padding: 0px 15px 20px 15px;
        background-size: 100% 100%;
    }
    .newStatic .headerStatic img { margin: 29px 10px 18px 0px !important; width: 60px;  }
    .newStatic .headerStatic h1 {
        padding: 30px 0 0 0;
        font-family: 'Open Sans', sans-serif;
        font-size: 16px;
        text-align: left;
    }
    .newStatic .headerStatic h2 {
        font-size: 13px;
        margin-bottom: 15px;
    }
    .newStatic .row .cell{ width: 100%; float: none;}
    .newStatic .row .cell.cell-1 .inner { padding: 10px; border-right: none; }
    .newStatic .row .cell.cell-2 .inner { padding: 10px; border-right: none; }
    .newStatic p.higher {height: auto !important; }

    .pageItemDetails .blockMainInfos .itemDetails .block.block-3 .suggest span.text { font-size: 9px; }

    .blockResponsiveNavButtons .shortcut { font-size: 11px; }

    .blockHeader .block.block-3 div.basket .cart {
        position: relative;
        margin-top: 3px;
        right: 12px;
        width: 45px;
    }
    .blockHeader .block.block-1 .mainLogo {
        width: 190px !important;
        background-position: center 8px;
    }

    .promotionBanner .text { font-size: 11px; }
    .promotionBanner .picto.expressShipping {width: 40px;}

    .show-sidebar, .show-orderby  {display: inline-block; width: 35%; }

    .blockHeader .block.block-2 .search { margin: 0 0 0 15px !important; }

    #blockRegistration .container .row .form-control:focus + .form-control-placeholder, #blockRegistration .container .row .form-control.filled + .form-control-placeholder {
        font-size: 70% !important;
    }
    .container .newPharmaForm .row .form-control-placeholder { padding: 21px 0 0 13px !important; }
    .container .newPharmaForm .row .form-group label { font-size: 10px !important;  }
    .container .newPharmaForm .row.rowFooter .form-group .g-recaptcha { margin-left: -16px; }

    .pageQuiSommesNous .dashedAnimatedLine{ margin-left: -300px; }

    .jsDeliveryForm .selectShipping .tool .tooltip { width: 200px; left: -230px; height: 125px; top: -66px; }

    .blockShippingSubscription span.input { top: 235px !important; }

    .blockSponsorship.landing .blockIntro .advantage .block { padding: 0; }
    .blockSponsorship.landing .blockIntro .advantage { margin-bottom: 25px; flex: 0 0 100%; max-width: 100%;}
    .blockSponsorship.landing .subContainer .blockForm .row.rowForm .colButton .progress-wrap{
        width: 106% !important;
    }

    .espaceClient.fidelityPage .rowTable { font-size: 0.9em !important; }
    /*.espaceClient.fidelityPage .rowTable .rowTableHeader .date, .espaceClient.fidelityPage .rowTable .rowTableLine .date { padding-left: 5px; padding-right: 5px; }
    .espaceClient.fidelityPage .rowTable .rowTableHeader .reference, .espaceClient.fidelityPage .rowTable .rowTableLine .reference { padding-left: 5px; padding-right: 5px; }
    .espaceClient.fidelityPage .rowTable .rowTableHeader .amount, .espaceClient.fidelityPage .rowTable .rowTableLine .amount { padding-right: 5px;  }
    .espaceClient.fidelityPage .rowTable .rowTableHeader .comment, .espaceClient.fidelityPage .rowTable .rowTableLine .comment { padding-left: 5px; padding-right: 5px;  }*/

}
@media screen and (max-width: 1440px) and (min-width: 768px) {
    .blockCarouselHome .flexslider .slides .item img {
        margin-left: 0;
        max-height: none;
        height: auto !important;
        width: 100%;
    }
    .blockCarouselHome .flexslider .inner {
        min-height: 0;
    }
    .blockCarouselHome .flexslider {
        height: auto !important;
    }
}

/* For low Desktop resolution */
@media screen and (max-width: 1000px) and (min-width: 768px) {
    .popupOverlay .newPopup.larger {
        left: 45% !important;
        right: 45% !important;
        top: 5% !important;
    }

    /*#shippingSubscription .inner {
        padding-top: 40px;
        padding-bottom: 60px;
    }*/
    .blockShippingSubscription span.input { top: 130px; }
    #shippingSubscription { margin: 0 0 25px; }

}

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

    #shippingSubscription .inner {
        padding-top: 40px;
        padding-bottom: 60px;
    }
    .blockShippingSubscription span.input { top: 210px; }

}

/*  iPhone X, iPhone 6/7/8 */
@media screen and (max-width: 375px) {

  .show-sidebar {
    width: 37%;
  }

  .blockResponsiveNavButtons .shortcut { padding: 10px 10px; }

  .container .newPharmaForm .row .form-control-placeholder { padding: 20px 0 0 13px !important; }
  .container .newPharmaForm .row .form-group label { font-size: 12px;  }

  .blockShippingSubscription span.input {
      top: 200px;
  }
}

/* For iphone 4 and 5 */
@media screen and (max-height: 500px) {
    .popupOverlay .newPopup.larger {
        top: 3% !important;
        height: 380px;
    }
    .chooseRelayPage .blockRelay .listRelay, .chooseRelayPage.blockRelay .listRelay, .subblock .blockRelay .listRelay, .subblock.blockRelay .listRelay{
        height: 220px;
    }
}