/*
    Created on : 27 sept. 2016, 17:10:05
    Author     : Lucile
    Project     : PROBIP V3
*/
/*
    XS = smartphone
    SM / min-width : 768px = tablet
    MD / min-width : 992px + LG / min-width : 1200px = desktop
*/

/* --- IMPORT --- */
/* ICONS font for PROBIP */
@import url("probip-font.css");
/* CSS FOR HOMEPAGE */
@import url("probip-home.css");
/* --- --- */

@font-face {
    font-family: 'BerlinSansFB';
    src: url('../../../fonts/BerlinSansFB-Reg.eot?#iefix') format('embedded-opentype'),  url('../../../fonts/BerlinSansFB-Reg.woff') format('woff'), url('../../../fonts/BerlinSansFB-Reg.ttf')  format('truetype'), url('../../../fonts/BerlinSansFB-Reg.svg#BerlinSansFB-Reg') format('svg');
    font-weight: normal;
    font-style: normal;
}
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill,
input:-webkit-autofill:focus,
textarea:-webkit-autofill:active,
select:-webkit-autofill:hover{
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}
.form-control:focus{
    color: #000000;
}
.border-l{
    border-left: 1px solid #e0e0e0;
}
.border-r{
    border-right: 1px solid #e0e0e0;
}
.border-b{
    border-bottom: 1px solid #e0e0e0;
}
.border-lr{
    border-right: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
}
.border-t {
    border-top: 1px solid #e0e0e0;
}
.border-tb{
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}
.border-lrb{
    border-right: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}
.border-lrt{
    border-right: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
    border-top: 1px solid #e0e0e0;
}
.border-lrtb{
    border-right: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}
/* VERTICAL ALIGN */
.alignMiddle{
    display: flex;
    align-items: center;
}
/* paddings */
.p0 {
    padding: 0;
}
.plr0 {
    padding-left: 0;
    padding-right: 0;
}
.pl0 {
    padding-left: 0;
}
.pr0 {
    padding-right: 0;
}
.plr0 {
    padding-left: 0;
    padding-right: 0;
}
.pt1 {
    padding-top: .5em;
}
.pb1 {
    padding-bottom: .5em;
}
.plr1 {
    padding-left: .5em;
    padding-right: .5em;
}
.pt2 {
    padding-top: 1em;
}
.pb2 {
    padding-bottom: 1em;
}
.plr2 {
    padding-left: 1em;
    padding-right: 1em;
}
/* MARGINS */
.mt0 {
    margin-top: 0;
}
.mt1 {
    margin-top: .5em;
}
.mt2 {
    margin-top: 1em;
}
.mb0 {
    margin-bottom: 0;
}
.mb1 {
    margin-bottom: .5em;
}
.mb2 {
    margin-bottom: 1em;
}
.mb3 {
    margin-bottom: 2em;
}
.mr1{
    margin-right: .5em;
}
.ml1{
    margin-left: .5em;
}
.mb4 {
    margin-bottom: 3em;
}
.mtb0 {
    margin-top: 0;
    margin-bottom: 0;
}
.mlr0 {
    margin-left: 0!important;
    margin-right: 0!important;
}

/* COLORS */

.red{
    color: #a94442!important;
}
.orange {
    color: #ed6a56!important;
}
.blue {
    color: #00bbd6;
}
.green-success {
    color: #5cb85c;
}
.grey-1 {
    color: #606060!important;
}
.btn-orange {
    color: #fff;
    background-color: #ed6a56;
    border-color: #d5402a;
    transition: all .35s;
    font-weight: bold;
}
.btn-orange:hover,
.btn-orange:focus,
.btn-orange:active{
    color: #fff;
    background-color: #d5402a;
    border-color: #d5402a;
}
.btn-grey {
    color: #fff;
    background-color: #aaaaaa;
    border-color: #999999;
    transition: all .35s;
    font-weight: bold;
}
.btn-grey:hover,
.btn-grey:focus,
.btn-grey:active{
    color: #fff;
    background-color: #999999;
    border-color: #999999;
}

/* FORMS */
/* ---- input type file ---- */
.custom-file-input{
    opacity: 0;
    width: 100%;
    height: 34px;
    margin: 0;
}
.custom-file-control {
    position: absolute;
    top: 0;
    z-index: 5;
    height: 34px;
    padding: 0 1rem;
    line-height: 34px;
    color: #464a4c;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.15);
    display: block;
    width: 80%;
}
.custom-file-control-btn {
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    z-index: 6;
    display: block;
    height: 34px;
    padding: 0 1rem;
    line-height: 34px;
    color: #464a4c;
    background-color: #eceeef;
    border: 1px solid rgba(0,0,0,.15);
    cursor: pointer;
}
@media(min-width:768px){
    .custom-file-control {
        width: 40%;
    }
}

/* -------------------------------------------------- */
/* ----------------- TYPO --------------------- */

.bold{
    font-weight: bold;
}
.title-h1{
    font-size: 18px;
    color: #000000;
}
.title-h2{
    font-size: 16px;
    color: #595959;
    font-weight: bold;
}
.likeH2 {
    font-size: 16px;
    font-weight: bold;
    color: #00bbd6;
}
.smallH3 {
    font-size: 13px;
    font-weight: bold;
}

/* -------------------------------------------------- */
/* ------------------ FORM IN MODAL BOX --------------------- */

.modal-dialog .formSection label.label-form {
    position: relative;
}
.modal-dialog .formSection label{
    line-height: 24px;
    display: inline-block;
    vertical-align: top;
    font-weight: normal;
    font-size: 13px;
    width: auto;
    /*margin-right: 10px;*/
}
.modal-dialog .formSection label.requis::after{
    content: "*";
    color: #ed6a56;
    font-weight: bold;
    margin-left: 2px;
}
.modal-dialog .formSection input,
.modal-dialog .formSection select{
    padding: 5px 32px 5px 8px;
    color: #000;
    font-size: 13px;
}
/*.modal-dialog .formSection select{
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;

}*/
.modal-dialog .formSection select,
.modal-dialog .formSection option{
    color: #737373;
}
.modal-dialog .formSection input[type="radio"] {
    margin: 1px 5px 0 8px;
}
.modal-dialog .formSection .radioLabel{
    padding: 0 15px 0 5px;
}
.modal-dialog .formSection .valuebis{
    margin-left: 94px;
    margin-top: 10px;
}
.modal-dialog .formSection .error{
    display: inline-block;
    color: #D5402A;
    font-weight: bold;
}
.modal-dialog .btn-shop{
    margin: 0 auto;
    display: block;
}

@media(min-width:768px){
    .modal-dialog .btn-shop{
        margin: 0;
        display: inline-block;
    }
}

/* -------------------------------------------------- */
/* ------------------ SELECT -------------------------- */
.open > .dropdown-toggle.btn-default, .open > .dropdown-toggle.btn-default:hover,
.open > .dropdown-toggle.btn-default:active {
    background: #fff!important;
    box-shadow: none;
}
.bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
    color: #606060!important;
    background: #fff!important;
}
.bootstrap-select.btn-group .dropdown-menu li{}
/* -------------------------------------------------- */
/* ------------------ BUTTONS ------------------------- */
.btn-shop{
    color: #ffffff;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    background: #ed6a56;
    border-top: 1px solid #ed6a56;
    border-right: 1px solid #ed6a56;
    border-bottom: 3px solid #d5402a;
    border-left: 3px solid #d5402a;
    padding: 5px 25px;
    border-radius: 3px;
    transition: all .35s;
}
.btn-shop:hover,
.btn-shop:focus,
.btn-shop:active{
    color: #ffffff;
    text-decoration: none;
    background: #d5402a;
    border-top: 1px solid #d5402a;
    border-right: 1px solid #d5402a;
    border-bottom: 3px solid #ed6a56;
    border-left: 3px solid #ed6a56;
}
.btn-shop.disabled,
.btn-shop[disabled]{
    background: #bdbdbd;
    border-top: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    border-bottom: 3px solid #e6e6e6;
    border-left: 3px solid #e6e6e6;
}
.btn-shop.disabled:hover,
.btn-shop.disabled:focus,
.btn-shop.disabled:active,
.btn-shop[disabled]:hover,
.btn-shop[disabled]:focus,
.btn-shop[disabled]:active{
    color: #ffffff;
    text-decoration: none;
    background: #bdbdbd;
    border-top: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    border-bottom: 3px solid #e6e6e6;
    border-left: 3px solid #e6e6e6;
}
.btn-green{
    color: #094219;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    background: #62c77f;
    border-top: 1px solid #62c77f;
    border-right: 1px solid #62c77f;
    border-bottom: 3px solid #4ba364;
    border-left: 3px solid #4ba364;
    padding: 5px 25px;
    border-radius: 3px;
    transition: all .35s;
    cursor: pointer;
    display: inline-block;
}
.btn-green:hover,
.btn-green:focus,
.btn-green:active{
    color: #ffffff;
    text-decoration: none;
    background: #4ba364;
    border-top: 1px solid #4ba364;
    border-right: 1px solid #4ba364;
    border-bottom: 3px solid #62c77f;
    border-left: 3px solid #62c77f;
}
.btn-blue{
    color: #ffffff;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    background: #00bbd6;
    border-top: 1px solid #00bbd6;
    border-right: 1px solid #00bbd6;
    border-bottom: 3px solid #007f89;
    border-left: 3px solid #007f89;
    padding: 5px 25px;
    border-radius: 3px;
    transition: all .35s;
    cursor: pointer;
    display: inline-block;
}
.btn-blue:hover,
.btn-blue:focus,
.btn-blue:active{
    color: #ffffff;
    text-decoration: none;
    background: #007f89;
    border-top: 1px solid #007f89;
    border-right: 1px solid #007f89;
    border-bottom: 3px solid #00bbd6;
    border-left: 3px solid #00bbd6;
}

.btn-download{
    color: #404040;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    background: #e8e8e8;
    border-top: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    border-bottom: 3px solid #d3d3d3;
    border-left: 3px solid #d3d3d3;
    padding: 5px 25px;
    border-radius: 3px;
    transition: all .35s;
    margin-right: 10px;
    cursor: pointer;
    display: inline-block;
    margin-bottom: 15px;
}
.btn-download .btn-download-icon{
    color: #ffffff;
    font-size: 13px;
    padding: 4px 12px;
    background: #e00000;
    margin: 0 10px 0 -28px;
}
.btn-download:hover,
.btn-download:focus,
.btn-download:active{
    color: #101010;
    text-decoration: none;
    background: #d3d3d3;
    border-top: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
    border-bottom: 3px solid #e8e8e8;
    border-left: 3px solid #e8e8e8;
}

.btn-shop-simple{
    color: #ffffff;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    background: #ed6a56;
    padding: 5px 25px;
    border-radius: 3px;
    transition: all .35s;
}
.btn-shop-simple:hover,
.btn-shop-simple:focus,
.btn-shop-simple:active{
    color: #ffffff;
    text-decoration: none;
    background: #d5402a;
}
/* -------------------------------------------------- */
/* ------------------ RATING ------------------------- */
.product-star {
    margin-top: 28px;
    margin-bottom: 10px;
}
.product-star .icons {
    width: 86px;
    height: 15px;
    position: relative;
    display: inline-block;
    margin-right: 5px;
    background: url('/img/fronts/pbip/stars/star-grey-xs.png') no-repeat 0 0 transparent;
}
.product-star .icons:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 80%;
    height: 15px;
    z-index: 1;
    background: url('/img/fronts/pbip/stars/star-shinning-xs.png') no-repeat 0 0 transparent;
}
.product-star .txt{
    color: #777777;
    font-size: 12px;
    margin-left: 5px;
}

/* -------------------------------------------------- */
/* ------------------ PRICES ------------------------- */

.price-container{
    color: #666666;
    font-weight: bold;
    font-size: 12px;
    margin: 30px 0;
}
.price-container .price{
    color: #000000;
    font-size: 30px;
    margin-bottom: 0;
    display: inline-block;
}
.price-container .price sup{
    font-weight: normal;
    font-size: 18px;
}
.price-container .public-price{
    color: #484848;
    font-size: 15px;
    font-weight: normal;
}
.price-container .btn-shop{
    width: 100%;
    margin-top: 15px;
    padding: 12px;
}
.price-container .add-product{
    margin: 28px auto;
}
.price-container .add-product .quantity-btn{
    display: inline-block;
    font-weight: bold;
    text-align: center;
    font-size: 26px;
    color: #595959;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: #e8e8e8;
    border: 1px solid #c6c6c6;
    border-radius: 30px;
    vertical-align: top;
    margin: 0 10px;
    cursor:pointer;
}
.price-container .add-product .quantity-txt{
    color: #595959;
    font-weight: normal;
    font-size: 18px;
    line-height: 26px;
    display: inline-block;
    background: #ffffff;
    border: 1px solid #c6c6c6;
    padding: 2px;
    height: 30px;
    width: 50px;
    overflow: hidden;
}
.price-container select{
    font-size: 18px;
    height: 44px;
}
.price-container .txt{
    color: #ed6a56;
    font-size: 18px;
    display: inline-block;
    margin-bottom: 15px
}
.price-container .pro-reduc .pro-reduc-table{
    margin: 20px auto;
}
.price-container .pro-reduc .pro-reduc-table .pro-reduc-percent{
    color: #ffffff;
    font-weight: bold;
    font-size: 20px;
    background: #00bbd6;
    padding: 3px 15px;
    text-align: center;
    border-bottom: 5px solid #ffffff;
}
.price-container .pro-reduc .pro-reduc-table .pro-reduc-txt{
    font-size: 13px;
    line-height: 15px;
    font-weight: normal;
    text-align: left;
    color: #595959;
    width: 100px;
    padding: 0 5px;
}
.price-container .pro-reduc .pro-reduc-table .pro-reduc-price{
    font-size: 18px;
    color: #595959;
    font-weight: bold;
    padding: 5px;
}
.price-container .pro-reduc .pro-reduc-table .pro-reduc-price sup{
    font-weight: normal;
    font-size: 11px;
}
.button-box-replaced{
    margin: 36px 0;
}

/* -------------------------------------------------- */
/* -------------- DELIVERY DATE --------------------- */

.delivery-date{
    font-size: 12px;
}
.delivery-date .upper{
    font-weight: bold;
    text-transform: uppercase;
}
.delivery-date.on-stock{
    color: #62c77f;
}
.delivery-date.not-on-stock{
    color: #f18632;
}


/* -------------------------------------------------- */
/* ---------------- ASIDE YELLOW -------------------- */
/* -------------------------------------------------- */

.aside-yelllow{
    font-size: 13px;
    font-weight: bold;
    color: #000000;
    padding: 8px 10px;
    background: #edd956;
}
.aside-yelllow-part-1{
    padding-right: 0;
}
.aside-yelllow-txt{
    text-transform: uppercase;
    vertical-align: middle;
}
.aside-yelllow-link{
    text-decoration: underline;
    color: #000;
    vertical-align: middle;
    display: block;
}
.aside-yelllow-link .arrow,
.aside-yelllow-link:before{
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #000000;
    vertical-align: middle;
}
.aside-yelllow-link .arrow{
    padding-left: 5px;
    position: relative;
    left: -3px;
}
.aside-yelllow-part-2{
    text-align: right;
}
.aside-yelllow .close-icon{
    background: none;
    border: none;
    width: 34px;
    height: 22px;
}
.aside-yelllow .close-icon span{
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    background-color: #000000;
    transform: rotate(45deg);
}
.aside-yelllow .close-icon span:last-child{
    transform: rotate(-45deg);
    position: relative;
    top: -2px;
}
.aside-yelllow.aside-blue{
    background: #00bbd6;
    color: #FFFFFF;
}
.aside-yelllow.aside-blue .close-icon span{
    background-color: #FFFFFF;
}

@media(min-width:768px){
    .aside-yelllow{
        font-size: 16px;
        text-align: center;
        padding: 8px 15px;
    }
    .aside-yelllow-link{
        padding-left: 10px;
        display: inline;
    }
    .aside-yelllow-link:hover{
        text-decoration: none;
        color: #000000;
    }
    .aside-yelllow-part-2{
        text-align: center;
    }
}

/* -------------------------------------------------- */
/* ------------- END ASIDE YELLOW ------------------- */
/* -------------------------------------------------- */

/* -------------------------------------------------- */
/* -------------- URGENT MESSAGE -------------------- */
/* -------------------------------------------------- */

.urgent-message{
    background: #FBEBE9;
    padding: 20px;
    margin-bottom: 10px;
    border: 1px solid #d5402a;
    border-left: 4px solid #d5402a;
    color: #000;
}

/* -------------------------------------------------- */
/* ------------- END URGENT MESSAGE ----------------- */
/* -------------------------------------------------- */

/* -------------------------------------------------- */
/* ------------------ HEADER ------------------------ */
/* -------------------------------------------------- */

.pb-header .navbar{
    margin-bottom: 0;
}
.navbar-header{
    padding-left: 0;
    padding-right: 0;
}
/*.navbar-brand{
    padding-left: 0;
}*/
.pb-showing{
    display: block !important;
}
.pb-header .navbar-header-container{
    border-bottom: 2px solid #d6d6d6;
    margin-bottom: 15px;
}
.pb-header .navbar-brand{
    height: auto;
    padding: 3px 0;
}
.pb-header .navbar-brand img{
    max-width: 185px;
}
.pb-header .pb-hotline{
    position: relative;
    cursor: help;
    text-align: center;
    margin-bottom: 30px;
}
.pb-header .pb-hotline .txt{
    font-size: 14px;
    line-height: 16px;
    color: #595959;
    display: inline-block;
}
.pb-header .pb-hotline img{
    vertical-align: top;
}
.pb-header .pb-hotline .number{
    color: #595959;
    font-size: 15px;
    line-height: 22px;
}
.pb-header .pb-hotline .hotline-photo {
    display: inline-block;
    vertical-align: middle;
}
.pb-header .pb-hotline .hotline-photo .photo-person{
    width: 44px;
    height: 44px;
    background: no-repeat url('/img/fronts/pbip/icon-header.png') center -106px transparent;
    background-size: 38px;
}
.pb-header .pb-hotline.connect-hotline .hotline-photo .photo-person{
    background: no-repeat url('/img/fronts/pbip/icon-header.png') center -161px transparent;
    background-size: 38px;
}
.pb-header .pb-hotline .popup{
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    color: #686868;
    text-align: center;
}
.pb-header .pb-hotline .hotline-hours{
    padding: 10px 0;
    margin: 0 15px;
    cursor: auto;
    color: #595959;
}
.pb-header .pb-hotline .little-menu{
    display: block;
}
.pb-header .pb-hotline .little-menu a{
    color: #4d4d4d;
}
.pb-header .pb-hotline .little-menu a:hover{
    text-decoration: underline;
}
.pb-header .pb-hotline .little-menu a:after{
    content:'';
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-color: transparent transparent transparent #4d4d4d;
}
.pb-header .pb-searchform{
    cursor: pointer;
}
.pb-header .pb-top-links-sm .pb-navbar-item{
    display: inline-block;
    vertical-align: top;
    position: relative;
}
.pb-header .pb-top-links-sm .pb-navbar-item > a{
    font-size: 12px;
    line-height: 16px;
    color: #595959;
    position: relative;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.pb-header .pb-top-links-sm .pb-navbar-item > a:hover{
    text-decoration: none;
    color: #999999;
}
.pb-top-links-xs{
    float: right;
    margin-right: 26px;
}
.pb-header .pb-top-links-xs > span{
    position: relative;
    display: inline-block;
    margin: 0 5px;
}
.pb-header .pb-top-links-xs img{
    max-height: 27px;
}
.pb-header .pb-top-links-xs .pb-cart-counter{
    top: -3px;
    left: 20px;
}
.pb-header .pb-top-links-xs .popup{
    bottom: -82px;
    left: -103px;
}
.pb-header .pb-top-links-xs .popup .number{
    font-weight: bold;
}
.pb-header .pb-hotline.pb-hotline-sm .number{
    font-size: 15px;
    line-height: 20px;
    font-weight: bold;
}
.pb-header .pb-form-header .pb-form-header-input{
    margin: 0 5px;
}
.pb-header .pb-form-header .twitter-typeahead{
    border: 0 none;
    border-radius: 0;
    width: 85%;
    float: left;
}
.pb-header .pb-form-header .twitter-typeahead:focus{
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.pb-header .pb-form-header .twitter-typeahead .form-control{
    font-size: 16px;
    border: 1px solid #767676;
    border-radius: 0;
    height: 40px;
    width: 100%;
}
.pb-header .pb-form-header .twitter-typeahead .form-control:focus{
    box-shadow: none;
}
.pb-header .pb-form-header .btn{
    font-size: 20px;
    line-height: 0;
    color: #fff;
    background: #767676;
    border-radius: 0 4px 4px 0;
    border-color: #767676;
    width: 14%;
    height: 40px;
    float: left;
}
.pb-header .pb-form-header .btn span{
    top: 1px;
}
.pb-header .navbar-toggle{
    margin-top: 4px;
    margin-right: 0;
    padding-right: 5px;
    padding-left: 5px;
}
.pb-multilanguage{
    display: flex;
    padding: 20px 15px;
}
.pb-multi-active,
.pb-multi-other{
    color: #595959;
    border: 1px solid #e5e5e5;
    border-radius: 6px 0 0 6px;
    background: #fff;
    padding: 8px 12px;
    flex: 1;
    align-items: center;
    display: flex;
}
.pb-multi-other{
    color: #999999;
    border-radius: 0 6px 6px 0;
    background: #f9f9f9;
}
.pb-multi-active .txt,
.pb-multi-other .txt{
    margin-left: 10px;
}

@media (min-width:768px){
    .pb-header .navbar-header-container{
        border: none;
    }
    .pb-header .pb-form-header .twitter-typeahead .form-control{
        border: 1px solid #00bbd6;
    }
}
/* --------------------- */
/* --- AUTO COMPLETE --- */
/* --------------------- */

.pb-header .tt-dropdown-menu{
    top: 1px;
    border: 1px solid #cdcdcd;
    width: 100%;
    background: #ffffff;
}
.pb-header .tt-dropdown-menu .suggestions-container{
    width: 100%;
    display: table;
}
.pb-header .tt-dropdown-menu .suggestions-container-full{
    width: 100%;
}
.pb-header .tt-dropdown-menu .suggestions-left{
    padding-top: 15px;
}
.pb-header .tt-dropdown-menu .suggestions{
    padding: 0 15px 15px 15px;
}
.pb-header .tt-dropdown-menu .suggestions-title{
    font-size: 14px;
    color: #858585;
    position: relative;
}
.pb-header .tt-dropdown-menu .suggestions-title span{
    background: #ffffff;
    padding: 0 10px 0 0;
    position: relative;
    z-index: 1;
}
.pb-header .tt-dropdown-menu .suggestions-title:before{
    content: '';
    display: block;
    border-top: 1px solid #cdcdcd;
    width: 100%;
    position: absolute;
    top: 10px;
    left: 0;
}
.pb-header .tt-dropdown-menu .suggestion-one{
    margin-left: 10px;
}
.pb-header .tt-dropdown-menu .suggestion-one a{
    color: #595959;
    text-decoration: none;
}
.pb-header .tt-dropdown-menu .suggestion-one a:hover{
    color: #000000;
}
.pb-header .tt-dropdown-menu .suggestion-one .tt-highlight{
    color: #00bbd6;
}
.pb-header .tt-dropdown-menu .suggestions-right{
    background: #e6e6e6;
    border: 1px solid #cdcdcd;
    padding: 15px;
    box-shadow: 0 3px 3px rgba(0,0,0,.2);
}
.pb-header .tt-dropdown-menu .bestsellers-products .bestsellers-products-title{
    font-size: 14px;
    color: #858585;
}
.pb-header .tt-dropdown-menu .bestsellers-products .bestsellers-products-title .tt-highlight{
    font-weight: normal;
}
.pb-header .tt-dropdown-menu .bestsellers-products .bestsellers-products-title span{
    font-style: italic;
}
.pb-header .tt-dropdown-menu .bestsellers-products .bestsellers-products-one{
    background: #ffffff;
    border: 1px solid #cdcdcd;
    margin-bottom: 10px;
    cursor:pointer;
}
.pb-header .tt-dropdown-menu .bestsellers-products .bestsellers-products-one .bestsellers-products-one-img-container{
    width: 40%;
    display: table;
    float: left;
    height: 125px;
}
.pb-header .tt-dropdown-menu .bestsellers-products .bestsellers-products-one .bestsellers-products-one-img{
    padding: 10px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}
.pb-header .tt-dropdown-menu .bestsellers-products .bestsellers-products-one .bestsellers-products-one-img img{
    max-width: 100%;
    max-height: 125px;
}
.pb-header .tt-dropdown-menu .bestsellers-products .bestsellers-products-one .bestsellers-products-one-txt{
    width: 60%;
    float: left;
    font-weight: bold;
    font-size: 12px;
    padding: 0 2% 0 0;
}
.pb-header .tt-dropdown-menu .bestsellers-products .bestsellers-products-one .bestsellers-products-one-txt .name a{
    color: #666666;
    font-size: 13px;
    margin: 10px 0;
    display: block;
}
.pb-header .tt-dropdown-menu .bestsellers-products .bestsellers-products-one .bestsellers-products-one-txt .price{
    color: #000000;
    margin: 10px 0;
    display: block;
}
.pb-header .tt-dropdown-menu .bestsellers-products .bestsellers-products-one .bestsellers-products-one-txt .price span{
    font-size: 20px;
}
.pb-header .tt-dropdown-menu .bestsellers-products .bestsellers-products-one .bestsellers-products-one-txt .product-btn a{
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    display: block;
    padding: 5px 0;
    border-radius: 3px;
    margin: 10px 10px 15px 0;
    display: block;
    background: #ed6a56;
    border-bottom: 3px solid #d5402a;
    border-left: 3px solid #d5402a;
}
.pb-header .tt-dropdown-menu .bestsellers-products .bestsellers-products-one .bestsellers-products-one-txt .product-btn a:hover{
    text-decoration: none;
    background: #d5402a;
    border-bottom: 3px solid #ed6a56;
    border-left: 3px solid #ed6a56;
}

/* suggestion empty */
.pb-header .tt-dropdown-menu .suggestions-empty-container {
    padding: 20px;
    background-color: #F2F2F2;
}
.pb-header .tt-dropdown-menu .suggestions-empty-container p.no-result {
    color: #595959;
    margin-bottom: 15px;
}
.pb-header .tt-dropdown-menu .suggestions-empty-container .no-result .mysearch{
    color: #00BBD6;
    font-weight: bold;
}
.pb-header .tt-dropdown-menu .suggestions-empty-container p.product-request {
    color: #595959;
    font-weight: bold;
    margin-bottom: 15px;
}
.pb-header .tt-dropdown-menu .suggestions-empty-container .btn-container{
    margin: 0;
    text-align: center;
}
.pb-header .tt-dropdown-menu .suggestions-empty-container .btn-container a{
    font-size: 16px;
    display: inline-flex;
    justify-content: center;
    text-align: left;
    align-items: center;
    min-height: 40px;
}
.pb-header .tt-dropdown-menu .suggestions-empty-container .btn-container a span {
    font-size: 20px;
    margin-right: 10px;
}


/* --------------------------- */
/* --------------------------- */
/* --------------------------- */


/* --------------------------- */
/* ----------MENU------------- */
/* --------------------------- */

/* Responsive menu example : https://codepen.io/andornagy/pen/RNeydj */

.menu-header {
    margin: 0;
}
.menu-header a {
    display: block;
}
.menu-header .toggle,
.menu-header [id^=drop] {
    display: none;
}
/* Hide the navigation menu by default */
.menu-header .toggle ~ a{
    display: none;
}
/* Styling the toggle label */
.menu-header .toggle {
    color:#595959;
    font-size:16px;
    line-height: 18px;
    text-decoration:none;
    font-weight: normal;
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    background-color: #f3f3f3;
    padding: 12px 15px;
    border:none;
    margin: 0;
}
/* Display Dropdown when clicked on Parent Lable */
.menu-header [id^=drop]:checked ~ ul {
    display: block;
}
/* Change menu item's width to 100% */
.menu-header ul li {
    display: block;
    width: 100%;
}
.menu-header ul ul .toggle,
nav ul ul a {
    padding: 0 40px;
}
.menu-header ul ul ul a {
    padding: 0 80px;
}
.menu-header ul li ul li .toggle,
.menu-header ul ul a,
.menu-header ul ul ul a{
    padding: 12px 15px;
}
/* Hide Dropdowns by Default */
.menu-header ul ul {
    float: none;
    position:static;
    color: #ffffff;
    display: none;
}
/* Hide menus on hover */
.menu-header ul ul li:hover > ul,
.menu-header ul li:hover > ul {
    display: none;
}
/* Fisrt Tier Dropdown */
.menu-header ul ul li {
    display: block;
    width: 100%;
}
.menu-header ul ul ul li {
    position: static;
}

/* Removing padding, margin and "list-style" from the "ul", and adding "position:relative" */
.menu-header ul {
    padding:0;
    margin:0;
    list-style: none;
    position: relative;
}

/* Styling the links */
.menu-header a {
    text-decoration: none;
}

@media (min-width : 992px) {
    .menu-header .toggle{
        display: none;
    }
    .menu-header ul li {
        margin: 0px;
        display: inline-block;
        float: left;
        width: auto;
    }
    .menu-header ul ul {
        position: absolute;
        top: calc(100%);
    }

    /* Display Dropdowns on Hover */
    .menu-header ul ul li:hover > ul,
    .menu-header ul li:hover > ul{
        display: inherit;
    }

    .menu-header .menu ul ul {
        position: absolute;
        top: 0;
        left: 170px;
    }
    .menu-header ul ul ul {
        left: 100%;
        top: 0;
    }
    .menu-header ul.shown{
        display: inherit;
    }
}

/* **** */

.pb-header .menu-header li a,
.pb-header .dropdown-menu > li > a,
.nav.navbar-nav li > a,
.nav.navbar-nav .open > a:hover,
.nav.navbar-nav .open > a:focus,
.nav.navbar-nav .open > a,
.navbar-default .navbar-nav > .open > a{
    font-size: 16px;
    line-height: 18px;
    color: #595959;
    padding: 10px 15px;
    background: #f3f3f3;
}
/** class to put on a li like "toutes les marques" **/
.pb-header .menu-header .specific-link{
    width: 100% !important;
}
.pb-header .menu-header .specific-link a{
    text-decoration: underline;
}
.pb-header .menu-header .specific-link a:before{
    content: "...";
}
.pb-header .menu-header .specific-link .icon{
    display: none;
}
/** **/
.pb-header .menu-header .sub-arrow{
    display: none;
}
.pb-header .menu-header .sub-arrow{
    display: inline-block;
    float: right;
}
.pb-header .menu-header .sub-arrow:before{
    content: "\e258";
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    color: #595959;
}
.pb-header .navbar-form.pb-navbar{
    padding-right: 0;
    padding-left: 0;
}
.pb-header .pb-navbar-right{
    margin-right: 0 !important;
}
.pb-header .pb-navbar-right .pb-icon-navbar{
    max-height: 24px;
    margin-top: -2px;
}
.pb-header .pb-navbar-right .pb-icon-navbar-cart{
    margin-right: 12px;
}
.pb-header .pb-navbar-menu{
    margin: 0;
}
.pb-header .pb-navbar-menu a{
    background: #f3f3f3;
}
.pb-header .pb-navbar-menu li .hello-user,
.pb-header .pb-navbar-item .hello-user{
    color: #00BBD6;
    font-style: italic;
    font-size: 16px;
    padding: 15px;
    word-break: break-word;
}
.pb-header .pb-navbar-menu li .item-icon .icon{
    margin-right: 10px;
}
.pb-header .pb-navbar-menu > li {
    border-bottom: 1px solid #c9c9c9;
}
.pb-header .pb-navbar-menu.navbar-nav .open > .has-submenu > .icon-arrow-right,
.menu-header [id^="drop"]:checked ~ .toggle .icon-arrow-right{
    transform: rotate(90deg);
}
.pb-header .pb-navbar-menu.navbar-nav > .open > .dropdown-menu{
    padding: 0;
    background: #f3f3f3;
}
.navbar-nav.sm-collapsible.pb-navbar-menu a.has-submenu{
    padding-right: 15px;
}
.pb-header .pb-navbar-menu.navbar-nav .has-submenu > .icon-arrow-right,
.menu-header .toggle .icon-arrow-right{
    margin-left: auto;
}
.navbar-nav.sm-collapsible.pb-navbar-menu a.has-submenu{
    padding-right: 15px;
}
.pb-header .pb-navbar-menu.navbar-nav .has-submenu > .icon-arrow-right,
.menu-header .toggle .icon-arrow-right{
    margin-left: auto;
}
.pb-header .pb-navbar-menu.navbar-nav .open .dropdown-menu > li > a{
    color: #595959;
    border: none;
    padding: 15px;
    display: flex;
    align-items: center;
}
.pb-header .pb-navbar-menu .category-menu > li > a .menu-cat{
    flex: 1;
}

.menu-header .category-menu .icon{
    display: none;
}
.menu-header .category-menu .toggle + a .icon,
.menu-header .category-menu .toggle .icon{
    display: block;
}
.pb-header .pb-navbar-menu .category-menu > a,
.pb-header .pb-navbar-menu .category-menu > a:hover,
.pb-header .pb-navbar-menu .category-menu > a:focus,
.pb-header .pb-navbar-menu .category-menu > li > a:hover,
.pb-header .pb-navbar-menu .category-menu > li > a:focus,
.pb-header .pb-navbar-menu .category-menu > li > a:hover .desc,
.pb-header .pb-navbar-menu .category-menu > li > a:focus .desc{
    color: #595959;
    border-color: #FFFFFF;
}
@media (max-width:991px) {
    .pb-header .pb-navbar-menu .category-menu .category-menu > li > a,
    .menu-header .category-menu .category-menu .toggle {
        padding-left: 30px;
    }

    .pb-header .pb-navbar-menu .category-menu .category-menu .category-menu > li > a,
    .menu-header .category-menu .category-menu .category-menu .toggle {
        padding-left: 45px;
    }

    .pb-header .pb-navbar-menu .category-menu .category-menu .category-menu .category-menu > li > a,
    .menu-header .category-menu .category-menu .category-menu .category-menu .toggle {
        padding-left: 60px;
    }

    .pb-header .pb-navbar-menu .category-menu .category-menu .category-menu .category-menu .category-menu > li > a,
    .menu-header .category-menu .category-menu .category-menu .category-menu .category-menu .toggle {
        padding-left: 75px;
    }
}
.pb-header nav .desc{
    display: block;
    font-size: 11px;
    line-height: 11px;
    color: #ffffff;
    font-weight: normal;
}
.pb-header .separator{
    border-top: 1px solid #cdcdcd;
}
.pb-header .pb-cart-counter{
    background: #ed6a56;
    color: #fff;
    height: 18px;
    border-radius: 20px;
    min-width: 18px;
    padding: 0 2px;
    font-size: 14px;
    font-weight: bold;
    display: block;
    line-height: 18px;
    text-align: center;
    position: absolute;
}
.pb-header .pb-navbar-right .pb-cart-counter{
    top: 2px;
    left: 33px;
}
.pb-header .pb-account-icon{
    background: #00bbd6;
    color: #fff;
    height: 16px;
    border-radius: 20px;
    min-width: 16px;
    padding: 0 2px;
    font-size: 9px;
    font-weight: bold;
    display: block;
    line-height: 16px;
    text-align: center;
    top: 2px;
    left: 2px;
    position: absolute;
}
.navbar-header-container .pb-welcome{
    margin: 10px 0;
    font-size: 12px;
    line-height: 20px;
    color: #ed6a56;
}
.navbar-header-container .pb-welcome > span{
    display: block;
}
.navbar-header-container .pb-welcome a.disconnect-account{
    font-style: normal;
    display: block;
    padding: 5px 15px 10px 10px
}
.pb-header .menu-header-collapse,
.pb-header .menu-header-collapse .container {
    padding: 0;
}

.pb-welcome-container .pb-welcome{
    font-size: 14px;
    font-style: italic;
    line-height: 20px;
    color: #00bbd6;
    margin: 0;
}
.pb-welcome-container .pb-welcome .glyphicon {
    color: #ed6a56;
    top: 2px;
}
.category-menu {
    flex-direction: column;
    background: #f3f3f3;
    z-index: 1;
}
.category-menu > li > a {
    position: relative;
    padding: 3px 50px 3px 20px;
}
.category-menu .glyphicon {
    position: absolute;
    right: 15px;
    top: 14px;
}
@media (min-width:768px){
    .pb-header .pb-top-links-sm .pb-cart-counter{
        top: 0;
        right: 0;
    }
    .pb-header .pb-cart-counter{
        height: 20px;
        line-height: 20px;
        text-align: center;
        min-width: 20px;
    }
    .pb-header .pb-cart-counter span{
        z-index: 10;
        position: relative;
    }
    .pb-header .pb-account-icon-glyph{
        transform: rotate(90deg);
        color: #ffffff;
    }
}

@media (min-width:992px){
    .navbar-header-container .pb-welcome a.disconnect-account{
        padding: 10px 0;
    }
    .pb-header .pb-top-links-sm .pb-cart-counter{
        top: 2px;
        right: 2px;
    }
    .pb-header .pb-cart-counter{
        height: 28px;
        line-height: 28px;
        min-width: 28px;
        padding: 0 6px;
    }
    .pb-header .pb-account-icon{
        height: 28px;
        line-height: 30px;
        min-width: 28px;
        padding: 0 6px;
        font-size: 14px;
        top: 2px;
        left: auto;
        right: 2px;
    }
    .pb-header nav .dropdown-menu a:hover,
    .pb-header nav .category-menu > li:hover > a{
        background: #84E4F2;
        color: #595959;
    }
}
/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */

/* -------------------------------------------------- */
/* ------------------ SIDEBAR ------------------------ */
/* -------------------------------------------------- */
.pb-sidebar{
    margin-bottom: 100px;
}
.pb-sidebar-clear {
    clear: left;
}
.pb-sidebar-block{
    margin-bottom: 15px;
}
.pb-sidebar-block a{
    color: #666666;
}
.pb-sidebar-block-1 .wrapper{
    padding: 20px;
    background: #00bbd6;
    border-right: 4px solid #007f89;
}
.pb-sidebar-block-1 .wrapper .p1{
    color: #ffffff;
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 15px;
}
.pb-sidebar-block-1 .wrapper .p1 .percent{
    color: #edd956;
    font-weight: bold;
    font-size: 30px;
}
.pb-sidebar-block-1 .wrapper .p2{
    color: #ffffff;
    font-size: 13px;
    line-height: 15px;
    margin-bottom: 20px;
}
.pb-sidebar-block-1 .wrapper .pb-sidebar-block-1-btn{
    font-weight: bold;
    font-size: 15px;
    color: #003c41;
    text-align: center;
    background: #edd956;
    border-radius: 4px;
    padding: 10px;
    width: 100%;
    display: inline-block;
}
.pb-sidebar-block-1 .wrapper .pb-sidebar-block-1-btn:hover{
    color: #00bbd6;
    background: #edd956;
    text-decoration: none;
}
.pb-sidebar-block-1 .wrapper .pb-sidebar-block-1-connect{
    font-size: 14px;
    color: #fff;;
    text-align: center;
    padding-top: 10px;
    text-decoration: underline;
    display: block;
}
.pb-sidebar-block-1 .wrapper .pb-sidebar-block-1-connect:hover{
    color: #edd956;
}
.pb-sidebar-block-0 .wrapper,
.pb-sidebar-block-2 .wrapper,
.pb-sidebar-block-3 .wrapper,
.pb-sidebar-block-4 .wrapper,
.pb-sidebar-block-5 .wrapper{
    border: 1px solid #e6e6e6;
    padding: 0;
}

.pb-sidebar-block-2 .wrapper {
    border: 2px solid #00BBD6;
}

.pb-sidebar-block-0 .wrapper .title,
.pb-sidebar-block-2 .wrapper .title,
.pb-sidebar-block-3 .wrapper .title,
.pb-sidebar-block-4 .wrapper .title,
.pb-sidebar-block-5 .wrapper .title{
    font-size: 18px;
    line-height: 20px;
    color: #ed6a56;
    text-transform: uppercase;
    border-right: 4px solid #d5402a;
    padding: 20px 20px 10px 20px;
    margin: 0;

}

.pb-sidebar-block-2 .wrapper .title {
    color: #000;
    border: 0;
    text-transform: inherit;
    font-weight: 700;
}
.pb-sidebar-block-4 .wrapper .title{
    padding: 15px 20px;
}
.pb-sidebar-block-0 .wrapper .content,
.pb-sidebar-block-2 .wrapper .content,
.pb-sidebar-block-3 .wrapper .content{
    padding: 20px 20px 32px 20px;
    border-right: 4px solid #cdcdcd;
}

.pb-sidebar-block-2 .wrapper .content {
    border:0;
}

.pb-sidebar-block-4 .wrapper .content{
    border-right: 4px solid #cdcdcd;
}
.pb-sidebar-block-0 .wrapper .content ul,
.pb-sidebar-block-2 .wrapper .content ul,
.pb-sidebar-block-4 .wrapper .content ul{
    padding: 0;
    margin: 0;
    list-style: none;
}
.pb-sidebar-block-2 .wrapper .content ul{
    display: flex;
    width: 100%;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: space-around;
    justify-content: center;
    align-items: flex-start;
}

.pb-sidebar-block-2 .wrapper .content ul li i{
    display: block;
    font-weight: normal;
}
.pb-sidebar-block-2 .wrapper span.icon{
    color: #00BBD6;
    font-size: 30px;
    vertical-align: text-top;
    padding-right: 20px;
}
.pb-sidebar-block-2 .wrapper span.icon.icon-shipped {
    font-size: 25px;
    padding-right: 13px;
}
.pb-sidebar-block-0 .wrapper .content ul li,
.pb-sidebar-block-2 .wrapper .content ul li{
    color: #666666;
    padding: 6px 5px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    text-align: left;
    flex-direction: row;
    align-items: center;
    font-weight: 600;
    font-size: 13px;
}
.pb-sidebar-block-4 .wrapper .content ul li a{
    color: #666666;
    font-weight: bold;
    font-size: 14px;
    border-top: 1px solid #e6e6e6;
    padding: 8px 40px 8px 20px;
    background: url('/img/fronts/pbip/puce-sidebar-2.png') right 0 no-repeat transparent;
    display: block;
}
.pb-sidebar-block-4 .wrapper .content ul li a.active,
.pb-sidebar-block-4 .wrapper .content ul li a:hover{
    text-decoration: none;
    color: #ed6a56;
    background-color: #f5f5f5;
    background-position: right -32px;
}
.pb-sidebar-block-3 .wrapper .content img{
    margin: 0 auto;
}
.pb-sidebar-block-5 .link-brand{
    display: inline-block;
    width: 48%;
    border: 1px solid #e6e6e6;
    padding: 2px;
    height: 54px;
    line-height: 46px;
    text-align: center;
    vertical-align: middle;
    margin-bottom: 10px;
}
.pb-sidebar-block-5 .link-brand:nth-child(2n+1){
    margin-right: 2%;
}
.pb-sidebar-block-5 .link-brand img{
    max-height: 46px;
    max-width: 100%;
    margin: 0 auto;
}
.pb-sidebar-block-5 .link-brand:hover{
    border: 1px solid #0ba1b5;
}
@media (min-width: 992px) {
    .pb-sidebar-block-5 .link-brand:nth-child(2n+1){
        margin-right: 0;
    }
}
@media (min-width: 1200px) {
    .pb-sidebar{
        margin-bottom: 50px;
    }
    .pb-sidebar-block-1 .wrapper .p1{
        display: table;
        width: 100%;
    }
    .pb-sidebar-block-1 .wrapper .p1:before{
        content: "";
        width: 45px;
        height: 45px;
        display: table-cell;
        vertical-align: middle;
        background: url('/img/fronts/pbip/icon-pro-briefcase.png') 0 center no-repeat transparent;
    }
    .pb-sidebar-block-1 .wrapper .p1 span{
        display: table-cell;
        vertical-align: middle;
        padding-left: 10px;
    }
    .pb-sidebar-block-5 .link-brand:nth-child(2n+1){
        margin-right: 2%;
    }
}

/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */

.desc-home-wrapper{
    display: none;
}

/* -------------------------------------------------- */
/* ----------------- LOGIN POPUP --------------------- */
/* -------------------------------------------------- */

.modal {
    text-align: center;
    padding: 0!important;
}
.modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}
.popup-grey-content .modal-dialog .modal-content {
    background: #f8f8f8;
}
.popup-grey-content .modal-dialog .modal-header {
    background: #fff;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
#login-popup .modal-dialog .modal-body{
    max-width: 420px;
    padding: 12px 20px 40px;
    margin: 0 auto;
}
#login-popup .modal-dialog .modal-body .modal-connect {
    text-align: center;
}
#login-popup .modal-dialog .modal-body .modal-connect .btn{
    width: 100%;
}

/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */

/* -------------------------------------------------- */
/* ----------------- BRAND PAGE --------------------- */
/* -------------------------------------------------- */

.pb-top-content{
    margin-bottom: 20px;
}
.pb-top-content .pb-top-brand-img-container{
    width: 100%;
    position: relative;
    display: table;
    border: 1px solid #e6e6e6;
    padding: 3px;
}
/*.pb-top-content .pb-top-brand-img{
    border: 1px solid #e6e6e6;
    height: 120px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}*/
.pb-top-content img{
    margin: 0 auto;
    max-height: 90px;
    max-width: 100%;
}
.pb-top-brand-img-more,
.pb-top-brand-txt-more{
    background: #b1b1b1;
    padding: 3px;
    position: absolute;
    bottom: 0;
    right: 0;
    color: #fff;
    font-size: 12px;
    line-height: 12px;
    cursor: pointer;
}
.pb-top-content .pb-top-brand-txt-container{
    display: none;
    background: #eeeeee;
}
.pb-top-content .pb-top-brand-txt{
    padding: 15px;
}
.pb-top-content .pb-top-brand-txt .title{
    font-size: 22px;
    color: #000000;
    margin: 0 0 10px 0;
}
.pb-top-content .pb-top-brand-txt .txt{
    color: #595959;
}
.pb-results-txt{
    color: #595959;
}
.pb-results-txt span{
    font-size: 18px;
}
.pb-top-brand-product-img-container{
    display: table;
    width: 100%;
}
.pb-top-brand-product-img{
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
    height: 70px;
    margin: 0;
}
.pb-top-brand-product-img img {
    margin: 0 auto;
    max-height: 50px;
    /*max-width: 170%;*/
}
.pb-top-content .pb-top-brand-distrib{
    color: #ffffff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    background: #00bbd6;
    box-shadow: 0 2px 0 #007f89;
    padding: 5px 20px 5px 40px;
    margin-left: -5px;
    margin-bottom: 2px;
    display: inline-block;
    position: relative;
}
.pb-top-content .pb-top-brand-distrib:before{
    content: '';
    display: inline-block;
    width: 40px;
    height: 46px;
    background: url('/img/fronts/pbip/icon-distrib.png') no-repeat center center transparent;
    position: absolute;
    top: -10px;
    left: -3px;
}
.pb-top-content .pb-top-brand-distrib:after{
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 6px 15px 0;
    border-color: transparent #ffffff transparent transparent;
    position: absolute;
    top: 0;
    right: 0;
}

.pb-seo-brand-txt-bottom{
    padding: 15px;
    margin-bottom: 60px;
    margin-top: 40px;
    color: #8c8c8c;
    background: #eee;
}
.pb-seo-brand-txt-bottom *:last-child{
    margin-bottom: 0;
}

/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */

/* -------------------------------------------------- */
/* ----------------- ALL BRANDS PAGE --------------------- */
/* -------------------------------------------------- */

.all-brands-txt{
    margin-bottom: 50px;
}
.all-brands-select{
    height: 34px;
    width: 100%;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 34px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-bottom: 30px;
}
.all-brands-per-letter{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 100px;
    position: relative;
}
.all-brands-per-letter .one-letter {
    flex: 1 0 100%;
}
.all-brands-per-letter .first-letter{
    font-size: 30px;
    font-weight: bold;
    color: #000000;
    margin-bottom: 10px;
}
.all-brands-per-letter .one-letter ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.all-brands-per-letter .one-letter li {
    margin-bottom: 6px;
}
.all-brands-per-letter .one-letter a{
    color: #8c8c8c;
    font-size: 16px;
}
.all-brands-per-letter .gotoA{
    display: block;
    text-decoration: none;
    width: 80px;
    height: 50px;
    border-radius: 6px 0 0 6px;
    background: rgba(153,153,153,.8);
    position: fixed;
    right: 0;
    bottom: 30px;
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

@media (min-width: 768px) {
    .all-brands-alaphabetical{
        display: flex;
        list-style: none;
        margin: 0 0 30px 0;
        padding: 0;
    }
    .all-brands-alaphabetical li{
        font-size: 16px;
        font-weight: bold;
        color: #000000;
        padding: 5px;
        cursor: pointer;
        display: inline-block;
        flex: 1 0 auto;
    }
    .all-brands-alaphabetical li:first-child{
        padding-left: 0;
    }
    .all-brands-alaphabetical li:last-child{
        padding-left: 0;
    }
    .all-brands-per-letter .one-letter {
        flex: 1 0 33.33%;
    }
}

/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */

/* -------------------------------------------------- */
/* ----------------- CATEGORY PAGE --------------------- */
/* -------------------------------------------------- */

.pb-category-page .title-h1{
    font-size: 26px;
    color: #000000;
    margin-bottom: 0;
    margin-top: 0;
}
.pb-category-page .pb-results-txt,
.pb-category-page .pb-results-txt span{
    font-size: 14px;
    color: #858585;
}
.pb-slider .pb-slide-info{
    padding: 15px;
    left: 0;
    top: 0;
    height: 230px;
    overflow-y: auto;
    background: #ffffff;
    background: rgba(255,255,255,.9);
    border-left: 4px solid rgba(0,0,0,.2);
    border-bottom: 4px solid rgba(0,0,0,.2);
}
.pb-slider .bx-wrapper{
    margin-bottom: 40px;
}
.pb-slider .bx-wrapper .bx-viewport{
    border: none;
    box-shadow: none;
    left: 0;
}
.pb-slider .bx-wrapper .bx-pager.bx-default-pager a{
    background: #d3d3d3;
    box-shadow: inset 2px 2px 0 #bbb;
    width: 12px;
    height: 12px;
    border-radius: 6px;
}
.pb-slider .bx-wrapper .bx-pager.bx-default-pager a:hover,
.pb-slider .bx-wrapper .bx-pager.bx-default-pager a.active{
    background: #00bbd6;
    box-shadow: none;
}
.pb-slider .pb-slide-info-top-txt{
    font-size: 16px;
    color: #595959;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 10px;
}
.pb-slider .pb-slide-info-title{
    font-size: 24px;
    line-height: 28px;
    color: #ed6a56;
    text-align: center;
    font-family: 'BerlinSansFB', Impact, sans-serif;
}
.pb-slider .pb-slide-info-sub-price{
    text-align: center;
}
.pb-slider .pb-slide-info-btn{
    text-align: center;
    margin-bottom: 0;
}
.pb-slider .pb-slide-info-btn a{
    color: #ffffff;
    font-weight: bold;
    font-size: 16px;
    font-family: 'BerlinSansFB', Impact, sans-serif;
    background: #ed6a56;
    border-left: 3px solid #d5402a;
    border-bottom: 3px solid #d5402a;
    display: inline-block;
    border-radius: 3px;
    padding: 5px 20px;
}
.pb-slider .pb-slide-info-btn a:hover{
    text-decoration: none;
    background: #d5402a;
    border-left: 3px solid #ed6a56;
    border-bottom: 3px solid #ed6a56;
}
.pb-slider .pb-slide-info-promo .pb-slide-info-title{
    color: #d31b1b;
    margin-bottom: 0;
}
.pb-slider .pb-slide-info-promo{
    right: 0;
    left: auto;
}
.pb-slider .pb-slide-info-promo .pb-slide-info-price{
    font-size: 44px;
    line-height: 44px;
    color: #000000;
    text-align: center;
    text-shadow: -2px 2px 0 rgba(0,0,0,.2);
    font-family: 'BerlinSansFB', Impact, sans-serif;
    margin-bottom: 0;
}
.pb-slider .pb-slide-info-promo .pb-slide-info-sub-price{
    font-size: 18px;
    line-height: 18px;
    color: #575757;
    text-align: center;
    font-family: 'BerlinSansFB', Impact, sans-serif;
}
.pb-slider .pb-slide-info-promo .pb-slide-info-top-txt{
    margin-bottom: 0;
}
.pb-slider .pb-slide-info-promo .pb-slide-info-btn a{
    color: #ffffff;
    background: #d31b1b;
    border-left: 3px solid #a71600;
    border-bottom: 3px solid #a71600;
}
.pb-slider .pb-slide-info-promo .pb-slide-info-btn a:hover{
    background: #a71600;
    border-left: 3px solid #d31b1b;
    border-bottom: 3px solid #d31b1b;
}

/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */

/* -------------------------------------------------- */
/* ----------------- PRODUCT SMALL --------------------- */
/* -------------------------------------------------- */

.pb-img-product-small{
    min-height: 160px;
    margin: 5px 0;
    position: relative;
}
.pb-img-product-small img{
    max-height: 160px;
    max-width: 95%;
    margin: 0 auto;
}
.pb-product-img-brand{
    max-height: 60px;
    max-width: 95%;
    margin: 5px auto;
}
.pb-all-product {
    border: none;
    box-shadow: none;
    cursor: pointer;
    position: relative;
    margin-bottom: 30px;
    transition: all 0.35s;
    background: #ffffff;
}
.pb-all-product .favorite-product-icon,
.home .pb-home-product .favorite-product-icon{
    background: url('/img/fronts/pbip/favorite-product-icon.png') no-repeat 0 0 transparent;
    display: inline-block;
    width: 26px;
    height: 26px;
    position: absolute;
    bottom: 5px;
    left: 5px;
    z-index: 9;
}
.pb-all-product .pb-title-product {
    min-height: 90px;
    overflow: hidden;
    margin-bottom: 5px;
}
.pb-all-product .title-product {
    color: #222222;
    font-weight: bold;
    font-size: 13px;
    margin-bottom: 0;
}
.pb-all-product .title-product span {
    color: #666666;
}
.pb-all-product .btn-product {
    height: 60px;
    margin: 10px 20px 20px 20px;
    position: relative;
}
.pb-all-product .btn-product-empty {
    height: 60px;
}
.pb-all-product .btn-product a,
.btn-validation-form {
    font-weight: bold;
    font-size: 13px;
    line-height: 20px;
    color: #ffffff;
    text-align: center;
    background: #ed6a56;
    padding: 8px 5px;
    border-left: 3px solid #d5402a;
    border-bottom: 3px solid #d5402a;
    border-radius: 3px;
    display: block;
    margin: 0;
    transition: all 0.35s;
}
.pb-all-product .btn-product a{
    position: absolute;
    bottom: 0;
    width: 100%;
}
.pb-all-product .btn-product.btn-product-last a{
    margin: 0;
}

.pb-all-product .btn-infos{
    text-align: center;
    margin: 10px auto;
}
.pb-all-product .btn-infos a{
    font-size: 12px;
    font-weight: bold;
    color: #ed6a56;
    text-decoration: underline;
    transition: all 0.35s;
}
.pb-all-product.pb-all-product-up {
    border: none;
    box-shadow: none;
}
.pb-all-product.pb-all-product-up .up-message {
    color: #ffffff;
    font-size: 13px;
    text-transform: uppercase;
    padding: 4px 10px;
    position: absolute;
    top: 0;
    right: 15px;
    display: inline-block;
    background: #d5402a;
    z-index: 1;
}
.pb-all-product .pb-product-start-price{
    font-size: 26px;
    color: #000000;
    font-weight: bold;
    text-align: center;
    margin: 0 0 12px;
    line-height: 1em;
}
.pb-all-product .pb-product-start-price span{
    font-size: 12px;
    color: #666666;
}
.pb-all-product:hover {
    border: none;
    box-shadow: none;
}
.pb-all-product:hover .btn-product a{
    background: #ed6a56;
    border-left: 3px solid #ed6a56;
    border-bottom: 3px solid #ed6a56;
    text-decoration: none;
}
.pb-all-product .btn-product a:hover{
    text-decoration: none;
    background: #d5402a;
    border-left: 3px solid #ed6a56;
    border-bottom: 3px solid #ed6a56;
}
.pb-all-product .btn-infos a:hover{
    text-decoration: none;
}

.pb-divider {
    height: 3px;
    width: 100%;
    display: block;
    overflow: hidden;
    background-color: #d6d6d6;
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
    margin-right: 20px;
    border-radius: 0;
}
.pagination > li:last-child > a, .pagination > li:last-child > span {
    margin-left: 20px;
    border-radius: 0;
}
.pagination > li > a, .pagination > li > span {
    margin: 0 5px;
}
@media(min-width:768px){
    .pb-all-product .btn-product a,
    .btn-validation-form {
        font-size: 16px;
    }
    .pb-all-product .btn-infos a{
        font-size: 14px;
    }
    .pb-all-product .favorite-product-icon,
    .home .pb-home-product .favorite-product-icon{
        top: 5px;
        left: 5px;
    }
}
/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */

/* -------------------------------------------------- */
/* ----------------- BREADCRUMB --------------------- */
/* -------------------------------------------------- */

.breadcrumb{
    margin-bottom: 5px;
}
.breadcrumb > li a{
    color: #828282;
}
/*.pb-breadcrumb {
    padding-bottom: 16px;
}*/
/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */

/* -------------------------------------------------- */
/* ----------------- PAGINATION --------------------- */
/* -------------------------------------------------- */

.pb-pagination{
    text-align: center;
}

/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */

/* -------------------------------------------------- */
/* ------------------- FILTERS ---------------------- */
/* -------------------------------------------------- */

.pb-sidebar-filters-header{
    font-size: 20px;
    line-height: 20px;
    color: #ed6a56;
    text-transform: uppercase;
    padding: 20px 20px 10px 20px;
    margin: 0;
    border: 1px solid #e6e6e6;
    border-right: 4px solid #d5402a;
    cursor: pointer;
}
.pb-sidebar-filters-header .badge{
    font-size: 15px;
    top: -2px;
    position: relative;
}
.pb-filter-wrapper {
    clear: left;
}
.pb-filter-wrapper .pb-sidebar-filter{
    border-radius: 0;
}
.pb-filter-wrapper .pb-sidebar-filter .panel-heading{
    font-weight: bold;
    background: #e1e1e1;
    border: none;
    border-radius: 0;
    padding: 5px 15px;
    cursor: pointer;
}
.pb-filter-wrapper .pb-sidebar-filter.pb-sidebar-filter-1 .panel-heading{
    cursor: default;
}
.pb-filter-wrapper .pb-sidebar-filter .panel-heading span,
.pb-filter-wrapper .pb-sidebar-filters-header .pb-sidebar-filters-header-arrow{
    float: right;
}
.pb-filter-wrapper .pb-sidebar-filter .panel-heading .panel-title{
    color: #595959;
    font-size: 15px;
}
.pb-filter-wrapper .pb-sidebar-filter .panel-body{
    padding: 5px 15px;
}
.pb-filter-wrapper .pb-sidebar-filter .pb-sidebar-filtered .heading{
    font-size: 15px;
    font-weight: bold;
    color: #595959;
    margin-bottom: 5px;
}
.pb-filter-wrapper .pb-sidebar-filter .filter-active{
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.pb-filter-wrapper .pb-sidebar-filter .filter-active{
    color: #595959;
    font-size: 14px;
    line-height: 22px;
}
.pb-filter-wrapper .pb-sidebar-filter label{
    color: #595959;
    padding: 5px 5px 5px 20px;
    display: block;
}
.pb-filter-wrapper .pb-sidebar-filter label:hover{
    color: #777777;
}
.pb-filter-wrapper .pb-sidebar-filter label:hover input{
    border-color: #777777;
}
.pb-filter-wrapper .pb-sidebar-filter .filter-input .twitter-typeahead{
    width: 100%;
}
.pb-filter-wrapper .pb-sidebar-filter .filter-input .tt-dropdown-menu{
    background: #fff;
    width: 100%;
    padding: 10px;
    border: 1px solid #eee;
}
.pb-filter-wrapper .pb-sidebar-filter .filter-input .tt-dropdown-menu a{
    color: #595959;
    text-decoration: none;
    display: inline-block;
    padding: 6px 0;
}
.pb-filter-wrapper .pb-sidebar-filter .filter-input .tt-dropdown-menu a:hover{
    color: #000000;
}
.pb-filter-wrapper .pb-sidebar-filter .filter-input .tt-dropdown-menu .tt-highlight{
    color: #00bbd6;
}

.pb-filter-wrapper .pb-sidebar-filters .wrapper .panel{
    margin-bottom: 0;
}
.pb-filter-wrapper .pb-sidebar-filters .wrapper{
    margin-bottom: 3px;
}
.pb-filter-wrapper .pb-sidebar-filters .panel{
    margin-bottom: 3px;
}
.pb-filter-wrapper .pb-sidebar-filter-price .filter-input{
    display: inline;
    width: 22%;
    padding: 4px;
}
.pb-filter-wrapper .pb-sidebar-filter-price .filter-btn{
    display: inline;
    width: 22%;
    padding: 6px 4px;
    background: #4b4b4b;
    color: #ffffff;
    margin-left: 4%;
}
.pb-filter-wrapper .pb-sidebar-filter-brand .filter-input{
    padding: 4px;
    margin-top: 10px
}

/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */

/* -------------------------------------------------- */
/* -------------- SUB-MENU SIDEBAR ------------------ */
/* -------------------------------------------------- */

.pb-filter-wrapper .pb-sidebar-accessories .pb-sidebar-accessories-heading{
    font-size: 14px;
    color: #595959;
    background: #ffffff;
    cursor: pointer;
}
.pb-filter-wrapper .pb-sidebar-accessories .pb-sidebar-accessories-body ul{
    list-style: none;
    padding: 0 0 15px 25px;
    margin: 0;
}
.pb-filter-wrapper .pb-sidebar-accessories .pb-sidebar-accessories-body ul li a {
    padding: 2px 0;
    display: inline-block;
    line-height: 18px;
}
.pb-filter-wrapper .pb-sidebar-accessories .pb-sidebar-accessories-heading .panel-title .glyphicon{
    font-size: 11px;
    line-height: 20px;
}
.pb-filter-wrapper .pb-sidebar-accessories .panel-default{
    border-top: 1px solid transparent;
}
.pb-filter-wrapper .pb-sidebar-accessories .panel{
    margin-bottom: 0;
}

/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */

/* -------------------------------------------------- */
/* ---------------- PRODUCT PAGE -------------------- */
/* -------------------------------------------------- */

.pb-product-page .pb-title-name {
    color: #000000;
    font-size: 18px;
    margin-top: 0;
}
.pb-product-page .pb-product-page-image{
    padding: 15px;
    margin-top: 10px;
    border: 1px solid #cdcdcd;
    box-shadow: 0 4px 0 rgba(0,0,0,.15);
    position: relative;
    height: 312px;
    width: 100%;
}
.pb-product-page-image-instruction{
    position: absolute;
    right: 5px;
    bottom: 5px;
    z-index: 1000;
}
.pb-product-page .pb-product-page-image .first-img{
    width: 270px;
    max-height: 280px;
    margin: 0 auto;
}
.pb-product-page-image-thumbnail{
    margin-top: 12px;
    margin-left: -5px;
    margin-right: -5px;
    text-align: center;
}
.pb-product-page-image-thumbnail ul{
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-block
}
.pb-product-page-image-thumbnail li{
    display: table;
    padding: 10px 8px 0 8px;
    width: auto;
}
.pb-product-page-image-thumbnail li:last-child{
    margin-right: 0;
}
.pb-product-page-image-thumbnail a {
    width: 30px;
    height: 20px;
    border: 1px solid #cdcdcd;
    border-radius: 20px;
    margin: 10px 8px;
}
.pb-product-page-image-thumbnail a img{
    padding: 5px;
    max-height: 100px;
    max-width: 100%;
}

/* replaced */

.pb-product-page-image-replaced{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.replaced-row {
    display: table-row;
}

/* --- */

/* magic zoom plus */
.pb-product-page-image img{
    max-width: 100% !important;
    max-height: 250px !important;
    width: auto !important;
}
.pb-product-page-image .mz-figure .mz-button{
    display: none;
}

.pb-product-page-image .pb-product-page-image-slide{
    display: flex;
    flex-direction: column;
    height: 100%;
}
.pb-product-page-image .pb-product-page-image-part{
    flex: 1 0 auto;
    display: flex;
    align-content: center;
    justify-content: center;
}
.pb-product-page-image .pb-product-page-image-part.pb-product-page-image-part-2{
    flex: 0 0 content;
}
.pb-product-page-image .pb-product-page-image-part .zoom-hint{
    color: #858585;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
}
.pb-product-page-image .MagicZoom{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.pb-product-page-image > .mz-figure > img {
    width: auto !important;
}
.pb-product-page-image-thumbnail a[data-zoom-id],
.pb-product-page-image-thumbnail .mz-thumb,
.pb-product-page-image-thumbnail .mz-thumb:focus{
    display: table-cell;
}

.pb-product-page-image-thumbnail .mz-thumb {
    margin: 0;
}
.pb-product-page-image-thumbnail .mz-thumb img{
    box-shadow: none;
    max-width: 100%;
    max-height: 100%;
    border: none;
}
.pb-product-page-image-thumbnail .mz-thumb:hover:not(.mz-thumb-selected) {
    border: 1px solid #cdcdcd;
}
.pb-product-page-image-thumbnail .mz-thumb:hover:not(.mz-thumb-selected) img{
    filter: brightness(100%);
    box-shadow: none;
}
.pb-product-page-image-thumbnail .mz-thumb.mz-thumb-selected {
    border: 1px solid #000000;
}
.pb-product-page-image-thumbnail .mz-thumb.mz-thumb-selected img{
    filter: brightness(100%);
    box-shadow: none;
}
.pb-product-page-image .ppt-part-slide-wrapper {
    order: 2;
    width: 100%;
    margin: 0 10px;
}

@media (min-width: 768px){
    .pb-product-page-image .ppt-part-slide-wrapper{
        margin: 0 0 0 10px;
    }
}
@media (min-width: 992px){
    .pb-product-page-image .ppt-part-slide-wrapper {
        order: inherit;
        margin: 0;
    }
}
.mz-expand .mz-expand-thumbnails .magic-thumbs .magic-thumb {
    padding: 3px;
    margin: 5px 3px;
    width: 50px;
    height: 50px;
    border: 1px solid #cdcdcd;
}
.mz-expand .mz-expand-thumbnails .magic-thumbs .magic-thumb > img {
    filter: brightness(100%);
    box-shadow: none;
    max-width: 100% !important;
    max-height: 100% !important;
    border-bottom: none;
}

@media (min-width: 992px) {
    #zoom-placeholder {
        position: absolute;
        top: 10px;
        left: calc(100% + 10px);
        z-index: 100;
        width: 316px;
        height: 316px;
        pointer-events: none;
    }
}
.mz-expand .mz-expand-thumbnails .magic-thumb-selected img,
.mz-expand .mz-expand-thumbnails .magic-thumb:not(.magic-thumb-selected) > img:hover{
    filter: brightness(100%);
}
.mz-expand .mz-expand-thumbnails .magic-thumbs .magic-thumb-selected,
.mz-expand .mz-expand-thumbnails .magic-thumb:not(.magic-thumb-selected):hover{
    border: 1px solid #000000;
}

.pb-product-page-image .pb-product-page-image-slide figure.mz-figure{
    padding-bottom: 40px;
}
.pb-product-page-image .pb-product-page-image-slide .mz-hint{
    display: block;
    color: #858585;
    padding: 0;
    bottom: 0;
}
.pb-product-page-image .pb-product-page-image-slide .mz-hint .mz-hint-message{
    background: rgba(255,255,255, .8);
    padding: 5px;
    line-height: 1;
}
.pb-product-page-image .pb-product-page-image-slide .mz-hint .mz-hint-message:before{
    display: none;
}
.pb-product-page-image .pb-product-page-image-slide .mz-hint-hidden {
    opacity: 1;
    -webkit-transition-delay: initial;
    transition-delay: initial;
}

.pb-product-page-image .pb-product-page-image-slide .mz-lens{
    border: 0 none;
    box-shadow: none;
}

/* ------ */
.pb-product-page .delivery-date {
    display: flex;
    align-content: flex-start;
    width: 100%;
    font-size: 14px;
    line-height: 16px;
}
.pb-product-page .delivery-date.on-restock { color: #00BBD6; }
.pb-product-page .delivery-date.on-order { color: #757575; }
.pb-product-page .delivery-date .icon {
    display: none;
    font-size: 40px;
    padding-right: 15px;
}
.pb-product-page .delivery-date .delivery-content { flex: 1; }
.pb-product-page .delivery-date .delivery-content .status-details { margin: 0; }
.pb-product-page .delivery-date .delivery-content .status {
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
}
.pb-product-page .delivery-date .delivery-content .status .upper {
    text-transform: uppercase;
}
.pb-product-page .delivery-date .shipment-date-info {
    color: #000;
    margin: 10px 0 0 0;
}

@media (min-width: 768px) {
    .pb-product-page .delivery-date .icon { display: block; }
}

.pb-product-page .product-star{
    margin: 3px 0;
}
.reassurance-block-wrapper{
    margin: 20px 0 0 0;
}
.reassurance-block-wrapper .reassurance-block {
    border: 1px solid #e6e6e6;
    padding: 5px;
    margin-bottom: 10px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+41,ededed+100 */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(-45deg,  #ffffff 41%, #ededed 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg,  #ffffff 41%,#ededed 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg,  #ffffff 41%,#ededed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.reassurance-block-wrapper .reassurance-block .reassurance-block-txt{
    color: #666666;
    font-size: 11px;
    text-align: center;
}
.reassurance-block-wrapper .reassurance-block .reassurance-block-txt span{
    font-weight: bold;
    font-size: 14px;
}
.reassurance-block-wrapper .reassurance-block-4{
    border: none;
    padding: 0;
    margin: 0;
    position: relative;
    display: flex;
}
.reassurance-block-wrapper .reassurance-block-4 .content{
    position: relative;
    padding: 5px;
    min-height: 132px;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
}
.reassurance-block-wrapper .reassurance-block-4 .content > * {
    flex: 1 0 100%;
}
.reassurance-block-wrapper .reassurance-block-4 .reassurance-block-txt{
    color: #000000;
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 6px;
    text-transform: uppercase;
    text-align: center;
}
.reassurance-block-wrapper .reassurance-block-4 ul,
.reassurance-block-wrapper .reassurance-block-4 li{
    list-style: none;
    padding: 0;
    margin: 0;
}
.reassurance-block-wrapper .reassurance-block-4 a{
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    border-radius: 3px;
    display: flex;
    align-items: center;
    padding: 3px 5px;
    margin-bottom: 1px;
    background: #00bbd6; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #00bbd6 0%, #007f89 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #00bbd6 0%,#007f89 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #00bbd6 0%,#007f89 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00bbd6', endColorstr='#007f89',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.reassurance-block-wrapper .reassurance-block-4 a:hover{
    background: #00bbd6;
    text-decoration: none;
}
.reassurance-block-wrapper .reassurance-block-4 a:after{
    content: '';
    width: 18px;
    height: 15px;
    display: inline-block;
    background: url('/img/fronts/pbip/pb-reassurance-icon.png') no-repeat left -274px transparent;
    vertical-align: middle;
    margin-left: auto;
}
.reassurance-block-wrapper .reassurance-block-4 .reassurance-block-img{
    width: 84px;
    height: 132px;
    vertical-align: middle;
    flex: 1 0 auto;
    position: relative;
    background: url('/img/fronts/pbip/pb-reassurance-icon.png') no-repeat center -135px #ffffff;
}
.reassurance-block-wrapper .reassurance-block-4 .reassurance-block-img img{
    position: absolute;
    right: 0;
    max-width: 76px;
    max-height: 60px;
    background: #FFFFFF;
}
.reassurance-block-wrapper .reassurance-block:before{
    content: '';
    display: inline-block;
    width: 100px;
    height: 40px;
    background: url('/img/fronts/pbip/pb-reassurance-icon.png') no-repeat center 0 transparent;
    vertical-align: middle;
    float: left;
}
.reassurance-block-wrapper .reassurance-block-1:before{
    background-position: center 0;
}
.reassurance-block-wrapper .reassurance-block-2:before{
    background-position: center -45px;
}
.reassurance-block-wrapper .reassurance-block-3:before{
    background-position: center -90px;
}.reassurance-block-wrapper .reassurance-block-3:before{
     background-position: center -90px;
 }
.reassurance-block-wrapper .reassurance-block-4:before{
    display: none;
}

.pb-product-tabs{
    background: #f7f7f7;
    margin-top: 30px;
}
.pb-product-tabs .pb-product-tab {
    display: inline-block;
    width: 100%;
}
.pb-product-tabs .pb-product-tab a{
    font-size: 16px;
    font-weight: bold;
    color: #858585;
    display: inline-block;
    padding: 10px 20px;
    background: #f7f7f7;
    border-bottom: 3px solid #e0e0e0;
    transition: all .35s;
    width: 100%;
}
.pb-product-tabs .pb-product-tab.active a{
    color: #ffffff;
    background: #757575;
    border-bottom: 3px solid #3d3d3d;
}
.pb-product-tabs .pb-product-tab a:hover,
.pb-product-tabs .pb-product-tab.active a:hover{
    color: #ffffff;
    background: #757575;
    border-bottom: 3px solid #3d3d3d;
    text-decoration: none;
}
.pb-product-tab-content{
    margin: 30px 0;
}
.pb-product-tab-content img{
    max-width: 100%;
    height: auto !important;
}
.pb-product-tab-content p{
    font-size: 13px;
    color: #595959;
    margin-bottom: 15px;
}
.pb-product-tab-content h3,
.pb-product-tab-content h4,
.pb-product-tab-content h5,
.pb-product-tab-content h6{
    font-size: 18px;
    color: #333;
    margin-bottom: 15px;
    margin-top: 30px;
}
.pb-product-tab-content h4{
    font-size: 16px;
}
.pb-product-tab-content h5{
    font-size: 14px;
    font-weight: bold;
}
.pb-product-tab-content h6{
    font-size: 14px;
}
.pb-product-tab-content p:last-child{
    margin-bottom: 0;
}
.pb-product-tab-content .title-tab-content{
    font-size: 20px;
    color: #000000;
    margin: 0 0 15px 0;
    border-bottom: 3px solid #e6e6e6;
}
.pb-product-tab-content .block-info{
    border-left: 3px solid #00bbd6;
    padding-left: 5px;
}
.pb-product-tab-content .block-info-title{
    color: #00bbd6;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 3px;
}
.pb-product-tab-content .block-info-title-icon{
    padding-right: 10px;
}
.pb-product-tab-content .pb-product-tab-content-info{
    border-collapse: collapse;
    width: 100%;
}
.pb-product-tab-content .pb-product-tab-content-info td{
    font-size: 14px;
    color: #585858;
    border: 1px solid #cdcdcd;
    padding: 5px 10px;
}
.pb-product-tab-content .pb-product-tab-content-info tr:nth-child(even) td{
    background: #f3f3f3;
}
.pb-product-tab-content .pb-product-tab-content-info td a{
    color: #00bbd6;
    text-decoration: underline;
}
.pb-product-tab-content .pb-product-tab-content-info td a:hover{
    text-decoration: none;
}
.pb-product-tab-content .pb-product-tab-content-rate{
    margin-bottom: 25px;
    display: table;
    border-collapse: collapse;
    width: 100%;
}
.pb-product-tab-content .pb-product-tab-content-rate .pb-product-tab-content-rate-left,
.pb-product-tab-content .pb-product-tab-content-rate .pb-product-tab-content-rate-right{
    display: table-cell;
}
.pb-product-tab-content .pb-product-tab-content-rate .pb-product-tab-content-rate-left{
    width: 26%;
}
.pb-product-tab-content .pb-product-tab-content-rate .pb-product-tab-content-rate-right{
    border: 1px solid #e8e8e8;
    vertical-align: middle;
    padding: 15px;
    font: italic 18px/28px Georgia,Times,serif;
}
.pb-product-tab-content .pb-product-tab-content-rate img{
    margin-right: 5px;
    margin-top: 3px;
}
.pb-product-tab-content .pb-product-tab-content-rate .client-name{
    color: #ed6a56;
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 3px;
}
.pb-product-tab-content .pb-product-tab-content-rate .client-info{
    color: #595959;
    font-size: 12px;
    margin-bottom: 5px;
}
.pb-product-tab-content .pb-product-tab-content-rate .client-info span{
    color: #999999;
    text-transform: uppercase;
}
.pb-product-tab-content .pb-product-tab-content-more-product-title{
    color: #000000;
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 15px;
    text-align: center;
}
.pb-product-tab-content .pb-product-tab-content-more-product{
    padding: 20px 20px 23px 20px;
    background: #eeeeee;
}
.pb-product-tab-content .pb-product-tab-content-more-product .pb-all-product{
    margin-bottom: 20px;
}
.pb-product-tab-content .pb-product-tab-content-more-product .row > div:last-child .pb-all-product{
    margin-bottom: 0;
}
.pb-product-sidebar{
    margin-bottom: 30px;
}
.pb-product-sidebar .pb-product-sidebar-block{
    border: 1px solid #e6e6e6;
    border-right: 4px solid #e6e6e6;
    border-radius: 8px;
    padding: 10px;
    margin-bottom: 15px;
    background: #ffffff;
}
.pb-product-sidebar .pb-product-sidebar-block-2{
    margin-bottom: 0;
}
.pb-product-sidebar .pb-product-sidebar-block .sidebar-block-title{
    font-size: 15px;
    font-weight: bold;
    color: #666666;
    text-align: center;
}
.pb-product-sidebar .pb-product-sidebar-block .sidebar-block-img,
.pb-product-sidebar .pb-product-sidebar-block .sidebar-block-content{
    width: 50%;
    float: left;
    position: relative;
}
.pb-product-sidebar .pb-product-sidebar-block .sidebar-block-img img{
    max-height: 280px;
}
.pb-product-sidebar .pb-product-sidebar-block .sidebar-block-ribbon{
    position: absolute;
    right: -18px;
    text-align: right;
    width: 130%;
}
.pb-product-sidebar .pb-product-sidebar-block .sidebar-block-ribbon span{
    color: #ffffff;
    font-size: 13px;
    display: inline-block;
    background: #d5402a;
    padding: 5px 15px;
    box-shadow: 0 3px 0 rgba(0,0,0,.2);
    position: relative;
    /*white-space: nowrap;*/
}
.pb-product-sidebar .pb-product-sidebar-block .sidebar-block-ribbon .ribbon-1{
    transform: rotate(5deg);
    margin-left: 8px;
}
.pb-product-sidebar .pb-product-sidebar-block .sidebar-block-ribbon .ribbon-2{
    background: #1b9fca;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
    text-align: center;
    padding: 5px;
    width: 100%;
}
.pb-product-sidebar .pb-product-sidebar-block .sidebar-block-ribbon .ribbon-2:after{
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 4px 0 0;
    border-color: #0d83aa transparent transparent transparent;
    position: absolute;
    right: 0;
    bottom: -8px;
}
.pb-product-sidebar .pb-product-sidebar-block-2 .sidebar-block-ribbon .ribbon-2{
    background: #f18632;
    padding: 5px;
}
.pb-product-sidebar .pb-product-sidebar-block-2 .sidebar-block-ribbon .ribbon-2:after{
    border-color: #bc5708 transparent transparent transparent;
}
.pb-product-sidebar .pb-product-sidebar-block .sidebar-block-price{
    font-size: 12px;
    line-height: 20px;
    font-weight: bold;
    color: #666666;
    text-align: right;
    margin-top: 100px;
}
.pb-product-sidebar .pb-product-sidebar-block .sidebar-block-price span{
    font-weight: bold;
    color: #000000;
    font-size: 26px;
}
.pb-product-sidebar .pb-product-sidebar-block .sidebar-block-btn{
    text-align: center;
}
.pb-product-sidebar .pb-product-sidebar-block .sidebar-block-btn .btn-download{
    margin: 0;
}
.pb-product-service-btn{
    text-align: center;
    margin: 0;
}
.pb-product-service-btn .pb-product-service-btn-service{
    display: inline-block;
    background: url('/img/fronts/pbip/pb-icon-share.png') no-repeat 0 0 #e8e8e8;
    border: 1px solid #c6c6c6;
    width: 40px;
    height: 40px;
    border-radius: 38px;
    margin-top: 10px;
    cursor: pointer;
    vertical-align: top;
}
.pb-product-service-btn .service-print{
    background-position: center 0;
}
.pb-product-service-btn .service-email{
    background-position: center -40px;
}
.pb-product-service-btn-container{
    display: inline-block;
    position: relative;
    margin-top: 0;
}
.pb-product-service-btn .service-projet{
    color: #3e3e3e;
    font-size: 12px;
    line-height: 40px;
    width: auto;
    padding-left: 40px;
    padding-right: 15px;
    background-position: 0 -80px;
}
.pb-product-service-btn .service-favorite{
    background-image: none;
    color: #3e3e3e;
    font-size: 12px;
    line-height: 40px;
    width: auto;
    padding: 0 15px 0 0;
}
.pb-product-service-btn .service-favorite .btn-favorite-container{
    display: table;
}
.pb-product-service-btn .service-favorite .favorite-icon,
.pb-product-service-btn .service-favorite .load-ajax-img{
    display: table-cell;
    width: 40px;
    vertical-align: middle;
}
.pb-product-service-btn .service-favorite .favorite-icon{
    background: url('/img/fronts/pbip/pb-icon-share.png') no-repeat 0 0 transparent;
    background-position: 0 -120px;
}
.pb-product-service-btn .service-favorite .favorite-icon.my-favorite-product{
    background-position: 0 -160px;
}
.pb-product-service-btn .service-favorite .load-ajax-img{
    padding: 8px;
}
.pb-product-service-btn .service-favorite .favorite-text{
    display: table-cell;
}
.pb-product-service-btn .service-projet{
    margin: 0;
}
.pb-product-service-btn .service-projet.clicked{
    background-color: #ffffff;
    border-radius: 20px 20px 0 0;
    border-bottom: none;
}
.service-projet-list{
    display: none;
    width: 100%;
    background: #fff;
    border: 1px solid #c6c6c6;
    position: absolute;
    z-index: 10;
}
.service-projet-list ul{
    list-style: none;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #c6c6c6;
}
.service-projet-list li{
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 6px;
    background: #ffffff;
    cursor: pointer;
}
.service-projet-list li:hover{
    color: #666666;
    background: #e6e6e6;
}
.service-projet-list .btn-download{
    margin: 10px auto;
    padding: 5px 15px;
    display: block;
}
.service-projet-list .link-to-page{
    display: block;
    text-align: center;
    margin-bottom: 10px;
    font-size: 12px;
    cursor:pointer;
}
.popup-grey-content .product-info-container{
    text-align: center;
    background: #fff;
}
.popup-grey-content .item-image{
    max-height: 160px;
    max-width: 95%;
    margin: 0 auto;
}
.popup-grey-content .item-name{
    font-size: 18px;
    font-weight: bold;
    color: #000;
    margin: 0 0 3px 0;
}
.popup-grey-content .item-delivery{
    font-size: 13px;
    font-weight: bold;
    color: #62c77f;
    margin: 0 0 3px 0;
}
.popup-grey-content .item-price-quantity{
    font-size: 24px;
    font-weight: bold;
    color: #000000;
}
.popup-grey-content .modal-connect{
    text-align: center;
}
.popup-grey-content .modal-connect button{
    width: 100%;
    margin-bottom: 1em;
}
.service-projet-list-full{
    max-height: 280px;
    overflow-y: scroll;
    background: #fff;
    border: 1px solid #aaaaaa;
}
.service-projet-list-full ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
.service-projet-list-full li{
    font-size: 12px;
    padding: 6px;
    background: #ffffff;
    cursor: pointer;
}
.service-projet-list-full li:hover{
    color: #666666;
    background: #e6e6e6;
}
.service-alert{
    background: rgba(0,0,0,0.8);
    color: #fff;
    text-align: center;
    border-radius: 40px;
    position: fixed;
    top: 80px;
    left: 0;
    border: none;
    margin: 15px;
    padding: 15px;
    display: none;
}
.pb-scroll-top{
    position: fixed;
    bottom: 10px;
    right: 10px;
}
@media(min-width:768px){
    .reassurance-block-wrapper .reassurance-block-4 .reassurance-block-img {
        width: 110px;
    }
    .reassurance-block-wrapper .reassurance-block-4.mini-block .reassurance-block-img {
        width: 84px;
    }
    .reassurance-block-wrapper .reassurance-block-4.mini-block a{
        line-height: 16px;
    }
    .pb-product-sidebar{
        margin-top: 10px;
        top: 0;
        bottom: 0;
        scroll-behavior: smooth;
    }
    .pb-product-sidebar.fixed{
        float: none;
        position: fixed;
        z-index: 100;
    }
    .pb-product-tab-content .pb-product-tab-content-more-product-title{
        font-size: 24px;
        line-height: 30px;
    }
    .pb-product-service-btn .pb-product-service-btn-service{
        margin-top: 0;
        margin-right: 10px;
    }
    .pb-product-service-btn .pb-product-service-btn-service:hover{
        border: 1px solid #999999;
        background-color: #ffffff;
    }
    .popup-grey-content .modal-connect button{
        width: auto;
        min-width: 220px;
        margin: 0 .5em 1em .5em;
    }
    .pb-product-service-btn{
        text-align: left;
        margin: 15px 0 0 0;
    }
}
/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */

/* -------------------------------------------------- */
/* -------------- RESULT PAGE ------------------- */
/* -------------------------------------------------- */
.pb-result-container {
    margin-top: 0;
}

p.result-total-count {
    margin-bottom: 12px;
    padding-top: 6px;
}
p.brand-page-result-total-count {
    font-size: 16px;
}
/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */


/* -------------------------------------------------- */
/* -------------- TV LANDING PAGE ------------------- */
/* -------------------------------------------------- */

.pb-tvlanding-form label {
    font-weight: normal;
}
.pb-tvlanding-form input {
    border-radius: 0px;
    border-color: #adadad;
    box-shadow: none;
}
.form-control[disabled] {
    background: #f1f1f1;
}
.pb-tvlanding-form-container{
    border: 1px solid #cdcdcd;
    padding: 12px;
    margin-bottom: 10px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+72,ededed+100 */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 72%, #ededed 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 72%,#ededed 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 72%,#ededed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
}
.pb-tvlanding-form-container .title{
    color: #007f89;
    font-size: 14px;
    margin-bottom: 10px;
}
.pb-tvlanding-form-container label{
    font-size: 12px;
    color: #000000;
}
.pb-tvlanding-form-container .pb-tvlanding-form-refresh {
    color: #69989c;
    font-size: 11px;
    text-align: right;
    cursor: pointer;
    padding-right: 15px;
}
.pb-tvlanding-form-container .pb-tvlanding-form-refresh span {
    margin-top: 8px;
}
.pb-tvlanding-form-container .pb-tvlanding-form-refresh:hover{
    text-decoration: underline;
}
.pb-tvlanding-form .form-group {
    padding-left: 0;
}
.pb-tvlanding-form .form-group input {
    width: 100%;
}
.pb-tvlanding-number{
    color: #007f89;
    font-size: 14px;
    position: relative;
    text-align: center;
    margin-bottom: 20px;
}
.pb-tvlanding-number span{
    background: #ffffff;
    padding: 5px 10px;
    z-index: 1;
    position: relative;
}

.pb-tvlanding-number::before {
    background: #e2e2e2;
    content: "";
    display: block;
    height: 5px;
    position: absolute;
    top: 50%;
    margin-top: -2px;
    left: 0;
    width: 100%;
    border: 1px solid #cecece;
}

.pb-tvlanding-blocks{
    padding: 5px 0 0 0;
    border-top: 1px solid #cdcdcd;
    border-left: 1px solid #cdcdcd;
    border-right: 1px solid #cdcdcd;
    border-bottom: 3px solid #d5402a;
    height: auto;
    margin-bottom: 20px;
}
.pb-tvlanding-blocks .pb-tvlanding-blocks-title{
    background: #ed6a56;
    padding: 10px 20px;
    font-size: 24px;
    line-height: 25px;
    color: #ffffff;
    margin-bottom: 0;
}
.pb-tvlanding-blocks .pb-tvlanding-blocks-content{
    font-size: 16px;
    color: #ed6a56;
    padding: 10px 20px;
}
.pb-tvlanding-blocks .pb-tvlanding-blocks-content .italic{
    color: #666666;
    font: italic 14px/16px Georgia,serif;
}
.pb-tvlanding-blocks .pb-tvlanding-blocks-title span{
    font-size: 17px;
    line-height: 20px;
    color: #ffcec7;
}
.pb-tvlanding-blocks .btn-container{
    margin: 5px 0;
}
.pb-tvlanding-blocks.pb-tvlanding-blocks-right{
    border-bottom: 3px solid #d6d6d6;
}
.pb-tvlanding-blocks.pb-tvlanding-blocks-right .pb-tvlanding-blocks-title{
    background: #00bbd6;
}
.pb-tvlanding-blocks.pb-tvlanding-blocks-right .pb-tvlanding-blocks-title span{
    color: #1e1e1e;
}
.pb-tvlanding-blocks.pb-tvlanding-blocks-right .pb-tvlanding-blocks-content{
    color: #828282;
    background: none;
}
.pb-tvlanding-blocks.pb-tvlanding-blocks-right .pb-tvlanding-blocks-brand{
    background: #e5e5e5;
    padding: 2px 0;
}
.pb-tvlanding-blocks.pb-tvlanding-blocks-right .pb-tvlanding-blocks-brand div{
    background: #ffffff;
    border: 1px solid #cdcdcd;
    padding: 2px;
    width: 30%;
    text-align: center;
    margin: 2px 1%;
    display: inline-block;
}
.pb-tvlanding-blocks.pb-tvlanding-blocks-right .pb-tvlanding-blocks-brand div img{
    max-height: 52px;
    max-width: 100%;
}


.pb-tv-universelle-container {
    padding: 12px;
    margin-bottom: 20px;
    border: 1px solid #cdcdcd;
    background: #e3e3e3;
    background: -moz-linear-gradient(top,  #e3e3e3 10%, #ffffff 30%, #ffffff 100%);
    background: -webkit-linear-gradient(top,  #e3e3e3 10%,#ffffff 30%,#ffffff 100%);
    background: linear-gradient(to bottom,  #e3e3e3 10%,#ffffff 30%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e3e3', endColorstr='#ffffff',GradientType=0 );
}

.pb-tv-universelle-container .title-product {
    margin-top: 0;
}
.pb-tv-universelle-title {
    color: #000;
    margin-bottom: 16px;
    margin-top: 5px;
    font-size: 14px;
    line-height: 1.42857143;
}
.pb-tv-universelle-p {
    color: #585858;
    margin-bottom: 0;
}
.pb-tvlanding .pb-tv-title{
    color: #00bbd6;
    font-size: 18px;
}
.pb-tvlanding .pb-tv-title span{
    font-size: 14px;
    color: #979797;
}

@media (min-width: 768px) {    /* TV landing */
    .pb-tvlanding .pb-tv-title{
        font-size: 24px;
    }
    .pb-tvlanding .pb-tv-title span{
        font-size: 17px;
    }

    .pb-tvlanding-blocks .pb-tvlanding-blocks-content{
        padding: 10px 150px 10px 20px;
        background: url(/img/fronts/pbip/bg-tv-landing.jpg) right bottom no-repeat transparent;
    }
    .pb-tvlanding-blocks.pb-tvlanding-blocks-right .pb-tvlanding-blocks-brand{
        position: absolute;
        bottom: 22px;
        right: 25px;
        width: 145px;
    }
    .pb-tvlanding-blocks.pb-tvlanding-blocks-right .pb-tvlanding-blocks-brand div{
        width: 135px;
        height: 56px;
        margin: 2px 5px;
    }
    .pb-tvlanding-blocks.pb-tvlanding-blocks-right .pb-tvlanding-blocks-brand div img{
        max-height: 52px;
        max-width: 130px;
    }
    .pb-tv-universelle-container .pb-all-product .pb-title-product{
        min-height: 124px;
    }
}
/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */

/* -------------------------------------------------- */
/* -------------- CLIM LANDING PAGE ------------------- */
/* -------------------------------------------------- */

.pb-climlanding .title-h1{
    font-size: 18px;
    color: #000000;
}
.pb-climlanding .sub-title-h1{
    font-size: 13px;
    font-weight: bold;
    color: #737373;
    text-transform: uppercase;
}
.pb-climlanding .pb-brand-clim {
    margin-bottom: 10px;
}
.pb-climlanding .pb-climlanding-container-tel-img img{
    max-height: 300px;
    margin: 5px auto;
}
.pb-climlanding .pb-climlanding-container-tel .title-product{
    font-weight: bold;
    color: #666666;
    font-size: 16px;
}
.pb-climlanding .product-star{
    margin-top: 5px;
}
.pb-climlanding .pb-climlanding-compatibility{
    margin-bottom: 30px;
}
.pb-climlanding .pb-climlanding-compatibility .title{
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    color: #094219;
    background: #dfdde0;
    padding: 5px;
    border-bottom: 5px solid #d0d0d0;
    margin-bottom: 0;
}
.pb-climlanding .pb-climlanding-compatibility .content{
    background: url('/img/fronts/pbip/bg-clim-compatibility.jpg') center left transparent;
    padding: 20px;
}
.pb-climlanding .pb-climlanding-compatibility .content p{
    font-size: 13px;
    color: #3b3b3b;
    margin-bottom: 15px;
}
.pb-climlanding .pb-climlanding-compatibility .content .btn-container{
    text-align: center;
}
.pb-climlanding .pb-climlanding-container-tel-delivery{
    border-top: 1px solid #c6c6c6;
    border-bottom: 1px solid #c6c6c6;
    padding: 10px 0;
}
.pb-climlanding .pb-climlanding-container-tel-delivery .delivery-date{
    font-size: 14px;
}
.pb-climlanding .pb-climlanding-container-tel-delivery .delivery-date .grey{
    color: #858585;
}
.pb-climlanding .price-container{
    text-align: center;
}
.pb-climlanding .pb-climlanding-container-tel-quote{
    text-align: center;
    font: bold italic 18px/26px Georgia,Times,serif;
    margin-bottom: 50px;
}

/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */


/* -------------------------------------------------- */
/* ---------------- DEVIS PAGE -------------------- */
/* -------------------------------------------------- */
.pb-devis-validation .col-xs-12 h4 {
    color: #69c27e;
}
.pb-devis-validation .col-xs-12 p {
    margin-bottom: 35px;
}
.pb-tvdevis form h4 {
    margin-bottom: 20px;
}
.pb-tvdevis form p {
    margin-top: 16px;
    color: #969696;
}
.pb-tvdevis form label {
    text-align: left !important;
    font-weight: normal;
    font-size: 15px;
    color: #606060;
}
.pb-tvdevis form input,
.pb-tvdevis form textarea,
.pb-tvdevis form select {
    border-radius: 0;
    box-shadow: none;
}
.pb-tvdevis form textarea {
    margin-top: 12px;
}
.pb-tvdevis form input#inputNumber {
    width: 50%;
}
.pb-tvdevis form button {
    border-radius: 0;
    background: #fff;
}
.pb-tvdevis .dropdown-menu a {
    font-size: 14px;
    font-weight: bold;
    color: #595959;
}
.pb-tvdevis button.pb-validate{
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    color: #ffffff;
    text-align: center;
    background: #ed6a56;
    padding: 8px 25px;
    border-left: 3px solid #d5402a;
    border-bottom: 3px solid #d5402a;
    border-radius: 3px;
    transition: all 0.35s;
    margin-top: 16px;
    margin-bottom: 20px;
    width: 100%;
}
.pb-tvdevis button.pb-validate:hover{
    text-decoration: none;
    background: #d5402a;
    border-left: 3px solid #ed6a56;
    border-bottom: 3px solid #ed6a56;
    color: #fff;
}
@media (max-width: 480px) {
    .pb-tvdevis form input#inputNumber {
        width: 100%;
    }
}

/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */

/* -------------------------------------------------- */
/* ------------------ PASSWORD PAGE --------------------- */
/* -------------------------------------------------- */
.wrapperRailRight {
    border: 1px solid #e0e0e0;
    padding-bottom: 32px;
}
.wrapperRailRight .basketButtons {
    text-align: center;
}
.wrapperRailRight .basketButtons .btn-shop {
    width: 100%;
    font-size: 16px;
}

/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */

/* -------------------------------------------------- */
/* ------------------ QUI SOMMES NOUS PAGE --------------------- */
/* -------------------------------------------------- */
.quiSommesNous .thumbnail {
    padding: 16px;
    border-radius: 0;
}
.quiSommesNous .thumbnail p {
    line-height: 24px;
}
.quiSommesNous .thumbnail h2{
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 12px;
}
.quiSommesNous .thumbnail .img-delivery{
    content: "";
    width: 50px;
    height: 50px;
    display: inline-block;
    vertical-align: middle;
    background: url('/img/fronts/pbip/icon-engagements.png') -180px top no-repeat transparent;
}
.quiSommesNous .media h2{
    font-size: 16px;
    font-weight: bold;
}
.hotLineDE{
    min-height: 121px;
}
.qsn {
}
.phone-hotline {
    font-size: 16px;
}
.stock {
    position: relative;
    height: 120px;
    background: url('../../../img/fronts/pbip/stock.jpg') center center no-repeat;
    background-size: cover;
}
.qui-infos-container {
    margin-top: 20px;
}
.qui-infos-container .media-border {
    min-height: 152px;
}

.media-border {
    border-top: 1px solid #e6e6e6;
    border-left: 5px solid #00bbd6;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}
.coordBank ul {
    padding-left: 0;
}
.coordBank ul li {
    list-style: none;
}
/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */

/* -------------------------------------------------- */
/* ------------------ Demande devis --------------------- */
/* -------------------------------------------------- */
.independantPage .radio-label-group label {
    font-weight: normal;
    margin-right: 16px;

}
.independantPage .radio-label-group input[type=radio]{
    margin-right: 5px;
    vertical-align: text-bottom;
}
.wrapperFormPage {
    margin-bottom: 50px;
}
.wrapperFormPage .form-horizontal {
    padding: 16px 0;
}
.wrapperFormPage .control-label {
    text-align: left;
    font-weight: normal;
}
.champObligatoire{
    color: red;
}
.wrapperFormPage .form-horizontal .label-radio {
    padding-top: 0;
}

.margin-radio-label {
    margin-right: 16px;
}
.demandeDevis form {
    padding: 16px;
}

.demandeDevis .civilite label,
.demandeDevis .dejaClient label{
    padding-top: 0;
}


.independantPage .basketButtons .btn-shop {
    width: 100%;
}
.formSectionSecurity input,
.formSectionSecurity label {
    float: left;
}

@media (min-width: 768px){
    .wrapperFormPage .photoType {
        padding: 0px 32px;
    }
}

/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */

/* -------------------------------------------------- */
/* ------------------ Envoi telecommande --------------------- */
/* -------------------------------------------------- */
.photoType .thumbnail {
    border-radius: 0;
}
.captcha-container {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.captcha-container ul li {
    color: red;
    font-weight: 700;
    list-style: none;
}

/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */

/* -------------------------------------------------- */
/* ----------------- USER ACCOUNT ------------------- */
/* -------------------------------------------------- */

.user-account-title {
    color: #666;
    font-weight: bold;
    font-size: 13px;
    padding: 10px 15px;
    margin: 0;
    background: url('/img/fronts/pbip/puce-sidebar-2.png') right 2px no-repeat #ffffff;
    border: 1px solid #e6e6e6;
    border-right: 4px solid #cdcdcd;
    display: block;
}
/*.user-account-title:hover,*/
.user-account-title.active{
    color: #ed6a56;
    background: url('/img/fronts/pbip/puce-sidebar-2.png') right -64px no-repeat #f5f5f5;
}
.user-account-inner-nav{
    margin-bottom: 20px;
    /*margin-top: 10px;*/
}
.user-account-content{
    border: 1px solid #e6e6e6;
    padding: 20px;
    margin-bottom: 20px;
}
.user-account-address-title{
    font-size: 16px;
    color: #000000;
}
.user-account-address{
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 20px;
}
.user-account-table td{
    padding-bottom: 10px;
    vertical-align: top;
}
.user-account-table th{
    font-weight: bold;
    padding-right: 5px;
    padding-bottom: 10px;
    vertical-align: top;
}
.user-account-button{
    text-align: right;
    margin-bottom: 20px;
}
.user-account-button button{
    font-size: 14px;
    font-weight: bold;
    color: #404040;
    padding: 5px 20px 5px 0;
    margin: 0 5px;
    background: #e8e8e8;
    border: none;
    border-bottom: 3px solid #bbb;
    border-left: 3px solid #bbb;
}
.user-account-button button:hover{
    background: #bbb;
    border-bottom: 3px solid #e8e8e8;
}
.user-account-button button:before{
    content: '';
    display: inline-block;
    width: 35px;
    height: 19px;
    position: relative;
    left: -3px;
    top: 3px;
    background: url('/img/fronts/pbip/icon-user-account.png') no-repeat 0 -10px #00bbd6;
    margin-right: 7px;
}
.user-account-button button.delete:before{
    background-color: #d5402a;
    background-position: 0 -50px;
}

.user-account-button button.valid:before{
    background-color: #4ba364;
    background-position: 0 -91px;
}
.user-account-add-address{
    cursor: pointer;
    display: inline-block;
}
.user-account-add-address > span{
    color: #ffffff;
    font-weight: bold;
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    vertical-align: middle;
    background: #767676;
    border-radius: 2px;
    margin-right: 5px;
    width: 18px;
    display: inline-block;
}
.user-account-add-address:hover{
    text-decoration: underline;
}
.user-account-add-address:hover > span{
    color: #767676;
    background: #ffffff;
}
.form-horizontal.user-edit-form label{
    font-size: 16px;
    font-weight: bold;
    color: #606060;
}
.user-edit-form input[type="text"],
.user-edit-form input[type="file"]{
    font-size: 16px;
    line-height: 30px;
    border: 1px solid #c6c6c6;
    border-radius: 0;
    margin-bottom: 15px;
}
.user-edit-form .form-input-group{
    margin-bottom: 15px;
    width: 100%;
    padding-right: 0;
}
.user-account-content.user-order,
.user-account-content.user-projects{
    padding: 5px;
}
.user-account-content .orders-container{
    font-size: 12px;
}
.user-account-content .orders-container .panel-group.orders-list{
    margin-bottom: 0;
}
.user-account-content .orders-container .orders-head{
    background: #f0f0f0;
    color: #606060;
    overflow: hidden;
    padding: 10px;
    margin-bottom: 3px;
    box-shadow: 0 3px 0 #e9e9e9;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: center;
}
.user-account-content .orders-container .panel-heading-content:nth-child(odd){
    background: #f8f8f8;
}
.user-account-content .orders-container .panel-heading-content:hover .order-number{
    text-decoration: none;
    cursor: pointer;
}
.user-account-content .orders-container .panel-heading-content{
    display: grid;
    width: 100%;
    grid-template-columns: repeat(3, 1fr);
    padding: 10px;
    align-items: center;
    border-bottom: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
}
.user-account-content .project-item .panel-heading-content{
    display: flex;
    width: 100%;
    padding: 10px;
    align-items: center;
    border: 1px solid #e0e0e0;
    cursor: pointer;
}
.user-account-content .project-item .panel-heading-content .project-name {
    flex: 1;
}
.user-account-content .project-item .panel-heading-content .project-name .edit-icon {
    padding: 0 15px;
}
.user-account-content .project-item .panel-heading-content .project-name .edit-icon:hover {
    color: #ed6a56;
}
.user-account-content .panel-heading-content > div,
.user-account-content .orders-head > div{
    padding: 0 4px 0 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.user-account-content .panel-heading-content > div:last-child{
    padding-right: 0;
}
.user-account-content .panel-heading-content .order-collapse{
    grid-area: 8 / 1 / auto / 9;
}
.user-account-content .project-name-edit{
    cursor: pointer;
}
.user-account-content .orders-container{
    display: grid;
    grid-template-columns: 1fr;
    grid-auto-rows: auto;
}
.user-account-content .orders-container .panel-heading-content .order-number{
    color: #00bbd6;
    font-weight: bold;
    text-decoration: underline;
}
.user-account-content .orders-container .panel-heading-content .order-status .order-send{
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    background: #62c77f;
    padding: 3px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-right: 6px;
}
.user-account-content .orders-container .order-status .order-send.in-progress{
    background: #00bbd6;
}
.user-account-content .orders-container .order-bill a.btn{
    color: #ffffff;
    padding: 3px 6px;
    font-size: 13px;
}
.user-account-content .panel-heading-content .view-more{
    color: #ababab;
    cursor: pointer;
    text-decoration: underline;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: right;
}
.user-account-content .panel-heading-content .view-more:hover{
    text-decoration: none;
}
.user-account-content .project-item .panel-heading-content .view-more{
    text-decoration: none;
}
.user-account-content .orders-container .panel-orders .panel-heading-content:hover .order-link-hover.order-number {
    text-decoration: underline;
}
.user-account-content .panel-heading-content:hover .order-link-hover.order-date,
.user-account-content .panel-heading-content:hover .order-link-hover.order-price,
.user-account-content .panel-heading-content:hover .order-link-hover.order-name{
    color: #8c8c8c;
}
.user-account-content .panel-heading-content:hover .order-link-hover.view-more{
    background: #ababab;
}
.user-account-content .orders-container .order-more-status{
    display: table;
    width: 100%;
    margin-bottom: 20px;
}
.user-account-content .orders-container .order-more-status .order-status{
    color: #62c77f;
}
.user-account-content .orders-container a.order-content-link{
    text-decoration: underline;
}
.user-account-content .orders-container a.order-content-link:hover{
    text-decoration: none;
}
.user-account-content .orders-container .order-more-status .order-again-btn{
    text-align: center;
}
.user-account-content .orders-container .order-more-status .btn-shop{
    font-size: 13px;
    display: inline-block;
}
.user-account-content .orders-container .order-more-status .btn-shop:before{
    content: '';
    display: inline-block;
    background: url('/img/fronts/pbip/pb-icon-cart-red.png') no-repeat 0 0 transparent;
    width: 24px;
    height: 23px;
    vertical-align: middle;
    margin-right: 8px;
}

.user-account-content .orders-container .panel-body{
    padding: 20px 0;
}
.user-account-content .orders-container .recap-coord td,
.user-account-content .orders-container .recapTotal td{
    padding: 8px 10px;
}
.user-account-content .orders-container .recap-coord thead td{
    color: #606060;
    background: #f0f0f0;
    border: 1px solid #e0e0e0;
    box-shadow: 0 3px 0 #e9e9e9;
}
.user-account-content .orders-container .recap-coord tbody{
    border: 1px solid #e0e0e0;
    background: #ffffff;
}
.user-account-content .orders-container .main-basket-header{
    padding: 0;
    margin-top: 20px;
}
.user-account-content .orders-container .main-basket.vertical-align{
    display: flex;
    align-items: center;
    flex-flow: row wrap;
    background: #ffffff;
}
.user-account-content .orders-container .main-basket a{
    color: #8c8c8c;
    text-decoration: underline;
}
.user-account-content .orders-container .main-basket a:hover{
    text-decoration: none;
}
.user-account-content .orders-container .main-basket .item-image{
    max-height: 160px;
    max-width: 95%;
    margin: 0 auto;
}
.user-account-content .orders-container .main-basket .item-name{
    font-size: 13px;
    font-weight: bold;
    color: #000;
    margin: 0 0 3px 0;
}
.user-account-content .orders-container .recapTotal,
.user-account-content .orders-container .main-basket .order-total-price{
    font-size: 14px;
    background: #ffffff;
}

.user-account-content .orders-container .recapTotal .total-cart-container{
    border: 0;
    font-weight: bold;
    color: #000;
}
.user-account-content .orders-container .recapTotal .total-cart-container td{
    padding: 8px 0;
    font-size: 16px;
}
.user-personalization .user-personalization-content{
    width: 100%;
    padding-bottom: 10px;
    text-align: center;
}
.user-personalization .user-personalization-content .user-content-logo.nologo,
.user-personalization .user-personalization-content .user-content-logo{
    margin: 0 auto;
    width: 90px;
    height: 90px;
    line-height: 88px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    background: #b9b9b9;
}
.user-personalization .user-personalization-content .user-content-logo{
    background: #fff;
    border: 1px solid #b9b9b9
}
.user-personalization .user-personalization-content .user-content-logo img{
    max-height: 100%;
    display: inline-block;
    margin: 0 auto;
    padding: 5px;
}
.user-personalization .user-personalization-content .user-content-name{
    font-size: 20px;
    padding-top: 15px;
}
.user-personalization .user-modification-title{
    font-size: 18px;
    color: #737373;
    font-weight: bold;
    text-transform: uppercase;
    margin: 30px 0;
}
.user-personalization .user-modification-title:before{
    content: "";
    background: url('/img/fronts/pbip/puce-modif-title.png') no-repeat 0 0 transparent;
    width: 10px;
    height: 15px;
    margin-right: 8px;
    display: inline-block;
}
.user-account-content .custom-file-control{
    width: 90%;
}
.user-projects .panel{
    box-shadow: none;
}
.user-projects .panel-heading{
    font-size: 13px;
    color: #000000;
    padding: 5px 0;
}
.user-projects .main-basket:last-child{
    border: 1px solid #e0e0e0;
}
.user-projects .project-name-edited{
    display: none;
}
.user-projects .project-name-edited input{
    width: 100%;
}
.user-projects .project-name-edited .icon-edited{
    position: absolute;
    display: block;
    z-index: 10;
}
.user-projects .project-name-edited .text-edit{
    width: 100%;
    resize: vertical;
}
.user-projects .no-project{
    text-align: center;
    font-size: 20px;
    padding-top: 70px;
    background: url('../../../img/fronts/pbip/icon-project-big.png') no-repeat center top transparent;
}
.user-account-content .show-promo{
    color:#ffffff;
    font-size: 12px;
    text-align: center;
    padding: 5px;
    background: #d5402a;
}
.user-account-content .item-name a{
    color: inherit;
}
.user-projects .basket-buttons-content .btn-shop{
    margin-bottom: 1em;
    font-size: 16px;
}
@media (min-width: 555px){
    .user-personalization .user-personalization-content{
        display: table;
        text-align: left;
    }
    .user-personalization .user-personalization-content .user-content-logo{
        display: table-cell;
        vertical-align: middle;

    }
    .user-personalization .user-personalization-content .user-content-name{
        display: table-cell;
        vertical-align: middle;
        padding-left: 30px;
    }
}
@media (min-width: 768px){
    .user-account-title,
    .user-account-title.title-h1 {
        font-size: 18px;
        margin: 0;
    }
    .user-account-title{
        background-position: right 6px;
    }
    /*.user-account-title:hover,*/
    .user-account-title.active{
        background-position: right -60px;
    }
    .user-account-content .orders-container{
        font-size: 13px;
    }
    .user-account-content.user-order,
    .user-account-content.user-projects{
        padding: 15px;
    }
    .user-account-content .orders-container .panel-heading-content,
    .user-account-content .orders-container .orders-head{
        grid-template-columns: repeat(8, 1fr);
    }
    .user-account-content .orders-container .orders-list .order-status .order-send{
        font-size: 13px;
    }
    .user-account-content .orders-container .order-status-info,
    .user-account-content .orders-container .order-again-btn{
        display: table-cell;
        vertical-align: middle;
    }
    .user-account-content .orders-container .order-more-status .order-again-btn{
        text-align: right;
    }
    .user-account-content .orders-container .main-basket-header{
        margin-top: 20px;
    }
    .user-account-content .orders-container .recapTotal .total-cart-container{
        border-right: 1px solid #e0e0e0;
        border-left: 1px solid #e0e0e0;
        border-bottom: 1px solid #e0e0e0;
    }
    .user-account-content .orders-container .recapTotal .total-cart-container td{
        padding: 8px 10px;
    }
    .user-account-content .orders-container .recapTotal,
    .user-account-content .orders-container .recapTotal .total-cart-container td,
    .user-account-content .orders-container .main-basket .order-total-price{
        font-size: 13px;
    }
    .user-projects .panel-heading{
        font-size: 20px;
        color: #000000;
        padding: 0 10px;
        background: #f0f0f0;
    }
    .user-projects .panel-heading:hover{
        background: #fff;
    }
    .user-projects .project-item .panel-heading{
        padding: 0;
    }
    .user-projects .project-content{
        padding: 15px;
        border: 1px solid #e0e0e0;
    }
    .user-projects .basket-buttons-content{
        text-align: right;
    }
    .user-projects .basket-buttons-content .btn-shop{
        float: right;
        margin: 0;
    }
    .user-projects .project-name-edited .text-edit{
        font-size: 16px;
    }
    .user-account-content .panel-heading .view-more{
        width: 100px;
    }
    .user-account-content .project-item .panel-heading .view-more{
        width: 40px;
    }
    .user-account-content .panel-heading .view-more span{
        font-size: 14px;
    }
}
@media (min-width: 992px) {
    .user-account-title,
    .user-account-title:hover,
    .user-account-title.active {
        color: #000;
        font-weight: normal;
        font-size: 26px;
        padding: 0;
        margin-bottom: 20px;
        background: none;
        border: none;
    }

    .user-account-content {
        border: none;
        padding: 0;
    }

    .user-account-address-title {
        font-size: 18px;
    }

    .user-account-address {
        border: 1px solid #e6e6e6;
        padding: 15px;
    }

    .user-edit-form .form-input-group {
        margin-bottom: 15px;
        width: 12%;
        padding-right: 0;
        display: inline-block;
        margin-right: 1%;
    }

    .user-account-content.user-order,
    .user-account-content.user-projects {
        padding: 0;
    }

    .user-account-content .orders-container .orders-list {
        margin-bottom: 20px;
    }

    .user-account-content .orders-container .panel-body td,
    .user-account-content .orders-container .panel-body .recapTotal .total-cart-container td,
    .user-account-content .orders-container .panel-body .main-basket .order-total-price {
        font-size: 15px;
    }

    .user-projects .project-content-inner .main-basket {
        border-bottom: 1px solid #e0e0e0;
        border-top: none;
    }
}



.user-account-content.user-favorites .favorites-list-container{
    margin-top: 30px;
}
.user-account-content.user-favorites .favorites-list-container .no-favorites{
    color: #ed6a56;
}
.user-account-content.user-favorites .favorites-list-container .favorites-delete-block{
    position: absolute;
    top: 5px;
    right: 5px;
    padding: 0;
    z-index: 200;
}
.user-account-content.user-favorites .favorites-list-container .favorite-product{
    z-index: 0;
}
.user-account-content.user-favorites .favorites-list-container .favorites-item-delete{
    cursor: pointer;
    font-size: 20px;
    display: table;
    width: 26px;
    height: 26px;
    color: #666;
    background-color: #fff;
}
.user-account-content.user-favorites .favorites-list-container .favorites-item-delete:hover{
    color: #ed6a56;
    text-decoration: none;
}
.user-account-content.user-favorites .favorites-list-container .favorites-item-delete .glyphicon-remove{
    display: table-cell;
    vertical-align: middle;
}

.user-account-content.user-favorites .favorite-product-block .load-in-progress{
    background-color: rgba(255, 255, 255, 0.6);
    z-index:1000;
    position: absolute;
    width: 100%;
    height: 100%;
}
.user-account-content.user-favorites .favorite-product-block .load-in-progress .load-ajax-img{
    background: url('/img/load-ajax.gif') center 20% no-repeat;
    background-size: 50px;
    width: 100%;
    height: 100%;
}
@media (min-width: 992px) {
    .user-account-content.user-favorites .favorite-product-block .load-in-progress .load-ajax-img{
        background-size: 75px;
    }
}
body .ui-pnotify-container{
    padding: 15px;
}
body .ui-pnotify .brighttheme-success{
    background-color: #62c77f;
    color: #fff;
    border: none;
    margin-top: 20px;
}
body .ui-pnotify .brighttheme-error{
    background-color: #ed6a56;
    background-image: none;
    color: #fff;
    border: none;
    margin-top: 20px;
}
body .ui-pnotify .brighttheme-info{
    background-color: #00bbd6;
    color: #fff;
    border: none;
    margin-top: 20px;
}

body .ui-pnotify .ui-pnotify-icon span{
    background: url('/img/fronts/pbip/icons-notif.png') no-repeat 0 0 transparent;
    color: #fff;
    width: 20px;
    height: 20px;
    margin: 0;
    border: none;
}
body .ui-pnotify .ui-pnotify-icon span.brighttheme-icon-success{
    background-position: 0 0;
}
body .ui-pnotify .ui-pnotify-icon span.brighttheme-icon-error{
    background-position: 0 -20px;
}
body .ui-pnotify .ui-pnotify-icon span.brighttheme-icon-info{
    background-position: 0 -40px;
}

body .ui-pnotify span.brighttheme-icon-success:after,
body .ui-pnotify span.brighttheme-icon-error:after,
body .ui-pnotify span.brighttheme-icon-info:after{
    display: none;
}
body .ui-pnotify .ui-pnotify-container .ui-pnotify-text{
    padding-top: 2px;
    margin-left: 30px;
}

/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */


/* -------------------------------------------------- */
/* ------------------ SEO panel --------------------- */
/* -------------------------------------------------- */

.seo-panel h2,
.seo-panel h3,
.seo-panel h4,
.seo-panel h5,
.seo-panel h6{
    font-size: 1.5em;
}

/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */

/* -------------------------------------------------- */
/* -------------------- CHECKOUT ------------------------ */
/* ------------------ CONFIRMATION PAYMENT ----------- */
.confCommand {
    margin-bottom: 30px;
}
.confCommand .confWrapper {
    display: block;
}

.confCommand .confWrapper,
.confCommand .confWrapper2{
    border: 1px solid #e6e6e6;
    padding: 16px 0;
}
.confCommand .confWrapper2 h3 {
    font-size: 15px;
    font-weight: bold;
    color: #ed6a56;
}
.confCommand .confWrapper2 p {
    color: #666;
}
.confCommand .confWrapper2 p.adress {
    padding-left: 30px;
}
.confCommand .conf-title {
    font-size: 18px;
    margin-bottom: 20px;
    font-weight: bold;
    color: #737373;
    margin-top: 0;
}
.confCommand .confWrapper .basketButtons a {
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    color: #ffffff;
    text-align: center;
    background: #ed6a56;
    padding: 8px 5px;
    border-left: 3px solid #d5402a;
    border-bottom: 3px solid #d5402a;
    border-radius: 3px;
    display: block;
    margin: 0;
    transition: all 0.35s;
}
.confCommand .recapCom-h2 {
    font-size: 18px;
    font-weight: bold;
    color: #737373;
}
.confCommand table {
    width: 100%;
}
.confCommand .coordProBip tr td{
    border: none;
}
.main-basket-header {
    margin: 0;
}
.border-lrt {
    border-right: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
    border-top: 1px solid #e0e0e0;
}
.confCommand table thead td,
.main-basket-header{
    font-size: 15px;
    color: #606060;
    padding: 5px 15px;
    background: #f0f0f0;
    border-bottom: 1px solid #e0e0e0;
    box-shadow: 0 3px 0 #e9e9e9;
}
.confCommand .recap-coord tbody {
    border: 1px solid #e0e0e0;
}
.confCommand .recap-coord tbody td,
.confCommand .recapCom tbody td,
.confCommand .recapTotal tbody td {
    padding: 8px 10px;
}
.recap-coord {
    width: 100%;
}
.recap-coord2,
.recapCoord2 {
    margin-top: 16px;
}

.recap-coord .parcelshop-delivery tbody{
    border: none;
}
.recap-coord .parcelshop-delivery tbody td{
    padding: 0;
}
.recap-coord .parcelshop-delivery tbody td.parcelshop-logo{
    width: 50px;
}
.recap-coord .parcelshop-delivery tbody td{
    padding: 0;
}
.recap-coord .parcelshop-delivery tbody td img{
    padding-right: 10px;
}
.recap-coord > tbody > tr > td:first-child{
    width: 130px;
}
.link-back {
    display: inline-block;
    color: #7a7a7a;
    text-align: left;
    text-decoration: none;
    margin-top: 10px;
    margin-bottom: 20px;
}
.confCommand .row.main-basket.vertical-align {
    flex-flow: row wrap;
}
.confCommand .row.vertical-align {
    flex-flow: column wrap;
}
.main-basket {
    margin: 0;
    padding: 20px 0 20px;
}
.main-basket .product-info-container,
.main-basket .product-info-container2 {
    text-align: center;
}
.main-basket .product-info-container2 img {
    max-width: 100%;
    max-height: 100px;
}
table.recapTotal {
    width: 100%;
}

@media (min-width: 768px){
    .confCommand .recap-coord tbody td,
    .confCommand .recapCom tbody td,
    .confCommand .recapTotal tbody td {
        padding: 10px 15px;
    }
    .confCommand .recap-coord .parcelshop-delivery tbody td{
        padding: 0;
    }
    .recap-coord2,
    .recapCoord2 {
        margin-top: 0;
    }
    .vertical-align, .paymentChoice .row.vertical-align {
        flex-flow: row wrap;
    }
    .main-basket .product-info-container2 {
        text-align: left;
    }

    .confCommand .coordProBip{
        width: 50%;
    }

}

/* --- ************ --- */

/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */

/* -------------------------------------------------- */
/* ---------------- QUESTIONNAIRE ------------------- */
/* -------------------------------------------------- */

.questionnaire-container{
    min-height: 470px;
}
.questionnaire-container .img-successful{
    width: 300px;
    height: 300px;
    margin: 0 auto;
    background: url('/img/fronts/pbip/thumbs-up.png') no-repeat 0 0 transparent;
}
.questionnaire-ul .radio label{
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    margin-bottom: 2px;
    padding: 10px 10px 10px 35px;
    cursor: pointer;
    background: #fff;
    display: block;
}
.questionnaire-ul .radio label:hover{
    background: #f0f0f0;
    transition: all 500ms;
}
.questionnaire-textarea textarea{
    padding: 10px;
    width: 100%;
    border-radius: 5px;
    border: 1px solid #e0e0e0;
    box-shadow: inset 0 0 4px rgba(0,0,0,.2);
    resize: vertical;
}
.questionnaire-textarea .form-control-feedback{
    top: -40px !important;
    bottom: auto;
    right: 4px;
}
.questionnaire-textarea .form-control-feedback.glyphicon-remove{
    top: auto !important;
    bottom: 3px;
}

.questionnaire-container .questionnaire-radio .radio-list-container {
    display: inline-block;
    margin-bottom: 10px;
}
.questionnaire-container .questionnaire-radio .radio-list-container .radio-list {
    display: inline-block;
    font-size: 0;
    text-align: center;
}
.questionnaire-container .questionnaire-radio .radio-list-container .part-radio-list {
    display: inline-block;
    margin-bottom: 10px;
}
.questionnaire-container .questionnaire-radio .radio-list-container .radio-item {
    display: inline-block;
    margin-right: 4px;
}
.questionnaire-container .questionnaire-radio .radio-list-container .radio-item input[type="radio"] {
    display: none;
}
.questionnaire-container .questionnaire-radio .radio-list-container .radio-item .radio-content {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin: 0 4px 0 0;
    padding: 0;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    font-size: 13px;
    font-weight: normal;
}
.questionnaire-container .questionnaire-radio .radio-list-container .radio-item .radio-content:hover {
    background-color: rgba(240, 240, 240, 0.7);
    cursor: pointer;
}

.questionnaire-container .questionnaire-radio .radio-list-container .radio-item input[type="radio"]:checked + .radio-content {
    background-color: #00bbd6;
    color: #fff;
    opacity: 1;
}

.questionnaire-container .questionnaire-radio .radio-list-container .radio-item span {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.questionnaire-container .questionnaire-radio .radio-list-container .legend {
    color: #8c8c8c;
    font-size: 12px;
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #e0e0e0;
    margin-top: 5px;
    padding-top: 15px;
}
.questionnaire-container .questionnaire-radio .radio-list-container .legend span {
    width: 45%;
}
.questionnaire-container .questionnaire-radio .radio-list-container .legend > span:last-child {
    text-align: right;
    margin-right: 4px;
}

.questionnaire-captcha input{
    border-radius: 5px;
    border: 1px solid #e0e0e0;
    box-shadow: inset 0 0 4px rgba(0,0,0,.2);
    padding: 5px;
    margin: 5px;
}
.questionnaire-captcha ul{
    list-style: none;
    color: #a94442;
    padding: 0;
    margin: 10px 0;
}
.questionnaire-ul .form-control-feedback{
    top: -22px;
    right: auto;
    left: 10px;
}
.questionnaire-ul .form-control-feedback.glyphicon-remove{
    top: auto;
    right: 4px;
    left: auto;
    bottom: 2px;
}
.required-label:after{
    content: "*";
    color: #a94442;
    padding: 0 4px;
}
.text-required{
    color: #a94442;
}
@media (min-width: 768px) {
    .questionnaire-ul .form-control-feedback{
        top: -40px;
        right: 13px;
        left: auto;
    }
    .questionnaire-container label{
        padding-right: 34px;
    }
}
@media(min-width:1200px) {
    .questionnaire-container .questionnaire-radio .radio-list-container .legend {
        border-top: 0;
        margin: 0;
        padding: 0;
    }
    .questionnaire-container .questionnaire-radio .radio-list-container .legend .rate-legend {
        display: none;
    }
}

/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */

/* -------------------------------------------------- */
/* ------------------- CONTACT ---------------------- */
/* -------------------------------------------------- */

.contact-boxes{
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    margin-bottom: 50px;
}
.contact-box{
    border: 1px solid #555555;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}
.contact-box .title{
    color: #FFFFFF;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 24px;
    text-align: center;
    background: #555555;
    text-shadow: 0 3px 3px rgba(0,0,0,.1);
    padding: 20px;
    margin: 0;
}
.contact-box .content{
    padding: 0 20px 20px 20px;
}
.contact-box .contact-mail{
    text-align: center;
}
.contact-box .contact-mail .mail-wrapper{
    color: #595959;
    font-size: 18px;
    border: 1px solid #555555;
    border-top: none;
    border-radius: 0 0 10px 10px;
    background: rgba(125,125,125,.1);
    padding: 10px 20px;
    display: inline-block;
    cursor: pointer;
}
.contact-box .contact-list{
    padding-left: 18px;
    margin: 20px 0 0 0;
}
.contact-box .contact-list li{
    font-size: 18px;
    color: #595959;
    margin-bottom: 20px;
}
.contact-box .contact-list li:last-child{
    margin-bottom: 0;
}
.contact-box .icon{
    font-size: 90px;
    line-height: 90px;
    color: rgba(125,125,125,.1);
    position: absolute;
    right: 20px;
    bottom: 20px;
}

.contact-box.multi-contact .contact-list-container {
    position: relative;
}
.contact-box.multi-contact .icon {
    right: 0;
    bottom: 0;
}
.contact-box.multi-contact .contact-multi-mail-container {
    margin-top: 40px;
}
.contact-box.multi-contact .contact-multi-mail-container .multi-mail-title {
    color: #595959;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
}
.contact-box.multi-contact .contact-multi-mail-container .contact-multi-mail {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}
.contact-box.multi-contact .contact-multi-mail-container .contact-mail-item {
    color: #595959;
    text-align: center;
    background-color: rgba(0,187,214,.15);
    padding: 15px;
    border: 1px solid #595959;
    border-radius: 10px;
}
.contact-box.multi-contact .contact-multi-mail-container .contact-mail-item.mail-cobbler {
    background-color: #fff;
}
.contact-box.multi-contact .contact-multi-mail-container .contact-mail-item p {
    font-size: 16px;
    margin-bottom: 20px;
    border-radius: 10px;
}
.contact-box.multi-contact .contact-multi-mail-container .contact-mail-item.mail-cobbler p {
    font-size: 18px;
    font-weight: bold;
    margin-top: 10px;
}
.contact-box.multi-contact .contact-multi-mail-container .contact-mail-item p span {
    font-weight: bold;
}
.contact-box.multi-contact .contact-multi-mail-container .contact-mail-item .mail-wrapper {
    font-size: 18px;
    display: inline-block;
    padding: 10px 20px;
    border-radius: 10px;
    border: 1px solid #595959;
}
.contact-box.multi-contact.box-business .contact-multi-mail-container .contact-mail-item .mail-wrapper {
    background-color: #fff;
    border-color: #00BBD6;
}
.contact-box.multi-contact.box-business .contact-multi-mail-container .contact-mail-item .mail-wrapper:hover {
    background-color: rgba(0,187,214,.8);
    color: #fff;
}
.contact-box.multi-contact .contact-multi-mail-container .contact-mail-item.mail-cobbler .mail-wrapper {
    background-color: rgba(0,187,214,.1);
}

/* BOX INVOICE - #EDD956 */
.contact-box.box-invoice{
    border-color: #EDD956;
}
.contact-box.box-invoice .title{
    background: #EDD956;
}
.contact-box.box-invoice .contact-mail .mail-wrapper{
    background: rgba(237,217,86,.1);
    border-color: #EDD956;
}
.contact-box.box-invoice .contact-mail .mail-wrapper:hover{
    background: rgba(237,217,86,.8);
    color: #FFFFFF;
}
.contact-box.box-invoice .icon{
    color: rgba(237,217,86,.3);
}

/* BOX BUSINESS - #00BBD6 */
.contact-box.box-business{
    border-color: #00BBD6;
}
.contact-box.box-business .title{
    background: #00BBD6;
}
.contact-box.box-business .contact-mail .mail-wrapper{
    background: rgba(0,187,214,.1);
    border-color: #00BBD6;
}
.contact-box.box-business .contact-mail .mail-wrapper:hover{
    background: rgba(0,187,214,.8);
    color: #FFFFFF;
}
.contact-box.box-business .icon{
    color: rgba(0,187,214,.3);
}

/* BOX TECHNICAL - #ED6A56 */
.contact-box.box-technical{
    border-color: #ED6A56;
}
.contact-box.box-technical .title{
    background: #ED6A56;
}
.contact-box.box-technical .contact-mail .mail-wrapper{
    background: rgba(237,106,86,.1);
    border-color: #ED6A56;
}
.contact-box.box-technical .contact-mail .mail-wrapper:hover{
    background: rgba(237,106,86,.8);
    color: #FFFFFF;
}
.contact-box.box-technical .icon{
    color: rgba(237,106,86,.3);
}

/* BOX COMPTA - #4ED986 */
.contact-box.box-compta{
    border-color: #4ED986;
}
.contact-box.box-compta .title{
    background: #4ED986;
}
.contact-box.box-compta .contact-mail .mail-wrapper{
    background: rgba(78,217,134,.1);
    border-color: #4ED986;
}
.contact-box.box-compta .contact-mail .mail-wrapper:hover{
    background: rgba(78,217,134,.8);
    color: #FFFFFF;
}
.contact-box.box-compta .icon{
    color: rgba(78,217,134,.3);
}

@media(min-width:992px) {
    .contact-boxes{
        flex-direction: row;
        row-gap: 40px;
        column-gap: 40px;
        flex-wrap: wrap;
    }
    .contact-box {
        width: calc((100% - 40px) / 2);
    }
    .body-fr .contact-box {
        width: calc((100% - 80px) / 3);
    }
    .contact-box.multi-contact {
        width: 100%;
    }
    .contact-box.multi-contact .content {
        display: flex;
        align-items: flex-start;
        padding: 0 0 20px 0;
    }
    .contact-box.multi-contact .contact-list-container {
        width: 33.33%;
        padding: 0 20px;
        align-self: stretch;
    }
    .contact-box.multi-contact .icon {
        right: 20px;
    }
    .contact-box.multi-contact .contact-multi-mail-container {
        width: 66.66%;
        padding: 0 20px;
        margin-top: 20px;
    }
    .contact-box.multi-contact .contact-multi-mail-container .contact-multi-mail {
        flex-direction: row;
        column-gap: 40px;
        flex-wrap: wrap;
        justify-content: center;
    }
    .contact-box.multi-contact .contact-multi-mail-container .contact-mail-item {
        width: calc((100% - 40px) / 2);
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
}

.hotline-wrapper{
    margin: 0 auto 50px auto;
    text-align: center;
}
.hotline-wrapper .title{
    font-size: 18px;
    line-height: 22px;
    color: #595959;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.hotline-wrapper .hotline-content{
    border-radius: 10px;
    border: 1px solid #CDCDCD;
    padding: 20px;
    display: inline-flex;
    align-items: center;
    text-align: left;
}
.hotline-wrapper .hotline-content .icon{
    font-size: 50px;
    color: #ED6A56;
}
.hotline-wrapper .hotline-content .content{
    padding-left: 20px;
    margin-left: 20px;
    border-left: 1px solid #cdcdcd;
}
.hotline-wrapper .hotline-content .number{
    font-size: 26px;
    line-height: 32px;
    color: #D5402A;
    display: block;
}
.hotline-wrapper .hotline-content .number a,
.hotline-wrapper .hotline-content .number a:hover{
    text-decoration: none;
}
.hotline-wrapper .hotline-content .txt{
    font-size: 14px;
    line-height: 16px;
    color: #595959;
}

.form-super-wrapper-title{
    color: #595959;
    font-size: 24px;
}
.form-super-wrapper{
    display: flex;
    flex-direction: column;
}
.form-super-wrapper textarea{
    resize: unset;
}
.form-super-wrapper .wrapperFormPage{
    padding: 20px 40px 40px 20px;
    border-radius: 10px;
    border: 1px solid #cdcdcd;
}
.form-super-wrapper .form-control-feedback{
    right: 14px;
}
.details-box{
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    margin-bottom: 100px;
}
.details-box .detail-box{
    border-radius: 10px;
    border: 1px solid #cdcdcd;
    overflow: hidden;
    display: flex;
}
.details-box .detail-box .content{
    color: #595959;
    border-left: 1px solid #cdcdcd;
    background: #FFFFFF;
    padding: 30px 20px;
}
.details-box .detail-box .title{
    font-size: 20px;
    line-height: 22px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.details-box .detail-box .text {
    font-size: 18px;
    line-height: 20px;
    text-transform: uppercase;
    margin-bottom: 0;
}
.details-box .detail-box .address-message {
    font-size: 16px;
    line-height: 18px;
    font-weight: bold;
    color: #D5402A;
    margin-top: 10px;
}
.details-box .detail-box .icon-wrapper{
    width: 70px;
    background: #D5402A;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.details-box .detail-box .icon-wrapper .icon{
    color: #D5402A;
    font-size: 55px;
    display: none;
}
.details-box .detail-box._map:hover{
    cursor: pointer;
    border: 1px solid #595959;
}
.details-box .detail-box._map .icon-wrapper{
    background: center center / cover no-repeat url("/img/fronts/pbip/contact/detail-box-map.jpg") #FFFFFF;
}
.details-box .detail-box._phones .icon-wrapper{
    background: center center / cover no-repeat url("/img/fronts/pbip/contact/detail-box-phones.jpg") #FFFFFF;
}
.details-box .detail-box._admin .icon-wrapper{
    background: center center / cover no-repeat url("/img/fronts/pbip/contact/detail-box-admin.jpg") #FFFFFF;
}
@media(min-width:992px) {
    .form-super-wrapper{
        flex-direction: row;
        column-gap: 40px;
    }
    .independantPage .form-super-wrapper form{
        padding: 0;
        flex: 1 0 0;
        width: calc((100% - 40px) / 2);
    }
    .form-super-wrapper .wrapperFormPage{
        padding: 20px;
    }
    .form-super-wrapper .wrapperFormPage .basketButtons{
        text-align: right;
    }
    .form-super-wrapper .wrapperFormPage .submit-container{
        display: inline-block;
    }
    .details-box{
        flex: 1 0 0;
    }
    .details-box .detail-box .icon-wrapper{
        width: 150px;
    }
    .details-box .detail-box .icon-wrapper .icon{
        display: inline-block;
    }
}

/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */

/* -------------------------------------------------- */
/* ------------------ MSG COOKIES ------------------- */
/* -------------------------------------------------- */


.cc-btn, .cc-link, .cc-message {
    line-height: 1.2;
    font-size: 14px;
}
.cc-message{
    color: #007f89 !important;
}
.cc-link{
    color: #007f89 !important;
}
.cc-btn{
    color: #fff !important;
    background: #007f89 !important;
    border-radius: 5px !important;
}
.cc-window {
    padding: 10px !important;
}
@media(min-width:992px){
    .cc-window {
        padding: 10px 20px !important;
    }
}

/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */

/* -------------------------------------------------- */
/* -------------------- FOOTER ------------------------ */
/* -------------------------------------------------- */

.pb-footer{
    color: #ffffff;
    background: #797979;
}
.pb-footer .pb-footer-block{
    padding: 15px 0;
}
.pb-footer .pb-footer-block .title{
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
}
.pb-footer .pb-footer-block ul{
    padding: 0;
    margin: 0;
    list-style: none;
}
.pb-footer .pb-footer-block ul li{
    padding: 2px 0;
}
.pb-footer .pb-footer-block ul a{
    color: #ffffff;
    display: inline-block;
    line-height: 18px;
}
.pb-footer .pb-footer-block ul a .desc{
    display: block;
    font-size: 11px;
    line-height: 12px;
    color: #cdcdcd;
}
.pb-footer .pb-footer-block-4 .title{
    font-size: 30px;
    line-height: 30px;
}

.pb-footer-link{
    border: 2px solid #FFFFFF;
    border-radius: 10px;
    padding: 10px;
    margin: 5px 15px;
    text-align: center;
}

.pb-footer-link a{
    color: #FFFFFF;
    text-decoration: underline;
    font-weight: bolder;
}

/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* ---- MEDIA QUERIES ---- */
/* ---- SM ---- */

@media (min-width: 768px) {
    .pb-all-product .title-product {
        font-size: 16px;
    }

    .container.pb-welcome-container {
        margin-top: 3px;
        margin-bottom: 3px;
        height: 20px;
    }
    #login-popup .modal-dialog .modal-body {
        padding: 12px 0 40px;
    }
    #login-popup .modal-dialog .modal-body .modal-connect {
        text-align: center;
    }
    #login-popup .modal-dialog .modal-body .modal-connect .btn{
        width: 50%;
    }
    .title-h1{
        font-size: 26px;
        margin-top: 10px;
        margin-bottom: 20px;
    }
    .price-container{
        text-align: center;
    }
    .price-container .price{
        margin-bottom: 5px;
    }
    .price-container .public-price{
        font-size: 18px;
    }
    .price-container .btn-shop{
        width: auto;
        margin-top: 0;
        padding: 5px 25px;
    }
    .pb-header .tt-dropdown-menu .suggestions-left,
    .pb-header .tt-dropdown-menu .suggestions-right{
        display: table-cell;
    }
    .pb-header .tt-dropdown-menu .suggestions-left{
        width: 100%;
    }
    .pb-header .tt-dropdown-menu .suggestions-container-full .suggestions-left{
        width: 30%
    }
    .pb-header .tt-dropdown-menu .suggestions-right{
        width: 70%;
    }
    .pb-header .tt-dropdown-menu .bestsellers-products .bestsellers-products-one .bestsellers-products-one-img-container{
        width: 100%;
        float: none;
    }
    .pb-header .tt-dropdown-menu .bestsellers-products .bestsellers-products-one .bestsellers-products-one-img{
        width: 100%;
    }
    .pb-header .tt-dropdown-menu .bestsellers-products .bestsellers-products-one .bestsellers-products-one-txt{
        width: 100%;
        padding: 0 8%;
        text-align: center;
    }
    .pb-header .tt-dropdown-menu .bestsellers-products .bestsellers-products-one .bestsellers-products-one-txt .name a{
        height: 60px;
        overflow: hidden;
    }
    .pb-header .tt-dropdown-menu .bestsellers-products .bestsellers-products-one .bestsellers-products-one-txt .product-btn a{
        margin-bottom: 15px;
        margin-right: 0;
    }
    .pb-header .tt-dropdown-menu .bestsellers-products-one{
        float: left;
        width: 33%;
    }
    .navbar-header{
        padding-left: 15px;
        padding-right: 15px;
    }
    .pb-header .pb-form-header {
        /*border: 2px solid #e7e7e7;*/
        /*border-radius: 0 4px 4px 0;*/
        margin: 0px 0px 12px 5px;
    }
    .pb-header .pb-form-header .pb-form-header-input{
        margin: 0;
    }
    .pb-header .pb-form-header .btn{
        font-size: 20px;
        line-height: 0;
        padding: 10px 12px;
        color: #00bbd6;
        background: #fff;
        border-radius: 0;
        border: 1px solid #00bbd6;
        border-left: 0 none;
        margin-left: -4px;
        width: 6%;
        margin-right: 0;
        float: none;
    }
    .pb-header .pb-form-header .twitter-typeahead{
        border: 0 none;
        border-right: 0 none;
        border-radius: 0;
        width: 94%;
        float: none;
        vertical-align: top;
    }
    .pb-header .pb-hotline .number-de{
        font-size: 15px;
    }
    .pb-header .pb-navbar-cart a{
        padding: 5px 10px;
        width: auto;
    }
    .pb-header .pb-navbar-account a.show-login,
    .pb-header .pb-navbar-cart a{
        padding: 5px 5px 0 5px;
        width: 80px;
        height: 50px;
        border-bottom: 4px solid #FFFFFF;
    }
    .pb-header .pb-navbar-cart a .txt,
    .pb-header .pb-navbar-account a.show-login .txt{
        padding-top: 5px;
        white-space: nowrap;
    }
    .pb-header .pb-navbar-cart a .txt span,
    .pb-header .pb-navbar-account a.show-login .txt span{
        display: none;
    }
    .pb-header .pb-navbar-account .icon-top-links,
    .pb-header .pb-navbar-cart .icon-top-links{
        font-size: 20px;
    }
    .pb-header .pb-navbar-account:hover a.show-login,
    .pb-header .pb-navbar-account a.show-login:hover,
    .pb-header .pb-navbar-cart a:hover{
        border-bottom: 4px solid #00bbd6;
        color: #00bbd6;
    }
    .pb-header .pb-navbar-account:hover .txt{
        color: #00bbd6;
    }
    .pb-header a:hover .icon-top-links:before,
    .pb-header a:hover .txt{
        color: #00bbd6;
    }
    .pb-header .pb-top-links-sm > span .dropdown-menu{
        margin-top: 0;
        width: 230px;
    }
    .pb-header .dropdown-menu,
    .pb-header .category-menu {
        border-radius: 0;
        box-shadow: none;
    }
    .pb-header .dropdown-menu{
        top: 98%;
    }
    .pb-header .pb-navbar-menu > li > .dropdown-menu{
        border: none;
    }
    .pb-header .pb-navbar-account:hover .dropdown-menu,
    .pb-header .pb-hotline:hover .dropdown-menu{
        display: block;
    }
    .pb-header .pb-navbar-account .txt{
        color: #595959;
    }

    .pb-sidebar-block-3 .wrapper .content img{
        width: 112px;
    }
    .pb-homepage-top{
        background: url('/img/fronts/pbip/bg-home.jpg') right bottom #666666 no-repeat;
    }
    .pb-homepage-top .pb-homepage-top-brand a{
        border-color: #ffffff;
    }
    .pb-top-content .pb-top-brand-img-container{
        width: 30%;
        display: table-cell;
        vertical-align: middle;
        border: 1px solid #e6e6e6;
        text-align: center;
        height: 120px;
        padding-bottom: 34px;
    }
    .pb-top-content .pb-top-brand-txt-container{
        width: 70%;
        display: table-cell;
        position: relative;
        vertical-align: top;
    }
    .pb-top-content .pb-top-brand-txt .txt{
        font-size: 13px;
        margin: 0;
    }
    .pb-top-content .pb-top-brand-txt .txt .toggle-plus{
        display: block;
        position: absolute;
        background: #999999;
        color: #ffffff;
        font-weight: bold;
        width: 15px;
        height: 15px;
        line-height: 15px;
        text-align: center;
        bottom: 0px;
        right: 0;
        cursor: pointer;
    }
    .pb-top-content .pb-top-brand-txt .txt .toggle-plus:hover{
        background: #777777;
    }
    .pb-top-content .pb-top-brand-distrib{
        font-size: 11px;
        position: absolute;
        left: 0;
        bottom: 3px;
    }

    .pb-slider .pb-slide-info{
        width: 330px;
        padding: 15px;
        max-height: 200px;
        height: auto;
        position: absolute;
    }
    .pb-all-product .btn-product {
        margin-top: 15px;
    }
    .pb-img-product-small{
        margin: 20px 0 0;
    }
    .pb-tv-product .pb-title-product-container{
        padding-bottom: 20px;
    }
    /*.reassurance-block-wrapper .reassurance-block:before{*/
    /*float: none;*/
    /*}*/
    /*.reassurance-block-wrapper .reassurance-block .reassurance-block-txt{*/
    /*line-height: 40px;*/
    /*}*/
    .pb-product-tabs{
        margin-top: 15px;
    }
    .pb-product-tabs .pb-product-tab,
    .pb-product-tabs .pb-product-tab a{
        width: auto;
    }
    .pb-product-tab-content .pb-product-tab-content-more-product .pb-all-product{
        margin-bottom: 0;
    }
    .pb-product-page-image-thumbnail ul{
        display: block;
    }
    .pb-product-page-image-thumbnail li{
        width: 33.33333333%;
        padding: 0 5px;
    }
    .pb-product-page-image-thumbnail a {
        border-radius: 0;
        height: 110px;
        display: table-cell;
        text-align: center;
        vertical-align: middle;
    }
    .pb-tv-universelle-container {
        padding: 30px;
    }
    h4.pb-tv-universelle-title {
        font-size: 18px;
        line-height: normal;
    }
    .pb-tvlanding-form-container .title {
        font-size: 18px;
    }
    .pb-all-product,
    .pb-all-product.pb-all-product-up,
    .pb-all-product.pb-all-product-up:hover {
        border: 1px solid #cdcdcd;
        box-shadow: 0 3px 0 #d6d6d6;
    }

    .pb-all-product:hover,
    .pb-all-product.pb-all-product-up:hover{
        border: 1px solid #666666;
        box-shadow: 0 3px 0 #888888;
    }
    .pb-climlanding .title-h1{
        font-size: 26px;
        margin-top: 10px;
        margin-bottom: 20px;
    }
    .pb-tvdevis button.pb-validate{
        width: auto;
    }
    .pb-devis-validation .col-xs-12 h4 {
        margin-top: 26px;
    }
    .confCommand .confWrapper {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .confCommand .confWrapper,
    .confCommand .confWrapper2{
        padding: 16px 10px;
    }
    .aligner-item-bottom {
        align-self: flex-end;
    }
    .pb-footer .pb-footer-block-1,
    .pb-footer .pb-footer-block-3{
        border-right: 3px solid #878787;
    }
    .confCommand .confWrapper .basketButtons a {
        font-size: 15px;
    }
    /* QUI */
    .qsn {
        line-height: 24px;
    }
    /* Devis */

    .demandeDevis .civilite label{

    }
    .demandeDevis .dejaClient label{
        width: auto;
    }
    .independantPage form {
        padding: 16px 32px;
    }
    /* Tracking */
    .suiviCommande label {
        white-space: pre;
    }
    /* Captcha */
    .captcha-container {
        flex-direction: row;
    }
    .coordBank ul {
        padding-left: 40px;
    }

}

/* ---- MD ----*/
@media (min-width: 992px) {
    .pb-header .navbar-brand{
        padding: 2px 15px;
    }
    .pb-product-page .delivery-date .upper,
    .pb-climlanding-container-tel .delivery-date .upper{
        text-transform: none;
    }
    /*    .pb-header .tt-dropdown-menu{
            width: 155%;
        }*/
    .pb-header .tt-dropdown-menu .suggestions-container-full{
        width: 155%;
    }
    .pb-header .navbar-header-container{
        margin-bottom: 20px;
    }
    .pb-header .pb-form-header{
        margin: 22px 0;
    }
    .pb-header .pb-form-header .twitter-typeahead{
        /*      width: 92%;*/
        width: 84%;
    }
    .pb-header .pb-form-header .btn{
        width: auto;
    }
    .pb-header .pb-hotline {
        padding: 5px 30px 5px 0;
        margin-bottom: 0;
    }
    .pb-header .pb-hotline .hotline-photo .photo-person{
        width: 40px;
        height: 40px;
        background: no-repeat url('/img/fronts/pbip/icon-header.png') center -108px transparent;
        background-size: 38px;
    }
    .pb-header .pb-hotline.connect-hotline .hotline-photo .photo-person{
        background: no-repeat url('/img/fronts/pbip/icon-header.png') center -164px transparent;
        background-size: 38px;
    }
    .pb-header .pb-hotline .hotline-photo .hotline-name{
        display: block;
        text-align: center;
        font-size: 11px;
    }
    .pb-header .pb-hotline .hotline-content{
        display: inline-block;
        vertical-align: middle;
    }
    .pb-header .pb-navbar-account a.show-login,
    .pb-header .pb-navbar-cart a{
        width: 90px;
        height: 90px;
    }
    .pb-header .pb-navbar-cart a .txt,
    .pb-header .pb-navbar-account a.show-login .txt{
        padding-top: 10px;
    }
    .pb-header .pb-navbar-account .icon-top-links,
    .pb-header .pb-navbar-cart .icon-top-links{
        font-size: 24px;
    }
    .pb-header .pb-top-links-sm .pb-navbar-item .pb-multi-other{
        display: none;
        opacity: 0;
        position: absolute;
        left: 0;
        top: 90px;
        z-index: 100000;
        background: #fff;
        margin-left: 0;
        border: 1px solid #F0F0F0;
        height: 90px;
        width: 60px;
        padding: 24px 0;
    }

    .pb-header .pb-multilanguage{
        line-height: 14px;
        font-size: 10px;
        text-align: center;
        color: #585858;
        padding: 0;
        position: relative;
        margin: 0;
        cursor: pointer;
        width: 60px;
    }
    .pb-header .pb-multilanguage img{
        width: auto;
    }
    .pb-header .pb-multilanguage .txt{
        display: block;
        margin-left: 0;
    }
    .pb-header .pb-multi-other a{
        width: 60px;
    }
    .pb-header .pb-multilanguage:hover .pb-multi-other{
        display: block;
        opacity: 1;
        animation-duration: .3s;
        animation-name: pbipMulti;
    }
    @keyframes pbipMulti {
        from {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }
    .pb-header a.pb-multi-other:hover .txt{
        color: #595959;
    }
    .pb-header .pb-multi-other{
        top: 100%;
    }
    .pb-multi-active{
        border: none;
        border-radius: 0;
        box-shadow: none;
        background: #fff;
        padding: 0;
        margin: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        height: 90px;
        border-bottom: 4px solid #fff;
    }
    .pb-multilanguage:hover .pb-multi-active{
        border-bottom: 4px solid #00bbd6;
    }
    .menu-header-collapse,
    .navbar-default .menu-header-collapse{
        padding-right: 0;
        padding-left: 0;
        margin-top: 0;
        background: #ffffff;
        border-bottom: 1px solid #00bbd6;
    }
    .pb-header .pb-form-header .pb-form-header-input{
        margin: 0;
    }
    .pb-header .navbar-form.pb-navbar{
        padding: 0 15px;
        width: 35%;
    }
    .pb-header .dropdown-menu{
        width: max-content;
        min-width: 200px;
        max-width: 240px;
    }
    .pb-header .dropdown-menu,
    .pb-header .category-menu {
        background: #f3f3f3;
    }

    .pb-header .pb-navbar-menu{
        background: #FFFFFF;
        float: none;
        margin: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .pb-header .navbar-right .dropdown-menu-left {
        margin-left: -6px !important;
    }
    .pb-header .pb-navbar-menu li,
    .pb-header .pb-navbar-menu li a {
        display: flex;
        flex: 0 0 auto;
        align-items: center;
        border-bottom: none;
    }
    .pb-header .pb-navbar-menu li a {
        flex: 1 1 auto;
    }
    .pb-header .pb-navbar-menu .category-menu li{
        width: 100%;
    }
    .pb-header .pb-navbar-menu.navbar-nav .open > .has-submenu > .icon-arrow-right{
        transform: none;
    }
    .pb-header .pb-navbar-menu.navbar-nav .has-submenu > .icon-arrow-right{
        float: none;
        margin-left: auto;
    }
    .pb-header .pb-navbar-menu > li > a{
        padding: 0 30px;
        border-bottom: 4px solid #ffffff;
        border-top: 4px solid #ffffff;
        height: 100%;
        background: #ffffff;
    }
    .pb-header .pb-navbar-menu > li > a .main-menu-desc{
        font-weight: normal;
        display: block;
        font-size: 12px;
    }
    .pb-header .pb-navbar-menu > li > a .icon{
        display: none;
    }
    .pb-header .pb-navbar-menu.navbar-nav > .open > .dropdown-menu{
        padding: 0;
    }
    .pb-header .pb-navbar-menu.navbar-nav .open .dropdown-menu > li > a{
        color: #595959;
        border-bottom: none;
    }
    .pb-header .pb-navbar-menu.navbar-nav .dropdown-menu.category-menu li,
    .pb-header .pb-navbar-menu.navbar-nav .dropdown-menu.others-menu li {
        display: block;
    }
    .pb-header nav .desc{
        display: block;
        font-size: 11px;
        line-height: 18px;
        color: #858585;
    }
    .pb-header .pb-navbar-menu > li > a:hover,
    .pb-header .pb-navbar-menu > li > .open,
    .pb-header .pb-navbar-menu > li > .open:hover{
        color: #595959;
        border-bottom: 4px solid #00bbd6;
    }
    /*new menu*/
    .pb-header .menu-header-collapse{
        display: flex !important;
    }
    .menu-header{
        flex: 0 0 auto;
        align-items: stretch;
        display: flex;
    }
    .menu-header-2{
        flex: 0 0 content;
        margin-left: auto;
    }
    .pb-header .menu-header-collapse .container{
        width: auto;
    }
    .pb-header .menu-header-collapse .container > .navbar-nav.pb-navbar-menu > li {
        display: flex;
    }
    .pb-header .menu-header-collapse .container > .navbar-nav.pb-navbar-menu > li > a {
        display: flex;
        align-items: center;
    }
    .pb-header .menu-header-collapse .container > .navbar-nav.pb-navbar-menu li a {
        padding: 10px 15px;
    }
    .pb-header .menu-header-collapse .container > .navbar-nav.pb-navbar-menu > li > .category-menu .has-submenu {
        padding-right: 40px;
    }
    .pb-header .menu-header-collapse .pb-navbar-menu > li > a > .glyphicon {
        display: none;
    }
    .pb-header .menu-header-collapse .pb-navbar-menu > li > .category-menu,
    .pb-header .menu-header-collapse .pb-navbar-menu > li li > .category-menu {
        padding: 0;
        margin: 0;
        width: 300px;
        z-index: 10;
    }
    .pb-header .menu-header-collapse .pb-navbar-menu > li > .category-menu.two-columns{
        flex-direction: row;
        flex-wrap: wrap;
        width: 700px;
    }
    .pb-header .menu-header-collapse .pb-navbar-menu > li > .category-menu.two-columns li{
        width: 300px
    }
    .category-menu .glyphicon {
        top: 10px;
    }
    .pb-header .menu-header-collapse .pb-navbar-menu > li > .others-menu{
        top: 100% !important;
        padding: 0;
        margin: 0;
        width: 300px !important;
        max-width: inherit !important;
    }
    .pb-header .menu-header-collapse .pb-navbar-menu > li > .others-menu .hotline-content{
        width: 400px;
        height: 100%;
        position: absolute;
        top: 0;
        left: 298px;
        background: #f3f3f3;
        padding: 10px 20px;
        display: flex;
    }
    .pb-header .pb-navbar-menu .others-menu .hotline-content .icon{
        flex: 0 0 auto;
        width: 35px;
        height: 35px;
        margin-right: 10px;
        font-size: 35px;
        line-height: 35px;
        color: #ED6A56;
    }
    .pb-header .pb-navbar-menu .others-menu .hotline-content .txt{
        flex: 1 1 auto;
    }
    .pb-header .pb-navbar-menu .others-menu .hotline-content .number{
        font-size: 18px;
        line-height: 30px;
        color: #ED6A56;
        display: block;
    }
    .pb-header .pb-navbar-menu .others-menu .hotline-content .date{
        color: #595959;
        font-size: 13px;
        display: block;
    }


    .pb-sidebar-block-3 .wrapper .content img{
        width: auto;
    }
    .pb-slider .pb-slide-info{
        left: 15px;
        top: 15px;
    }
    .pb-slider .pb-slide-info-promo{
        right: 15px;
        left: auto;
    }
    .pb-tv-product .pb-img-product-small-container{
        padding-right: 0;
        padding-left: 0;
    }
    .pb-tv-product .pb-img-product-small,
    .pb-all-product .pb-img-product-small {
        margin: 20px 0;
        min-height: 160px;
        padding: 0 5px;
    }
    .pb-all-product .pb-img-product-small {
        margin: 20px 0;
        padding: 0 5px;
    }
    .pb-tv-product .pb-title-product-container{
        padding-right: 10px;
        padding-left: 0;
    }
    .pb-tv-product .pb-img-product-small img{
        max-height: 260px;
    }

    .pb-tv-product .title-product{
        text-align: left;
        margin-bottom: 20px;
    }
    .pb-all-product .title-product {
        margin-top: 30px;
    }
    .pb-tv-product .pb-product-start-price{
        text-align: right;
        line-height: 26px;
        margin-bottom: 10px;
        margin-right: 5px;
    }
    .pb-tv-product .pb-all-product .pb-product-start-price span{
        line-height: 16px;
    }
    .pb-tv-product .btn-product a, .pb-all-product .btn-product a{
        margin: 0;
    }
    .pb-sidebar-filters-header{
        cursor: default;
    }
    .pb-product-page .pb-title-name {
        font-size: 26px;
        margin-top: 10px;
    }
    .pb-product-page .pb-product-info-container {
        border-bottom: 1px solid #cdcdcd;
        border-top: 1px solid #cdcdcd;
        padding: 15px 0;
        display: table;
        width: 100%;
    }
    .pb-product-page .pb-product-info{
        display: table-cell;
        vertical-align: middle;
        margin: 4% 0;
    }
    .pb-product-page .pb-product-brand{
        display: table-cell;
        vertical-align: middle;
        width: 18%;
    }
    .pb-product-page .pb-product-brand img{
        max-height: 80px;
        max-width: 200px;
    }
    .pb-product-page.pb-product-page-A .pb-product-info{
        margin: 20px 4%;
        float: left;
    }
    /*.reassurance-block-wrapper .reassurance-block{*/
    /*text-align: center;*/
    /*}*/
    /*.reassurance-block-wrapper .reassurance-block:before{*/
    /*float: none;*/
    /*width: 100%;*/
    /*}*/
    /*.reassurance-block-wrapper .reassurance-block .reassurance-block-txt{*/
    /*line-height: 11px;*/
    /*}*/
    .pb-tvlanding-form-container .title {
        font-size: 21px;
    }
    .pb-climlanding .title-h1{
        font-size: 26px;
        margin-top: 10px;
        margin-bottom: 20px;
    }
    .pb-climlanding .sub-title-h1{
        font-size: 17px;
    }
    .pb-climlanding .pb-brand-clim {
        border-bottom: 1px solid #dcdcdc;
        box-shadow: 0 3px 0 #eaeaea;
        margin-bottom: 40px;
    }
    .pb-climlanding-container-tel{
        border: 1px solid #cdcdcd;
        margin-bottom: 20px;
    }
    .pb-climlanding .pb-climlanding-container-tel-quote{
        padding: 0 20%;
    }
    .pb-top-content .pb-top-brand-distrib{
        font-size: 14px;
    }
    .pb-footer .pb-footer-block-2{
        border-right: 3px solid #878787;
    }
    .pb-footer .col-md-3{
        width: 22%;
    }
}

/* ---- LG ---- */
@media (min-width: 1200px) {
    /*    .pb-header .tt-dropdown-menu{
            width: 210%;
        }*/
    .pb-header .tt-dropdown-menu .suggestions-container-full{
        width: 210%;
    }
    .pb-header .pb-form-header input{
        width: 580px;
    }
    .pb-header .pb-form-header .btn{
        width: auto;
    }
    .pb-header .navbar-form.pb-navbar{
        width: 40%;
    }
    .pb-header .pb-navbar-cart a .txt span,
    .pb-header .pb-navbar-account a.show-login .txt span{
        display: block;
        font-size: 12px;
        line-height: 14px;
    }
    /*    .navbar-collapse .nav > li:first-child > a{
            padding-left: 0;
        }*/
    .menu-header-collapse{
        padding-right: 0;
        padding-left: 0;
        margin: 0;
    }
}

/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* ---- HACKS  ---- */

/* Everything but Internet Explorer and Safari */
@media screen {
    @media (min-width: 0px) {
        /* -- For product page - IE doesn't like max-width on an image -- */
        .pb-product-page .pb-product-page-image .first-img {
            width: auto;
            max-width: 100%;
        }
    }
}
/* -------------------- */




/* START Animated validation icon *********************************************/
.sa-icon {
    width: 80px;
    height: 80px;
    border: 4px solid gray;
    border-radius: 50%;
    margin: 20px auto;
    padding: 0;
    position: relative;
    box-sizing: content-box;
}
.sa-icon.sa-success .sa-line {
    height: 5px;
    background-color: #62c77f;
    display: block;
    border-radius: 2px;
    position: absolute;
    z-index: 2;
}
.sa-icon.sa-success .sa-line.sa-tip {
    width: 25px;
    left: 14px;
    top: 46px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.sa-icon.sa-success .sa-line.sa-long {
    width: 47px;
    right: 8px;
    top: 38px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.sa-icon.sa-success .sa-placeholder {
    width: 80px;
    height: 80px;
    border: 4px solid rgba(98, 199, 127, 1);
    /* border: 4px solid rgba(165, 220, 134, 0.2); */
    -webkit-border-radius: 40px;
    border-radius: 40px;
    border-radius: 50%;
    box-sizing: content-box;
    position: absolute;
    left: -4px;
    top: -4px;
    z-index: 2;
}
.sa-icon.sa-success .sa-fix {
    width: 5px;
    height: 90px;
    background-color: white;
    position: absolute;
    left: 28px;
    top: 8px;
    z-index: 1;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.sa-icon.sa-success {
    border-color: #A5DC86;
}
/* Success icon */
.sa-icon.sa-success {
    border-color: transparent\9;
}
.sa-icon.sa-success .sa-line.sa-tip {
    -ms-transform: rotate(45deg) \9;
}
.sa-icon.sa-success .sa-line.sa-long {
    -ms-transform: rotate(-45deg) \9;
}

.sa-icon.sa-success:before,
.sa-icon.sa-success:after  {
    content: '';
    -webkit-border-radius: 40px;
    border-radius: 40px;
    border-radius: 50%;
    position: absolute;
    width: 60px;
    height: 120px;
    background: white;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.sa-icon.sa-success::before {
    -webkit-border-radius: 120px 0 0 120px;
    border-radius: 120px 0 0 120px;
    top: -7px;
    left: -33px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 60px 60px;
    transform-origin: 60px 60px;
}
.sa-icon.sa-success:after {
    -webkit-border-radius: 0 120px 120px 0;
    border-radius: 0 120px 120px 0;
    top: -11px;
    left: 30px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 0px 60px;
    transform-origin: 0px 60px;
}

@-webkit-keyframes animateSuccessTip {
    0% {
        width: 0;
        left: 1px;
        top: 19px; }
    54% {
        width: 0;
        left: 1px;
        top: 19px; }
    70% {
        width: 50px;
        left: -8px;
        top: 37px; }
    84% {
        width: 17px;
        left: 21px;
        top: 48px; }
    100% {
        width: 25px;
        left: 14px;
        top: 45px; } }

@keyframes animateSuccessTip {
    0% {
        width: 0;
        left: 1px;
        top: 19px; }
    54% {
        width: 0;
        left: 1px;
        top: 19px; }
    70% {
        width: 50px;
        left: -8px;
        top: 37px; }
    84% {
        width: 17px;
        left: 21px;
        top: 48px; }
    100% {
        width: 25px;
        left: 14px;
        top: 45px; } }

@-webkit-keyframes animateSuccessLong {
    0% {
        width: 0;
        right: 46px;
        top: 54px; }
    65% {
        width: 0;
        right: 46px;
        top: 54px; }
    84% {
        width: 55px;
        right: 0px;
        top: 35px; }
    100% {
        width: 47px;
        right: 8px;
        top: 38px; } }

@keyframes animateSuccessLong {
    0% {
        width: 0;
        right: 46px;
        top: 54px; }
    65% {
        width: 0;
        right: 46px;
        top: 54px; }
    84% {
        width: 55px;
        right: 0px;
        top: 35px; }
    100% {
        width: 47px;
        right: 8px;
        top: 38px; } }

@-webkit-keyframes rotatePlaceholder {
    0% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg); }
    5% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg); }
    12% {
        transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg); }
    100% {
        transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg); } }

@keyframes rotatePlaceholder {
    0% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg); }
    5% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg); }
    12% {
        transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg); }
    100% {
        transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg); } }

.animateSuccessTip {
    -webkit-animation: animateSuccessTip 0.75s;
    animation: animateSuccessTip 0.75s; }

.animateSuccessLong {
    -webkit-animation: animateSuccessLong 0.75s;
    animation: animateSuccessLong 0.75s; }

.sa-icon.sa-success.animate::after {
    -webkit-animation: rotatePlaceholder 4.25s ease-in;
    animation: rotatePlaceholder 4.25s ease-in; }

.load-ajax{
    margin:auto;
    width:50px;
}
.load-ajax-block{
    text-align:center;
}
.project-item-delete{
    cursor: pointer;
}

/* END Animated validation icon *********************************************/

/* -------------------------------------------------- */
/* ---------------- Notification -------------------- */
/* -------------------------------------------------- */

.notification{
    padding: 15px;
    color: #000000;
    margin-bottom: 20px;
}
.notification.notification-yellow{
    background: #EDD956;
}

/* -------------------------------------------------- */
/* ---------------- END notification -------------------- */
/* -------------------------------------------------- */


/* -------------------------------------------------- */
/* ---------------- Page multiproduit --------------- */
/* -------------------------------------------------- */

.multiproduit .head{
    margin-bottom: 30px;
}
.multiproduit .sub-title{
    color: #000000;
    font-size: 20px;
    margin: 5px 0 20px 0;
}
.multiproduit .description{
    color: #595959;
    font-size: 13px;
    margin-bottom: 15px;
}
.multiproduit .see-more{
    font-style: italic;
    text-decoration: underline;
    cursor: pointer;
}
.multiproduit .img-container img{
    margin: 0 auto;
}

/* -------------------------------------------------- */
/* ---------------- Page multiproduit --------------- */
/* -------------------------------------------------- */


/* -------------------------------------------------- */
/* ---------------- ONLY FOR DE -------------------- */
/* -------------------------------------------------- */

/* remove all phone number on PROBIP DE */
.body-de .pb-header .menu-header-collapse .pb-navbar-menu > li > .others-menu .hotline-content,
.body-de .pb-header .pb-hotline,
.body-de .demandeDevis .media-border-wrapper,
.body-de .quotePage .media-border-wrapper,
.body-de .qui-infos-container .media-border-2,
.body-de .quiSommesNous .hotline-wrapper,
.body-de .quotePage .hotline-wrapper,
.body-de .pb-footer .pb-footer-block .pb-footer-block-tel-number{
    display: none;
}


/* -------------------------------------------------- */
/* ------------- Obfuscation mailto ----------------- */
/* -------------------------------------------------- */

.obfmailto{
    cursor: pointer;
}
.obfmailto:hover{
    text-decoration: underline;
}
#address-form div.iti {
    display: block;
}
#address-form div.phone-group i{
    top: 48px;
}#address-form div.phone-group input.phone_input{
    padding-left: 50px;
}