/* Personnalisation des styles par BLSOL inc. */
/* http://www.blsol.com */
/* Ajustements pour site Web adaptatif */

/* -------------------------------------------------------------
    Ordinateur (Écran large)
------------------------------------------------------------- */
@media only screen and (min-width: 1200px){
    /* Les collections sur l'accueil */
    div.t3-manufacturer div.container div.wrap div#Mod159.t3-module.module div.module-inner div.module-ct div.custom div.jsn-bootstrap3 div.row div.col-md-4.col-sm-4.col-xs-12:first-child div.jsn-bootstrap3.jsn-pagebuilder.pb-element-container.pb-element-image.collection div.text-center {
        text-align: right !important;
        margin: auto !important;
    }
    div.t3-manufacturer div.container div.wrap div#Mod159.t3-module.module div.module-inner div.module-ct div.custom div.jsn-bootstrap3 div.row div.col-md-4.col-sm-4.col-xs-12:last-child div.jsn-bootstrap3.jsn-pagebuilder.pb-element-container.pb-element-image.collection div.text-center {
        text-align: left !important;
        margin: auto !important;
    }
}

/* -------------------------------------------------------------
    iPad (paysage)
------------------------------------------------------------- */
@media only screen and (min-width: 960px) and (max-width: 1199px){
    /* Navigation principale */
    .navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav span.separator {
        font-size: 11px;
        padding-left: 6.333px;
        padding-right: 6.333px;
    }
    /* Les collections sur l'accueil */
    div.t3-manufacturer div.container div.wrap div#Mod159.t3-module.module div.module-inner div.module-ct div.custom div.jsn-bootstrap3 div.row div.col-md-4.col-sm-4.col-xs-12:first-child div.jsn-bootstrap3.jsn-pagebuilder.pb-element-container.pb-element-image.collection div.text-center {
        text-align: right !important;
        margin: auto !important;
    }
    div.t3-manufacturer div.container div.wrap div#Mod159.t3-module.module div.module-inner div.module-ct div.custom div.jsn-bootstrap3 div.row div.col-md-4.col-sm-4.col-xs-12:last-child div.jsn-bootstrap3.jsn-pagebuilder.pb-element-container.pb-element-image.collection div.text-center {
        text-align: left !important;
        margin: auto !important;
    }

    header div.eshop-header-2 div.t3-spotlight div#Mod95.t3-module.module div.module-inner div.module-ct div.custom h1 {
        border-right: medium none;
        font-size: 18px;
        text-align: center !important;
        float: left;
    }

    header div.eshop-header-2 div.t3-spotlight div#Mod95.t3-module.module div.module-inner div.module-ct div.custom {
        margin-left: -46px;
        margin-top: 6px;
        text-align: center;
    }
    /* Annonce Info-Beauté */
    div.annonce-performax div.row {
        width: 100% !important;
    }
    div.annonce-performax div.row div.col-md-2.col-sm-2.col-xs-12 {
        width: 20% !important;
    }
    div.annonce-performax div.row div.col-md-8.col-sm-8.col-xs-12 {
        width: 60% !important;
    }
        div.annonce-performax div.row div.col-md-8.col-sm-8.col-xs-12 div div.pb-element-text div p {
            line-height: 16px;
            margin-top: 16px;
            text-align: center;
        }
            div.annonce-performax div.row div.col-md-8.col-sm-8.col-xs-12 div div.pb-element-text div p strong {
                font-size: 18px;
                line-height: 31px;
            }
    /* Shop Introduction */
    div.eshop-shop-introduction div.introduction {
        margin: 30px auto 0 auto;
        font-size: 16px;
        padding: 0 75px;
    }
}

/* -------------------------------------------------------------
    iPad (portrait)
------------------------------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 959px){
    /* Header / Bande noire */
    div.eshop-header {
        display: none;
    }
    /* Header / Slogan */
    header div.eshop-header-2 div.t3-spotlight div#Mod95 {
        display: none;
    }
    /* Header / Recherche */
    /*.t3-header .t3-eshop-header2 .eshop-search .product_search {
        width: 125px;
    }*/
    /* Header / Panier */
    header div.eshop-header-2 div.t3-spotlight div#eshop-cart div.eshop-items a span {
        display: none;
    }
    /* Navigation principale */
    .navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav span.separator {
        font-size: 12px;
        padding-left: 6.333px;
        padding-right: 7.333px;
    }
    /* Les collections sur l'accueil */
    div.t3-manufacturer div.container div.wrap div#Mod159.t3-module.module div.module-inner div.module-ct div.custom div.jsn-bootstrap3 div.row div.col-md-4.col-sm-4.col-xs-12:first-child div.jsn-bootstrap3.jsn-pagebuilder.pb-element-container.pb-element-image.collection div.text-center {
        text-align: right !important;
        margin: auto !important;
    }
    div.t3-manufacturer div.container div.wrap div#Mod159.t3-module.module div.module-inner div.module-ct div.custom div.jsn-bootstrap3 div.row div.col-md-4.col-sm-4.col-xs-12:last-child div.jsn-bootstrap3.jsn-pagebuilder.pb-element-container.pb-element-image.collection div.text-center {
        text-align: left !important;
        margin: auto !important;
    }
    /* Annonce Info-Beauté */
    div.annonce-performax div.row {
        width: 100% !important;
    }
    div.annonce-performax div.row div.col-md-2.col-sm-2.col-xs-12 {
        width: 25% !important;
    }
        div.annonce-performax div.row div.col-md-2.col-sm-2.col-xs-12 h1 {
            font-size: 32px !important;
        }
    div.annonce-performax div.row div.col-md-8.col-sm-8.col-xs-12 {
        width: 50% !important;
    }
        div.annonce-performax div.row div.col-md-8.col-sm-8.col-xs-12 div div.pb-element-text div p {
            line-height: 16px;
            margin-top: 16px;
            text-align: center;
        }
            div.annonce-performax div.row div.col-md-8.col-sm-8.col-xs-12 div div.pb-element-text div p strong {
                font-size: 18px;
                line-height: 22px;
            }
    /* Shop Introduction */
    div.eshop-shop-introduction div.introduction {
        margin: 30px auto 0 auto;
        font-size: 16px;
        padding: 0 25px;
    }
}

/* -------------------------------------------------------------
    iPhone (paysage)
------------------------------------------------------------- */
@media only screen and (min-width: 481px) and (max-width: 767px){
    /* Header / Bande noire */
    div.eshop-header {
        display: none;
    }
    /* Header / Logo */
    header#t3-header {
        background-color: #eeeeee;
    }
    /* Header / Slogan */
    header#t3-header div.eshop-header-2 div.t3-spotlight div.custom {
        margin: 0 !important;
        padding: 0 !important;
    }
    header#t3-header div.eshop-header-2 div.t3-spotlight div.custom h1 {
        margin: 0 !important;
        padding: 0 !important;
    }
    /* Header / Recherche */
    header#t3-header div.eshop-header-2 div.t3-spotlight div#Mod93 div.eshop-search {
        margin: 0 auto;
        width: 100%;
    }
    /* Header / Panier */
    header#t3-header div.eshop-header-2 div.t3-spotlight div#eshop-cart.eshop-cart {
        width: 100%;
    }
    /* Accueil / Auteur vedette */
    .view-frontpage div.t3-spotlight.t3-spotlight-1.row div.col-lg-4.col-md-6.col-sm-6.col-xs-12 {
        display: none;
    }
    /* Accueil / Naviguer par collections */
    .view-frontpage nav.wrap.t3-shop-by-cat {
        display: none;
    }
    /* Accueil / Rabais */
    .view-frontpage .t3-featured-product div.modulerabais {
        display: none;
    }
    /* Footer */
    footer div.container div.t3-spotlight.t3-footnav div.col-xs-6 {
        min-height: 295px;
    }
    /* Copyright */
    footer section.t3-copyright div.footer-right {
        display: none;
    }
    /* Retouches Header par Richard 2016-11-02 */
    header#t3-header.container.t3-header div.eshop-header-2 div.t3-spotlight.t3-eshop-header2.row div.col-lg-6.col-md-6.col-sm-6.col-xs-6 div#Mod95.t3-module.module {
        display: none;
    }
    header#t3-header.container.t3-header div.eshop-header-2 div.t3-spotlight.t3-eshop-header2.row div.col-lg-6.col-md-6.col-sm-6.col-xs-6 div#Mod88.t3-module.module {
        margin-top: 0;
    }
    header#t3-header.container.t3-header {
        padding-bottom: 0;
    }
    header#t3-header.container.t3-header div.row div.col-xs-12.col-sm-4.logo {
        width: 50%;
    }
    header#t3-header.container.t3-header div.row div.col-xs-12.col-sm-8 {
        width: 50%;
    }
    header#t3-header.container.t3-header div.col-lg-6.col-md-6.col-sm-6.col-xs-6 div#eshop-cart.eshop-cart div.eshop-items a span {
        display: none !important;
    }
    header#t3-header.container.t3-header div.col-lg-6.col-md-6.col-sm-6.col-xs-6 div#eshop-cart.eshop-cart div.eshop-items a span#eshop-cart-total {
        display: inherit !important;
    }
    /* Retouches Slider par Richard 2016-11-02 */
    /* Slider 1 */
    nav.wrap.t3-slideshow div.sp-slider-items div.sp-slider-item.odd.item-1 div.container div.sp-slider-content {
        display: none;
    }
    nav.wrap.t3-slideshow div.sp-slider-items div.sp-slider-item.odd.item-1 div.sp-slider-image {
        background-position: -12px center !important;
    }
    /* Slider 2 */
    nav.wrap.t3-slideshow div.sp-slider-items div.sp-slider-item.even.item-2 div.sp-slider-image {
        background-position: -140px center !important;
    }
    /* Annonce Info-Beauté */
    div.annonce-performax div.row {
        width: 100% !important;
    }
    div.annonce-performax div.row div.col-md-2.col-sm-2.col-xs-12 {
        width: 100% !important;
    }
        div.annonce-performax div.row div.col-md-2.col-sm-2.col-xs-12 h1 {
            margin-bottom: 0;
            margin-top: 8px;
            text-align: center !important;
        }
        div.annonce-performax div.row div.col-md-2.col-sm-2.col-xs-12 div div.jsn-bootstrap3.jsn-pagebuilder.pb-element-container.pb-element-button {
            margin-bottom: 14px;
            margin-top: -19px;
            text-align: center !important;
        }
    div.annonce-performax div.row div.col-md-8.col-sm-8.col-xs-12 {
        width: 100% !important;
    }
        div.annonce-performax div.row div.col-md-8.col-sm-8.col-xs-12 div div.pb-element-text div p {
            margin-top: 0;
            padding-left: 30px;
            padding-right: 30px;
            text-align: center;
        }
            div.annonce-performax div.row div.col-md-8.col-sm-8.col-xs-12 div div.pb-element-text div p strong {
                line-height: 24px;
            }
    /* Shop Introduction */
    div.eshop-shop-introduction div.introduction {
        margin: 30px auto 0 auto;
        font-size: 16px;
        padding: 0 30px;
    }
}

/* -------------------------------------------------------------
    iPhone (portrait)
------------------------------------------------------------- */
@media only screen and (max-width: 480px){
    /* Header / Bande noire */
    div.eshop-header {
        display: none;
    }
    /* Header / Logo */
    header#t3-header {
        background-color: #eeeeee;
    }
    /* Header / Slogan */
    header#t3-header div.eshop-header-2 div.t3-spotlight div.custom {
        margin: 0 !important;
        padding: 0 !important;
    }
    header#t3-header div.eshop-header-2 div.t3-spotlight div.custom h1 {
        margin: 0 !important;
        padding: 0 !important;
    }
    /* Header / Recherche */
    header#t3-header div.eshop-header-2 div.t3-spotlight div#Mod93 div.eshop-search {
        margin: 0 auto;
        width: 100%;
    }
    /* Header / Panier */
    header#t3-header div.eshop-header-2 div.t3-spotlight div#eshop-cart.eshop-cart {
        width: 100%;
    }
    /* Accueil / Intro */
    .eshop-shop-introduction h2 {
        font-size: 27px;
    }
    /* Accueil / Auteur vedette */
    .view-frontpage div.t3-spotlight.t3-spotlight-1.row div.col-lg-4.col-md-6.col-sm-6.col-xs-12 {
        display: none;
    }
    /* Accueil / Naviguer par collections */
    .view-frontpage nav.wrap.t3-shop-by-cat {
        display: none;
    }
    /* Accueil / Témoignages */
    .osTestimonial p.content-testimonial {
        font-size: 17px;
    }
    /* Accueil / Rabais */
    .view-frontpage .t3-featured-product div.modulerabais {
        display: none;
    }
    /* Footer */
    footer div.container div.t3-spotlight.t3-footnav div.col-xs-6 {
        min-height: 350px;
    }
    /* Copyright */
    footer section.t3-copyright div.footer-right {
        display: none;
    }
    header div.eshop-header-2 div.t3-spotlight div#Mod95.t3-module.module div.module-inner div.module-ct div.custom h1 {
    display: none;
    }
    .col-xs-6 {
    width: 100%;
    }
    /* Retouches Header par Richard 2016-11-02 */
    header#t3-header.container.t3-header div.eshop-header-2 div.t3-spotlight.t3-eshop-header2.row div.col-lg-6.col-md-6.col-sm-6.col-xs-6 div#Mod95.t3-module.module {
        display: none;
    }
    header#t3-header.container.t3-header div.eshop-header-2 div.t3-spotlight.t3-eshop-header2.row div.col-lg-6.col-md-6.col-sm-6.col-xs-6 div#Mod88.t3-module.module {
        margin-top: 0;
    }
    header#t3-header.container.t3-header {
        padding-bottom: 0;
    }
    /* Retouches Slider par Richard 2016-11-02 */
    /* Slider 1 */
    nav.wrap.t3-slideshow div.sp-slider-items div.sp-slider-item.odd.item-1 div.container div.sp-slider-content {
        display: none;
    }
    nav.wrap.t3-slideshow div.sp-slider-items div.sp-slider-item.odd.item-1 div.sp-slider-image {
        background-position: -102px center !important;
    }
    /* Slider 2 */
    nav.wrap.t3-slideshow div.sp-slider-items div.sp-slider-item.even.item-2 div.container div.sp-slider-content {
        display: none;
    }
    nav.wrap.t3-slideshow div.sp-slider-items div.sp-slider-item.even.item-2 div.sp-slider-image {
        background-position: -140px center !important;
    }
    /* Slider 3 */
    nav.wrap.t3-slideshow div.sp-slider-items div.sp-slider-item.odd.item-3 div.container div.sp-slider-content {
        display: none;
    }
    nav.wrap.t3-slideshow div.sp-slider-items div.sp-slider-item.odd.item-3 div.sp-slider-image {
        background-position: -530px center !important;
    }
    /* Annonce Info-Beauté */
    div.annonce-performax div.row {
        width: 100% !important;
    }
    div.annonce-performax div.row div.col-md-2.col-sm-2.col-xs-12 {
        width: 100% !important;
    }
        div.annonce-performax div.row div.col-md-2.col-sm-2.col-xs-12 h1 {
            margin-bottom: 0;
            margin-top: 8px;
            text-align: center !important;
        }
        div.annonce-performax div.row div.col-md-2.col-sm-2.col-xs-12 div div.jsn-bootstrap3.jsn-pagebuilder.pb-element-container.pb-element-button {
            margin-bottom: 14px;
            margin-top: -19px;
            text-align: center !important;
        }
    div.annonce-performax div.row div.col-md-8.col-sm-8.col-xs-12 {
        width: 100% !important;
    }
        div.annonce-performax div.row div.col-md-8.col-sm-8.col-xs-12 div div.pb-element-text div p {
            margin-top: 0;
            padding-left: 10px;
            padding-right: 10px;
            text-align: center;
        }
            div.annonce-performax div.row div.col-md-8.col-sm-8.col-xs-12 div div.pb-element-text div p strong {
                line-height: 24px;
            }
    /* Shop Introduction */
    div.eshop-shop-introduction div.introduction {
        margin: 30px auto 0 auto;
        font-size: 16px;
        padding: 0 10px;
    }
}