@font-face {
    font-family: 'piersans-Bold';
    src: url('../fonts/PierSans/PierSans-Bold.otf');
}
@font-face {
    font-family: 'OpenSans-Light';
    src: url('../fonts/open-sans/OpenSans-Light.ttf');
}
@font-face {
    font-family: 'OpenSans-Light-italic';
    src: url('../fonts/open-sans/OpenSans-LightItalic.ttf');
}
@font-face {
    font-family: 'OpenSans-Bold';
    src: url('../fonts/open-sans/OpenSans-Bold.ttf');
}@font-face {
    font-family: 'OpenSans-Regular';
    src: url('../fonts/open-sans/OpenSans-Regular.ttf');
}
@font-face {
    font-family: 'OpenSans-Semibold';
    src: url('../fonts/open-sans/OpenSans-Semibold.ttf');
}
@font-face {
    font-family: 'OpenSans-SemiboldItalic';
    src: url('../fonts/open-sans/OpenSans-SemiboldItalic.ttf');
}
@font-face {
    font-family: 'PlayfairDisplay-Black';
    src: url('../fonts/playfair-display/PlayfairDisplay-Black.otf');
}
@font-face {
    font-family: 'Montserrat-Regular';
    src: url('../fonts/montserrat/Montserrat-Regular.otf');
}@font-face {
    font-family: 'Montserrat-Bold';
    src: url('../fonts/montserrat/Montserrat-Bold.otf');
}@font-face {
    font-family: 'OpenSans-BoldItalic';
    src: url('../fonts/open-sans/OpenSans-BoldItalic.ttf');
}@font-face {
    font-family: 'StagSans-Light';
    src: url('../fonts/stagSans/StagSans-Light.otf');
}@font-face {
    font-family: 'StagSans-Book';
    src: url('../fonts/stagSans/StagSans-Book.otf');
}@font-face {
    font-family: 'StagSans-Meduim';
    src: url('../fonts/stagSans/StagSans-Medium.otf');
}@font-face {
    font-family: 'StagSans-meduimItalic';
    src: url('../fonts/stagSans/StagSans-MediumItalic.otf');
}@font-face {
    font-family: 'StagSans-Semibold';
    src: url('../fonts/stagSans/StagSans-Semibold.otf');
}
/****************************************************************/
.margin-bottom-7{
    margin-bottom: 7px;
}
.triple-icone{
    list-style: none;
    margin: auto;
    display: table;
    padding-left: 0px;
}
.triple-icone li{
    cursor: pointer;
}.icone-block{
    cursor: pointer;
}
.triple-icone li a i{
    color: #fff;
}
.vignette-produit .triple-icone{
    list-style: none;
    margin: auto;
    display: table;
    padding-left: 0px;
    position: absolute;
}

.triple-icone li:first-child{
    transform:  scale(0.3,0.3);
    transition: all .5s cubic-bezier(0.175,0.885,0.32,1.275) 0s;
    transition-delay: .20s;
}
.triple-icone li{
    float: left;
    background: #616161;
    padding: 15px;
    color: #fff;
    margin-left: 16px;
    position: relative;
    top: 140px;
    opacity: 0;
    transform:  scale(0.3,0.3) ;
    transition: all .5s cubic-bezier(0.175,0.885,0.32,1.275) 0s;
    transition-delay: .30s;
 }

.triple-icone li:last-child{
    transform:  scale(0.3,0.3) ;
    transition: all .5s cubic-bezier(0.175,0.885,0.32,1.275) 0s;
    transition-delay: .40s;
}


.imgPrincipale:hover .triple-icone li:first-child ,.cover-accesoires:hover .triple-icone li:first-child ,.block-1-accesoire:hover .triple-icone li:first-child{

    opacity: 1;
    transform:  scale(1,1)  ;
    transition: all .5s cubic-bezier(0.175,0.885,0.32,1.275) 0s;
    transition-delay: .20s;
}
.imgPrincipale:hover .triple-icone li ,.cover-accesoires:hover .triple-icone li ,.block-1-accesoire:hover .triple-icone li{
    opacity: 1;
    transform:  scale(1,1)  ;
    transition: all .5s cubic-bezier(0.175,0.885,0.32,1.275) 0s;
    transition-delay: .25s;
}
.imgPrincipale:hover .triple-icone li:last-child ,.cover-accesoires:hover .triple-icone li:last-child ,.block-1-accesoire:hover .triple-icone li:last-child{
    opacity: 1;
    transform:  scale(1,1)  ;
    transition: all .5s cubic-bezier(0.175,0.885,0.32,1.275) 0s;
    transition-delay: .30s;
}



.blockMos:hover .triple-icone li:first-child{
    opacity: 1;
    transform:  scale(1,1)  ;
    transition: all .5s cubic-bezier(0.175,0.885,0.32,1.275) 0s;
    transition-delay: .20s;
}
.blockMos:hover .triple-icone li{
    opacity: 1;
    transform:  scale(1,1)  ;
    transition: all .5s cubic-bezier(0.175,0.885,0.32,1.275) 0s;
    transition-delay: .25s;
}
.blockMos:hover .triple-icone li:last-child{
    opacity: 1;
    transform:  scale(1,1)  ;
    transition: all .5s cubic-bezier(0.175,0.885,0.32,1.275) 0s;
    transition-delay: .30s;
}
.blockMos .triple-icone {
    list-style: none;
    margin: auto;
     display: block;
    padding-left: 0px;
}
.blockMos .triple-icone li {
    float: left;
    background: #616161;
    padding: 8px;
    color: #fff;
    margin-left: 18px;
    position: relative;
    top: -171px;
    opacity: 0;
    transform: scale(0.3,0.3);
    transition: all .5s cubic-bezier(0.175,0.885,0.32,1.275) 0s;
    transition-delay: .30s;
}




.vignette-result-recherche:hover .triple-icone li:first-child{
    opacity: 1;
    transform:  scale(1,1)  ;
    transition: all .5s cubic-bezier(0.175,0.885,0.32,1.275) 0s;
    transition-delay: .20s;
}
.vignette-result-recherche:hover .triple-icone li{
    opacity: 1;
    transform:  scale(1,1)  ;
    transition: all .5s cubic-bezier(0.175,0.885,0.32,1.275) 0s;
    transition-delay: .25s;
}
.vignette-result-recherche:hover .triple-icone li:last-child{
    opacity: 1;
    transform:  scale(1,1)  ;
    transition: all .5s cubic-bezier(0.175,0.885,0.32,1.275) 0s;
    transition-delay: .30s;
}
.vignette-result-recherche .triple-icone {
    list-style: none;
    margin: auto;
    display: block;
    padding-left: 0px;
}
.vignette-result-recherche .triple-icone li {
    float: left;
    background: #616161;
    padding: 10px;
    color: #fff;
    margin-left: 0px;
    left: 51px;
    position: relative;
    top: -186px;
    opacity: 0;
    transform: scale(0.3,0.3);
    transition: all .5s cubic-bezier(0.175,0.885,0.32,1.275) 0s;
    transition-delay: .30s;
}


.vignette-result-recherche .tooltipFavB {
    background: #000;
    width: 206px;
    color: #fff;
    font-size: 9px;
    font-family: OpenSans-Light;
    padding: 5px 5px 5px 13px;
    text-align: justify;
    float: right;
    border-radius: 3px;
    bottom: 49px;
    line-height: 14px;
    opacity: 0;
    transition: opacity 1s;
    position: absolute;
    left: -77px;
}
.vignette-result-recherche .tooltipFavB::after {
    content: " " !important;
    position: absolute !important;
    top: 100% !important;
    left: 46% !important;
    margin-left: -5px !important;
    border-width: 5px !important;
    border-style: solid !important;
    border-color: black transparent transparent transparent !important;
}


.triple-icone li .fa:before{
    font-size: 20px;
}



.vignette-produit .triple-icone li{
    float: left;
    background: #616161;
    padding: 7px;
    color: #fff;
    position: relative;
    left: 13px;
    top: -20px;
    opacity: 0;
    moz-transition: all 0.8s ease-out;
    -webkit-transition: all 0.8s ease-out;
    -o-transition: all 0.8s ease-out;
}
.vignette-produit .triple-icone li:first-child{

    moz-transition: all 0.6s ease-out;
    -webkit-transition: all 0.6s ease-out;
    -o-transition: all 0.6s ease-out;
}


.vignette-produit .triple-icone li.loop {
    float: left;
    background: #616161;
    padding: 7px;
    color: #fff;
    position: relative;
    left: 23px;
    top: -82px;
    opacity: 0;
    moz-transition: all 0.8s ease-out;
    -webkit-transition: all 0.8s ease-out;
    -o-transition: all 0.8s ease-out;
}
.vignette-produit .triple-icone li.loop .fa:before {
    font-size: 15px !important;
}
 .vignette-produit:hover .triple-icone li.loop{

    opacity: 1;
    transform:  scale(1,1)  ;
    transition: all .5s cubic-bezier(0.175,0.885,0.32,1.275) 0s;
    transition-delay: .25s;
}
/*.vignette-produit:hover .triple-icone li{*/
    /*top:-86px;*/
    /*opacity: 1;*/
    /*moz-transition: all 0.8s ease-out;*/
    /*-webkit-transition: all 0.8s ease-out;*/
    /*-o-transition: all 0.8s ease-out;*/
/*}*/
/*.vignette-produit:hover .triple-icone li:first-child{*/
    /*top:-86px;*/
    /*opacity: 1;*/
    /*moz-transition: all 0.6s ease-out;*/
    /*-webkit-transition: all 0.6s ease-out;*/
    /*-o-transition: all 0.6s ease-out;*/
/*}*/
/*.vignette-produit:hover .triple-icone li:last-child{*/
    /*top:-86px;*/
    /*opacity: 1;*/
    /*moz-transition: all 1s ease-out;*/
    /*-webkit-transition: all 1s ease-out;*/
    /*-o-transition: all 1s ease-out;*/
/*}*/


.vignette-produit .triple-icone li .fa:before{
    font-size: 16px;
}






.resSoci{
    display: inline-block;
    /* margin: auto; */
    margin-top: 12px;
    margin-bottom: 20px;
    padding-left: 0px;
    float: right;
}
.resSoci li{
    cursor: pointer;
    list-style: none;
    float: left;
    /* padding: 8px; */
    border: 1px solid #c6c6c6;
    border-radius: 50%;
    /* margin-left: 7px; */
    margin-right: 9px;
    width: 30px;
    height: 30px;
    transform: scale(1,1);
    transition: all .5s cubic-bezier(0.175,0.885,0.32,1.275) 0s;
    transition-delay: .20s;
    text-align: center;
    padding-top: 5px;
}
.resSoci li i{
    color: #595959;
}



.ui-loader{ display:  none; !important; }
.clear{clear: both}
.no-padding-left{padding-left: 0px}
.no-padding-right{padding-right: 0px}
.no-padding{padding: 0px}
.no-margin-left{margin-left: 0px}
.no-margin-right{margin-right: 0px}
.spacer-block-12{
    height: 12px;
}.spacer-block-17{
    height: 17px;
}.spacer-block-40{
    height: 40px;
}
.spacer-block-7{
    height: 7px;
}
.spacer-block-29{
    height: 29px;
}
.spacer-block-10{
    height: 10px;
}
.trait-seaparate{
    height: 3px;
    width: 100%;
    background-color: #ececec;
}
.red-line{
    /*width: 63px;*/
    /*height: 5px;*/
    /*background-color: #e60008;*/
    /*position: relative;*/
    /*top: 27px;*/
    /*left: 5px;*/
}
.gris-line{
    width: 63px;
    height: 5px;
    background-color: #797979;
    position: relative;
    top: 26px;
    left: 22px;
}
.single-banner img{
    width: 100%;
}
/****************************************************************/
.logo-trame{width: 99px;height: 99px}
.slogan{text-transform: uppercase;font-family: piersans-Bold;font-size: 10px;color: #949494 !important;letter-spacing: 0.5px;}
.navbar-default {
    background-color: #fff;
    border:none;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #949494;
    background-color: #fff;
}
.navbar form input{
    border: none;
    background: #fff;
    border-bottom: 1px solid #afafaf;
    border-radius: 0px;
    box-shadow: none;
}
.btn-default{
    background-color: #fff;
    border: none !important;
    border-bottom: 1px solid #afafaf !important;
    border-radius: 0px;
    margin-left: -5px;
}
.btn-default:hover{
    background-color: #fff;
    border: none !important;
    border-bottom: 1px solid #afafaf !important;
    border-radius: 0px;
    margin-left: -5px;
}
.navbar-nav h4{
    font-family: OpenSans-Light;
    font-size: 9px;
    color: #000;
    float: right;
    padding-left: 6px;
    margin-top: 8px;
}
.separateMenu{
    width: 1px;
    height: 23px;
    background-color: #e5e5e5;
    float: left;
    margin-top: 17px;
}
.profile > li > a {
    position: relative;
    display: block;
    padding:16px 7px;
}
.navbar-form{
    margin-left: 125px;
}
.separateMenuVert{
    height: 1px ;
    width: 740px;
    background-color: #e5e5e5;
    float: right;
    margin-top: -20px;
}
.dropdown-toggle{
    background-color: #fff !important;
}
.dropdown-menu {

    min-width: 600px !important;
}
.dropdown-menu li {
    padding-bottom: 3px;
    /* border-bottom: 1px solid rgba(0, 0, 0, 0.16); */
    padding: 10px 0;
    border-bottom: 1px solid #e8e9eb;
    line-height: 1.5em;
    text-align: left;
}
.dropdown-menu li:last-child{
    border-bottom: none !important;
}
.dropdown-menu li a {
    padding-left: 0px !important;
    padding-right: 12px !important;
    font-family:OpenSans-Light !important;
    font-size: 14px !important;
}


.yamm-fw .dropdown-menu .bImg:after {
    content: '';
    display: block;
    position: absolute;
    top: 30px;
    bottom: 30px;
    left: 30px;
    right: 30px;
    border: 1px solid #ffffff;
    z-index: 1;
}
.bImg h4{
    position: absolute;
    top: 160px;
    left: 0;
    right: 40px;
    margin-left: auto;
    margin-right: auto;
    float: none;
    text-align: right;
    font-size: 40px;
    color: #fff;
    font-family: PlayfairDisplay-Black;
}

.dropdown-menu .dropdown-menu{
    left: 0px !important;
}
.navbar-right .dropdown-menu {
    right: 0px;
    left: 0px;
}


/*dropdown menu new*/

.yamm-fw{
    position:  static !important;
}

/**/






.menu li a{
    font-family: OpenSans-Bold;
    color: #000;
    font-size: 12px;
    text-transform: uppercase;
    padding-right: 0px;
    padding-left: 40px;
}
.menu li a:hover{
    color:#e60008 !important;
}
.menu{
    margin-top: -17px;
}
.navbar {

     margin-bottom: 0px;

}



.block-type {
    padding: 9px;
    z-index: 99999;
    background-color: #fff;
    position: absolute;
    top: 180px;
    left: 10px;
}
.block-type h3{
    font-family: PlayfairDisplay-Black;
    font-size: 60px;
    color: #000;
    margin: 0;
    border: 1px solid #f7f7f7;
    padding-right: 0px;
    padding-left: 12px;

}

.g1{
    /*background-image: url('../img/bg/bgFluid.jpg');*/
    /*background-repeat: repeat-x;*/
}
.separate-indicator {
    height: 140px;
    width: 1px;
    background-color: #d9d9d9;
    /* margin-left: 14px; */
    /* margin-top: 23px; */
    position: absolute;
    top: 27px;
    left: 22px;
}
.g1 img{
    float: right;
    width: 965px;
    height: 659px;
}
.g1 .carousel-indicators {
    /*position: absolute;*/
    /*bottom: 245px;*/
    /*left: 31.2%;*/
    /*z-index: 15;*/
    /*width: 60%;*/
    /*padding-left: 0;*/
    /*margin-left: -30%;*/
    /*text-align: center;*/
    /*list-style: none;*/
}


.carousel-indicators .active {
    /*display: block;*/
    /*padding-top: 10px;*/
    /*padding-left: 9px;*/
    /*width: 25px;*/
    /*height: 25px;*/
    /*margin: 0;*/
    /*border-radius:50%;*/
    /*margin-left: -3px;*/
    /*margin-top: 23px !important;*/
    /*border: none;*/
    /*box-shadow: inset 0 0 0 1px #b1b1b1;*/
}
.carousel-indicators li {
    /*display: block;*/
    /*background-color: #f4f4f4 !important;*/
    /*cursor: pointer;*/
    /*background-color: #000 \9;*/
    /*background-color: rgba(0, 0, 0, 0);*/
    /*width: 7px;*/
    /*height: 7px;*/
    /*border: 1px solid #b1b1b1;*/
    /*margin-top: 23px;*/
    /*margin-left: 6px;*/

}
.carousel-indicators {
    /*bottom: 188px;*/
}
.carousel-caption h4{
    font-family: PlayfairDisplay-Black;
    font-size: 31px;
    color: #fff;
    padding-bottom: 17px;
}
.traitBlanc{
    height: 1px;
    width: 122px;
    background-color: #fff;
    float: left;
    margin-top: 10px;
    margin-left: 30px;
}
.carousel-caption a{
    font-family: Montserrat-Regular;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    float: right;
    letter-spacing: 1px;
    text-decoration: none;
}
.g1 .carousel-caption {
    right: 8%;
    left: 63%;
    padding-bottom: 15px;
    bottom: -632px;
    z-index: 99;
}
.g1 .carousel-indicators .active {
    margin-left: -3px !important;
    margin: 0;
}

.g1 .carousel-indicators .active:after {
    /*content: "";*/
    /*background-color: red;*/
    /*border-radius: 50%;*/
    /*height: 5px;*/
    /*position: absolute;*/
    /*width: 5px;*/
    /*left: 7px;*/


}
.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: auto;
    padding-left: 0;
    margin-left: 0 !important;
    text-align: left !important;
    list-style: none !important;
}
.carousel-indicators .active {
    width: 100% !important;
    height: auto !important;
    margin: 0;
    background-color: #fff;
}


.animated {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100px, 0, 0);
        transform: translate3d(100px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100px, 0, 0);
        transform: translate3d(100px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}



.yamm-fw:hover .dropdown-menu  {
    opacity:1;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    z-index: 999999999999999999;
}

.dropdown-menu .dropdown .dropdown-menu{
    opacity: 0 !important;
}



.yamm-fw .dropdown-menu li a:before {
    content: "\f105";
    font-family: "FontAwesome";
    font-size: 13px;
    left: 0;
    display: inline-block !important;
    color: #999;
    padding-right: 8px;
    position: relative;
    top: 0;
}





.block-1{background-image: url('../img/bg/block1.jpg');background-repeat: repeat;width: 100%;    padding-bottom: 17px;padding-top: 17px}
.block-papier {
    background-image: url(../img/bg/papierPaint.jpg);
    height: 625px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
    position: relative;
}

.lien-trait{    position: absolute;
    bottom: 8px;
    width: 105%;}
.lien-trait a{
    font-family: Montserrat-Regular;
    font-size: 13px;
    color: #fff;
    text-transform: uppercase;
    float: right;
    letter-spacing: 1px;
    text-decoration: none;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}
.lien-trait a:hover{
    color:#e60008 !important;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}
.block-1 .block-type {

    top: 429px;
    left: -152px;
}
.block-1 .block-type h3{

    color: #313131
}
.border-blanc {
    height: 287px;
    width: 280px;
    background-color: #fff;
    padding: 7px;
}
.block-classique{background-image: url('../img/bg/classique.jpg');
    position: relative;
    height: 275px;
    padding-top: 128px;
}
.block-jeune {
    background-image: url(../img/bg/jeune.jpg);
    height: 274px;
    padding-top: 128px;
}
.block-design{background-image: url('../img/bg/design.jpg');

    height: 274px;
    padding-top: 128px;
}
.block-naturel{background-image: url('../img/bg/naturel.jpg');

    height: 274px;
    padding-top: 128px;
}
.claasification h3 {
    font-size: 26px;
    color: #000;
    text-transform: uppercase;
    font-family: Montserrat-Bold;
    text-align: center;
    background: #fff;
    /* width: 211px; */
    margin: auto;
    display: table;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 44px;
    padding-right: 44px;
}
.claasification h3 a{
    color: #000;
    text-decoration: none;
}
.claasification h3 a:hover{
    text-decoration: none;
    color: #e50008;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}
.bannertop{
    display: table-cell;
    border-bottom: solid 1px #595959;
    border-right: solid 1px #595959;
    padding: 0px 20px 25px 17px;
}
.bannerbottom{
    display: table-cell;
    border-right: solid 1px #595959;
    padding: 24px 20px 0px 17px;
}



.bg-Blanc-small{display: none}
.rech-guide{background-image: url('../img/bg/guide.jpg');background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 10px;
    height: 625px;}
.spacer{    height: 1px;
    margin: 15px 0;
border-top:1px solid #595959 ;
}
.slide{
    margin-top: 10px;
}
.block-3 .slide{
    padding: 68px 70px 70px 70px;
}
.padding-left-7{
    padding-left: 7px;
}

.block-type {
    padding: 9px;
    z-index: 9;
    background-color: transparent;
    position: absolute;
    top: 23px;
    left: -7px !important;
}
.block-type h3.active {

    color: #000;
    margin: 0;
    border: 1px solid #f7f7f7;
    padding-right: 0px !important;
    padding-left: 12px;
    /* display: table; */
    /* width: 71%; */
    margin-bottom: 30px !important;
    background: #fff;
    padding-right: 6px !important;
    padding-bottom: 10px !important;
    padding-top: 10px !important;
    cursor: pointer;
}
.block-type h3 {
    font-family: Montserrat-bold;
    font-size: 26px;
    color: #00000073;
    margin: 0;
    border: 1px solid #f7f7f7;
    padding-right: 0px !important;
    padding-left: 12px;
    /* display: table; */
    /* width: 71%; */
    margin-bottom: 30px !important;
    background: #ffffff85;
    padding-right: 6px !important;
    padding-bottom: 10px !important;
    padding-top: 10px !important;
    cursor: pointer
}
.block-papier .traitBlanc{
    width: 105px;
}
.block-papier .lien-trait {
    position: absolute;
    bottom: 8px;
    width: 92%;
}

.bg-Blanc{
    background-color: rgba(255, 255, 255, 0.79);
    text-align: center;
    padding-top: 103px;
    padding-bottom: 10px;
}
.logo-guide{
    width: 60px;
}
.bg-Blanc h3{
    font-family: Montserrat-Bold;
    font-size: 18px;
    color: #000000;
    text-transform: uppercase;

}
.bg-Blanc h4{
    font-family: Montserrat-Bold;
    font-size: 16px;
    color: #000000;
    text-transform: uppercase;
}
.bg-Blanc h5{
    font-family: OpenSans-BoldItalic;
    font-size: 13px;
    color: #000000;
    text-transform: uppercase;
    padding-top: 144px;
}
.bg-Blanc h5 a{
    text-decoration: none;
    color: #000000;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}
.bg-Blanc h5 a:hover{
    text-decoration: none;
    color: #e50008;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}



.block-2 .detail .titre{
    font-family: Montserrat-Bold;
    font-size: 12px;
    color: #000;
    text-transform: uppercase;
    margin-top: 10px;
}
.block-2 .detail .ref{
    font-family: Montserrat-Bold;
    font-size: 12px;
    color: #000;
    text-transform: uppercase;
    margin-top: 0px;
}
.block-2 .detail .ref span{
    font-family: Montserrat-Bold;
    font-size: 13px;
    color: #e50008;
    text-transform: uppercase;
}
.block-2 .detail .ref span a{
    color: #e50008;
    text-decoration: none;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}
.block-2 .detail .ref span a:hover{
    color: #000;
    text-decoration: none;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}
.blockMos{
    padding-top: 19px;
}
.blockMos img{
    width: 175px !important;
}

.cover-right{
    /*background-image: url(../img/mosaique/mosaiqueCover.jpg);*/
    /*height: 565px;*/
    background-size: contain;
    background-position: right;
    background-repeat: no-repeat;
}
.cover-left{
    /*background-image: url(../img/tissue/tissuCover.jpg);*/
    /*height: 565px;*/
    background-size: contain;
    background-position: right;
    background-repeat: no-repeat;
}
.titre-cover{
    position: absolute;
    bottom: 38%;
    left: 19%;
}
.titre-cover h3{
    font-size: 87px;
    color: #303030;
    text-align: center;
    font-family: PlayfairDisplay-Black;
    padding-top: 200px;
}
.titre-cover h3 a{
    color: #303030;
    text-decoration: none;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}

.titre-cover .lien-trait {
    position: absolute;
    width: 80%;
    top: 360px;
}
.titre-cover .traitBlanc {
    height: 1px;
    width: 122px;
    background-color: #303030;
    float: left;
    margin-top: 10px;
    margin-left: 48px;
}
.titre-cover .lien-trait a {
    font-family: Montserrat-Regular;
    font-size: 16px;
    color: #303030;
    text-transform: uppercase;
    /* float: right; */
    letter-spacing: 1px;
    text-decoration: none;
    padding-left: 25px;
}

.block-4{
    background-color: #f4f4f4;
    padding-top: 8px;
    padding-bottom: 8px;
}
.block-4 .block-type h3{
    font-family: PlayfairDisplay-Black;
    font-size: 45px;
    color: #303030;
    margin: 0;
    display: inline-table;
    border: 1px solid #d7d7d7;
    padding-right: 27px;
    padding-left: 12px;
    /* width: 100%; */
    text-align: right;
    line-height: 60px;
    padding-top: 3px;
    padding-bottom: 16px;
    margin-bottom: 0px !important;
}
.block-4 .block-type h3 a{
    color: #303030;
    text-decoration: none;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}
.block-4 .block-type h3 a:hover{
    color: #e60008;
    text-decoration: none;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}
.block-4  .block-type {
    padding: 9px;
    z-index: 1;
    background-color: #fff;
    position: relative;
    top: 92px;
    left: 0px;
    display: inline-table;
}
.bg-Blcok-5{
    background-image: url('../img/bg/trame.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    height: 530px;
    background-position: center;
}
.block-5{
    /*margin-top: 7px;*/
}
.block-5 .logo-guide{
    width: 93px;
    padding-bottom: 30px;
    padding-top: 22px;
}
.presentation-trame{
    padding-left: 25px;
}
.presentation-trame p{
    font-family: arial;
    font-size: 14px;
    text-align: justify;

}
.presentation-trame p span{
    font-family: StagSans-Semibold;
    font-size: 16px;
    color: #e60008;

}



.news-Lettre {
    background-image: url(../img/bg/newsLettre.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    /* height: 345px; */
    background-position: center;
}
.block-6{
    /*background-image: url(../img/bg/bgNews.jpg);*/
}
.news-Lettre h3{
    font-family: Montserrat-Regular;
    font-size: 36px;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
    padding-bottom: 30px;
}
.news-Lettre h3:before{
    content: url(../img/bg/traitBefore.png);
    top: 0px;

    margin-right: 34px;
}.news-Lettre h3:after{
    content: url(../img/bg/traitAfter.png);
    top: 0px;

    margin-left: 34px;
}
.news-Lettre h4{font-family: OpenSans-Semibold;color: #bbbbbb;font-size: 18px;}


#formNewsLettre input{
    background-color: #fff;
    border: 1px solid #fff;
    width: 100%;
    padding: 17px;
    outline: none;
}
#formNewsLettre input:focus{
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
}
.news-btn{
    background: #555555; padding: 12px 0px 12px 0px;  color: #fff; font-family:OpenSans-Regular;  font-size: 23px; text-align: center;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    cursor: pointer;

}
.news-btn:hover{
    background: #fff;  color: #555555;
    border-left:1px solid #555555 ;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}


.big-footer{
    background-color: #333333;
    padding-top: 33px;
    padding-bottom: 33px;
    display: -webkit-box;

}
.block-logo-footer{
    text-align: center;
}
.block-logo-footer img{
    width: 108px;
}
.big-footer h4{
    font-family: piersans-Bold;
    font-size: 12px;
    text-transform: uppercase;
    color: #949494;
    text-align: center;
}
.resSocFooter {
    text-align: center;
    padding-top: 14px;
    padding-bottom: 14px;
}
.resSocFooter ul {
    display: table;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-left: 0px;
}
.resSocFooter li {
    cursor: pointer;
    list-style: none;
    float: left;
    padding: 8px;
    border: 1px solid #fff;
    border-radius: 50%;
    margin-left: 7px;
    margin-right: 7px;
    width: 40px;
    height: 40px;
    transform:  scale(1,1);
    transition: all .5s cubic-bezier(0.175,0.885,0.32,1.275) 0s;
    transition-delay: .20s;
}

.resSocFooter li .fa {
    color: #fff;
    font-size: 22px;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}
.categ-menu   {
    text-align: center;
    padding-top: 8px;
    padding-bottom: 8px;
}
.categ-menu ul {
    display: table;
    margin: auto;
    margin-bottom: 20px;
    padding-left: 0px;
}
.categ-menu ul li   {
    font-family: OpenSans-Semibold;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    list-style: none;
    float: left;
    margin-right: 16px;
}
.categ-menu ul li a {
    color: #fff !important;
    text-decoration: none;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}
.categ-menu ul li a:hover {
    color: #e60008 !important;
    text-decoration: none;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}
.menu-footer {
    text-align: center;
    padding-top: 0px;
    padding-bottom: 0px;
}
.menu-footer ul {
    display: table;
    margin: auto;
    margin-bottom: 20px;
    padding-left: 0px;
}
.menu-footer ul li  {
    font-family: OpenSans-Semibold;
    color: #a2a2a2;
    font-size: 12px;
    text-transform: uppercase;
    list-style: none;
    float: left;
    margin-right: 12px;
}
.menu-footer ul li  a  {
    color: #a2a2a2;
    text-decoration: none;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}
.menu-footer ul li  a:hover  {
    color: #e60008;
    text-decoration: none;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}
.smallFooter {
    background-color: #282828;
    padding-top: 10px;
    padding-bottom: 10px;
}
.smallFooter h3 {
    font-family: OpenSans-Semibold;
    color: #fff;
    font-size: 14px;
    text-align: center;
    margin-top: 10px;
}
.smallFooter h3 span a {
    color: #e60008;
    font-size: 14px;
    padding-left: 4px;
    text-decoration: none;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}
.resSocFooter li:hover   {
    background: #fff;
    transform:  scale(1.1,1.1);
    transition: all .5s cubic-bezier(0.175,0.885,0.32,1.275) 0s;
    transition-delay: .20s;

}
.resSocFooter li:hover .fa {
    color: #333333;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}
a.left.carousel-control {
    background-image: none;
}a.right.carousel-control {
    background-image: none;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
    width: 15px;
    height: 29px;
    margin-top: -19px;
    font-size: 30px;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
    margin-left: 27px;
}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
    margin-right: 27px;
}
.block-3 .carousel-caption h4{
    color: #000000;
    font-size: 22px;
    font-family: Montserrat-Bold;
    text-shadow: none;
    padding-bottom: 0px;
    padding-top: 0px;
}
.block-3 .carousel-caption {
    right: 23%;
    left: 24%;
    padding-bottom: 0px;
    bottom: 193px;
    background: #fff;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
}
.block-3 .carousel-inner img{
    width: 100%;
}
.block-3 .carousel-caption .lien-trait {
    position: absolute;
    top: 72px;
    width: 95%;
}
.cover-accesoires {
    background-image: url("../img/luminaire/1.jpg");
    height: 346px;
}
.titre-cover-accesoires h3{
    color: #303030;
    font-size: 18px;
    font-family: Montserrat-Regular;
    margin-top: 0px;
    background-color: #fff;
    padding: 5px;
    display: inline;
    position: relative;
    top: 311px;
    left: 10px;
    text-transform: uppercase;
}
.titre-cover-accesoires h3 a{
    color: #303030;
    text-decoration: none;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}
.titre-cover-accesoires h3 a:hover{
    color: #e3001b;
    text-decoration: none;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}
.block-1-accesoire{
    background-image: url("../img/luminaire/2.jpg");
    height: 320px;
}
.block-1-accesoire .titre-cover-accesoires h3{
    top: 285px;
}
.titre-presentation {
    font-family: Montserrat-Bold;
    font-size: 21px;
    color: #fff;
    letter-spacing: 1px;
    padding-top: 54px;
    text-transform: uppercase;
    text-align: center;
}
.titre-presentation a{
    color: #fff ;
    text-decoration: none;

    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}
.titre-presentation a:hover{
    color: #e3001b;
    text-decoration: none;

    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}
.inputRech:focus {
    box-shadow:none !important;
    border-color:#e3001b ;
}
.inputRech:focus .btn-default{
    border-bottom: 1px solid #e2001b  !important;
}
.btnRech:focus {
    outline: none !important;
    background: transparent !important;
    border-color: #e2001b !important;
}
.btnRech:active{
    outline: none !important;
    background: transparent !important;
    border-color: #e2001b !important;
    box-shadow:none !important;
}
.small-resolution{
    display: none;
}
.divSeparate{
    display: none;
}
.defiler{
    float: left !important;
    margin-top: 331px;
    width: 15px !important;
    height: 257px !important;
}
.block-personaliser{
    display:table;margin-left: -29px;
}
.top-personaliser-right{
    padding-right: 25px;
}
.top-personaliser-left{
    padding-left: 25px;   padding-right: 0px;
}
.bottom-personaliser-right{
    padding-right: 25px;
}
.bottom-personaliser-left{
    padding-left: 25px;padding-right: 17px;
}
.block-rech-guide{
    padding-left: 0px;width: 18%;margin-left: 79px;
}
.float-right{
    float: right;
}
.margin-left-13{
    margin-left: -13px;
}
/***********************************************************chemin****************************/
.chemin{
    background-color: #f0f0f0;

}
.chemin ul li h4 a{
    font-family: Montserrat-Regular;
    color: #000000;
    font-size: 12px;
    text-transform: uppercase;
    text-decoration: none;
}
.chemin ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    padding-left: 17px;
}
.chemin ul li{
    float: left;
}
/***********************************************************chemin***********************************/
/***********************************************************page**Produit****************************/
.list-meuble{
    padding-top: 29px;
    padding-bottom: 7px;
}
.cover {
    height: 367px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 90px;
}
.papier {
    height: 354px !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    padding-top: 0px !important;
}
.cover h3{
    font-family: PlayfairDisplay-Black;
    font-size: 46px;
    color: #ffffff;
    text-align: center;
    text-transform: capitalize;
    text-shadow: 2px 2px 1px #0000004d;
}
.block-md-2,.block-md-4,.block-md-6{
    height: 314px;
    background-size: cover;
    background-position: center;
    position: relative;
}
.block-md-2 h3,.block-md-4 h3,.block-md-6 h3{
    font-family: Montserrat-Bold;
    font-size: 15px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.30);
    padding: 5px 20px 5px 20px;
    position: absolute;
    bottom: 0px;
    left: 10px;
    text-transform: uppercase;
    line-height: 22px;
    -webkit-transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    -ms-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in;
}
.block-md-2 h3 a,.block-md-4 h3 a,.block-md-6 h3 a{
    font-family: Montserrat-Bold;
    font-size: 15px;
    color: #fff;
    text-decoration: none;
}
/***********************************************************page**Produit****************************/
/***********************************************************page**Produit****detail*****************/
.detail-cat-meuble{
    padding-top: 29px;
}
.list-produit{

    margin-bottom: 10px;
}
.menu-gauche{
    background-color: rgba(247, 247, 247, 0.77);
    padding: 10px 10px 10px 8px;
}
.menu-gauche h3{
    font-family: Montserrat-Bold;
    font-size: 13px;
    color:#000;
    text-transform: uppercase;
    border-bottom: 1px solid #cacaca;
    padding-top: 0px;
    margin-top: 0px;
    padding-bottom: 7px;
    margin-bottom: 17px;
    position: relative;
}
.menu-gauche ul li{
    padding-bottom: 7px;
}
.menu-gauche  ul li  a{
    font-family: OpenSans-Bold;
    font-size: 14px;
    color:#000;
    text-transform: uppercase;
    text-decoration: none;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}
.menu-gauche  ul li  a:hover{
    color: #e60008 !important;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}
.menu-gauche  ul li  a.active{
    color: #e60008 !important;
}
.menu-gauche ul{
    list-style: none;
    padding-left: 12px;
}
.menu-gauche ul li:before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 4px;
    margin-right: 9px;
    background-color: #e60008;
    position: relative;
    top: -3px;
}
.en-tete{
    padding-top: 14px;
}
.en-tete h3{
    font-family: OpenSans-SemiboldItalic;
    font-size: 16px;
    color: #000;
    margin-top: 0px;
    border-bottom: 1px solid;
    padding-top: 0px;
    padding-left: 17px;
    padding-bottom: 8px;
}
.en-tete .fa{
    color: #bababa;
}.en-tete .fa:before{
    color: #bababa;
     font-size: 22px;
}
.prod{
    border: 1px solid #e9e9e9;
    padding-bottom: 4px;
    position: relative;
    -webkit-transition: all 600ms ease-in;
    -moz-transition: all 600ms ease-in;
    -ms-transition: all 600ms ease-in;
    -o-transition: all 600ms ease-in;
    transition: all 600ms ease-in;
}
.col-md-4:hover .prod{
    box-shadow: 0px 0px 3px 0px #00000038;
    -webkit-transition: all 600ms ease-in;
    -moz-transition: all 600ms ease-in;
    -ms-transition: all 600ms ease-in;
    -o-transition: all 600ms ease-in;
    transition: all 600ms ease-in;
}
.prod img {
    width: 100%;
    transition: transform .3s ease-out;
    height: 188px;
    object-fit: cover;
}
.prod .titre-prod{
    font-family: OpenSans-Bold;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    min-height: 44px;
}
.prod .titre-prod a{
    padding-top: 15px;
     color: #000;
    text-decoration: none;
    min-height: 44px;
}
.prod .ref-prod{
    font-family: OpenSans-SemiboldItalic;
    font-size: 15px;
    text-align: center;
}
.prod .ref-prod a{
    color: #e60008;
    text-decoration: none;
}
.ref-prod span{
    color: #e60000;
}
.block-icone{
    text-align: center;
    padding-top: 15px;
}
.icone-block {
    width: 60px;
    height: 60px;
    border: 1px solid #e9e9e9;
    display: inline-block;
    padding-top: 21px;

}
.icone-block:hover{
    box-shadow: 0px 0px 1px 1px #0000001c;
}
.icone-block .fa{
    color: #616161;
    font-size: 15px;
}
.icone-block .fa:before{

    font-size: 20px;
}
     /**********************Paginate***********************/
        .section-paginate{
            padding-left: 12px;
            padding-right: 12px;
        }
        .paginate{
            border-top: 1px solid #d3d3d3;
            margin-top: 33px;
        }
        .paginate ul {
            list-style: none;
            display: table;
            margin: auto;
            position: relative;
        }
        .paginate ul li{
            float: left;
            margin-right: 28px;
            padding-top: 10px;
            position: relative;
            padding-right: 0px !important;
            padding-left: 0px !important;
        }
        .paginate ul li span.inactive a{
            font-family: OpenSans-Semibold;
            font-size: 15px;
            color: #727272;

        }
        .paginate ul li a.currentItem  {
            color: #e60008 !important;
        }
        .paginate ul li a{
            color: #000;
            font-size: 15px;
            font-family: OpenSans-Semibold;
            text-decoration: none;
            padding-left: 7px;
            padding-right: 7px;
            moz-transition: all 0.3s ease-out;
            -webkit-transition: all 0.3s ease-out;
            -o-transition: all 0.3s ease-out;
        }
        .paginate ul li a:hover{
            color: #e60008 !important;
            moz-transition: all 0.3s ease-out;
            -webkit-transition: all 0.3s ease-out;
            -o-transition: all 0.3s ease-out;
        }
        .trait-active {
            width: 40px;
            height: 4px;
            background-color: #e60008;
            position: relative;
            left: 140px;
            top: -3px;
            moz-transition: all 0.3s ease-out;
            -webkit-transition: all 0.3s ease-out;
            -o-transition: all 0.3s ease-out;
        }
        .paginate ul li:hover paginate.trait-active{
            left: 240px;
            moz-transition: all 0.3s ease-out;
            -webkit-transition: all 0.3s ease-out;
            -o-transition: all 0.3s ease-out;
        }
    /**********************Paginate***********************/
        .top-promo{
            background-image: url('../img/bg/topPromo.jpg');
            height: 412px;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
        }
        .top-promo h3{
            text-align: center;
            color: #fff;
            font-size: 46px;
            font-family: Montserrat-Regular;
            padding-top: 150px;
            text-transform: uppercase;
            letter-spacing: 1px;

        }
        .top-produits h3 {
            font-family: PlayfairDisplay-Black;
            font-size: 54px;
            color: #000;
            text-align: center;
            border: 1px solid #ececec;
            padding-left: 10px;
            padding-right: 10px;
            padding-bottom: 10px;
            padding-top: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
        }
        .top-produits{
            background-image: url('../img/bg/bgTopPromo.jpg');
            padding-bottom: 80px;
        }
        .titre-Top-produit{
            background-color: #fff;
            margin: auto;
            padding-left: 5px;
            padding-right: 5px;
            padding-bottom: 7px;
            padding-top: 7px;
            display: table;
            margin-top: 44px;
        }
        .top-produits ul {
            list-style: none;
            display: table;
            margin: auto;
            position: relative;
            margin-top: 35px;
            margin-bottom: 35px;
        }
        .top-produits ul li{
            float: left;
            font-family: Montserrat-Regular;
            font-size: 16px;
            color: #000;
            text-transform: uppercase;
            padding-left: 12px;
            padding-right: 12px;
            padding-top: 3px;
            padding-bottom: 3px;
            margin-right: 10px;
            letter-spacing: 1px;
        }
        .top-produits ul li.active{
            background-color: #e60008;
            color: #fff;
        }
        .detail-top-promo{
            position: relative;
            bottom: 26px;
            background: #fff;
            display: table;
            margin-left: auto;
            margin-right: auto;
            padding-left: 10px;
            padding-right: 10px;
            padding-top: 5px;
            padding-bottom: 5px;
        }
        .top-produits .prod {
            border: 1px solid #e9e9e9;
            padding-bottom: 4px;
            position: relative;
            background-color: #fff;
            padding-top: 0px;
        }
        .top-produits .block-icone {
            text-align: center;
            padding-top: 0px;
            margin-top: -15px;
        }



/***********************************************************page**Produit****detail*****************/
/***********************************************************page**papier****paint*******************/
.papier .col-md-7 h3{
    padding-top: 123px;
}
.papier .bg-Blanc{
    padding-top: 27px;
    padding-bottom: 2px;
}
.papier .rech-guide-papier {
    background-color: rgba(255, 255, 255, 0.30) !important;
    padding: 0px 10px 0px 10px;

}
.papier .rech-guide-papier .logo-guide{
    width: 59px;

}
.papier .col-md-3 h3 {
    padding-top: 0px;
    font-family: Montserrat-Bold;
    font-size: 14px;
    color: #000;
    text-shadow: none;

}
.papier .col-md-3 .offre {
    margin-top: 28px;
}
.papier .col-md-3 .bg-Blanc h4 {
    font-family: Montserrat-Bold;
    font-size: 14px;
    color: #000000;
    text-transform: uppercase;
}
.papier .col-md-3 .bg-Blanc h5 {
    font-family: OpenSans-BoldItalic;
    font-size: 13px;
    color: #000000;
    text-transform: uppercase;
    padding-top: 14px;
}

.liste-catalogue ul {
    list-style: none;
    display: table;
    margin: auto;
    position: relative;
    margin-top: 21px;
    margin-bottom: 22px;
}
.liste-catalogue ul li {
    float: left;
    font-family: Montserrat-Bold;
    font-size: 16px;
    color: #000;
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 1px;
    padding-bottom: 0px;
    margin-right: 30px;
    letter-spacing: 1px;
    text-transform: uppercase;
    cursor: pointer;
    moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}
.liste-catalogue #item-Menu ul li.active{
    background-color: #d40000;
    color: #fff;
}
.liste-catalogue #item-Menu ul li:hover{
    background-color: #d40000;
    color: #fff;
    moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;

}
.block-catalogue{
    /*background-image: url('../img/bg/pattern17.jpg');*/
    padding-bottom: 27px;
}
.imgPattern{
    padding-top: 6px;
    text-align: center;
}
.block-catalogue h3{
    font-family: PlayfairDisplay-Black;
    font-size: 60px;
    color: #383838 ;
    margin-top: 0px;
    position: relative;
}
.block-catalogue h3:before{
    content: url(../img/bg/patternleft.png);
    top: -12px;
    position: relative;
    left: 3px;
}
.block-catalogue h3:after{
    content: url(../img/bg/patternRight.png);
    top: -12px;
    position: relative;
    left: 14px;
 }
.vignette-catalogue {
    padding-top: 117px;
    border: 6px solid #fff;
    height: 263px;
    background-size: cover;
}
.vignette-catalogue h4 {
    font-family: Montserrat-Bold;
    color: #000;
    font-size: 12px;
    text-transform: uppercase;
    background-color: #fff;
    text-align: center;
    display: table;
    margin: auto;
    padding-left: 62px;
    padding-right: 62px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.vignette-catalogue h4 a{
    color: #000;
    text-decoration: none;
}
.section-paginate .paginate ul{
    margin-top: 8px;
    margin-bottom: 8px;
}
.block-catalogue .paginate ul li a {
    color: #000;
    font-size: 12px;
    font-family: OpenSans-Bold;
    text-decoration: none;
    padding-left: 7px;
    padding-right: 7px;
}
.block-catalogue .trait-active {
    width: 7%;
    height: 4px;
    background-color: #e60008;
    position: absolute;
    left: 262px;
    top: 32px;
}
.block-btn-recherche{
    border: 1px solid #d0d0d0;
    padding-top: 10px;
    display: table;
    float: right;
    padding-left: 12px;
    padding-bottom: 3px;
}
.btn-rech h3{
    font-family: PlayfairDisplay-Black;
    color: #c90000;
    font-size: 27px;
}
.btn-rech h3:before{
   content: "";
}.btn-rech h3:after{
   content: "";
}
.btn-rech a{
    font-family: Montserrat-Bold;
    color: #000;
    font-size: 14px;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-decoration: none;
}
.btn-rech .traitBlanc{
    height: 1px;
    width: 105px;
    background-color: #a7a7a7;
    float: left;
    margin-top: 16px;
    margin-left: 0px;
}
/***********************************************************page**papier****paint*******************/
/***********************************************************page**detail-catalogue*******************/
.detail-catalogue{
    padding-top: 40px;
    padding-bottom: 27px;
}
.produit-grid{
    display: inline-block;
    width: 100%;
    padding-left: 1px;
    padding-right: 1px;
    padding-top: 17px;
    padding-bottom: 17px;
    background-color: #f9f9f9;
    margin-bottom: 10px;
}
.imgPrincipale{
    height: 449px;
    background-size: cover;
    background-position: center;
}
.couleur-associes .col-md-2, .couleur-produit .col-md-2{
    margin-right: 15px;
}
.couleur-associes .col-md-2 img , .couleur-produit .col-md-2 img{
    width: 100%;
}
.couleur-produit h3 {
    font-family: Montserrat-Bold;
    color: #000;
    font-size: 13px;
    text-transform: uppercase;
    margin-top: 0px;
}
.couleur-produit h5 {
    font-family: OpenSans-SemiboldItalic;
    color: #000;
    font-size: 12px;
    text-align: center;
}
.couleur-produit h5 a{
    color: #000;
    text-decoration: none;
}
.couleur-associes h3 {
    font-family: Montserrat-Bold;
    color: #000;
    font-size: 13px;
    text-transform: uppercase;
}
.couleur-associes h5 {
    font-family: OpenSans-SemiboldItalic;
    color: #000;
    font-size: 12px;
    text-align: center;
}
.couleur-associes h5 a{

    color: #000;
    text-decoration: none;

}
/***********************************************************page**detail-catalogue*******************/
/***********************************************************page**detail-produit*******************/
.imgDetPrincipale{
    border: 1px solid #c3c3c3;
}
.block-asso{
    display: inline-block;
    width: 100%;
    background-color: #f7f7f7;
    padding-left: 12px;
    padding-bottom: 12px;
}
.produit-detail{
    padding-top: 40px;
}
.produit-detail .block-detail h3{
    font-family: Montserrat-Bold;
    color: #000;
    font-size: 16px;
    margin: 0px;
    padding: 11px 17px 11px 17px;

}
.produit-detail .block-detail h3 a{
    color: #000;
    text-decoration: none;
    moz-transition: all 0.3s ease-out;
    -webkit-transition:all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}
.produit-detail .block-detail h3 a:hover{
    color:#e60008 !important;
    text-decoration: none;
    moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}
.produit-detail .block-detail h3 span{
    color: #dc0009;
    font-size: 25px;
}
.produit-detail .block-detail h3.row1-af{
    background-color: #fafafa;
}
.btn-ajout-panier{
    background-color: #383838;
    padding:17px 17px 17px 17px;
    display: inline-block;
}

.bgDeil{

    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}


/*.bgDeil::before   {*/
    /*padding: 1em 2em;*/
    /*-webkit-transition: -webkit-transform 0.3s;*/
    /*transition: transform 0.3s;*/
    /*-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);*/
    /*transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);*/
/*}*/


.btn-ajout-panier i{
    float: left;
    color: #fff;
    margin-top: -2px;
}.btn-ajout-panier h3{
    font-family: StagSans-meduim;
    font-size: 14px;
    color: #fff;
    margin: 0px;
    text-transform: uppercase;
    margin-left: 26px;
 }
.btn-ajout-facoris{
    background-color: #fff !important;
    padding: 15px 40px 16px 16px !important;
    border: 1px solid #868686 !important;
    display: inline-block ;
    margin-left: 7px !important;
}
.btn-ajout-facoris i{
    float: left;
    color: #d30000;
    margin-top: -2px;
}.btn-ajout-facoris h3{
     font-family: StagSans-meduim;
     font-size: 14px;
     color: #000;
     margin: 0px;
     text-transform: uppercase;
     margin-left: 26px;
 }
 .produit-detail-coleur-associe h3{
     font-family: Montserrat-Bold;
     font-size: 18px;
     color: #000;
     text-transform: uppercase;
     letter-spacing: 0.5px;
     padding-top: 2px;
     padding-bottom: 1px;

 }
 .vignette-coleur-assoscie{
     border: 1px solid #c3c3c3;
     background-color: #fff;
     padding: 36px 36px 2px 36px;
 }
.vignette-coleur-assoscie img {
    width: 100%
 }
.vignette-coleur-assoscie h5{
    font-family: OpenSans-SemiboldItalic;
    color: #000;
    font-size: 16px;
    text-align: center;

}
.vignette-coleur-assoscie h5 a{

    color: #000;
    text-decoration: none;
    moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;


}
.vignette-coleur-assoscie h5 a:hover{

    color:#e60008 !important;
    text-decoration: none;
    moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;


}
.block-img-collection {
    height: 360px;
    background-size: cover;
    background-position: center;
    border: 10px solid #f7f7f7;
    padding-top: 135px;
}
.block-img-collection h3{
    font-family: Montserrat-Bold;
    color: #000;
    font-size: 18px;
    margin: 0px;
    background-color: #fff;
    padding: 8px 12px 8px 12px;
    display: table;
    text-align: center;
    margin: auto;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.block-img-collection h3 a{
    color: #000;
    text-decoration: none;
    moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
}
.block-img-collection h3 a:hover{
    color:#d50000;
    text-decoration: none;
    moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
}
.carcterstique-produit h4{
    padding: 10px 10px 10px 10px;
    margin: 0px;
    font-family: StagSans-Light;
    font-size: 15px;
    text-align: left;
}
.carcterstique-produit h3{
    padding: 10px 10px 10px 10px;
    margin: 0px;
    font-family: StagSans-Book;
    font-size: 15px;
    text-align: center;

}
.carcterstique-produit .row1-af{
    background-color: #fafafa;
}
.bg{
    background: #afafaf;
    display: inline;
    padding: 5px 20px 5px 20px;
    color: #fff;
    font-family: StagSans-meduim;
    text-transform: uppercase;

}
.bg a { color: #fff;text-decoration: none}
.bg a:hover{

    color:#e60008 !important;
    text-decoration: none;
    moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;


}
.modele .bg{
    font-family: StagSans-meduimItalic !important;
    text-transform: uppercase;
}
.block-descriptif h3{
    margin: 0px;
    padding: 0px;
    color: #000;
    font-size: 20px;
    font-family: Montserrat-Bold;
    text-transform: uppercase;
    letter-spacing: 1px;

    padding-bottom: 9px;
}
.block-descriptif p{
    font-family: OpenSans-Semibold;
    font-size: 11.55px;
    text-align: justify;
    border: 1px solid #d4d4d4;
    padding: 16px 29px 78px 17px;
}
.meme-collection h3{
    font-family: Montserrat-Bold;
    color: #000;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 20px;
    padding: 0px;
    margin: 0px;

    padding-top: 39px;
    padding-bottom: 10px;
}
.vignette-meme-collection{
    height: 255px;
    background-size: cover;
    background-position: center;
    padding-top: 135px;

}
.vignette-meme-collection h3{
    font-family: Montserrat-Bold;
    color: #000;
    font-size: 12px;
    margin: 0px;
    background-color: #fff;
    padding: 5px 54px 5px 54px;
    display: table;
    text-align: center;
    margin: auto;
    text-transform: uppercase;
}
.vignette-meme-collection h3 a{
    color: #000;
    text-decoration: none;
    moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
}
.vignette-meme-collection h3 a:hover{
    color:#d50000;
    text-decoration: none;
    moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
}
.carcterstique-produit{
    padding-top: 36px;
}
.block-descriptif{
    padding-top: 36px;
}
/***********************************************************page**detail-produit*******************/
/***********************************************************page**recherche-guidee*******************/
.bg-recherche{
    background-color: #f4f4f4;
    padding: 16px;
}
.bg-recherche form{
    background: #fff;
    padding-left: 66px;
    padding-right: 66px;
    padding-top: 37px;
    padding-bottom: 24px;
    border: 1px solid #e4e4e4;

}
.bg-recherche .input-search{
    background-color: #fff;
    border: none;
    border-bottom: 1px solid #000;
    width: 94%;
    font-family: OpenSans-Light-italic;
    font-size: 20px;
    padding-bottom: 7px;
    padding-left: 10px;
    outline: none;
    color: #676767;
}
.bg-recherche .btn{
    border-color: #000 !important;
    padding: 8px 12px;
}
.titre-filtre-recherche .red-line{
    top: 41px;
}
.titre-filtre-recherche h3{
    font-family: OpenSans-Semibold;
    color: #000000;
    font-size: 17px;
    padding-bottom: 9px;
    text-transform: uppercase;
    border-bottom: 1px solid #cacaca;
    margin-top: 11px;

}
.filtre-couleur h3, .filtre-motif h3{
    font-family: OpenSans-Bold;
    color: #000000;
    font-size: 14px;
    border-bottom: 1px solid #cacaca;
    text-transform: uppercase;
    padding-bottom: 8px;
    margin: 0px;
    margin-bottom: 12px;
    margin-left: 15px;
    margin-right: 14px;
}
.liste-recherche{

    background: #fff;
    border: 1px solid #e4e4e4;
    margin-left: 12px;
    margin-right: 12px;
    display: inline-block;

    padding-bottom: 10px;
    border-bottom: none;

}
.filtre-couleur, .filtre-motif {
    background: #f0f0f0;
    padding-top: 3px;
    padding-left: 9px;
    padding-right: 15px;
    padding-bottom: 10px;
    margin-top: 13px;
    display: inline-block;
}
.filtre-couleur h4, .filtre-motif h4{
    font-family: OpenSans-Bold;
    color: #737373;
    font-size: 15px;
    text-transform: uppercase;
    text-align: center;
    background-color: #fff;
    margin: 0px;
    padding: 0px;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 5px;
    cursor: pointer;
    moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
}


.filtre-couleur h4:hover, .filtre-motif h4:hover{
    background-color: #d50000;
    moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;

}




.filtre-couleur h4 a, .filtre-motif h4 a{
    color: #737373;
    text-decoration: none;
    moz-transition: all 0.1s ease-out;
    -webkit-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;

}
.filtre-couleur h4:hover a, .filtre-motif h4:hover a{
    color: #fff !important;
    text-decoration: none;
    moz-transition: all 0.1s ease-out;
    -webkit-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;

}
.filtre-couleur h4.active , .filtre-motif h4.active {
    background-color: #d50000;

}
.filtre-couleur h4.active a, .filtre-motif h4.active a{

    color: #fff !important;
}
.result-reche{

    background: #fff;
    margin-left: 12px;
    margin-right: 12px;
    margin-top: -5px;
    border: 1px solid #e4e4e4;
    border-top: none;
    display: grid;
    padding-bottom: 12px;
}
.result-reche ul {
    list-style: none;
    display: table;
    margin: auto;
    position: relative;
    margin-top: 20px;
    margin-bottom: 15px;
}
.result-reche ul li {
    float: left;
    font-family: Montserrat-Regular;
    font-size: 14px;
    color: #000;
    text-transform: uppercase;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-right: 10px;
    letter-spacing: 1px;
}
.result-reche ul li.active {
    background-color: #e60008;
    color: #fff  ;
    moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}
.result-reche ul li a{
    text-decoration: none;
    color: #000;
    moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}

.result-reche ul li:hover{
    background-color: #e60008;
    moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}
.result-reche ul li:hover a{
    color: #fff !important;
    moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}
.result-reche ul li.active a{
    text-decoration: none;
    color: #fff !important;
    moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}
.vignette-result-recherche img{
    width:100%;
    /*height: 241px;*/
}
.vignette-result-recherche h4{
    font-family: OpenSans-SemiboldItalic;
    color: #676767;
    font-size: 20px;
    text-align: center;
}
.vignette-result-recherche h4 a{
    color: #676767;
    text-decoration: none;
    moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}
.vignette-result-recherche h4 a:hover{
    color: #d60000 !important;
    text-decoration: none;
    moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}
.vignette-result-recherche h4 .active{

    color: #d60000 !important;

}
/***********************************************************page**recherche-guidee*******************/

.button--rayen.button--inverted {
    color: #fff;
}

.bg-2 .button {
    color: #ECEFF1;
    border-color: #ECEFF1;
}

.button--rayen {
    overflow: hidden;
    padding: 0;

}.button--rayen1 {
    overflow: hidden;
    padding: 0;

}

.button--border-medium {
    border: 2px solid;
}

.button--text-thin {
    font-weight: 300;
}

.button--size-l {
    font-size: 18px;
}

.button {

    position: relative;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    background-color: #383838;
    padding: 17px 17px 17px 17px;
    display: inline-block;
}

.button--rayen::before, .button--rayen > span {

    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
    transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}.button--rayen1::before, .button--rayen > span {

    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
    transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}

.button--rayen::before {
    content: attr(data-text);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    padding: 14px 17px 17px 17px;
    display: inline-block;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    font-family: StagSans-meduim;
    font-size: 14px;
    color: #000;
    margin: 0px;
    text-transform: uppercase;
    border: 1px solid #000;

}
.button--rayen1::before {
    content: attr(data-text);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #383838 !important;
    padding: 14px 17px 17px 17px;
    display: inline-block;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    font-family: StagSans-meduim;
    font-size: 14px;
    color: #fff;
    margin: 0px;
    text-transform: uppercase;


}
.button--rayen::before, .button--rayen > span {

    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
    transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}.button--rayen1::before, .button--rayen > span {

    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
    transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.button--rayen:hover::before {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}.button--rayen1:hover::before {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
 .fixedBlockInput{
     position: fixed;
     top: 0px;
     background: #fff;
     z-index: 99;
     width: 100%;
 }
/*********************************************************page Contact*****************************************/
.titre-block-1-contact h2 {
    font-family: OpenSans-Semibold;
    font-size: 30px;
    letter-spacing: .2em;
    color: #333333;
}
.p-block-1-contact p{
    font-family: OpenSans-Light;
    font-size: 12px;
}

.pt-separator {
    position: relative;
    min-width: 30px;
    display: inline-block;
    vertical-align: middle;
    border-bottom: 1px solid #b2b2b2;
    margin: 10px 0;
    border-color: #b2b2b2;
    width: 82px;
    border-bottom-width: 1px;
    margin-bottom: 24px;
}

.pt-separator:before {
    background-color: red;
    width: 31px;
    height: 3px;
    content: "";
    display: block;
    position: absolute;
    left: 2px;
    top: -1px;
}

#contactForm input,textarea  {
    width: 100%;
    padding: 4px 20px;
    border: 1px solid #e1e1e1;
    outline: 0;
    overflow: auto;
    font-family: "StagSans-Light";
    font-size: 13px;
    font-weight: 400;

    background-color: transparent;
    color: #363636;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin-bottom: 16px;
    -webkit-transition: border-color .2s ease-out;
    -moz-transition: border-color .2s ease-out;
    transition: border-color .2s ease-out;
    resize: none;
}
#contactForm .submit:hover {
    background-color: rgb(255, 255, 255) !important;
    border-color: rgb(51, 51, 51) !important;
    color: #333!important;
}
.panier #contactForm .submit {
    width: 30% !important;
}
.menu-gauche h3:after{
    content: '';

    width: 63px;
    height: 5px;
    background-color: #e60008;
    position: absolute;
    top: 19px;
    left: 5px;
}
#contactForm .submit {
    background-color: rgba(54, 54, 54, 1);
    border-color: rgba(54, 54, 54, 1);
    color: #fff;
    display: inline-block;
    position: relative;
    outline: 0;
    padding: 12px 45px;
    font-style: normal;
    font-weight: 700;
    font-family: OpenSans-Bold;
    font-size: 12px;
    line-height: 1.7em;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: .05em;
    cursor: pointer;
    -webkit-transition: color .4s ease-out,background-color .4s ease-out,border-color .4s ease-out;
    -moz-transition: color .4s ease-out,background-color .4s ease-out,border-color .4s ease-out;
    transition: color .4s ease-out,background-color .4s ease-out,border-color .4s ease-out;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}
#contactForm input:focus,textarea:focus {
    border: 1px solid #b2b2b2;
}
.titre-emp h3 {
    font-family: OpenSans-Semibold;
    font-size: 18px;
    font-weight: 300;
    color: #28262b;
    text-transform: uppercase;
}
.mail-phone-contact p,.adr-contact p{
    font-family: OpenSans-Light;
    font-size: 14px;
    font-weight: 300;
    color: #28262b;

}
.mail-phone-contact p a,.adr-contact p a{
    color: #28262b;
    text-decoration: none;
    moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;

}
.mail-phone-contact p a:hover,.adr-contact p a:hover{
    color: #e3001b;
    text-decoration: none;
    moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}
.mail-phone-contact a{
    text-decoration: none;
    color: #28262b;
    moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}
.mail-phone-contact a:hover{
    text-decoration: none;
    color: #e3001b;
    moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}
.space-contact {
    height: 12px;
}
.page-conatct{
    padding-top: 112px !important;
    padding-bottom: 112px !important;
}
#contactForm label.error{
    display: inline-block;

    margin-bottom: 5px;

    color: #e3001b;
    font-family: OpenSans-SemiboldItalic;
    font-size: 11px;
    -webkit-transition: color .4s ease-out,background-color .4s ease-out,border-color .4s ease-out;
    -moz-transition: color .4s ease-out,background-color .4s ease-out,border-color .4s ease-out;
    transition: color .4s ease-out,background-color .4s ease-out,border-color .4s ease-out;
}
#contactForm input.error,textarea.error{
    border: 1px solid #ff001e45;
    -webkit-transition: color .4s ease-out,background-color .4s ease-out,border-color .4s ease-out;
    -moz-transition: color .4s ease-out,background-color .4s ease-out,border-color .4s ease-out;
    transition: color .4s ease-out,background-color .4s ease-out,border-color .4s ease-out;
}
.titleContact {
    text-align: center;
    font-family: Montserrat-Regular;
    background-color: rgba(178, 178, 178, 0.23);
    padding: 15px;
    margin-bottom: 20px;
    color: #767474;
    margin-top: -60px;
}
/****************************************************page detail article***************************/
.block-detail .titre-presentation{
    font-family: Montserrat-Regular;
    text-align: center;
    text-transform: uppercase;
    font-size: 32px;
    margin: 26px 0 26px 0;
    padding: 0;
    letter-spacing: 3px;

    color: #333333;
}
.block-detail .container{
    background: #fff;
    margin-top: -70px;
}
/***************************************************point de vente********************************/
.pointDevente{
    /*padding-top: 80px;*/
    padding-bottom: 80px;
}
.visite a{
    text-decoration: none;
    color: #28262b;
    moz-transition: all 1s ease-out;
    -webkit-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
}.emp a{
    text-decoration: none;
    color: #28262b;
     moz-transition: all 1s ease-out;
     -webkit-transition: all 1s ease-out;
     -o-transition: all 1s ease-out;
}
.visite a:hover{
    text-decoration: none;
    color: #e3001b;
    moz-transition: all 1s ease-out;
    -webkit-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
}.emp a:hover{
     text-decoration: none;
     color: #e3001b;
     moz-transition: all 1s ease-out;
     -webkit-transition: all 1s ease-out;
     -o-transition: all 1s ease-out;
 }
.contact-information{
    padding-top: 56px;
    padding-left: 12.10938%;
}
.contact-information h2 {
    font-family: Montserrat-Regular;
    font-weight: 500;
    font-style: normal;
    font-size: 3.21429rem;
    line-height: 4.6rem;
    margin-bottom: 2.79285rem;
    padding-top: 1.20715rem;
    letter-spacing: .2em;
    text-transform: uppercase;
}
/*.contact-information h2:before {*/
    /*position: absolute;*/
    /*top: 107px;*/
    /*left: 50px;*/
    /*height: 7px;*/
    /*width: 7px;*/
    /*display: block;*/
    /*content: '';*/
    /*border: 1px solid #cfbda8;*/
    /*border-radius: 7px;*/
/*}*/
/*.contact-information h2:after {*/
    /*position: absolute;*/
    /*top: 110px;*/
    /*left: 0;*/
    /*height: 1px;*/
    /*width: 50px;*/
    /*display: block;*/
    /*content: '';*/
    /*background-color: #cfbda8;*/
/*}*/
.u-visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.pointDevente .address{
    font-family: OpenSans-SemiboldItalic;
    font-size: 15px;
    color: #28262b;
    font-weight: 500;
    line-height: 2rem;
}
.pointDevente .tel,.pointDevente .fax,.pointDevente .emp,.pointDevente .visite{
    font-family: OpenSans-Light;
    font-size: 13px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #28262b;
}
.floatRight{
    float: right;
}
.floatleft{
    float: left;
}
.bgCoverContact{
    width: 94.6%;
    height: 414px;
    position: absolute;
    background-color: #00000085;
    left: 15px;
    opacity: 0;
    moz-transition: all 1s ease-out;
    -webkit-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
}
.hoverImg:hover .bgCoverContact{
    opacity: 1;
    moz-transition: all 1s ease-out;
    -webkit-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
}
/*************************************/
.gallery-photo{
    padding-top: 80px;
    padding-bottom: 80px;
}
.project-thumbnail{
    overflow: hidden;
    width: 100%;
    height: 255px;
    position: relative;

}
.list-project .col-md-12{
    overflow: hidden;
}
.project-thumbnail:after{
    display: block;
    content: "";
    position: absolute;
    background: #181818;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transition: transform 400ms ease-in-out,opacity 400ms ease-in-out;
    -moz-transition: transform 400ms ease-in-out,opacity 400ms ease-in-out;
    transition: transform 400ms ease-in-out,opacity 400ms ease-in-out;
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transition-delay: 50ms;
    -moz-transition-delay: 50ms;
    transition-delay: 50ms;
    opacity: 0;
    pointer-events: none;
}
.col-md-3:hover .project-thumbnail:after{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: .3;
}

.project-thumbnail h5{
    color: #e3001b  !important;
    font-size: 1.33em;
    font-family: "Montserrat-Bold";
    padding-bottom: 0;
    color: inherit;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.2em;
    max-height: 2.4em;}
.project-thumbnail p{
    color: #303030 !important;
    font-size: .866em;
    overflow: hidden;
    font-family: "OpenSans-Light";
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.68em;
    max-height: 3.36em;
    max-height: 5.5em;
    position: relative;
    margin-top: .75em;

}
.project-content{
    pointer-events: none;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 20px;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    padding: 1.66em 2.33em;
    background: #fff;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: 500ms ease transform,500ms ease box-shadow;
    -moz-transition: 500ms ease transform,500ms ease box-shadow;
    transition: 500ms ease transform,500ms ease box-shadow;
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,0);
    box-shadow: 0 0 20px rgba(0,0,0,0);
    z-index: 1;

}
.project-thumbnail:hover .project-content{

    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.project-thumbnail img{width: 100%;

    transform: scale(1);
    -webkit-transition: transform 300ms ease-in-out;
    -moz-transition: transform 300ms ease-in-out;
    transition: transform 300ms ease-in-out;
}
.project-thumbnail:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);

    -webkit-transition: transform 300ms ease-in-out;
    -moz-transition: transform 300ms ease-in-out;
    transition: transform 300ms ease-in-out;
}
/******************detail -produit- meuble***********/
.detail-produit{
    padding-top: 40px;
    padding-bottom: 40px;
}
.tab-pane img{
    max-width: 100%;
    height: auto;
}
ul.sinple-tab-menu{
    list-style: outside none none;
    margin: 0;
    padding: 0
}
ul.sinple-tab-menu li.active a {
    border: 1px solid #c6ac7c;
}
ul.sinple-tab-menu li:first-child a {
    margin-left: 0;
}
ul.sinple-tab-menu li a {
    border: 1px solid #dedede;
    float: left;
    margin-left: 17px;
    margin-top: 10px;
    width: 82px !important;
}
ul.sinple-tab-menu li a img{
    max-width: 100%;
    height: auto;
}
.product-simple-content .sinple-c-title h3 {
    margin: 0px;
    font-size: 20px;
    font-weight: 900;

    font-family: Montserrat-Bold;
    text-transform: uppercase;

}
.radio, .checkbox {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}
.checkbox span {
    color: #73c437;
    font-weight: 400;
    font-family: OpenSans-Light;
}
.nonDispo{
    color: #e3001b !important;
}
.checkbox .nonDispo   i {
    color: #e3001b !important;
    float: left;
    margin-right: 10px;
    margin-top: 5px;
}
.checkbox span i {
    color: #73c437;
    float: left;
    margin-right: 10px;
    margin-top: 5px;
}
.product-simple-content .action-heiper {
    border-bottom: 1px solid #dddddd;
    margin-bottom: 30px;
    margin-top: 8px;
    padding-bottom: 60px;
}
.product-simple-content .action-heiper a {
    background: #aaa none repeat scroll 0 0;
    display: inline-block;
    font-size: 18px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 40px;
    color: #fff;
    margin-left: 6px;
    box-shadow: inset 0px 0px 0px 0px #e3001b;
    moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}
.product-simple-content > p {
    font-size: 14px;
    font-weight: 300;
    line-height: 28px;
    font-family: OpenSans-Light;

}
.product-simple-content .quick-add-to-cart label {
    float: left;
    margin-right: 10px;
    margin-top: 8px;
}
.product-simple-content .numbers-row > input {
    border: 1px solid #dddddd;
    float: left;
    height: 40px;
    padding: 0 5px;
    text-align: center;
    width: 43px;
}
.quick-add-to-cart .single_add_to_cart_button.hyper-page {
    background: #333333 none repeat scroll 0 0;
    border: medium none;
    color: #ffffff;
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
    margin-left: 14px;
    padding: 10px 19px;
    text-transform: capitalize;
}
.product-simple-content .quick-add-to-cart .single_add_to_cart_button.hyper-page span {
    float: left;
    font-size: 18px;
    font-weight: 900;
    margin-right: 10px;
}
.lnr {

    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.lnr-cart:before {
    content: "\e82e";
}
.product-simple-content h3.row1-af {
    background-color: #fafafa;
}
.product-simple-content h3.row1-af {
    font-family: Montserrat-Bold;
    color: #000;
    font-size: 16px;
    margin: 0px;
    padding-top: 11px !important;

}
.product-simple-content h3.row1-af span {
    color: #dc0009;
    font-size: 18px;
}
.hyper-title {
    margin-bottom: 35px;
    position: relative;
}
.hyper-title h4{
    text-transform: uppercase;
    font-family: Montserrat-Bold;
    font-size: 13px;
}
.hyper-title::before {
    background: #dedede none repeat scroll 0 0;
    bottom: -10px;
    content: "";
    height: 1px;
    position: absolute;
    width: 100%;
}

.hyper-title h4::before {
    background:#dc0009 none repeat scroll 0 0;
    bottom: -10px;
    content: "";
    height: 2px;
    position: absolute;
    width: 21%;
}
.single-new-product {
    margin-bottom: 30px;
    overflow: hidden;
}
.single-new-product .product-img {
    float: left;
    width: 40%;
}
.product-img {
    position: relative;
}
.product-img > a {
    position: relative;
    display: block;
    transition: all .4s;
}
.product-img > a::before {
    background: #333 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 4;
    transition: all .4s;
}
.product-img  img {
    transform-style: preserve-3d;
}
.product-img   img {
    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d;
}
.product-img .seceond_img {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transition: all .4s;
}
.single-new-product .product-content {
    float: left;
    padding-left: 12px;
    text-align: left;
    width: 60%;
}
.product-content a h3 {
    color: #333333;
    display: block;
    font-size: 12px;
    font-weight: 400;
    line-height: 24px;
    overflow: hidden;
    text-transform: uppercase;
    font-family: Montserrat-Bold;
    margin:0px 0;
    -webkit-transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    -ms-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in;
}
.product-content a h4{
    color: #333333;
    display: block;
    font-size: 12px;
    font-weight: 400;
    line-height: 24px;
    overflow: hidden;
    text-transform: uppercase;
    font-family: Montserrat-Bold;
    margin: 10px 0;
}
.product-price-star i {
    color: #c2a773;
    font-size: 14px;
}
.fa-star:before {
    content: "\f005";
}
.product-content h4 {
    color: #333333;
    font-size: 15px;
    font-weight: 700;
    margin-top: 7px;
}
.detail-produit .top-produits{
    background-image: none;

}

.detail-produit .top-produits h3 {
    font-family: PlayfairDisplay-Black;
    font-size: 40px;
    color: #000;
    text-align: center;
    border: 1px solid #ececec;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-top: 8px;
    margin-top: 8px;
    margin-bottom: 0px;
}
.detail-produit .block-descriptif{
    padding-top: 0px;
}
table {
    margin-bottom:0px;
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid rgba(51, 51, 51, 0.1);
    table-layout: fixed;
    width: 100%;
}
table tr{
    background-color: #eff0f0
}
table td{
    font-family: 'Dosis',sans-serif;padding-left: 12px;padding-top: 7px;padding-bottom: 7px;color: #414040;
    border: 1px solid rgba(51, 51, 51, 0.1);
    font-family: OpenSans-Light;



}
.TitreTd{
    font-size: 13px;  font-family: Montserrat-Bold;
}
/*************************page video************************/
.gallery-videos{
    overflow: hidden; !important;
}
.list-video h3 {
margin: 0px;
}
.list-video h3 a{
    color: #333333;
    display: block;
    font-size: 12px;
    font-weight: 400;

    overflow: hidden;
    text-transform: uppercase;
    font-family: Montserrat-Bold;
    margin: 10px 0px;
    text-decoration: none;
    moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}
.list-video h3 a:hover{
    color: #dc0009;
    text-decoration: none;
    moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}
/****************************page error****************/
.error-404{

    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-top: 11px;
    align-items: center;
    background-color: #f0f0f0;
    padding-top: 220px;
    padding-bottom: 220px;



}
.error-404 p{
    font-size: 26px;
    color: #555555;
    margin: 0 0 0 0px;
    font-family: Montserrat-Regular;
}
.error-404 h1{
    font-family: Montserrat-Bold;
    font-size: 120px;
    margin: 5px 0 0 0;
    padding: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
    color: #dc0009;
}
.error-404 a{
     height: 45px;
     line-height: 45px;
     font-weight: 700;
     text-transform: uppercase;
     display: inline-block;
     background-color: rgba(54, 54, 54, 1);
     border: 1px solid rgba(54, 54, 54, 1);

     padding: 0 42px;
     text-decoration: none;
     -webkit-transition: all 0.4s ease 0s;
     -o-transition: all 0.4s ease 0s;
     transition: all 0.4s ease 0s;
     color: #fff;
    margin-top: 40px;

 }
.error-404 a:hover{
    background-color: #fff;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    color: rgba(54, 54, 54, 1);


}
.aucunInfo{


}
.aucunInfo p{
    text-align: center;
    font-size: 26px;
    color: #555555;
    margin: 30px;
    font-family: Montserrat-Regular;
}
/*******************page detail photo**************/
.info-project{
    display: inline-block;
    width: 100%;
    border-top: 1px solid #afafaf38;
    border-bottom: 1px solid #afafaf38;
    padding-top: 7px;
}
.gallery-desc p{
    font-family: OpenSans-Light;
    font-size: 13px;
    color: #313131;


}
.info-project .col-md-6 ul,.col-md-4 ul{

    list-style: none;
    padding: 0px;
}
.info-project .col-md-6 ul li, .col-md-4 ul li  {
    font-family: OpenSans-Light;
    padding-top: 5px;
    padding-bottom: 5px;
}
.info-project .col-md-6 ul li div, .col-md-4 ul li div{
    font-family: Montserrat-Regular;


}
/***********************************************page panier************************/
.panier{
    padding-top: 80px;
    padding-bottom: 80px;
}
.table-content {
}
.table-responsive {
    overflow-x: auto;
    min-height: 0.01%;
}
.table-content table {
}
.table-content table {
    background: #fff none repeat scroll 0 0;
    border-color: #e5e5e5;
    border-radius: 0;
    border-style: solid;
    border-width: 1px 0 0 1px;
    margin: 0 0 50px;
    text-align: center;
    width: 100%;
}
.table-content table th, .table-content table td {
    border-bottom: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    background: #fff !important;
}
.table-content table th {
    border-top: medium none;
    font-family: Montserrat-Regular;
    font-weight: normal;
    padding: 20px 10px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    white-space: nowrap;
}
.table-content table td.product-thumbnail {
    width: 130px;
}
.table-content table td {
    font-family: OpenSans-Semibold;
    border-top: medium none;
    padding: 20px 10px;
    vertical-align: middle;
    font-size: 13px;
}
.table-content table td.product-name {
    width: 270px;
}
.table-content table td.product-price {
    width: 130px;
}
.table-content table td.product-quantity {
    width: 180px;
}
.table-content table td.product-subtotal {
    font-size: 14px;
    font-weight: bold;
    width: 120px;
}
.table-content table td.product-remove {
    width: 150px;
}
.table-content table td input {
    background: #e5e5e5 none repeat scroll 0 0;
    border: medium none;
    border-radius: 3px;
    color: #6f6f6f;
    font-family: Montserrat,Arial,Helvetica,sans-serif;
    font-size: 15px;
    font-weight: normal;
    height: 40px;
    padding: 0 5px 0 10px;
    width: 60px;
}
/*************************************login-Title*********************/
.login-title {
    margin-bottom: 25px;
}
.login-title > h3 {
    font-size: 30px;
    font-weight: 500;
    font-family: Montserrat-Regular;
    text-transform: uppercase;
}
.login-title > span {
    border-top: 1px solid #dedede;
    display: block;
    margin-top: 20px;
    padding-top: 20px;
    font-family: OpenSans-Light;
}
.form-group {
    margin-bottom: 15px;
}
.login-page label {
    font-weight: 500;
    color: #555;
}
.login-page label span {
    color: #e73b49;
    font-size: 16px;
}
.form-control {
    border: 1px solid #ededed;
    border-radius: 1px;
    box-shadow: none;
}


.form-control {
    border: 1px solid #ededed;
    border-radius: 1px;
    box-shadow: none;
}

.form-control {
    display: block;
    width: 100% !important;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.connection{
    padding-top: 80px;
    padding-bottom: 80px;
}
.login-title {
    margin-bottom: 25px;
}
.login-title > h3 {
    font-size: 30px;
    font-weight: 500;
}
.form-group {
    margin-bottom: 15px;
}
.descriptionCompte h3{
    font-family: Montserrat-Bold;
    text-align: center;
}
.descriptionCompte p{
    font-family: OpenSans-Semibold;
    padding: 35px;
}
/********************************************************favoris*************************/
.wishlist-title {
    text-transform: capitalize;
}
.table-responsive {
    overflow-x: auto;
    min-height: 0.01%;
}
.wishlist-table table {
    background: #fff none repeat scroll 0 0;
    border-color: #e8e8e9;
    border-radius: 0;
    border-style: solid;
    border-width: 1px 0 0 1px;
    margin: 20px 0 50px;
    width: 100%;
}
.wishlist-table table .product-remove {
    padding: 0 15px;
    width: 20px;
}
.wishlist-table table th, .wishlist-table table td {
    border-bottom: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    font-size: 14px;
    padding: 15px 10px;
    text-align: center;
    background-color: #fff !important;
}
.wishlist-table table th {
    font-weight: 600;
}
.wishlist-table table .product-thumbnail {
    width: 150px;
}
.wishlist-table table th {
    font-weight: 600;
}
.wishlist-table table th, .wishlist-table table td {
    border-bottom: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    font-size: 14px;
    padding: 15px 10px;
    text-align: center;
}
.wishlist-table table .product-add-to-cart > a {
    background: #000 none repeat scroll 0 0;
    color: #fff;
    display: block;
    font-weight: 700;
    padding: 10px 56px;
    text-transform: uppercase;
    text-decoration: none;
}
/*******************tooltip*********/
.btnTooltip{

    margin-top: 2px;
}
.tooltipFav{
    background: #000;
    width: 139px;
    color: #fff;
    font-size: 9px;
    font-family: OpenSans-Light;
    padding: 5px 5px 5px 13px;
    text-align: justify;
    float: right;
    border-radius: 3px;
    margin-top: 6px;
    line-height: 14px;
    top: 13px;

    opacity: 0;
    transition: opacity 1s;
    position: absolute;
    left: 230px;
}
.tooltipFav:after{

    content: " " !important;
    position: absolute !important;
    top: 100% !important;
    left: 30% !important;
    margin-left: 21px !important;
    border-width: 5px !important;
    border-style: solid !important;
    border-color: black transparent transparent transparent !important;
}
.btnTooltip:hover .tooltipFav{
    opacity: 1;
    transition: opacity 1s;
}
.detail-produit  .tooltipFavDet {
    background: #000;
    width: 137px;
    color: #fff;
    font-size: 9px;
    font-family: OpenSans-Light;
    padding: 5px 5px 5px 13px;
    text-align: justify;
    float: right;
    border-radius: 3px;
    margin-top: 6px;
    line-height: 14px;
    opacity: 0;
    transition: opacity 1s;
    margin-left: 13px;
}
.detail-produit .tooltipFavDet:after {
    content: " ";
    position: absolute !important;
    top: 30% !important;
    right: 43% !important;
    margin-top: -5px !important;
    border-width: 5px !important;
    border-style: solid !important;
    border-color: transparent black transparent transparent !important;
}
.favTool:hover .tooltipFavDet{
    opacity: 1;
    transition: opacity 1s;
}

/*********************/
.affPan{
    width: 16px;
    height: 16px;
    background-color: #e00000;
    border-radius: 50%;
    position: absolute;
    top: 15px;
    left: 18px;
    color: #fff;
    font-size: 9px;
    padding-left: 6px;
    line-height: 2.1;
    font-family: StagSans-Light;
}
/*******************************effect***************/
.effect:before, .effect:after {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    -webkit-transition: all 0.6s ease-out 0s;
    -moz-transition: all 0.6s ease-out 0s;
    transition: all 0.6s ease-out 0s;

}
.block-1 .block-papier:hover .effect:before {
    background-color: rgba(255,255,255,0.2);
    right: 50%;
    left: 50%;
}
.block-1 .block-papier:hover .effect:after {
    background-color: rgba(255,255,255,0.2);
    top: 50%;
    bottom: 50%;

}
.block-classique:hover .effect:before {
    background-color: rgba(255,255,255,0.2);
    right: 50%;
    left: 50%;
}
.block-classique:hover .effect:after {
    background-color: rgba(255,255,255,0.2);
    top: 50%;
    bottom: 50%;
}


.cover-right a:before {
    background: rgba(255,255,255,0.2);
    bottom: 0;
    content: "";
    left: 50%;
    position: absolute;
    right: 51%;
    top: 0;
    opacity: 1;
}


.cover-right a:after {
    background: rgba(255,255,255,0.2);
    bottom: 50%;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
    opacity: 1;
}

.cover-right:hover a:before {
    left: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all 900ms ease-in;
    -moz-transition: all 900ms ease-in;
    -ms-transition: all 900ms ease-in;
    -o-transition: all 900ms ease-in;
    transition: all 900ms ease-in;
}
.cover-right:hover a:after {
    top: 0;
    bottom: 0;
    opacity: 0;
    -webkit-transition: all 900ms ease-in;
    -moz-transition: all 900ms ease-in;
    -ms-transition: all 900ms ease-in;
    -o-transition: all 900ms ease-in;
    transition: all 900ms ease-in;
}
.animA:hover .effect:before {
    background-color: rgba(255,255,255,0.2);
    right: 50%;
    left: 50%;
}
.animA:hover .effect:after {
    background-color: rgba(255,255,255,0.2);
    top: 50%;
    bottom: 50%;
}


/*.animA a:before {*/
    /*background: rgba(255,255,255,0.2);*/
    /*bottom: 0;*/
    /*content: "";*/
    /*left: 50%;*/
    /*position: absolute;*/
    /*right: 51%;*/
    /*top: 0;*/
    /*opacity: 1;*/
/*}*/


/*.animA a:after {*/
    /*background: rgba(255,255,255,0.2);*/
    /*bottom: 50%;*/
    /*content: "";*/
    /*left: 0;*/
    /*position: absolute;*/
    /*right: 0;*/
    /*top: 50%;*/
    /*opacity: 1;*/
/*}*/

/*.animA:hover a:before {*/
    /*left: 0;*/
    /*right: 0;*/
    /*opacity: 0;*/
    /*-webkit-transition: all 900ms ease-in;*/
    /*-moz-transition: all 900ms ease-in;*/
    /*-ms-transition: all 900ms ease-in;*/
    /*-o-transition: all 900ms ease-in;*/
    /*transition: all 900ms ease-in;*/
/*}*/
/*.animA:hover a:after {*/
    /*top: 0;*/
    /*bottom: 0;*/
    /*opacity: 0;*/
    /*-webkit-transition: all 900ms ease-in;*/
    /*-moz-transition: all 900ms ease-in;*/
    /*-ms-transition: all 900ms ease-in;*/
    /*-o-transition: all 900ms ease-in;*/
    /*transition: all 900ms ease-in;*/
/*}*/



.cover-left a:before {
    background: rgba(255,255,255,0.2);
    bottom: 0;
    content: "";
    left: 50%;
    position: absolute;
    right: 51%;
    top: 0;
    opacity: 1;
}
.cover-left a:after {
    background: rgba(255,255,255,0.2);
    bottom: 50%;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
    opacity: 1;
}

.cover-left:hover a:before {
    left: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all 900ms ease-in;
    -moz-transition: all 900ms ease-in;
    -ms-transition: all 900ms ease-in;
    -o-transition: all 900ms ease-in;
    transition: all 900ms ease-in;
}
.cover-left:hover a:after {
    top: 0;
    bottom: 0;
    opacity: 0;
    -webkit-transition: all 900ms ease-in;
    -moz-transition: all 900ms ease-in;
    -ms-transition: all 900ms ease-in;
    -o-transition: all 900ms ease-in;
    transition: all 900ms ease-in;
}















.bg-Blcok-5 a:before {
    background: rgba(255,255,255,0.2);
    bottom: 0;
    content: "";
    left: 50%;
    position: absolute;
    right: 51%;
    top: 0;
    opacity: 1;
}
.bg-Blcok-5 a:after {
    background: rgba(255,255,255,0.2);
    bottom: 50%;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
    opacity: 1;
}

.bg-Blcok-5:hover a:before {
    left: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all 600ms ease-in;
    -moz-transition: all 600ms ease-in;
    -ms-transition: all 600ms ease-in;
    -o-transition: all 600ms ease-in;
    transition: all 600ms ease-in;
}
.bg-Blcok-5:hover a:after {
    top: 0;
    bottom: 0;
    opacity: 0;
    -webkit-transition: all 600ms ease-in;
    -moz-transition: all 600ms ease-in;
    -ms-transition: all 600ms ease-in;
    -o-transition: all 600ms ease-in;
    transition: all 600ms ease-in;
}




.block-2 .tooltipFavB {
    background: #000;
    width: 138px;
    color: #fff;
    font-size: 9px;
    font-family: OpenSans-Light;
    padding: 5px 5px 5px 13px;
    text-align: justify;
    float: right;
    border-radius: 3px;
    bottom: 49px;
    line-height: 14px;
    opacity: 0;
    transition: opacity 1s;
    position: absolute;
    left: -77px;
}
.block-2 .tooltipFavB::after {
    content: " " !important;
    position: absolute !important;
    top: 100% !important;
    left: 46% !important;
    margin-left: 21px !important;
    border-width: 5px !important;
    border-style: solid !important;
    border-color: black transparent transparent transparent !important;
}
.heart:hover .tooltipFavB {
    opacity: 1;
    transition: opacity 1s;
}
.cover-accesoires .tooltipFavB {
    background: #000;
    width: 136px;
    color: #fff;
    font-size: 9px;
    font-family: OpenSans-Light;
    padding: 5px 5px 5px 13px;
    text-align: justify;
    float: right;
    border-radius: 3px;
    bottom: 65px;
    line-height: 14px;
    opacity: 0;
    transition: opacity 1s;
    position: absolute;
    left: -42px;
}
.cover-accesoires .tooltipFavB::after {
    content: " " !important;
    position: absolute !important;
    top: 100% !important;
    left: 25% !important;
    margin-left: 31px !important;
    border-width: 5px !important;
    border-style: solid !important;
    border-color: black transparent transparent transparent !important;
}
.block-1-accesoire .tooltipFavB {
    background: #000;
    width: 136px;
    color: #fff;
    font-size: 9px;
    font-family: OpenSans-Light;
    padding: 5px 5px 5px 13px;
    text-align: justify;
    float: right;
    border-radius: 3px;
    bottom: 65px;
    line-height: 14px;
    opacity: 0;
    transition: opacity 1s;
    position: absolute;
    left: -39px;
}
.block-1-accesoire .tooltipFavB::after {
    content: " " !important;
    position: absolute !important;
    top: 100% !important;
    left: 46% !important;
    margin-left: -5px !important;
    border-width: 5px !important;
    border-style: solid !important;
    border-color: black transparent transparent transparent !important;
}
.heart:hover .tooltipFavB {
    opacity: 1;
    transition: opacity 1s;
}
.list-meuble .col-md-2:hover .block-md-2{
    /*opacity: 0.7;*/
    /*-webkit-transition: all 600ms ease-in;*/
    /*-moz-transition: all 600ms ease-in;*/
    /*-ms-transition: all 600ms ease-in;*/
    /*-o-transition: all 600ms ease-in;*/
    /*transition: all 600ms ease-in;*/
}
.list-meuble .col-md-2:hover h3, .list-meuble .col-md-6:hover h3, .list-meuble .col-md-4:hover h3{
    color: #000000;
    -webkit-transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    -ms-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in;
}
.list-meuble .col-md-6:hover .block-md-6{
    /*opacity: 0.7;*/
    /*-webkit-transition: all 600ms ease-in;*/
    /*-moz-transition: all 600ms ease-in;*/
    /*-ms-transition: all 600ms ease-in;*/
    /*-o-transition: all 600ms ease-in;*/
    /*transition: all 600ms ease-in;*/
}
.list-meuble .col-md-4:hover .block-md-4{
    /*opacity: 0.7;*/
    /*-webkit-transition: all 600ms ease-in;*/
    /*-moz-transition: all 600ms ease-in;*/
    /*-ms-transition: all 600ms ease-in;*/
    /*-o-transition: all 600ms ease-in;*/
    /*transition: all 600ms ease-in;*/
    /*transition: all 600ms ease-in;*/
}
.col-md-4:hover .prod{
    box-shadow: 0px 0px 3px 0px #00000038;
    -webkit-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    -ms-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
}
.blockImg{
    overflow: hidden;
}
.col-md-4:hover .prod .blockImg img{
    transform:  scale(1.1,1.1);
    transition: transform .3s ease-out;
}
.action-heiper a:hover{
    box-shadow: inset 0px 0px 0px 20px #e3001b;
    moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}
.prod .tooltipFavProd {
    background: #000;
    width: 136px;
    color: #fff;
    font-size: 9px;
    font-family: OpenSans-Light;
    padding: 5px 5px 5px 13px;
    text-align: justify;
    float: right;
    border-radius: 3px;
    bottom: 73px;
    line-height: 14px;
    opacity: 0;
    transition: opacity 1s;
    position: absolute;
    left: 107px;
}
.prod .tooltipFavProd::after {
    content: " " !important;
    position: absolute !important;
    top: 100% !important;
    left: 57% !important;
    margin-left: -5px !important;
    border-width: 5px !important;
    border-style: solid !important;
    border-color: black transparent transparent transparent !important;
}
.heart:hover .tooltipFavProd {
    opacity: 1;
    transition: opacity 1s;
}
.couleur-produit.triple-icone{
    top: -75px !important;
    left: 13px !important;
    padding: 14px !important;
    margin-left: -3px;
}
.couleur-produit .triple-icone li .fa:before {
    font-size: 42px !important;
}
.imgPrincipale .tooltipFavB {
    background: #000;
    width: 206px;
    color: #fff;
    font-size: 9px;
    font-family: OpenSans-Light;
    padding: 5px 5px 5px 13px;
    text-align: justify;
    float: right;
    border-radius: 3px;
    bottom: 58px;
    line-height: 14px;
    opacity: 0;
    transition: opacity 1s;
    position: absolute;
    left: -77px;
}
.imgPrincipale .tooltipFavB::after {
    content: " " !important;
    position: absolute !important;
    top: 100% !important;
    left: 46% !important;
    margin-left: -5px !important;
    border-width: 5px !important;
    border-style: solid !important;
    border-color: black transparent transparent transparent !important;
}
.product-content a{
    text-decoration: none;
}
.product-content a:hover h3{
   color: #dc050d;
    -webkit-transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    -ms-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in;
}
.down {
    animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    -moz-animation: bounce 2s infinite;
    -o-animation: bounce 2s infinite;
}
@keyframes bounce {
    0%, 20%, 50%, 80%, 100%
    {
        transform: translateY(0);
    }

    40% {
    transform: translateY(-15px);
    }

    60% {
    transform: translateY(-5px);
    }
}

.activeMenu a{
    color: #dc050d !important;
}
.toolHover .tooltipFavB {
    background: #000;
    width: 114px;
    color: #fff;
    font-size: 9px;
    font-family: OpenSans-Light;
    padding: 5px 5px 5px 13px;
    text-align: justify;
    float: right;
    border-radius: 3px;
    bottom: -20px;
    line-height: 14px;
    opacity: 0;
    transition: opacity 1s;
    position: absolute;
    z-index: 9;
    left: -41px;
}
.toolHover .tooltipFavB:before{
    content: " ";
    position: absolute;
    bottom: 100%;  /* At the top of the tooltip */
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent black transparent;
}
.toolHover:hover .tooltipFavB {
    opacity: 1;
    transition: opacity 1s;
}

.menuGaucheMobile{
    width: 120px;
    height: 35px;
    background-color: #e3001b;
    position: fixed;
    left: 0px;
    z-index: 99;
    bottom: 4px;
    text-align: center;
    color: #fff;
    padding-top: 0px;
    text-align: center;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    padding-top: 7px;
    font-size: 17px;
    border-radius: 3px;
    box-shadow: -1px -2px 5px 1px #00000036;
    cursor: pointer;
}