@import url('https://fonts.googleapis.com/css?family=Cormorant:400,700');
/* font-family: 'Raleway', sans-serif; */
a{text-decoration: none;}

.theme-single-post h1{
    font-size: 24px;
    font-weight: bold;
}

.theme-single-post{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.maskouter{
    width: 300px;
    display: block;
}

.maskouter img{
    display: block;
    width: 100%;
    height: auto !important;
}

.maskouter+.block{
    width: calc(100% - 350px);
}

.theme-single-post h1, .row-fluid.entry-meta{width: 100%;text-align: center;}
.maskouter+.block h1, .maskouter+.block .row-fluid.entry-meta{text-align: left;}
.btn_social {
    width: 25px;
    height: 25px;
    margin: 0 4px;
    background: white;
    display: inline-block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    padding: 4px 0;
    font-size: 19px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}
.hvr-float {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.slider-wrapper{display: none;}
.row-fluid a{color: #000;}
.theme-single-post img{
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}
footer .hvr-float.logo-macle img{display: inline;width: auto;}
.footer_copy{display: block;width: 100%;}
html.fa-events-icons-ready{margin-top: 0 !important;}

body{
	font-family: Arial, "sans-serif";
	font-weight: 400;
	color: #000;
	font-size: 16px;
    margin: 0;
}
.widget_custom_html{display: none !important;}
.wrap, #primary{
	width: 1220px;
	max-width: 100%;
	margin: 0 auto;
}


h1, h2, h3, h4, h5, h6{
	font-family: Arial, "sans-serif";
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #a6a6a6;
	font-style: italic;
	font-size:16px;
	text-transform: none;
}
input::-moz-placeholder, textarea::-moz-placeholder { /* Firefox 19+ */
	color: #a6a6a6;
	font-style: italic;
	font-size:16px;
	text-transform: none;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder { /* IE 10+ */
	color: #a6a6a6;
	font-style: italic;
	font-size:16px;
	text-transform: none;
}
input:-moz-placeholder, textarea:-moz-placeholder { /* Firefox 18- */
	color: #a6a6a6;
	font-style: italic;
	font-size:16px;
	text-transform: none;
}

header{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    color: #fff;
}

header .wrap{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
    padding-top: 25px;
}

header nav{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex:1;
    min-width: 80%;
    flex-wrap: wrap;
    margin-top: 25px;
}

header nav span{
    color: #fff;
    font-size: 14px;
    line-height: 1;
    transform: translateY(-1px);
}

header nav a{
    line-height: 1;
    color: #fff !important;
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'Arial', serif;
    font-size: 16px;
}

header nav a:first-child{display: none;}

img.sutton{
    display: block;
    width: 100px;
}

.btn_social{
    width: 20px;
    height: 20px;
    color: #000 !important;
    border-radius:1px;
    margin-left: 20px;
}

header a.tel{
    color: #cbbba0 !important;
    font-size: 26px;
    text-decoration: none !important;
    display: inline-block;
    vertical-align: middle;
}

header .sms{
    text-transform: uppercase;
    color: #fff !important;
    padding: 10px;
    border:1px solid #cbbba0;
    display: inline-block;
    margin-left: 15px;
    vertical-align: middle;
    display: none;
}

.banner{
    background-image: url("../images2/woodbanner.jpg");
    -webkit-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    height: 800px;
    position: relative;
}

.banner.nothome{
    height: 600px;
}

.banner.nothome .btncont{display: none;}

.banner a.logo{
    width: 500px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    
}

.banner.nothome a.logo{top: calc(50% + 60px);}

.banner a.logo:hover img{
    transform: scale(1.05);
}

.banner a.logo img{display: block;width: 100%;max-width: 100%;transition: all .4s;}

.btncont{width: 100%;text-align: center;position: absolute;left: 0;bottom: 80px;}

a.btnh{
    color: #fff !important;
    text-decoration: none !important;
    padding: 15px;
    border:1px solid #cbbba0;
    display: inline-block;
    transition: all .4s;
}

a.btnh:hover{
    background: #cbbba0;
    color: #000 !important;
}

.woodbg{
    background-image: url("../images2/woodbg.jpg");
    -webkit-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
}

.profilhome .wrap{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    padding: 100px 100px;
    box-sizing: border-box;
    
}

.profilhome .img{
    width: 500px;
    
}

.profilhome .img img{display: block;width: 100%;}

.profilhome .txtpro{
    width: calc(100% - 530px);
}

.profilhome h2{
    text-transform: uppercase;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 25px;
    font-size: 30px;
    color: #cbbba0;
}

.profilhome p{
    color: #fff;
    font-size: 18px;
    margin-top: 0;
    margin-bottom: 25px;
}

a.btn{
    display: inline-block;
    border:1px solid #fff;
    padding: 10px 15px;
    text-transform: uppercase;
    text-decoration: none !important;
    color: #fff !important;
    font-size: 20px;
    transition: all .4s;
}

a.btn i{margin-left: 15px;font-size: 15px;}

a.btn:hover{
    background: #fff;
    color: #000 !important;
}

.prophome{
    position: relative;
    height: calc(40vw + 80px);
    color: #fff;
    margin-top: 60px;
    margin-bottom: 100px;
}

.prophome h2{
    font-size: 28px;
    margin: 0;
    font-weight: normal;
}

.prophome h2 span{
    text-transform: uppercase;
    display: block;
    margin-left: 40px;
}

.prophome a{
    display: block;
    width: 33vw;
    height: 20vw;
    overflow: hidden;
    position: absolute;
    color: #fff !important;
    text-decoration: none !important;
}

.prophome a:nth-of-type(1){
    top: 80px;
    left: 50px;
}

.prophome a:nth-of-type(2){
    top: 20px;
    left: calc(50px + 33vw + 50px);
}

.prophome a:nth-of-type(3){
    top: 20vw;
    left: calc(33vw - 100px);
}

.prophome a:nth-of-type(4){
    bottom: 0;
    left: calc(67vw - 50px);
}

.prophome a img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.rollprop{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(164,142,105,.9);
    transform: translateY(101%);
    opacity: 0;
    transition: all .4s;
}

a:hover .rollprop{
    transform: translateY(0%);
    opacity: 1;
}

.rollprop>div{
    position: absolute;
    width: 100%;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
}

.rollprop h3{
    text-transform: uppercase;
    font-size: 28px;
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 20px;
}

.rollprop h3+p{
    text-transform: uppercase;
    font-weight: normal;
    font-size: 18px;
    margin-top: 0;
    margin-bottom: 20px;
}

.rollprop h3+p+p{
    margin: 0;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 18px;
}

a.btnprop{
    background: #231f20;
    box-sizing: border-box;
    color: #fff;
    font-size: 21px;
    transition: all .4s;
}

a.btnprop:hover{background: #4a4345;}

a.btnprop>span{
    position: absolute;
    width: 100%;
    box-sizing: border-box;
    padding-left: 25px;
    top: 50%;
    transform: translateY(-50%);
}

a.btnprop span span{
    color: #cbbba0 !important;
    text-transform: uppercase;
    font-size: 36px;
    margin-top: 5px;
    display: inline-block;
}

a.btnprop i{
    margin-left: 15px;
    transition: all .4s;
}

a.btnprop:hover i{margin-left: 25px;}

.markettem{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
}

.markethome{
    width: calc(50% - 140px);
    margin-bottom: 60px;
}

.markethome img{
    display: block;
    width: 100%;
    margin-top: 10px;
}

a.btnmarket{
    color: #fff !important;
    font-size: 20px;
    padding-left: 15px;
    display: inline-block;
    text-decoration: none !important;
}

a.btnmarket span{
    text-transform: uppercase;
    font-size: 30px;
}

a.btnmarket i{
    color: #a49171;
    font-size: 40px;
    display: inline-block;
    margin-left: 15px;
    transform: translateY(5px);
    transition: all .4s;
}

a.btnmarket:hover i{margin-left: 25px;}

.temhome{
    width: calc(50% - 90px);
    margin-bottom: 60px;
    background: #fff;
    position: relative;
}

.temhome:before, .temhome>div:before{
    content: "";
    width: calc(100% - 60px);
    display: block;
    position: absolute;
    right: 0;
    top: -2px;
    height: 5px;
    background: #cbbba1;
}

.temhome>div:before{
    bottom: -2px;
    top: auto;
    left: 0;
    right: auto;
}

.temhome:after, .temhome>div:after{
    content: "";
    height: calc(100% - 60px);
    display: block;
    position: absolute;
    right: -2px;
    top: -2px;
    width: 5px;
    background: #cbbba1;
}

.temhome>div:after{
    bottom: -2px;
    top: auto;
    left: -2px;
     right: auto;
}

.temhome>div{
    padding: 30px 30px 80px;
}

.certification{
    width: 100%;
    background: #231f20;
    box-sizing: border-box;
    padding: 50px;
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 60px;
}

.certification img, .temhome div:first-child+div{display: block;width: 210px;}

.temhome h2, .certification h2{
    text-transform: uppercase;
    font-weight: normal;
    font-size: 40px;
    margin-top: 0;
    margin-bottom: 5px;
    color: #a49171;
}

.certification h2{color: #fff;}

.certification p{font-size: 22px;
margin: 0;font-style: italic;}

.temhome p{
    margin-top: 0;
    margin-bottom: 10px;
    font-style: italic;
}

.certification div:first-child{
    width: calc(100% - 210px - 50px);
}

a.btnarr{
    font-size: 45px;
    color: #a49171 !important;
    text-decoration: none !important;
    position: absolute;
    bottom: 30px;
    right: 30px;
}

.certification a.btnarr{
    position: relative;
    bottom: 0;
    right: 0;
    display: block;
}

.bcta{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
}

.bcta a{
    width: calc(100% / 3);
    display: block;
    height: calc(33vw / 5 * 4);
    position: relative;
    background: #000;
    -webkit-background-size: cover;
    background-size: cover;
}

.bcta a:after{
    content: "";
    background: #000;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all .4s;
}

.bcta a:hover:after{opacity: .5;}

.bcta a span{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    left: 0;
    text-align: center;
    text-transform: uppercase;
    color: #fff !important;
    text-decoration: none !important;
    font-size: 40px;
    letter-spacing: 1px;
    z-index: 2;
}

.bcta a:nth-child(1){
    background-image: url("../images2/acta.jpg");
}

.bcta a:nth-child(2){
    background-image: url("../images2/vcta.jpg");
}

.bcta a:nth-child(3){
    background-image: url("../images2/lcta.jpg");
}

footer{
    background: #131313;
    padding: 30px 0;
}

footer .wrap{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    color: #fff !important;
}

footer .logocont{
    width: 195px;
    display: block;
    position: relative;
}

footer a.logof, footer img{
    display: block;
    width: 100%;
}

p.quartiers, p.quartiers a{
    color: #fff !important;
    font-size: 12px;
    text-align: center;
}

p.quartiers{
    width: calc(100% - 195px - 120px - 150px);
}

.footer_copy{
    text-align: center;
}

.footer_copy a{
    color: #fff !important;
}

footer .sutton, footer .sutton img{
    width: 120px;
    display: block;
}

.footer_partager {
    position: relative;
    right: auto;
    top: auto;
    transform: none;
    margin-top: 15px;
    text-align: center;
}

.marketing {color: #fff;padding: 90px 0px 60px;}

.marketing .wrap{
    box-sizing: border-box;
    padding-left: 150px;
    padding-right: 150px;
}

.marketing .full{
    display: block;
    width: 100%;
    margin-bottom: 60px;
}

.marketing h2, .profilpage h1, h4.widget-title{
    text-transform: uppercase;
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 28px;
    color: #cbbba0;
    text-align: left;
}

h4.widget-title{margin-top: 20px;margin-bottom: 20px; text-align: center;}

.marketing p, .profilpage p{
    font-size: 18px;
    margin-top: 0;
    margin-bottom: 20px;
    text-align: left;
}

.marketing .half{
    width: 50%;
    margin-left: 50%;
}

.marketing .full.mid{
    margin-top: -10vw;
    margin-bottom: -7vw;
}

.profilpage{color: #fff;padding-top: 50px;padding-bottom: 50px;text-align: center;}

.profilpage .wrap.wpad{
    box-sizing: border-box;
    padding-left: 340px;    
    padding-right: 340px;
}

.profilpage img{
    display: block;
    width: 100%;
    margin-bottom: 15px;
}

.profilpage h2{
    font-weight: bold;
    font-size: 20px;
    margin-top: 0;
    margin-bottom: 10px;
    text-align: left;
}

.profilpage .wrap.more{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.profilpage .half{
    width: calc(50% - 30px);
    text-align: left;
    margin-top: 30px;
}

.profilpage ul{padding-left: 20px;}

.profilpage li{
    font-size: 18px;
    margin-bottom: 10px;
}


img.logo_contact{
    -webkit-filter: invert(1);
  filter: invert(1);
}

.prop-bg h1.pageh1{
    width: 100%!important;
    color: black;
    text-align: center;
    font-size: 1.9vw;
    margin: 3% 0 0 0;
    margin-bottom: 30px;
    font-weight: normal;
    text-transform: uppercase;
}







































































a#lienPartager, a#lienPartager:link, a#lienPartager:visited{
	background: #000;
	color: #cbbba1 !important;
	text-transform: uppercase;
	font-weight: 600;
	height: 35px;
	line-height: 35px;
	padding: 0px 25px;
	border:3px solid #cbbba1;
	border-radius: 0px;
	transition: all .4s;
    display: inline-block;
    float: none;
}

a.btn_print:link, a.btn_print:visited, a.retour_maison:link, a.retour_maison:visited, .btn_wrapper i{
	color: #cbbba1;
}

.indentmenu ul li a.selected {
    background-color: #cbbba1;
    border-bottom: 1px solid #cbbba1;
}

.box_tabs{
	border-bottom: 3px solid #cbbba1;
}

a.btn_calculateurs:link, a.btn_calculateurs:visited, .form_infos a.btn_calcul4:link, .form_infos a.btn_calcul4:visited, a.btn_calcul4:link, a.btn_calcul4:visited, h3.stit_detail.stit_calcul, .wrapper_triger.active, .btn_eval.btn_calcul4, a.btn_download:link, a.btn_download:visited{
	background-color: #cbbba1;
	border-radius: 0px;
	font-weight: 600;
	text-transform: uppercase;
}

a.btn_calculateurs:hover, .form_infos a.btn_calcul4:hover, a.btn_calcul4:hover, .wrapper_triger, .btn_eval.btn_calcul4:hover, a.btn_download:hover{
	background-color: #333;
	border-radius: 0px;
	font-weight: 600;
	text-transform: uppercase;
}

.wrapper_right_btns{right: 30px;}

.right_btn{
	background-color: #cbbba1;
}

.right_btn:hover {
    background-color: #333;
}

a.btn_social, p.socialbtns a{
	transition: color .4s;
}

a.btn_social:hover, p.socialbtns a:hover{
	color: #cbbba1 !important;
}

.vendreintro{
	text-align: center;
	background: #cbbba1;
	color: #fff;
	padding: 30px 0;
}

.vendreintro h1{
	text-transform: uppercase;
	display: inline-block;
	vertical-align: middle;
	font-weight: 600;
	color: #fff;
}

.vendreintro ul{
	display: inline-block;
	vertical-align: middle;
	text-transform: uppercase;
	font-size: 14px;
	margin-left: 30px;
	text-align: left;
}

.vendreintro li{
	margin-bottom: 5px;
}

h1.h1styled{
	text-transform: uppercase;
    font-weight: 800;
    color: #cbbba1;
    font-size: 30px;
    line-height: 1;
    margin: 0;
    margin-bottom: 10px;
	text-align: center;
	padding-top: 40px;
}

#form_item{
	text-align: center;
}

.titre_ajouter_item{
	text-transform: uppercase;
    font-weight: 800;
    color: #333;
    font-size: 25px;
    line-height: 1;
    margin: 0;
    padding-bottom: 30px;
	text-align: center;
}

.page_temoin{max-width: 800px !important;}

.wrapper_btns_mobile > div:first-child, .btn_mobile {
    background-color: #cbbba1;
}

.wrapper_btns_mobile > div:last-child, .wrapper_btns_mobile > div:last-child .btn_mobile{
    background-color: #333;
}

.slider img{
	position: fixed !important;
	z-index: -1 !important;
}

.titre_page h1{text-align: center;}

@media screen and (min-width: 1921px) {
    .bcta a{height: 18vw;}
	.wrap, #primary{
		max-width: 1800px;
		width: 95%;
	}
    
    header nav a{font-size: 25px;}
    header nav {width: calc(100% - 44px);flex:none;}
    a.btn_social{display: block;transform: translateY(-3px);}
    
    a.btnh, .profilhome p, .temhome p, .marketing p, .profilpage p{font-size: 20px;}
    .profilhome h2, .prophome h2, a.btnmarket span, a.btnprop span span, .marketing h2, .profilpage h1{font-size: 40px;}
    a.btnmarket, a.btnprop, .certification p, .profilpage h2{font-size: 24px;}
    .prophome a:nth-of-type(1){top: 100px;}
    .temhome h2, .certification h2, .bcta a span{font-size: 50px;}
    .profilpage img{width: 75%;margin-left: auto;margin-right: auto;margin-bottom: 50px;}
    .marketing .full.mid{margin-top: -8vw;}
}

@media screen and (max-width: 1240px) {
	.wrap, #primary{width: 1000px;}
    header nav a, .rollprop h3+p, .rollprop h3+p+p, .certification p{font-size: 16px;}
    .profilhome .wrap{padding: 100px 30px;}
    .prophome a:nth-of-type(3){top: 26vw;}
    .rollprop h3{font-size: 22px;}
    a.btnmarket span{font-size: 25px;}
    .bcta a span{font-size: 30px;}
    .bcta a{height: 20vw;}
    .profilpage .wrap.wpad {
        padding-left: 200px;
        padding-right: 200px;
    }
}


@media screen and (max-width: 1024px) {
    
    .marketing a.btn{
        position: fixed;
        bottom: 0;
        right: 0;
        background: #fff;
        color: #000 !important;
    }
.woodbg {
    background-image: url(../images2/woodbg2.jpg)
    }
	.wrapper_right_btns{display: none;}
	
	.wrap, #primary {
    	width: calc(100% - 20px);
		padding: 0px 10px;
	}
	
	.menu-ico{
		display: block;
		width: 30px;
		height: 22px;
		transition: all .4s;
	}
	
	.menu-ico.open{
	}
	
	.menu-ico span{
		display: block;
		width: 100%;
		height: 4px;
		background: #cbbba1;
		margin-bottom: 5px;
		border-radius: 1px;
		transition: all .4s;
	}
	
	.menu-ico.open span{
		background: #fff;
	}
	
    header nav{
        display: none;
        position: absolute;
        top: 95px;
        left: 0;
        width: 100%;
        box-sizing: border-box;
        padding-right: 10px;
        margin-top: 0;
    }
    
    header nav span{display: none;}
    header nav a{display: block;width: 100%;padding: 5px 0;text-align: right;}
    header .wrap{justify-content: flex-end;align-items: center;}
    .soc{
        flex-grow: 1;
        text-align: right;
    }
    .btn_social{margin-right: 20px;}
    
    .banner, .woodbg{background-attachment: scroll;}
    .profilhome .txtpro{width: 100%;margin-top: 30px;text-align: center;}
    .profilhome .img{margin-left: auto;margin-right: auto;}
    .rollprop{
        position: relative;
        opacity: 1;
        transform: none;
    }
    
    .rollprop>div{
        position: relative;
        top: 0;
        transform:none;
    }
    
    .rollprop h3{font-size: 17px;
    padding-top: 10px;margin-bottom: 10px;}
    .rollprop h3+p, .rollprop h3+p+p{font-size: 12px;}
    .rollprop h3+p+p{margin-top: 10px;padding-bottom: 10px;}
    .prophome a:nth-of-type(3){top: 40vw;left: calc(33vw - 50px);}
    .prophome a:nth-of-type(2) {
        top: 20px;
        left: calc(50px + 33vw + 20px);
    }
    .prophome{    height: calc(65vw + 80px);}
    .prophome a:nth-of-type(4){height: 25vw;    top: 33vw;
    left: calc(67vw - 20px);}
    .prophome a:nth-of-type(1){left: 20px;}
    a.btnprop>span{padding-left: 20px;}
    a.btnprop span span{font-size: 26px;}
    a.btnprop>span{font-size: 14px;}
    
    .prophome a{height: auto;}
    .prophome a img{height: 20vw;}
    
    .temhome h2, .certification h2, a.btnmarket i{font-size: 30px;}
    .temhome, .markethome {
        width: calc(50% - 40px);
    }
    .markettem{justify-content: space-between;}
    a.btnmarket span, .bcta a span{font-size: 24px;}
    
    header .sms{display: inline-block;}
    header nav a:first-child{display: block;}
}

@media screen and (max-width: 800px) {
    
    .maskouter+.block {
    width: calc(100% - 320px);
}
	.marketing .wrap{padding-left: 0;padding-right: 0;}
    .marketing .half{width: 100%;margin-left: 0;}
    .marketing .full.mid {
        margin-top: 0;
        margin-bottom: 0;
    }
    p.quartiers{display: none;}
    
    .banner a.logo{width: 350px;}
    .banner.nothome a.logo{top: 50%;}
    .profilpage .wrap.wpad {
        padding-left: 0;
        padding-right: 0;
    }
    
    .profilpage img{max-width: 400px;margin-left: auto;margin-right: auto;margin-bottom: 25px;}
    .profilpage .half {
        width: calc(50% - 10px);
    }
    .marketing p, .profilpage p{font-size: 16px;}
    
    .certification{padding: 25px;}
    .temhome, .markethome {
        width: calc(50% - 20px);
    }
    .temhome>div {
        padding: 20px 20px 60px;
    }
    a.btnarr{bottom: 10px;right: 10px;}
    a.btnmarket span{font-size: 18px;}
    a.btnmarket{padding-left: 10px;font-size: 16px;}
    .prophome a:nth-of-type(3), .prophome a:nth-of-type(4){top: 52vw;}
    a.btnprop>span{padding-left: 10px;}
    a.btnprop span span{font-size: 22px;}
    .prophome {
        height: calc(83vw + 80px);
    }
    .rollprop h3{font-size: 15px;}
}

@media screen and (max-width: 600px) {
    .maskouter+.block{
        width: 100%;
    }
    .maskouter{width: 100%;margin-bottom: 20px;}
    header a.tel{font-size: 18px;}
    header .sms{margin-left: 10px;}
    .btn_social{margin-right: 10px;margin-left: 10px;}
    img.sutton{width: 85px;}
    header nav{top: 74px;background: #231f20;padding: 10px 0;}
    header nav a{text-align: center;}
    .banner a.logo{width: 280px;}
    .banner{height: 550px;}
    .profilhome .wrap {
        padding: 70px 5px;
    }
    .prophome a{
        position: relative;
        top: auto !important;
        left: auto !important;
        margin-bottom: 20px;
        width: 90%;
        margin-left: auto;margin-right: auto;
    }
    .prophome a img{height: auto;}
    .prophome h2{margin-bottom: 20px;text-align: center;}
    .prophome h2 span{margin-left: 0;}
    
    .prophome{height: auto;margin-top: 0;}
    
    .temhome, .markethome{width: 90%;margin-left: auto;margin-right: auto;}
    .certification div:first-child{width: 100%;}
    .bcta a{height: 45vw;width: 100%;}
    .banner.nothome {
        height: 350px;
    }
    .profilpage .half{width: 100%;}
}

@media screen and (max-width: 370px) {
    img.sutton{width: 75px;}
    header a.tel{font-size: 14px;}
    header .sms{font-size: 14px;padding: 6px;margin-left: 6px;}
    .btn_social{margin-left: 6px;margin-right: 6px;}
    footer .logocont{width: 165px;}
    footer .sutton, footer .sutton img{width: 80px;}
}
.back_btn {
	text-align: right;
    position: relative;
    top: -55px;
}

@media screen and (max-width: 590px) { 
	.back_btn {
		top: 0;
		margin: 0 0 30px 0;
	}
	.back_btn a.btn_calcul4 {
		font-size: 12px;
	}
}

.mosaique .box_maison_img img:not(.marq_vendu){
   display: block;
   width: 100%;
   transition: all .4s;
}

.photo_vendu{background: #000 !important;overflow: hidden;}

.photo_vendu:hover img:not(.marq_vendu){transform: scale(1.1);opacity: .7;}
.prophome a:not(.btn) img.marq_vendu{
    width: 124px;
    height: auto;
}