@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');

/* font-family: 'Roboto', sans-serif; */

.anim{opacity: 0;transition: opacity .4s .2s;}
.anim.seen{opacity: 1;}

.slider img{display: block;width: 100%;}
.slider img:not(:first-child){display: none;}

body{
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	color: #000;
	font-size: 16px;
    padding-top: 40px;
}

.wrap{
	width: 1220px;
	max-width: 100%;
	margin: 0 auto;
}

h1, h2, h3, h4, h5, h6{
	font-family: 'Roboto', 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: fixed;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: stretch;
    z-index: 9999;
}

header .logocont{
    display: block;
    width: calc(265px + (50vw - 610px));
    text-align: right;
    background: #fff;
}

header .navcont{
    width: calc(100% - (265px + (50vw - 610px)));
    background: rgba(255,255,255,.8);
}

header .logocont a{
    display: inline-flex;
    width: 265px;
    color: #1172bd;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 34px;
    text-align: left;
    line-height: .9;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
}

header .logocont a span{
    font-weight: 300;
    text-transform: none;
    font-size: 14px;
    display: block;
    margin-top: 4px;
}

header .logocont p{
    margin: 0;
    width: calc(100% - 75px);
}

header .logocont img{
    width: 65px;
    display: block;
}

header .top{
    background-color: #1172bd;
    color: #fff;
    width: 100%;
    text-align: right;
    padding: 12px 0;
}

header .bottom{
    width: 100%;
    height: calc(100% - 53px);
    position: relative;
}

header .top>div, header .bottom>nav{
    width: calc(100% - (50vw - 610px));
}

.menu-ico{display: none;}

header nav{
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    box-sizing: border-box;
    padding-left: 20px;
}

header nav a{
    font-weight: 300;
    font-size: 14px;
    text-decoration: none !important;
    transition: all .4s;
}

header nav .wsub{
	position: relative;
}

header nav .sub{
	position: absolute;
	bottom: 0;
	left: 50%;
	width: max-content;
	scale:1 .01;
	translate:-50% 100%;
	padding-top: 18px;
	opacity: 0;
	transform-origin: top center;
	transition:all .4s;
}

header nav .wsub:hover .sub, header nav .wsub .sub:hover{
	scale:1 1;
	opacity: 1;
}

header nav a:hover{
    color: #1172bd !important;
}

header nav .sub a{
	padding: 8px 15px;
	display: block;
	background-color: #1172bd;
	color: #fff !important;
}
header nav .sub a:hover{
	text-decoration: underline;
}

.soc a.btn_social, .socf a.btn_social{
    width: 20px;
    height: 20px;
    margin: 0;
    margin-left: 20px;
    background: white;
    vertical-align: middle;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #1172bd !important;
    padding: 4px 0;
    font-size: 16px;
}

.socf a.btn_social{
    background: #000;
    color: #fff !important;
}

.soc a{
    color: #fff !important;
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 14px;
}

.soc a.telh{
    font-size: 23px;
    font-weight: 700;
    text-decoration: none !important;
}

.banner{
    position: relative;
}

.banner.nothome{
    background-image: url("../images2/slide1.jpg");
    -webkit-background-size: cover;
    background-size: cover;
    padding-top: 230px;
    padding-bottom: 120px;
}

.banner.nothome.poolban{
    background-image: url("../images2/slide3-1.jpg");
}
.banner.nothome.blanvilleban{
    background-image: url("../images2/qblainville.jpg");
}

.banner.nothome.houseban{
    background-image: url("../images2/slide2.jpg");
}

.banner:not(.nothome) .contban{
    background: rgba(255,255,255,.8);
    width: 470px;
    margin-left: calc(100% - (50vw - 610px + 80px + 470px));
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    color: #0073b9;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 999;
}

.nothome .contban{
    background: rgba(255,255,255,.8);
    width: 470px;
    margin-left: calc(100% - (50vw - 610px + 80px + 470px));
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    color: #0073b9;
    position: relative;
    z-index: 999;
}

.contban p{
    font-weight: 400;
    font-size: 22px;
    margin: 0;
    margin-bottom: 20px;
}

.contban p.prixp{
    font-size: 24px;
    margin-bottom: 0;
	font-weight: bold;
}

.contban p.prixp strong{
    text-transform: uppercase;
    color: #dc1c2e;
    font-size: 24px;
}

.contban p span{
    color: #dc1c2e;
}

.contban p.sm{font-size: 10px;margin-bottom: 0;margin-top: 20px;}

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

.contban>div{
    padding: 30px 30px 30px 30px;
    width: 100%;
    box-sizing: border-box;
}

.contban>a{
    width: 30px;
    background: #0073b9;
    color: #fff !important;
    display: block;
    text-align: center;
    text-decoration: none !important;
}

.contban>a i{
    display: block;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.profilban{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 99;
}

.profilban .wrap{position: relative;}

.profilban:after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60px;
    background: #e6e6e6;
}

.profilban img{
    display: block;
    width: 430px;
    margin-left: 80px;
    position: relative;
    z-index: 2;
}

.profilban a.btnh{
    position: absolute;
    right: 80px;
    bottom: 0;
    height: 60px;
    line-height: 60px;
    z-index: 99;
    text-decoration: none !important;
    font-weight: 300;
    font-size: 17px;
    color: #1172bd !important;
    padding-right: 50px;
    padding-left: 30px;
    transition: all .4s;
}

.profilban a.btnh:hover, a.btn:hover, a.btn.btn2{color: #fff !important;}

a.btn.btn2:hover{ color: #1172bd !important;}

.profilban a.btnh:before, a.btn:before{
    content: "";
    position: absolute;
    height: 100%;
    width: 0;
    display: block;
    right: 0;
    top: 0;
    background: #1172bd;
    z-index: -1;
    transition: all .4s;
}

a.btn.btn2:before{
	width: 100%;
}

a.btn.btn2:hover:before{width: 0;}

.profilban a.btnh:hover:before, a.btn:hover:before{
    width: 100%;
}

.profilban a.btnh span, a.btn span{
    height: 60px;
    display: block;
    background: #1172bd;
    color: #fff !important;
    position: absolute;
    right: 0;
    top: 0;
    padding-left: 9px;padding-right: 9px;
}

.results h2, .prophome h2, .temhome h2, .propsold h2, .ctahome h2{
    text-align: center;
    color: #1172bd;
    font-weight: 300;
    font-size: 24px;
    margin: 0;
    padding: 20px 0;
}

.prophome h2{font-size: 28px;}

.propsold h2{text-align: left;margin: 0 auto;}

.results .bluebloc{
    background-color: #1172bd;
    color: #fff;
    padding-left: 80px;
    padding-right: 80px;
    padding-top: 80px;
    padding-bottom: 80px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}

.results ul{
    list-style-type: none;
    width: calc(50% - 20px);
    font-weight: normal;
    padding: 0;margin: 0;
    text-align: left;
}

.disthome ul{list-style-type: none;margin: 0;padding: 0;margin-bottom: 10px;margin-top: 40px;}

.results ul li, .disthome ul li{
    padding-left: 30px;
    position: relative;
    font-weight: 500;
    margin-bottom: 50px;
}

.results ul li{margin-bottom: 30px;}

.results ul li:last-child, .results ul+ul li:last-child{margin-bottom: 0;}
.results ul+ul li, .disthome ul li{margin-bottom: 30px;}

.results ul li:before, .disthome ul li:before{
    content: "";
    background-image: url("../images2/check1.png");
    -webkit-background-size: cover;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 2px;
    display: block;
    width: 22px;
    height: 17px;
}

.disthome ul li:before{background-image: url("../images2/check2.png");}

.results p.sm{
    text-align: right;
    margin: 0;
    padding: 20px;
    font-size: 13px;
    font-weight: 400;
}

.prophome{margin-bottom: 50px;}

.prophome a:not(.btn){
    width: calc((100% - 60px) / 4);
    display: block;
    margin-bottom: 30px;
}

.prophome h2{width: 100%;padding-bottom: 20px;}

.prophome .img{
    padding: 7px;
    background: #fff;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);
    position: relative;
}

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

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

.prophome h3{
    font-weight: 400;
    font-size: 16px;
    margin-top: 15px;
    margin-bottom: 0;
}
.prophome h3+p{
    font-size: 17px;
    margin-top: 0;
    margin-bottom: 0;
}

.prophome p:last-child{
    font-size: 13px;
    margin-bottom: 0;
    margin-top: 0;
}

.prophome a.btn{margin-left: auto;margin-right: auto;margin-top: 40px;}

a.btn{
    position: relative;
    display: inline-block;
    height: 60px;
    line-height: 60px;
    text-decoration: none !important;
    font-weight: 300;
    font-size: 17px;
    color: #1172bd !important;
    padding-right: 50px;
    padding-left: 30px;
    z-index: 8;
    transition: all .4s;
}

a.btn:after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #e6e6e6;
    z-index: -2;
}



.disthome{
    background-image: url("../images2/distinctionshome.jpg");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    padding-top: 40px;
    padding-bottom: 40px;
    position: relative;
}

.disthome .wrap{
    z-index: 2;
    position: relative;
}

.disthome:before{
    content: "";
    width: 73%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(255,255,255,1);
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 57%, rgba(255,255,255,0) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(57%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,0)));
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 57%, rgba(255,255,255,0) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 57%, rgba(255,255,255,0) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 57%, rgba(255,255,255,0) 100%);
background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 57%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
}

.disthome h3{
    font-weight: 700;
    color: #1172bd;
    font-size: 28px;
    margin-top: 0;
    margin-bottom: 30px;
}

.disthome li{font-size: 24px;}

.temhome{
    background: #f7f7f7;
    text-align: center;
    padding: 20px 80px;
    margin-top: 80px;
    margin-bottom: 80px;
}

.temhome a.btn{margin-top: 20px;}

.propsold{
    background: #f2f2f2;
}

footer{
    margin-top: 60px;
    text-align: center;
    padding-bottom: 20px;
}

footer nav .wrap{
    display: flex;
    justify-content: center;
    align-items: center;
}

footer nav a{
    display: block;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none !important;
    padding: 20px 15px;
}

footer nav a:hover{
    color: #0073b9 !important;
}

footer nav{
    border-top:2px solid #0073b9;
    border-bottom:2px solid #0073b9;
    margin-bottom: 30px;
}

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

.logofcont{
    text-align: left;
    width: 250px;
}

.logofcont>a:first-child{
    text-transform: uppercase;
    font-weight: 700;
    font-size: 27px;
}

.logofcont>a:first-child span{
    display: block;
    font-size: 20px;
    font-weight: 300;
}

p.quartiers{
    font-size: 14px;
    font-weight: 300;
    width: calc(100% - 280px - 250px - 40px);
    margin-top: 0;
}

.remaxf{
    width: 280px;
    text-align: left;
}

.remaxf img{
    display: block;
    width: calc(100% - 30px);
}

.remaxf p{
    font-weight: 300;
    font-size: 13px;
}

.socf{margin-top: 20px;margin-bottom: 20px;}

.footer_partager {
    position: relative;
    right: 0;
    top: 0%;
    transform: none;
}

a#lienPartager, a#lienPartager:link, a#lienPartager:visited {
    background: #0073b9;
    border-radius: 0px;
    float: none;
    font-weight: 400;
    padding: 10px 20px;
    text-decoration: none;
    text-transform: uppercase;
    width: auto;
    background-color: #0073b9;
    margin-left: auto;margin-right: auto;
}

a.linkunderline{
    text-decoration: underline !important;
    color: #0073b9 !important;
}

a.linkunderline i{font-size: 12px;}

a.linkunderline:hover{
    text-decoration: none !important;
}

.profilpage{margin-top: 60px;margin-bottom: 60px;}

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

.profilpage h1{
    text-transform: uppercase;
    font-weight: 300;
    font-size: 16px;
    margin-bottom: 0;
    margin-top: 20px;
    color: #0073b9;
}

.profilpage h2{
    text-transform: uppercase;
    font-weight: 400;
    font-size: 22px;
    margin-top: 0;
    margin-bottom: 20px;
    color: #0073b9;
}

.profilpage p{
    margin-bottom: 20px;
    margin-top: 0;
    font-weight: 300;
    line-height: 1.4;
}

.profilbloc{
    width: calc(50% - 25px);
    margin-bottom: 50px;
}

.profilbloc.tar{text-align: right;}

.profilbloc ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-bottom: 20px;
    font-weight: 300;
}

.profilbloc li{margin-bottom: 10px;padding-left: 10px;position: relative;}

.profilbloc li:before{
    content: "- ";
    width: 10px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}

.marketing h1, .distinctionpage h1, .commissionpage h1, .prop-bg h1.pageh1{
    text-transform: uppercase;
    font-weight: 400;
    font-size: 24px;
    margin: 0;
    padding: 50px 0;
    width: 100%;
    color: #0073b9;
}

.distinctionpage h1, .commissionpage h1{padding-bottom: 30px;}

.marketing h2{
    text-transform: uppercase;
    font-weight: 400;
    font-size: 20px;
    margin: 0;
    margin-bottom: 20px;
    width: 100%;
    color: #0073b9;
}

.marketing p{
    margin-top: 0;
    margin-bottom: 20px;
}
.marketing .wrap{
    box-sizing: border-box;
    padding-left: 80px;padding-right: 80px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.distinctionpage .wrap, .commissionpage .wrap{
    box-sizing: border-box;
    padding-left: 80px;padding-right: 80px;
}

.marketing img{
    display: block;
    width: 490px;
    margin-bottom: 50px;
}

.marketing article{
    width: calc(100% - 550px);
    margin-bottom: 50px;
}

.marketing a.btn{
    margin-left: auto;
    margin-right: auto;
}

.distinctionpage p{
    margin-bottom: 60px;
    font-weight: 400;
    font-size: 18px;
}

.distinctionpage ul{
    list-style-type: none;
    padding: 0;margin: 0;
}

.distinctionpage li{
    padding-left: 80px;
    margin-bottom: 30px;
    font-size: 18px;
    font-weight: 300;
    position: relative;
}

.distinctionpage li:before{
    content: '';
    background-image: url("../images2/check3.png");
    -webkit-background-size: cover;
    background-size: cover;
    width: 43px;
    height: 40px;
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.commissionpage p{
    margin-bottom: 20px;
    font-weight: 300;
    font-size: 18px;
    margin-top: 0;
    text-align: left;
}

.commissionpage h1{text-align: left;}

.commissionpage{text-align: center;}

.commissionpage a.btn{margin-left: 10px;margin-right: 10px;margin-top: 30px;}

.commissionpage p.half{
    display: inline-block;
    vertical-align: top;
    width: 50%;margin-top: 50px;
    font-size: 22px;
    max-width: 350px;
}
.commissionpage p.threecols {
    display: inline-block;
    vertical-align: top;
    width: 50%;margin-top: 50px;
    font-size: 22px;
    max-width: 350px;
}

.commissionpage .wrap{text-align: left;}



















































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

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

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

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: #0073b9;
	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: #0073b9;
}

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

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

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

.vendreintro{
	text-align: center;
	background: #0073b9;
	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: 400;
    color: #0073b9;
    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: #0073b9;
}

.wrapper_btns_mobile > div:last-child, .wrapper_btns_mobile > div:last-child .btn_mobile{
    background-color: #333;
}
#calculationtools .results {
    float: left;
    width: 100%;
}
.results{font-size: 25px;float: none;}

.ctahome{
	position: relative;
	padding: 100px 0;
	margin-bottom: 30px;
}

.ctahome img{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.ctahome>div{
	position: relative;
	margin-left: auto;margin-right: auto;
	padding: 30px 40px;
	text-align: center;
	background-color: rgba(255,255,255,.7);
	width: max-content;
}
.ctahome h2{
	padding: 0;
	margin-bottom: 30px;
}

.prophome .text_center p.subtilep, p.subtilep{
	font-size: 25px;
	margin-top: 1em;
}
.wrapper_form button[type=submit]:hover,
.wrapper_form input[type=submit]:hover {
	color: #095099 !important; 
	background-color: #fff;
}
.wrapper_form button[type=submit],
.wrapper_form input[type=submit] { 
	color: #fff !important;
	border:1px solid #095099;
	background-color: #095099;
	font-family: 'Raleway', sans-serif;
}
.wrapper_form button[type=submit],
.wrapper_form input[type=submit]{
    padding: 10px 30px;
    border-radius: 0;
    display: inline-block;
    font-size: 16px;
    margin-top: 20px;
    transition: all .4s;
}

.wrapper-checkbox {
	float: left;
    width: 100%;
    font-size: 14px;
    padding-bottom: 20px;
}

.wrapper-submit {
	float: left;
    width: 100%;
}

.textright {
	text-align: right;
}
.pagevendre .wrapper-checkbox {
    float: none;
    text-align: left;
    margin-top: 20px;
}
.stat_note {
	font-size: 13px;
}
.stat_note a:link { color: #1172bd; text-decoration: none; }
.stat_note a:visited { color: #1172bd; text-decoration: none; }
.stat_note a:hover { color: #1172bd; text-decoration: underline; }
.stat_note a:active { color: #1172bd; text-decoration: none; }




@media screen and (min-width: 1920px) {
    .banner.nothome{padding-top: 340px;padding-bottom: 230px;}
	.wrap{
		max-width: 1850px;
		width: 95%;
	}
    
    header .logocont{
        width: calc(350px + (50vw - 925px));
    }
    
    header .navcont{
        width: calc(100% - (350px + (50vw - 925px)));
    }
    
    header .logocont a{width: 350px;}
    
    header .logocont img{width: 75px;}
    header .logocont p{width: calc(100% - 90px);}
    header .logocont a{font-size: 40px;}
    header .logocont a span{font-size: 18px;}
    header .top>div, header .bottom>nav {
        width: calc(100% - (50vw - 925px));
    }
    
    header nav a, .soc a.telh{font-size: 20px;}
    .soc a{font-size: 18px;}
    
    .profilban a.btnh{font-size: 22px;}
    
    .results h2, .prophome h2, .temhome h2, .propsold h2, .ctahome h2, .profilpage h2, .marketing h1, .distinctionpage h1, .commissionpage h1, .prop-bg h1.pageh1, .contban p{font-size: 30px;}
    
    .results ul li, .disthome ul li, .disthome h3, .profilpage h1, .distinctionpage li, .marketing h2{font-size: 22px;}
    
    a.btn, .temhome p, footer nav a, .profilpage p, .profilbloc ul, .distinctionpage p, .marketing p, .commissionpage p{font-size: 20px;}
    .contban p.sm{font-size: 14px;}
    
    .nothome .contban, .banner:not(.nothome) .contban{
        width: 550px;
    margin-left: calc(100% - (50vw - 610px + 80px + 550px));
    }
    
    .profilban img{width: 670px;}
    
    .disthome{    background-size: 65% auto;}
    .disthome h3{
    font-weight: 400;
    color: #1172bd;
    font-size: 28px;
    margin-top: 0;
    margin-bottom: 30px;
}

.disthome li{font-size: 24px;}

}

@media screen and (max-width: 1240px) {
    .contban p, .contban p.prixp{font-size: 18px}
    header .logocont a{font-size: 28px;}
    body{padding-top: 0;}
	.wrap{width: 1000px;}
	
    header .logocont{
        width: calc(265px + (50vw - 500px));
    }
    
    header .navcont {
        width: calc(100% - (265px + (50vw - 500px)));
    }
    
    header .top>div, header .bottom>nav {
        width: calc(100% - (50vw - 500px));
    }
    
    .banner{overflow: hidden;}
    
    .slider img{
        display: block;
        width: 150% !important;
    }
    
    .disthome ul li{margin-bottom: 20px;}
    
    .disthome{
    background-size: auto 100%;}
    
    .nothome .contban, .banner:not(.nothome) .contban{    margin-left: calc(100% - (50vw - 500px + 80px + 470px));}
    
    .profilpage img{display: block;width: 100%;}
	
}


@media screen and (max-width: 1024px) {
    .disthome li{font-size: 16px;}
    .disthome h3{font-size: 18px;}
	.wrapper_right_btns{display: none;}
	
	.wrap {
    	width: calc(100% - 20px);
		padding: 0px 10px;
	}
	
	.ctahome.wrap{padding: 100px 0;}
	
	.menu-ico{
		display: inline-block;
        vertical-align: middle;
		width: 30px;
		height: 22px;
        margin-top: 14px;
        margin-right: 10px;
		transition: all .4s;
	}
	
	.menu-ico.open{
	}
	
	.menu-ico span{
		display: block;
		width: 100%;
		height: 4px;
		background: #0073b9;
		margin-bottom: 5px;
		border-radius: 1px;
		transition: all .4s;
	}
	
	.menu-ico.open span{
		background: #fff;
	}
    
    header .logocont {
        width: calc(265px + 10px);
    }
	header .navcont {
        width: calc(100% - (265px + 10px));
    }
    
    header .top>div, header .bottom>nav{width: calc(100% - 10px);}
    
    header .bottom>nav{
        position: absolute;
        top: 62px;
        right: 0;
        width: 100vw;
        flex-wrap: wrap;
        text-align: center;
        background: rgba(255,255,255,.8);
        transform: none;
        display: none;
    }
    
    header nav a{
        display: block;
        width: 100%;
        padding: 5px 0;
        font-size: 17px;
    }
    
    header .bottom{text-align: right;}
	
    .profilban img{margin-left: 0;width: 280px;}
    .profilban a.btnh{right: 10px;}
    footer nav a{padding: 15px 7px;}
    .results .bluebloc{padding-right: 40px;padding-left: 40px;}
    .results, .prophome .text_center p.subtilep, p.subtilep{font-size: 16px;}
    .nothome .contban, .banner:not(.nothome) .contban{
        margin-left: calc(100% - 480px);
    }
    
    .distinctionpage .wrap, .commissionpage .wrap, .marketing .wrap{padding-left: 0;padding-right: 0;}
    .marketing img{width: 390px;}
    .marketing article{width: calc(100% - 420px);}
	
	header nav .sub, header nav .wsub:hover .sub, header nav .wsub .sub:hover{
		position: relative;
		translate:0;
		scale:1;
		opacity: 1;
		padding-top: 0;
		left: 0;
		width: 100%;
		box-sizing: border-box
	}
	header nav .sub a{padding-left: 0;padding-right: 0;color: #1e1e1e !important;background-color: transparent;}
	header nav .sub a:hover{
		color: #1172bd !important;
		text-decoration: none !important;
	}
}

@media screen and (max-width: 800px) {
	p.subtilep br, .results p br{display: none;}
    .contban p, .contban p.prixp{font-size: 15px;}
    .contban p.prixp strong{font-size: 16px;}
    .profilban img{width: 250px;}
    header .logocont img{width: 50px;}
    
    .menu-ico{margin-top: 12px;}
    footer nav .wrap{display: none;}
    header .bottom>nav{top: 45px;}
    
    p.quartiers{display: none;}
    .remaxf{width: 200px;}
    
    .prophome a:not(.btn){width: calc(50% - 15px);}
    
    .disthome{background-position: right -100px center;}
    
    .banner.nothome{padding-top: 110px;padding-bottom: 80px;}
    
    .nothome .contban, .banner:not(.nothome) .contban{
        width: 400px;
        margin-left: calc(100% - 410px);
    }
    
    header .bottom>nav{padding-left: 0;}
    
    .banner:not(.nothome) .contban{margin-top: 10px;}
}

@media screen and (max-width: 600px) {
    .disthome{text-align: center;}
    .disthome ul{text-align: left;}
    header .logocont a{width: 150px;font-size: 20px;}
    header .logocont img{width: 40px;}
    header .logocont p{width: calc(100% - 50px);}
    header .logocont{width: calc(150px + 10px);}
    header .logocont a span{font-size: 11px;}
    header .navcont {
        width: calc(100% - (150px + 10px));
    }
    .soc a.telh{font-size: 12px;}
    .soc a{font-size: 11px;margin-left: 10px;}
    .menu-ico{margin-top: 4px;}
    header .bottom>nav{top: 30px;}
    .slider img{width: 200% !important;margin-left: -50%;}
    .profilban img{width: 160px;margin-bottom: 0px;}
    .profilban{padding-bottom: 40px;}
    .profilban:after{height: 40px;}
    .profilban a.btnh{height: 40px;line-height: 40px;margin-bottom: -40px;}
    
    .results ul{width: 100%;}
    .results ul li{margin-bottom: 15px !important;}
    .disthome:before{display: none;}
    
    .disthome{
        background-position: top center;
        background-size: auto 250px;
        padding-top: 260px;
    }
    
    .nothome .contban, .banner:not(.nothome) .contban{width: 250px;margin-left: calc(100% - 260px);}
    
    .contban>div{
        padding: 15px 15px 15px 15px;
    }
    
    .temhome{padding: 20px;}
    
    .profilban img{margin-left: -20px;}
    .contban p.sm{margin-top: 10px;font-size: 9px;}
    .contban p{font-size: 12px;margin-bottom: 10px;}
    
    .contban p.prixp{font-size: 11px;}
    .contban p.prixp strong{font-size: 12px;}
    
    .distinctionpage p, .distinctionpage li, .commissionpage p{font-size: 15px;}
    .profilbloc{width: 100%;margin-bottom: 30px;}
    .profilbloc.tar{text-align: left;}
    .marketing img{width: 100%;margin-bottom: 20px;}
    .marketing article{width: 100%;}
   
    .commissionpage a.btn{margin-right: 0;margin-left: 0;padding-right: 40px;padding-left: 20px;}
    .commissionpage{text-align: left;}
    
    .soc a.telh{margin-left: 0;}
    .soc a.btn_social, .soc a{margin-left: 5px;}
    .soc a.btn_social{width: 14px;height: 14px;font-size: 14px;padding: 1px 0;}
    .soc a{font-size: 10px;}
    .soc a.telh{font-size: 11px;}
    .slider img{width: 270% !important;}
    
    header .top{padding: 10px 0;}
    
	
	.commissionpage p.threecols{font-size: 16px;}
    .commissionpage p.half{font-size: 16px;}
	
	.ctahome img{
		position: relative;
		height: auto;
	}
	.ctahome>div{
		padding: 20px 0;
		width: 100%;
		background-color: #f2f2f2;
	}
}

@media screen and (max-width: 370px) {
    .prophome a:not(.btn){width: 100%;}
    .temhome{padding: 10px;}
    .results h2, .prophome h2, .temhome h2, .propsold h2, .ctahome h2{font-size: 20px;}
    .nothome .contban, .banner:not(.nothome) .contban {
        width: 200px;
        margin-left: calc(100% - 210px);
    }
    a.btn{font-size: 14px;}
}
.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;
}
.text_center {
	width:100%;
	text-align: center;
	margin-bottom: 50px;
}
.secteur_links a:link { color: #1172bd; text-decoration: none; }
.secteur_links a:visited { color: #1172bd; text-decoration: none; }
.secteur_links a:hover { color: #1172bd; text-decoration: underline; }
.secteur_links a:active { color: #1172bd; text-decoration: none; }