/* Page "La Maison" */


.stamp {
    position: absolute;
    z-index: 492;
    width: 114px;
    height: 122px;
    right: 22px;
    top: -2px;
}


.stamp img {
    width: 114px;
}

.maisonSlider{
    overflow: hidden;
    z-index: 400;
}

.maisonSlider img{
    width: 100%;
}

div.sliderTop {
    height: 340px;
}

div.sliderTop.luminairesSlider {
    height: 500px !important;
}

.lSSlideOuter{
    position: relative;
    z-index: 180;
    height: 100%;
}

.lSAction a.lSPrev{
    background-image: url('../resources/leftArrowWhite.png');
    width: 26px;
    height: 47px;

    z-index: 300;
    background-position: 0;

    left: 14px;
    opacity: 1;
}

.lSAction a.lSNext{
    background-image: url('../resources/rightArrowWhite.png');
    width: 26px;
    height: 47px;

    z-index: 300;
    background-position: 0;

    right: 14px;
    opacity: 1;
}

.lSSlideOuter .lSPager.lSpg > li{
    padding: 7px 5px;
}

#sliderCaption{
    padding: 20px 0;
    padding-top: 76px;
    margin-bottom: 30px;

    text-align: center;
    background-image: url('../resources/whiteBackgroundFabric.png');
    position: relative;
}

#sliderCaption p{
    margin-bottom: 12px;
    font-size: 18px;
    letter-spacing: 0.1px;
    line-height: 150%;

    font-weight: 100;
}

#sliderCaption h1{
    margin-bottom: 10px;
    font-size: 30px;
}

#sliderCaption strong{
    font-weight: 400;
}

.contentCaption{
    width: 55%;
    margin: auto;
}

/* Bas de la page */

.leftPartBottom{
    margin-right: 38px;

    width: -webkit-calc(67% - 44px);
    width: -moz-calc(67% - 44px);
    width: calc(67% - 44px);
}

.rightPartBottom{
    width: 33%;
    margin-top: 20px;
}

#bottomMaison{
    margin-bottom: 40px;
}

#bottomMaison p{
    text-align: justify;
    line-height: 140%;
    margin-bottom: 14px;
}

#bottomMaison h2{
    font-size: 21px;
    margin-bottom: 5px;
}

.containerImg{
    width: 100%;
    height: 190px;
    overflow: hidden;
    margin-top: 21px;
    margin-bottom: 21px;
}

h2+.containerImg{
    margin-top: 12px;
 }

.containerImg img{
    width: 100%;
}

.cssList ul{
    width: 49%;
    display: inline-block;
    vertical-align: top;
}

.cssList ul li{
    line-height: 180%;
    list-style-type: disc;
    position: relative;
    left: 18px;
}

.containerImg+.containerImg{
    margin-top: 3px;
}

.rightPartBottom .containerImg{
    height: 167px;
}

.rightPartBottom h2{
    line-height: 130%;
}

#scissorIcon{
    z-index: 300;
}

/* Corrections proportions page DIY */

#diyBody .rightPartBottom {
    width: 28%;
}

#diyBody .leftPartBottom {
    width: -webkit-calc(72% - 37px);
    width: -moz-calc(72% - 37px);
    width: calc(72% - 37px);
    margin-right: 32px;
}

    #diyBody .rightPartBottom h2 {
        font-size: 18px;
        letter-spacing: -0.1px;
    }

#garantieDIY{
    position: absolute;
    left: 13px;
    bottom: 53px;
    z-index: 400;
    width: 100px;
    height: auto;
}

.coverDiv.containerImg{
    background-position: center bottom;
    margin-bottom: 8px;
}

.maisonSlider.storeFicheSlider img{
    width: 100%;
    height: auto;
    min-height: 275px;
}

.storeFicheSlider .da-slide{
    max-height: 400px !important;
}

/* Mediaqueries */
@media only screen and (max-width: 1600px){
    .contentCaption{
        width: 80%;
    }

    .maisonSlider img{
        width: 115%;
    }

    div.sliderTop {
        height: 302px;
    }

    .rightPartBottom .containerImg {
        height: 123px;
    }

    #bottomMaison h2 {
        font-size: 20px;
    }

    .containerImg{
        height: 178px;
        margin-bottom: 17px;
    }

    #bottomMaison h2{
        line-height: 125%;
        margin-bottom: 10px;
    }

    .cssList ul{
        margin-right: 34px;
        width: -webkit-calc(50% - 19px);
        width: -moz-calc(50% - 19px);
        width: calc(50% - 19px);
    }

        .cssList ul+ ul{
            margin-right: 0;
        }

        .cssList ul li{
            width: 97%;
        }
}

@media only screen and (max-width: 1450px){
    .maisonBlock strong{
        font-weight: 500 !important;
    }
}

@media only screen and (max-width: 1230px){
    #sliderCaption p{
        font-size: 17px;
    }

    div.sliderTop {
        height: 253px;
    }

    #sliderCaption h1{
        font-size: 29px;
        line-height: 130%;
    }

    #bottomMaison h2{
        font-size: 19px;
        margin-top: -2px;
    }

    .containerImg{
        margin-bottom: 8px;
    }

    .cssList ul{
        width: 100%;
    }
}

/* Version mobile */
@media only screen and (max-width: 850px){
    .maisonSlider img {
        height: 282px;
        width: auto;
    }

    #scissorIcon{
        display: none;
    }

    .contentCaption {
        width: 100%;
    }

    .leftPartBottom, .rightPartBottom{
        display: block !important;
        width: 100%;
    }

        #diyBody .leftPartBottom, #diyBody .rightPartBottom {
            width: 100%;
        }

    .containerImg {
        height: auto;
        margin-bottom: 10px;
    }


}

/* --- Patch correctif sliderTop --- */

div.sliderTop {
    height: auto !important;

    background-image: url('../resources/whiteBackgroundFabric.png');
    background-repeat: repeat-x;
    background-position: bottom -106px center;
    background-color: rgba(250, 247, 244, 0.7);
}

#sliderCaption{
    padding-top: 9px;
}

#detailProduit #sliderCaption{
    padding-top: 15px;
}

#detailProduit .lSSlideOuter .lSPager.lSpg{
    margin-bottom: -8px;
}

.brownDash{
    bottom: 90px;
}

#scissorIcon{
    bottom: 83px;
}

.stamp {
    position: absolute;
    z-index: 492;
    width: 114px;
    height: 122px;
    right: 22px;
    top: -2px;
}

@media only screen and (max-width: 600px) {

    .stamp {
display: none
    }

}