.topbarfixed {
    position: fixed !important;
    top: 0 !important;
    height: 32px !important;
    z-index: 1;
    width: 100% !important;
}

.UnderShadow {
    -moz-box-shadow: 0px 5px 15px 0px #E4E4E4;
    -webkit-box-shadow: 0px 5px 15px 0px #E4E4E4;
    -o-box-shadow: 0px 5px 15px 0px #E4E4E4;
    box-shadow: 0px 5px 15px 0px #E4E4E4;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#E4E4E4, Direction=180, Strength=15);
}

.tagcloud > li > a {
    list-style-type: none !important;
}

.tagcloud > li > a {
    font-size: 12px !important;
    color: #E4E4E4 !important;
}

.tagcloud > li > ul > li > a {
    font-size: 11px !important;
    color: #E4E4E4 !important;
}

.tagcloud > a {
    font-size: 9px !important;
    color: #E4E4E4 !important;
}

.header {
    background-color: #3E4753 !important;
}

.header .navbar-dark {
    background-color: #3E4753 !important;
}

.header .navbar-dark .navbar-nav {
    border-bottom: solid 2px transparent;
}

.header .navbar-dark .navbar-nav > li > a {
    color: #E4E4E4 !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    font-size: 12px !important;
}

.header .navbar-dark .navbar-nav > li > a:hover {
    background-color: #E4E4E4 !important;
    color: #3E4753 !important;
}

.header .navbar-dark .navbar-nav > li.active {
    background-color: #585F69 !important;
}


.produit-item {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.servive {
    padding: 5px 5px 5px 5px !important;
    height: 370px !important;
    overflow: hidden !important;
}

.produit-img {
    max-height: 150px !important;
    max-width: 150px !important;
}

.produit-buttons {
    margin-top: 10px !important;
    margin-bottom: 5px !important;
    bottom: 5px !important;
}

.produit-buttons-list {
    margin-bottom: 30px !important;
}

.produit-price {
    margin-top: 5px;
    cursor: default;
}

.produit-price-fiche {
    padding: 5px !important;
    font-size: 28px !important;
    color: #3276B1;
    padding: 5px 0;
    text-shadow: 0 2px 0 #FFFFFF;
    line-height: normal;
    font-weight: bold;
}

.produit-price-ht-fiche {
    padding: 5px !important;
    font-size: 15px !important;
    font-style: italic;
    color: #3276B1;
    padding: 5px 0;
    text-shadow: 0 2px 0 #FFFFFF;
    line-height: normal;
}

.produit-price-promo {
    position: relative;
    font-size: 18px !important;
}

.produit-price-promo:before {
    font-size: 18px !important;
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    right: 0;
    border-top: 50px solid;
    border-color: inherit;
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
}


.produit-description-list {
    float: right;
}


.produit-price-list {
    min-width: 150px !important;
    text-align: center;
    font-weight: 200;
    font-style: bold;
    font-size: 20px;
    line-height: inherit;
    cursor: default !important;
    color: #E74C3C !important;
    background-color: #FFFFFF !important;
    border-color: #E74C3C;
    margin-top: 15px !important;
    border: solid 1px #E74C3C;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}


.produit-marque-grid {
    display: none !important;
}

.produit-marque-list {
    display: block !important;
    float: right !important;
    color: #FFFFFF;
    padding: 2px 2px 2px 2px;
    min-width: 50px;
    font-size: 18px;
    text-align: center;
    background: #72c02c;
}


.produit-price-promo {
    position: relative;
}

.produit-price-promo:before {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    right: 0;
    border-top: 1px solid;
    border-color: inherit;
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
}


.produit-photos-slider img {
    max-width: 150px !important;
    max-height: 150px !important;
    overflow: hidden !important;
}


.produits-personnalisations-slider {
    overflow: hidden !important;
    height: 310px !important;
    max-height: 310px !important;
    min-height: 310px !important;
}

.produits-similaires-slider {
    overflow: hidden !important;
    height: 350px !important;
    max-height: 350px !important;
    min-height: 350px !important;
    padding-top: 0px !important;
}

.similaires {
    margin-left: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 5px !important;
    margin-top: 0px !important;
    height: 420px !important;
    max-height: 450px !important;
    min-height: 350px !important;
    overflow: hidden !important;
}


.commande-adresses {
    min-height: 270px;
}


.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.alert h4 {
    margin-top: 0;
    color: inherit;
}

.alert .alert-link {
    font-weight: bold;
}

.alert > p,
.alert > ul {
    margin-bottom: 0;
}

.alert > p + p {
    margin-top: 5px;
}

.alert-dismissable {
    padding-right: 35px;
}

.alert-dismissable .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit;
}

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.alert-success hr {
    border-top-color: #c9e2b3;
}

.alert-success .alert-link {
    color: #2b542c;
}

.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.alert-info hr {
    border-top-color: #a6e1ec;
}

.alert-info .alert-link {
    color: #245269;
}

.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

.alert-warning hr {
    border-top-color: #f7e1b5;
}

.alert-warning .alert-link {
    color: #66512c;
}

.alert-error {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.alert-error hr {
    border-top-color: #e4b9c0;
}

.alert-error .alert-link {
    color: #843534;
}


.container-boxes {
    padding: 0px !important;
}

.boxes {
    margin-bottom: 5px !important;
}

.boxes-content {
    height: 100% !important;
}


.carousel {
    background: transparent;
    height: 400px !important;
    padding: 0px !important;
    margin-top: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 25px !important;
}


.carousel-inner > .item {
    height: 400px !important;
}

.carousel-text {
    top: 20px !important;
    left: 150px !important;
}

.carousel-text h2 {
    background-color: rgba(53, 164, 0, .7);
    color: #FFFFFF;
    font-size: 36px;
    font-style: normal;
    padding: 5px;
    margin-bottom: 0px;
}

.carousel-text p {
    background-color: rgba(66, 66, 66, .7);
    color: #FFFFFF;
    font-size: 20px;
    font-style: normal;
    padding: 0 5px;
}

.carousel-media {
    top: 20px !important;
    text-align: right !important;
    right: 100px !important;
}

.carousel-media img, iframe {
    -moz-box-shadow: 5 0 50px #fff;
    -webkit-box-shadow: 5 0 50px #fff;
    box-shadow: 5px 0px 50px #fff;
}


.carousel-media img {
    max-height: 350px !important;
}


.dt-wrapper {
    overflow: auto !important;
}


.tag-box {
    overflow: auto !important;
}

.scrollable {
    height: 400px !important;
    overflow-y: scroll !important;
}


.slick-dots {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}

.slick-prev:before, .slick-next:before {
    color: #72C02C !important;
}

.diaporama {
    padding: 5px;
}


.animation-delay-1 {
    -webkit-animation-delay: .1s !important;
    -moz-animation-delay: .1s !important;
    -ms-animation-delay: .1s !important;
    -o-animation-delay: .1s !important;
    animation-delay: .1s !important;
}

.animation-delay-2 {
    -webkit-animation-delay: .2s !important;
    -moz-animation-delay: .2s !important;
    -ms-animation-delay: .2s !important;
    -o-animation-delay: .2s !important;
    animation-delay: .2s !important;
}

.animation-delay-3 {
    -webkit-animation-delay: .3s !important;
    -moz-animation-delay: .3s !important;
    -ms-animation-delay: .3s !important;
    -o-animation-delay: .3s !important;
    animation-delay: .3s !important;
}

.animation-delay-4 {
    -webkit-animation-delay: .4s !important;
    -moz-animation-delay: .4s !important;
    -ms-animation-delay: .4s !important;
    -o-animation-delay: .4s !important;
    animation-delay: .4s !important;
}

.animation-delay-5 {
    -webkit-animation-delay: .5s !important;
    -moz-animation-delay: .5s !important;
    -ms-animation-delay: .5s !important;
    -o-animation-delay: .5s !important;
    animation-delay: .5s !important;
}

.animation-delay-6 {
    -webkit-animation-delay: .6s !important;
    -moz-animation-delay: .6s !important;
    -ms-animation-delay: .6s !important;
    -o-animation-delay: .6s !important;
    animation-delay: .6s !important;
}

.animation-delay-7 {
    -webkit-animation-delay: .7s !important;
    -moz-animation-delay: .7s !important;
    -ms-animation-delay: .7s !important;
    -o-animation-delay: .7s !important;
    animation-delay: .7s !important;
}

.animation-delay-8 {
    -webkit-animation-delay: .8s !important;
    -moz-animation-delay: .8s !important;
    -ms-animation-delay: .8s !important;
    -o-animation-delay: .8s !important;
    animation-delay: .8s !important;
}

.animation-delay-9 {
    -webkit-animation-delay: .9s !important;
    -moz-animation-delay: .9s !important;
    -ms-animation-delay: .9s !important;
    -o-animation-delay: .9s !important;
    animation-delay: .9s !important;
}

.animation-delay-10 {
    -webkit-animation-delay: 1s !important;
    -moz-animation-delay: 1s !important;
    -ms-animation-delay: 1s !important;
    -o-animation-delay: 1s !important;
    animation-delay: 1s !important;
}

.animation-delay-11 {
    -webkit-animation-delay: 1.1s !important;
    -moz-animation-delay: 1.1s !important;
    -ms-animation-delay: 1.1s !important;
    -o-animation-delay: 1.1s !important;
    animation-delay: 1.1s !important;
}

.animation-delay-12 {
    -webkit-animation-delay: 1.2s !important;
    -moz-animation-delay: 1.2s !important;
    -ms-animation-delay: 1.2s !important;
    -o-animation-delay: 1.2s !important;
    animation-delay: 1.2s !important;
}

.animation-delay-13 {
    -webkit-animation-delay: 1.3s !important;
    -moz-animation-delay: 1.3s !important;
    -ms-animation-delay: 1.3s !important;
    -o-animation-delay: 1.3s !important;
    animation-delay: 1.3s !important;
}

.animation-delay-14 {
    -webkit-animation-delay: 1.4s !important;
    -moz-animation-delay: 1.4s !important;
    -ms-animation-delay: 1.4s !important;
    -o-animation-delay: 1.4s !important;
    animation-delay: 1.4s !important;
}

.animation-delay-15 {
    -webkit-animation-delay: 1.5s !important;
    -moz-animation-delay: 1.5s !important;
    -ms-animation-delay: 1.5s !important;
    -o-animation-delay: 1.5s !important;
    animation-delay: 1.5s !important;
}

.animation-delay-16 {
    -webkit-animation-delay: 1.6s !important;
    -moz-animation-delay: 1.6s !important;
    -ms-animation-delay: 1.6s !important;
    -o-animation-delay: 1.6s !important;
    animation-delay: 1.6s !important;
}

.animation-delay-17 {
    -webkit-animation-delay: 1.7s !important;
    -moz-animation-delay: 1.7s !important;
    -ms-animation-delay: 1.7s !important;
    -o-animation-delay: 1.7s !important;
    animation-delay: 1.7s !important;
}

.animation-delay-18 {
    -webkit-animation-delay: 1.8s !important;
    -moz-animation-delay: 1.8s !important;
    -ms-animation-delay: 1.8s !important;
    -o-animation-delay: 1.8s !important;
    animation-delay: 1.8s !important;
}

.animation-delay-19 {
    -webkit-animation-delay: 1.9s !important;
    -moz-animation-delay: 1.9s !important;
    -ms-animation-delay: 1.9s !important;
    -o-animation-delay: 1.9s !important;
    animation-delay: 1.9s !important;
}

.animation-delay-20 {
    -webkit-animation-delay: 2s !important;
    -moz-animation-delay: 2s !important;
    -ms-animation-delay: 2s !important;
    -o-animation-delay: 2s !important;
    animation-delay: 2s !important;
}

.animation-delay-21 {
    -webkit-animation-delay: 2.1s !important;
    -moz-animation-delay: 2.1s !important;
    -ms-animation-delay: 2.1s !important;
    -o-animation-delay: 2.1s !important;
    animation-delay: 2.1s !important;
}

.animation-delay-22 {
    -webkit-animation-delay: 2.2s !important;
    -moz-animation-delay: 2.2s !important;
    -ms-animation-delay: 2.2s !important;
    -o-animation-delay: 2.2s !important;
    animation-delay: 2.2s !important;
}

.animation-delay-23 {
    -webkit-animation-delay: 2.3s !important;
    -moz-animation-delay: 2.3s !important;
    -ms-animation-delay: 2.3s !important;
    -o-animation-delay: 2.3s !important;
    animation-delay: 2.3s !important;
}

.animation-delay-24 {
    -webkit-animation-delay: 2.4s !important;
    -moz-animation-delay: 2.4s !important;
    -ms-animation-delay: 2.4s !important;
    -o-animation-delay: 2.4s !important;
    animation-delay: 2.4s !important;
}

.animation-delay-25 {
    -webkit-animation-delay: 2.5s !important;
    -moz-animation-delay: 2.5s !important;
    -ms-animation-delay: 2.5s !important;
    -o-animation-delay: 2.5s !important;
    animation-delay: 2.5s !important;
}

.animation-delay-26 {
    -webkit-animation-delay: 2.6s !important;
    -moz-animation-delay: 2.6s !important;
    -ms-animation-delay: 2.6s !important;
    -o-animation-delay: 2.6s !important;
    animation-delay: 2.6s !important;
}

.animation-delay-27 {
    -webkit-animation-delay: 2.6s !important;
    -moz-animation-delay: 2.6s !important;
    -ms-animation-delay: 2.6s !important;
    -o-animation-delay: 2.6s !important;
    animation-delay: 2.6s !important;
}

.animation-delay-28 {
    -webkit-animation-delay: 2.8s !important;
    -moz-animation-delay: 2.8s !important;
    -ms-animation-delay: 2.8s !important;
    -o-animation-delay: 2.8s !important;
    animation-delay: 2.8s !important;
}

.animation-delay-29 {
    -webkit-animation-delay: 2.9s !important;
    -moz-animation-delay: 2.9s !important;
    -ms-animation-delay: 2.9s !important;
    -o-animation-delay: 2.9s !important;
    animation-delay: 2.9s !important;
}

.animation-delay-30 {
    -webkit-animation-delay: 3s !important;
    -moz-animation-delay: 3s !important;
    -ms-animation-delay: 3s !important;
    -o-animation-delay: 3s !important;
    animation-delay: 3s !important;
}


.row.table-row > [class*="col-"].custom {
    background-color: lightgrey;
    text-align: center;
}


@media (min-width: 768px) {

    img.img-fluid {
        width: 100%;
    }

    .row.table-row {
        display: table;
        width: 100%;
        margin: 0 auto;
    }

    .row.table-row > [class*="col-"] {
        float: none;
        float: none;
        display: table-cell;
        vertical-align: top;
    }

    .row.table-row > .col-sm-11 {
        width: 91.66666666666666%;
    }

    .row.table-row > .col-sm-10 {
        width: 83.33333333333334%;
    }

    .row.table-row > .col-sm-9 {
        width: 75%;
    }

    .row.table-row > .col-sm-8 {
        width: 66.66666666666666%;
    }

    .row.table-row > .col-sm-7 {
        width: 58.333333333333336%;
    }

    .row.table-row > .col-sm-6 {
        width: 50%;
    }

    .col-sm-5 {
        width: 41.66666666666667%;
    }

    .col-sm-4 {
        width: 33.33333333333333%;
    }

    .row.table-row > .col-sm-3 {
        width: 25%;
    }

    .row.table-row > .col-sm-2 {
        width: 16.666666666666664%;
    }

    .row.table-row > .col-sm-1 {
        width: 8.333333333333332%;
    }


}


.search-open {
    z-index: 1000 !important;
}


#search-results-container {
    padding-top: 70px !important;
    padding-left: 50px !important;
    padding-right: 50px !important;
}


.ribbon-wrapper-nouveaute {
    width: 85px;
    height: 88px;
    overflow: hidden;
    position: absolute;
    top: 0px;
    right: 40px;
}


.ribbon-nouveaute {
    font: bold 12px Sans-Serif;
    color: #333;
    text-align: center;
    text-shadow: rgba(255, 255, 255, 0.5) 0px 1px 0px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    position: relative;
    padding: 7px 0;
    left: -5px;
    top: 15px;
    width: 120px;
    background-color: #febbbb;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#febbbb), to(#ff5c5c));
    background-image: -webkit-linear-gradient(top, #febbbb, #ff5c5c);
    background-image: -moz-linear-gradient(top, #febbbb, #ff5c5c);
    background-image: -ms-linear-gradient(top, #febbbb, #ff5c5c);
    background-image: -o-linear-gradient(top, #febbbb, #ff5c5c);
    color: #6a6340;
    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
}

.ribbon-nouveaute:before, .ribbon-nouveaute:after {
    content: "";
    border-top: 3px solid #6e8900;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    position: absolute;
    bottom: -3px;
}

.ribbon-nouveaute:before {
    left: 0;
}

.ribbon-nouveaute:after {
    right: 0;
}


.ribbon-wrapper-fiche-nouveaute {
    width: 85px;
    height: 88px;
    overflow: hidden;
    position: absolute;
    top: 0px;
    right: 13px;
    z-index: 1500;
}


.ribbon-fiche-nouveaute {
    font: bold 12px Sans-Serif;
    color: #333;
    text-align: center;
    text-shadow: rgba(255, 255, 255, 0.5) 0px 1px 0px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    position: relative;
    padding: 7px 0;
    left: -5px;
    top: 15px;
    width: 120px;
    background-color: #febbbb;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#febbbb), to(#ff5c5c));
    background-image: -webkit-linear-gradient(top, #febbbb, #ff5c5c);
    background-image: -moz-linear-gradient(top, #febbbb, #ff5c5c);
    background-image: -ms-linear-gradient(top, #febbbb, #ff5c5c);
    background-image: -o-linear-gradient(top, #febbbb, #ff5c5c);
    color: #6a6340;
    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
}

.ribbon-fiche-nouveaute:before, .ribbon-fiche-nouveaute:after {
    content: "";
    border-top: 3px solid #6e8900;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    position: absolute;
    bottom: -3px;
}

.ribbon-fiche-nouveaute:before {
    left: 0;
}

.ribbon-fiche-nouveaute:after {
    right: 0;
}


/* ul > li shopping cart in top nav */
.li-shopping-cart {
    background-color: #72C02C !important;
}

.topbar-v1 .top-v1-data li.li-shopping-cart i {
    color: #FFFFFF;
    font-size: 18px;
}

.li-shopping-cart-link {
    color: #FFFFFF;
    font-size: 18px;
    font-weight: bold;
    margin: 0px !important;
}

.li-shopping-cart-link:hover, .topbar-v1 .top-v1-data li.li-shopping-cart:hover > i {
    color: #3E4753;
    font-size: 18px;
    font-weight: bold;
}

.topbar-v1 .top-v1-data li.li-shopping-cart a:hover i {
    color: #3E4753;
}


.txt-white {
    color: #FFFFFF !important;
}

.help-phone-text {
    font-size: large;
}


#notification-help-by-phone {
    position: fixed;
    bottom: 15px;
    right: 15px;
    width: 30% !important;
    min-height: 125px;
}

#notification-help-by-phone > div.row {
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: 1px solid #0a5d5e !important;

    -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
}

#notification-help-by-phone > div.notification-left-col {
    text-align: center;
}

.bg-white {
    background-color: #FFFFFF !important;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    background-color: rgb(114, 192, 44) !important;
}

.btn-primary {
    background-color: rgb(114, 192, 44) !important;
}