@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');

/* font-family: 'Raleway', sans-serif; */
html{scroll-behavior: smooth; scroll-padding-top:9rem;}
.tac.mt10{text-align: center;margin-top: 10px;clear: both;}
.anim{opacity: 0;transition: opacity .4s .2s;}
.anim.seen{opacity: 1;}
.small-text {
	font-size: 24px;
    padding-left: 10px;
    padding-right: 10px;
}
body{
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	color: #000;
	font-size: 16px;
}

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

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

::placeholder{
	text-transform: none !important;
	color: #868686 !important;
	font-size: 16px !important;
	font-weight: 300 !important;
	font-style: normal !important;
	font-family: "Roboto", sans-serif;
}

header{
	--afterWidth:0px;
	--afterWidthDelay:0ms;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	padding-top: 30px;
	z-index: 999;
}

.header-container{
	background-color: #fff;
	width: max-content;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap:40px;
	border-radius: 25px;
	filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.2));
	max-width: 100%;
	box-sizing: border-box;
	padding: 20px 30px 15px 28px;
	overflow: hidden;
}

.header-container::after{
	content:"";
	width: var(--afterWidth);
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #AAAAAA;
	border-radius: 25px;
	opacity: .2;
	z-index: -1;
	transition: all .4s var(--afterWidthDelay) cubic-bezier(0.57, 0.4, 0.55, 1.25);
}

.logoh{
	width: 150px;
}
.logoh img{display: block;width: 100%;}

.menu-ico{display: none;}

header nav{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap:35px;
}

header nav a{
	text-transform: uppercase;
	text-decoration: none !important;
	color: #651D32 !important;
	font-size: 16px;
	font-weight: 500;
	padding: 10px 0;
}

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

.banner{
	position: relative;
	margin-bottom: 40px;
}

.banner .wrap{
	position: absolute;
	bottom: 50px;
	left: 50%;
	translate:-50% 0;
	z-index: 3;
}

.pattern-bg{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: .1;
}

.motif-imgs{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap:10px;
	width: 37.5vw;
	aspect-ratio:1;
	position: relative;
	z-index: 2;
	margin-left: auto;
	translate:0 -50px;
}

.motif-imgs>img, .pattern-img{
	aspect-ratio:1;
	display: block;
	max-width: 100%;
	object-fit: cover;
	
}
.motif-imgs>img{opacity: 0;transform: rotateY(90deg) skewY(5deg);animation: flipIn .5s .5s cubic-bezier(0.57, 0.4, 0.55, 1.25) forwards;}
.motif-imgs>img:nth-of-type(1){
	animation-delay: .75s;
}
.motif-imgs>img:nth-of-type(2){
	animation-delay: .95s;
}
.motif-imgs>img:nth-of-type(3){
	animation-delay: 1.15s;
}
.motif-imgs>img:nth-of-type(4){
	animation-delay: .75s;
}
.motif-imgs>img:nth-of-type(5){
	animation-delay: .95s;
}
.motif-imgs>img:nth-of-type(6){
	animation-delay: .75s;
}
.motif-imgs>img:nth-of-type(7){
	animation-delay: .95s;
}
.motif-imgs>img:nth-of-type(8){
	animation-delay: 1.15s;
}
@keyframes flipIn{
	to{
		transform: rotateY(0deg) skewY(0deg);
		opacity: 1;
	}
}

.pattern-img{
	position: relative;
	background-color: #651D32;
	border-radius: 50%;
	overflow: hidden;
	transform-origin: left center;
	scale:4;
	translate:-150px 0;
	opacity: 0;
	z-index: 2;
	animation: scaleIn .6s .1s cubic-bezier(0.57, 0.4, 0.55, 1.25) forwards;
}

@keyframes scaleIn{
	50%{opacity: 1;}
	100%{
		opacity: 1;
		scale:1;
		translate:0px 0;
	}
}

.pattern-img img{
	mix-blend-mode: screen;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	object-fit: cover;
	opacity: .3;
}

.topleft{
	border-top-left-radius: 50%;
}
.bottomleft{
	border-bottom-left-radius: 50%;
}
.bottomright{
	border-bottom-right-radius: 50%;
}

.banner p, .banner .bouton{
	opacity: 0;
	translate:0 -100px;
	animation: dropIn .9s 1.5s forwards;
}
.banner p+p{
	animation-delay: 1.25s;
}
.banner .bouton{
	animation-delay: 1s;
}
@keyframes dropIn{
	to{
		opacity: 1;
		translate:0 0;
	}
}

.sm-title, .small-title{
	font-weight: 400;
	font-size: 18px;
	margin: 0;
}

.title{
	color: #651D32;
	font-weight: 700;
	font-size: 40px;
	line-height: 1.1;
	margin: 10px 0;
}

.big-title{
	color: #651D32;
	font-weight: 700;
	font-size: 55px;
	line-height: 1.1;
	margin: 10px 0;
}

.bouton, a.bouton{
	appearance:none;
	border:0;
	background-color: #651D32;
	color: #fff !important;
	border-radius: 50vh;
	padding: 7px 15px;
	text-decoration: none !important;
	display: inline-flex;
	gap:10px;
	font-size: 18px;
	align-items: center;
	overflow: hidden;
	position: relative;
	z-index: 2;
	font-family: "Roboto", sans-serif;
	cursor: pointer;
	transition: all .25s;
}

.bouton.reverse{
	background-color: #fff;
	color: #651D32 !important;
}

.bouton:hover{
	color: #651D32 !important;
	transition: all .1s .1s;
}
.bouton.reverse:hover{
	color: #fff !important;
}

.bouton::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	background-color: #fff;
	width: 100%;
	translate:-101% 0;
	border-radius: 50vh;
	z-index: -1;
	transition: all .25s;
}
.bouton.reverse::before{
	background-color: #651D32;
}
.bouton:hover::before{
	translate:0 0;
}
.bouton::after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	border:2px solid #651D32;
	border-radius: 50vh;
	box-sizing: border-box;
}

.bouton.reverse::after{
	border:2px solid #fff;
}

.bouton img{
	width: 22px;
	transition: all .25s;
}
.bouton.reverse img{width: 20px;}
.bouton:hover img{
	translate:7px 0;
	filter: invert(20%);
}

.bouton.reverse span{
	background-color: #651D32;
	border-radius: 50%;
	aspect-ratio:1;
	flex-shrink: 0;
	width: 32px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.contact-form .wrap{
	display: grid;
	grid-template-columns: .35fr .65fr;
	gap:40px;
	margin-bottom: 80px;
	margin-top: 80px;
}

.contact-form h2{width: 100%;margin-top: 0;}

.contact-form input:not([type=checkbox]), .contact-form textarea, .page_temoin .champs_tem, .pagevendre input:not([type=submit]), .pagevendre textarea, .popup-prop input:not([type=checkbox]), .popup-prop textarea{
	appearance:none;
	border:1px solid #651D32;
	border-radius: 25px;
	box-sizing: border-box;
	display: block;
	padding: 12px;
	font-size: 16px;
	line-height: 1;
	background-color: #fff;
	width: calc((100% - 15px) / 2);
	color: #651D32;
}

.popup-prop input.popupfullw{
	width: 100%;
}
.page_temoin .champs_tem, .pagevendre input:not([type=submit]){
	width: 100%;
}

.contact-form input:not([type=checkbox]):focus, .contact-form textarea:focus, .page_temoin .champs_tem:focus, .pagevendre input:not([type=submit]):focus, .pagevendre textarea:focus, .popup-prop input:not([type=checkbox]):focus, .popup-prop textarea:focus{
	outline:none;
	border-color: #000;
}

.contact-form textarea, .page_temoin textarea.champs_tem, .pagevendre textarea, .popup-prop textarea{
	width: 100%;
	height: 200px;
	resize: vertical;
}

.contact-form form{
	display: flex;
	gap:15px;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}
.popfiche input[type=checkbox] {
	left: 0;
    top: 0;
    padding: 0;
    margin: 0;
	width: 15px;
}
.popfiche input[type=checkbox],
.contact-form input[type=checkbox], .popup-prop input[type=checkbox]{
	position: absolute;
	opacity: 0;
}
.popfiche input[type=checkbox]+label, 
.contact-form input[type=checkbox]+label, .popup-prop input[type=checkbox]+label{
	display: flex;
	gap:7px;
	align-items: center;
	justify-content: flex-start;
	font-size: 13px;
	color: #651D32;
	cursor: pointer;
	width: 100%;
	margin-bottom: 15px;
}
.popup-prop input[type=checkbox]+label {
	color: #fff;
	margin: 15px 0;
}
.contact-form input[type=checkbox]:checked+label, .popup-prop input[type=checkbox]:checked+label{font-weight: 500;}
.popfiche .wrapper-checkbox {
    margin-top: 15px;
}
.wrapper-checkbox {
    width:100%;
}
.wrapper-content-checkbox {
	position: relative;
    margin: 0 auto;
}
.popfiche input[type=checkbox]+label::before,
.contact-form input[type=checkbox]+label::before, .popup-prop input[type=checkbox]+label::before{
	content:"";
	width: 15px;
	aspect-ratio:1;
	border-radius: 50vh;
	border:1px solid #651D32;
	background-color: #fff;
	display: block;
}
.popfiche input[type=checkbox]:checked+label::before,
.contact-form input[type=checkbox]:checked+label::before, .popup-prop input[type=checkbox]:checked+label::before{
	border:1px solid #000;
	background: radial-gradient(circle, rgba(0,0,0,1) 45%, rgba(0,0,0,0) 45%);
}
.popup-prop input[type=checkbox]:checked+label::before{
	border:1px solid #fff;
	background: radial-gradient(circle, rgba(255,255,255,1) 45%, rgba(255,255,255,0) 45%);
}

.bloc_content_txt .col{padding-bottom: 0 !important;}
.ligne_calcul{padding-bottom: 0;}

.contact-form aside{
	background-color: #651D32;
	color: #fff;
	overflow: hidden;
	border-radius: 25px;
	display: flex;
	flex-direction: column;
}

.contact-form .iframemap{
	height: 100%;
	width: 100%;
	border-radius: 25px;
	overflow: hidden;
	flex-grow: 1;
	position: relative;
	min-height: 347px;
}

.iframemap.standalone{
	position: relative;
	height: 350px;
	border-radius: 25px;
	overflow: hidden;
	margin-top: 25px;
	filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.2));
}
.iframemap.standalone a{
	position: absolute;
	bottom: 30px;
	left: 30px;
	width: 200px;
}
.iframemap.standalone a img{display: block;width: 100%;}
.iframemap iframe{
	position: absolute;
	top: 50%;
	left: 50%;
	translate:-50% -50%;
	width: 195%;
	height: 195%;
	filter: sepia(.15) brightness(0.95) contrast(1.1);
}

.contact-form .txt{
	flex-grow: 0;
	padding: 20px 30px;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.contact-form .txt p{margin-top: 0;margin-bottom: 0;line-height: 1.3;}

.contact-form .txt strong{text-transform: uppercase;}

.contact-form .txt p a{color: #fff !important;text-decoration: none !important;}

.confirm_message {
    font-size: 18px;
    padding: 100px 0;
    text-align: center;
    color: #008000;
    width: 100%;
    font-weight: bold;
}
#formContactProp .confirm_message {
    color: #FFF;
}
.soc{
	display: flex;
	gap:10px;
}

.soc a{
	width: 35px;
}

.soc a:hover{opacity: .75;}

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

footer{
	background-color: #EBEBEB;
	padding: 50px 0;
}

footer>.wrap{
	box-sizing: border-box;
	padding: 0px 50px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

a.logof{
	width: 150px;
}

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

.navf{
	display: flex;
	justify-content: center;
	gap:30px;
}

.navf a{
	text-transform: uppercase;
	color: #651D32 !important;
	text-decoration: none !important;
	font-size: 15px;
}

.navf a:hover{
	color: #000 !important;
}

footer .soc{
	filter: invert(85%) sepia(44%) saturate(2599%) hue-rotate(314deg) brightness(97%) contrast(93%);
}

.cta-fixed{
	position: fixed;
	bottom: 0;
	right: 50px;
	z-index: 9999;
	color: #fff;
	background-color: #651D32;
	padding: 30px;
	border-top-left-radius: 75px;
	border-top-right-radius: 75px;
	translate:0 101%;
	filter: drop-shadow(0 -3px 6px rgba(0, 0, 0, 0.2));
	animation: upIn .5s 14.25s forwards;
}
@keyframes upIn{
	to{
		translate:0 0;
	}
}
.popup-prop{filter: drop-shadow(0 -3px 6px rgba(0, 0, 0, 0.2));}
.cta-fixed .title{color: #fff;font-size: 25px;}

img.loupe{
	display: block;
	width: 75px;
}

.cta-fixed img.fermer{
	position: absolute;
	right: 35px;
	top: 35px;
	width: 30px;
	cursor: pointer;
}

.cta-fixed img.fermer:hover{opacity: .7;}

.propslidercont>.propslider:not(.wpager), .gridslide{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap:10px;
	filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.2));
}

.propslidercont .bx-wrapper, .courtiersslidercont .bx-wrapper, .temhome .bx-wrapper, .commslidercont .bx-wrapper, .profilhome .img, .contact-form aside, .ligne_temoin .txt_temoin, .courtiersslider.noslider, .courtierinfos .img, .profilpage .imgs img{
	filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.2));
}

a.propa{
	overflow: hidden;
	position: relative;
	color: #000 !important;
	background-color: #fff;
	text-decoration: none !important;
	border-radius: 25px;
}

img.propimg{display: block;width: 100%;border-radius: 25px;}
a:hover img.propimg{opacity: .7;}

.propville{
	position: absolute;
	top: 18px;
	right: 18px;
	background-color: #000;
	color: #fff;
	border-radius: 15px;
	padding: 10px 15px;
	margin: 0;
}

.rollprop{
	padding: 18px;
}

.rollprop h3, .rollprop p{
	margin: 0;
}

.rollprop h3{
	text-transform: uppercase;
	font-weight: 700;
	font-size: 18px;
	color: #651D32;
}

.rollprop h3+p{
	margin: 15px 0;
	font-size: 15px;
}

.rollprop h3+p+p{
	font-size: 18px;
	font-weight: 700;
}

.rollprop .fleche{
	background-color: #651D32;
	border:2px solid #651D32;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	position: absolute;
	bottom: 10px;
	right: 18px;
	width: 36px;
	aspect-ratio:1;
	transition: all .4s;
}

.rollprop .fleche img{
	display: block;
	width: 24px;
	position: relative;
	transition: all .4s;
}

a:hover .fleche{
	background-color: #fff;
}

a:hover .fleche img{
	filter: invert(30%);
}

.prophome{
	padding-bottom: 50px;
	background-image: url("../images2/motif.png");
	background-repeat: no-repeat;
	background-size: 660px auto;
	background-position: bottom left -350px;
}

.propbottom, .courtiersbottom, .temsbottom{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 30px;
}

.propcontrols, .courtierscontrols, .temscontrols{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap:20px;
}

.propcontrols a, .courtierscontrols a, .temscontrols a{
	display: block;
	width: 15px;
}

.propcontrols a:hover, .courtierscontrols a:hover, .temscontrols a:hover{filter: brightness(0) grayscale(1);}

.propcontrols a img, .courtierscontrols a img, .temscontrols a img{display: block;width: 100%;}

.propprev img, .courtiersprev img, .temsprev img{scale:-1 1;}

.courtiersslidercont>.courtiersslider, .commslidercont>.commslider{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap:10px;
}
.statshome{
	text-align: center;padding: 80px 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
	background-color: #EFEFEF;
}

.statshome h2{
	width: 100%;
	margin-bottom: 40px;
}
.statitem{
	padding: 0px 40px 10px 40px;
	box-sizing: border-box;
	min-width: 350px;
	max-width: 100%;
}

.statitem {
	border-left: 2px solid #707070;
}
.statitem:nth-of-type(1) {
	border-left: none;
}

.statitem p:first-child{
	margin-top: 0;
	margin-bottom: 0px;
	font-size: 80px;
	font-weight: 600;
}

.statitem p:last-child{
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 500;
	margin-top: 0;
	margin-bottom: 0;
	line-height: 1.2;
}


.courtiershome{
	margin: 60px 0px 80px;
}

.courtierslide{
	display: block;
	text-decoration: none !important;
	color: #fff !important;
	border-radius: 25px;
	overflow: hidden;
	position: relative;
}

.courtierslide img{
	display: block;
	width: 100%;
	aspect-ratio:1;
	object-fit: cover;
}

.courtierslide p{
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 0;
	padding: 15px;
	padding-bottom: 20px;
	font-size: 16px;
	font-weight: 500;
	background-color: #651D32;
	margin: 0;
	translate:0 101%;
	transition: all .4s;
}

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

.courtierslide:hover p{
	translate:0 0%;
}

.profilhome .wrap{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap:50px;
	align-items: center;
}

.profilhome .img{
	position: relative;
	border-radius: 25px;
	overflow: hidden;
}

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

.creditp{
	margin: 0;
	color: #FFFFFF;
	position: absolute;
	bottom: 15px;right: 15px;
	font-size: 12px;
}

.temhome.temhomecourtier {
	margin-bottom: 80px;
}

.temhome{
	padding-top: 50px;
	margin-top: 40px;
	background-image: url("../images2/motif.png");
	background-repeat: no-repeat;
	background-size: 660px auto;
	background-position: top right -120px;
}
.temhome h2{margin-bottom: 20px;}

.temslidercont>.temslider{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap:10px;
}

.temslide{
	background-color: #fff;
	box-sizing: border-box;
	padding: 35px 60px 40px;
	text-align: center;
	border-radius: 25px;
}

.temslide p{
	margin-bottom: 0;
	margin-top: 15px;
}

.temslide p.quotemark{
	color: #651D32;
	font-size: 70px;
	margin-top: 0;
	line-height: .8;
	font-family: sans-serif;
}

.temslide p.author{
	font-weight: 700;
	font-size: 20px;
	margin-top: 15px;
	line-height: 1;
}

.bx-wrapper .temslider{
	display: flex;
	align-items: stretch;
}

a.commslide{
	background-color: #651D32;
	border-radius: 25px;
	color: #fff !important;
	text-decoration: none !important;
	position: relative;
	overflow: hidden;
}

.commslide .hover{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding-top: 10px;
	background-color: rgba(101,29,50,.9);
	font-weight: 300;
	font-size: 14px;
	translate:0 -101%;
	transition: all .4s;
}

.commslide:hover .hover{
	translate:0 0;
}

.commslide p{
	margin: 0;
	padding: 15px;
}

.commslide .img{
	overflow: hidden;
	width: 100%;
	aspect-ratio:1;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #fff;
	border-radius: 25px;
	box-sizing: border-box;
	padding: 50px;
}

.commslide .img img{
	display: block;
	max-width: 100%;
	max-height: 80%;
}

.engagehome{
	margin-top: 80px;
}

.ligne_temoin{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap:10px;
}

.ligne_temoin .txt_temoin{
	margin-right: 0 !important;
	margin-left: 0 !important;
	background-color: #fff;
	border-radius:25px;
	width: auto;
	max-width: none;
	box-sizing: border-box;
	padding: 20px 25px;
	border-bottom: 0px;
	margin-bottom: 10px;
}

.tit_temoin{
	color: #651D32;
	font-size: 18px;
	font-weight: 700;
	
}

.nom_temoin, .detail_temoin{opacity: .75;}

.temoignages{text-align: center;}

.page_temoin button{margin-top: 20px;}

.courtierinfos{
	display: grid;
	grid-template-columns:3fr 7fr;
	gap:30px;
}

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

.courtierinfos .img .img_courtier {
	border-radius: 25px;
	overflow: hidden;
}
.photo_vendu{overflow: hidden;border-radius: 25px;}

.box_maison_img{padding-bottom: 0;}

#calculateurs .ligne_calcul{padding-bottom: 10px;}

.popup-prop{
	border-radius: 25px;
	overflow: hidden;
	position: fixed;
	bottom: 15px;
	left: 50%;
	translate:-50% calc(101% + 20px);
	color: #fff;
	background-color: #651D32;
	display: grid;
	grid-template-columns: 35fr 65fr;
	z-index: 9999;
	min-width: 1000px;
	opacity: 0;
	animation: upIn2 .65s 14.2s cubic-bezier(0.57, 0.4, 0.55, 1.25) forwards;
}
@keyframes upIn2{
	to{translate:-50% 0;opacity: 1;}
}

.popup-prop .fermer{
	position: absolute;
	cursor: pointer;
	top: 15px;
	left: 15px;
	width: 30px;
	z-index: 5;
}

.popup-prop .fermer:hover{opacity: .75;}
.popup-prop .img{position: relative;}
.popup-prop .img img{
	display: block;
	width: 100%;
	position: absolute;
	height: 100%;
	object-fit: cover;
}

a.logopop{
	filter: grayscale(1) brightness(10);
	width: 160px;
	display: block;
	position: absolute;
	top: 15px;
	right: 15px;
}

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

.popup-prop form{
	padding: 20px;
	padding-top: 80px;
}

.popup-prop .title{color: #fff;font-size: 36px;width: 100%;}

.popup-prop p{
	margin-top: 0;
	font-size: 20px;
	line-height: 1.4;
	margin-bottom: 25px;
}

.popup-prop form{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
}
.popup-prop input:not([type=checkbox]){margin-bottom: 10px;}

.popup-prop textarea{
	height: 100px;
	margin-bottom: 10px;
}





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

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

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

button.btn_calcul4, 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: #651D32;
	border-radius: 0px;
	font-weight: 600;
	text-transform: uppercase;
	color:#FFF;
	border: none;
	outline: none;
}

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

.wrapper_right_btns{right: 30px;}

.right_btn{
	background-color: #651D32;
}

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

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

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

.vendreintro{
	text-align: center;
	background: #651D32;
	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: #651D32;
    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: none;
    font-weight: 500;
    color: #333;
    font-size: 17px;
    line-height: 1;
    margin: 0;
    padding-bottom: 30px;
	text-align: center;
}

.page_temoin{max-width: 800px !important;padding: 0;width: calc(100% - 20px);}

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

.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;
}

ul.boldul{
	font-weight: bold;
	color: #651D32;
	padding-left: 15px;
}
.profilpage+.profilhome{margin-top: -150px;}

.profilpage{
	margin-top: -40px;
    background-image: url(../images2/motif.png);
    background-repeat: no-repeat;
    background-size: 660px auto;
    background-position: bottom 200px left -350px;
}
.profilpage .txt{
	position: relative;
	margin-bottom: 15px;
	padding-top: 40px;
}

.profilpage .txt::before{
	content: "";
	width: 3px;
	height: calc(100% - 17px);
	background-color: #651D32;
	position: absolute;
	top: 0;
	left: -40px;
}

.profilpage .txt::after{
	content: "";
	height: 3px;
	width: 40px;
	background-color: #651D32;
	position: absolute;
	bottom: 17px;
	left: -40px;
}

.profilpage p{
	margin-bottom: 45px;
	line-height: 1.5;
}
.profilpage p span{
	color: #651D32;
	font-size: 110%;
}
p.dotbefore{position: relative;}
p.dotbefore::before{
	content: "";
	position: absolute;
	top: 0;
	left: -39px;
	width: 27px;
	aspect-ratio:1;
	border-radius: 50%;
	background-color: #651D32;
	translate:-50% 0;
}

.profilpage .imgs{
	padding-top: 60px;
	display: grid;
/*	grid-template-columns: repeat(6,1fr);*/
/*	grid-template-rows: repeat(15,1fr);*/
	--colW:calc((100% - 1px - (7 * 20px)) / 7);
	grid-template-columns: var(--colW) var(--colW) var(--colW) var(--colW) 1px var(--colW) var(--colW);
	grid-template-rows:repeat(16,45px) 170px;
	grid-template-rows:repeat(15,45px) 0px;
	grid-template-areas:
		". a a a c c . ."
		". a a a c c . ."
		". a a a . b b b"
		". a a a . b b b"
		"d d d d d b b b"
		"d d d d d b b b"
		"d d d d d . . ."
		". . . e e e e e"
		". . . e e e e e"
		". . . e e e e e"
		". f f f . . . ."
		". f f f g g g g"
		". f f f g g g g"
		". f f f g g g g"
		". . . . g g g g"
		". . . h h h . .";
	gap:20px;
	align-items: flex-start;
	flex-wrap: wrap;
}

.profilpage+.profilhome .wrap{
	display: grid;
	grid-template-columns: 1.4fr 1fr;
	gap:50px;
	align-items: flex-start;
}
.profilpage .wrap{
	display: grid;
	grid-template-columns: 1fr 1.4fr;
	gap:70px;
	align-items: flex-start;
}

.profilpage .imgs svg{width: 100%;}

.profilpage .imgs img, .profilpage .imgs div img{
	border-radius: 25px;
	object-fit: cover;
	filter:none;
	width: 100%;
	height: 100%;
	display: block;
}

.profilpage .imgs div{
	position: relative;
}
.profilpage .imgs div img+img{
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transition: all .4s;
}

.profilpage .imgs div:hover img+img{opacity: 1;}

.profilpage .imgs > *:first-child{
	grid-area: a;
}
.profilpage .imgs div:first-child img+img{
	object-position: left;
}
.profilpage .imgs > *:first-child+svg{
	grid-area: c;
	transform-origin: top left;
	scale:.9;
}

.profilpage .imgs > *:nth-child(3){
	grid-area: d;
}

.profilpage .imgs > *:nth-child(4){
	grid-area: b;
}
.profilpage .imgs > *:nth-child(5){
	grid-area: e;
	translate:0 -50px;
}
.profilpage .imgs > *:nth-child(6){
	grid-area: f;
	translate:0 -100px;
}
.profilpage .imgs > *:nth-child(7){
	grid-area: g;
	translate:0 -110px;
	object-position: center;
}
.profilpage .imgs svg:last-child{
	grid-area: h;
	translate:-21px calc((100% + 20px) * -1);
}

.pages-control{
	color: #651D32;
	font-size: 17px;
}

.valeurs{
	padding: 50px 0 100px;
	text-align: center;
	position: relative;
}
.valeurs::after{
	content: "";
	-webkit-background-size: cover;
	background-size: cover;
	background-image: url(../images2/texture.jpg);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	opacity: .06;
}

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

.valeurs p{
	max-width: 80ch;
	margin-left: auto;margin-right: auto;
	margin-top: 25px;
	margin-bottom: 0px;
}

.valeurscards{
	position: relative;
	margin-top: 70px;
}
.valeurscards::after{
	content: "";
	width: 100%;
	height: 4px;
	background-color: #651D32;
	position: absolute;
	top: 50%;
	left: 0;
	translate:0 -50%;
	
}

.valeurscards .wrap{
	display: grid;
	grid-template-columns: repeat(4,1fr);
	gap:10%;
}

.valeurscards .wrap div{
	background-color: #651D32;
	color: #fff;border-radius: 50%;
	aspect-ratio:1;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 2;
}

.valeurscards p{
	margin-top: 0;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	translate:0 calc(100% + 15px);
	color: #651D32;
	font-weight: bold;
	font-size: 20px;
}

.valeurscards img{
	display: block;
	width: 100%;
	max-width: 100px;
}

@media screen and (min-width: 2200px) {
	
	
}
@media screen and (max-width: 1400px) {
	.statitem {
		padding: 0px 20px 10px 20px;
		min-width: 250px;
	}
	.statitem p:first-child {
		font-size: 60px;
	}
}

@media screen and (max-width: 1240px) {
	.valeurscards img{max-width: 80px;}
	header nav, .header-container{gap:25px;}
	.motif-imgs{width: 42.5vw;}
	.big-title{font-size: 50px;}
	.title{font-size: 36px;line-height: 1;}
	.cta-fixed{right: 15px;border-top-left-radius: 50px;
    border-top-right-radius: 50px;}
	.contact-form .txt{padding: 15px 20px;}
	.navf{gap:15px;}
}


@media screen and (max-width: 1024px) {
	.valeurscards .wrap{gap:7%;}
	.menu-ico{
		display: block;
		width: 30px;
		height: 22px;
		cursor: pointer;
		transition: all .4s;
	}
	
	.menu-ico.open{
	}
	
	.menu-ico div{
		display: block;
		width: 100%;
		height: 4px;
		background: #651D32;
		margin-bottom: 5px;
		border-radius: 1px;
		transition: all .4s;
	}
	
	.motif-imgs {
    	width: 50vw;
	}
	.big-title{font-size: 40px;}
	header{
		--afterWidth: 0px !important;
    	--afterWidthDelay: 0ms !important;
		padding-top: 15px;
	}
	
	header nav{
		position: absolute;
		background-color: #fff;
		border-radius: 25px;
		min-width: 273px;
		left: 0px;
		top: 94px;
		z-index: 999;
		padding: 10px 0;
		display: none;
	}
	header nav a{display: block;padding: 10px 20px;}
	.header-container{
		overflow: visible;
		gap:40px;
		padding-right: 25px;
	}
	
	.contact-form .wrap{
		grid-template-columns: 4fr 6fr;
		gap:25px;
	}
	.navf{display: none;}
	.profilhome .wrap{gap:25px;}
	.courtiersslider.noslider{grid-template-columns: 1fr 1fr;}
	
	.popup-prop{
		min-width: 800px;
	}
	
	.profilpage .imgs{
		    grid-template-rows: repeat(16, 35px) 120px;
		    grid-template-rows: repeat(16, 35px) 0px;
	}
	.profilpage .wrap{
		grid-template-columns: 1fr 1.2fr;
	}
	.profilpage+.profilhome {
    margin-top: 70px;
}
}

@media screen and (max-width: 850px) {
	.page_temoin input{margin-bottom: 10px !important;}
	.ligne_temoin{grid-template-columns: 1fr;}
	.temslide{padding: 25px 30px;}
	.contact-form .wrap {
    	grid-template-columns: 4.5fr 5.5fr;
    	gap: 20px;
	}
	.big-title {
    	font-size: 36px;
	}
	.popup-prop{
		min-width: 700px;
		
	}
	a.logopop{width: 70px;}
	.popup-prop form{padding-top: 30px;}
	.popup-prop input[type=checkbox]+label{margin-top: 0;}
	
	.profilpage .imgs{
		    grid-template-rows: repeat(16, 30px) 80px;
	}
	.profilpage .wrap{
		grid-template-columns: 1fr 1.05fr;
	}
}

@media screen and (max-width: 750px) {
	.valeurscards .wrap{
		grid-template-columns: 1fr 1fr;
		gap:70px 10%;
	}
	.valeurscards::after{display: none;}
	.popup-prop{
		min-width: calc(100% - 20px);
	}
	.cta-fixed{
		right: 10px;
		border-top-left-radius:25px;
		border-top-right-radius: 25px;
		padding: 15px;
		padding-bottom: 30px;
		max-width: calc(100% - 20px);
		box-sizing: border-box;
	}
	.cta-fixed img.fermer{top: 15px;right: 15px;}
	
	.wrap{
		max-width: calc(100% - 20px);
	}
	
	.cta-fixed p{font-size: 14px;}
	
	.bouton{
		font-size: 15px;
	}
	.motif-imgs {
    	width: 80vw;
		opacity: .55;
	}
	.banner .wrap{bottom: 10px;}
	.sm-title, .small-title{font-size: 14px;}
	.big-title{font-size: 28px;}
	.title{font-size: 25px;}
	.profilhome .wrap{grid-template-columns: 1fr;}
	.profilhome .img{order:-1;margin-bottom: 0px;}
	.iframemap.standalone{height: 250px;}
	.iframemap.standalone a{width: 150px;bottom: 10px;left: 10px;}
	
	.commslide p{
		font-size: 11px;
		padding: 10px 5px 10px 12px;
	}
	
	.contact-form .wrap, .courtierinfos, .courtiersslider.noslider{
		grid-template-columns: 1fr;
	}
	.contact-form .iframemap{min-height: 200px;}
	.iframemap iframe{height: 250%;}
	.contact-form input:not([type=checkbox]), .contact-form textarea, .page_temoin .champs_tem, .pagevendre input:not([type=submit]), .pagevendre textarea{width: 100%;}
	
	.courtierslide p{translate:0 0;background-color: rgba(101,29,50,.75);}
	
	.propslidercont>.propslider, .popup-prop, .gridslide{
		grid-template-columns: 1fr;
	}
	.popup-prop{bottom: 5px;}
	.popup-prop .img, a.logopop{display: none;}
	
	.popup-prop form{padding-top: 20px;}
	.popup-prop .fermer{left: auto;right: 15px;}
	.popup-prop input:not([type=checkbox]), .popup-prop textarea{width: 100%;margin-bottom: 5px;}
	.popup-prop .title{font-size: 18px;font-weight: 500;}
	.profilpage+.profilhome .wrap, .profilpage .wrap{grid-template-columns: 1fr;}
	.profilpage .wrap{display: flex;flex-wrap: wrap;}
	.profilpage .txt{width: calc(100% - 45px);margin-left: 40px;}
	.profilpage .imgs{order:3;}
	.profilpage .txt::before{left: -30px;}
	p.dotbefore::before{left: -29px;}
	.profilpage .txt::after{left: -30px;width: 30px;}
	
	.profilpage .imgs{
		width: 100%;
    	grid-template-rows: repeat(16, 60px) 80px;
		margin-bottom: -150px;
	}
	.statitem{width: 100%; border-left: none;}
	.statitem:nth-of-type(2){border-right: 0;border-left: 0;}
}

@media screen and (max-width: 425px) {
	.profilpage .imgs{
		width: 100%;
    	grid-template-rows: repeat(16, 45px) 10px;
		margin-bottom: -150px;
	}
}
@media screen and (max-width: 370px) {
	
	.btn_social{
		width: 17px;
		margin: 0px 1px;
	}
	
	header nav.soc span{
		font-size: 14px;
	}
	
	.slider img {
    	width: 320% !important;
	}
	
	footer a.logo{
		width: 300px;
	}
}
.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: 210px;
    height: auto;
}