@import url("https://use.typekit.net/mhq5eba.css");

/* font-family: "aktiv-grotesk-condensed", sans-serif; 
200-300-400-600-700-900
*/
.tac.mt10{text-align: center;margin-top: 10px;clear: both;}
body{
	font-family: "aktiv-grotesk-condensed", sans-serif;
	font-weight: 400;
	color: #000;
	font-size: 16px;
}

.wrap{
	margin: 0 auto;
	width: min(1400px,calc(100% - 20px));
}

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

.tac{text-align: center;}

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

.fromtop{
	display: block;
	transform-origin: top center;
	scale:1 .01;
	opacity: 0;
	transition: all .4s 0s, scale .5s .4s!important;
}

.fromtop.seen, .opacityAnim.seen{
	scale:1;
	opacity: 1;
}

.opacityAnim{
	opacity: 0;
	transition: all .4s 0s, opacity .7s .3s!important;
}

header{
	padding: 30px 0;
	
}

header .wrap{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

a.logoh{
	width: 200px;
	transition: all .4s;
}

a.logoh:hover, a.logof:hover{
	filter: invert(16%) sepia(30%) saturate(1000%) hue-rotate(52deg) brightness(103%) contrast(90%);
}

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

.nav-side{
	display: grid;
	grid-template-columns: 1fr;
	gap:60px;
	padding-top: 10px;
}

.nav-side>*{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap:15px;
}

.btn_menu{
	text-transform: uppercase;
	font-weight: 400;
	font-size: 20px;
	text-decoration: none !important;
	padding: 8px 8px;
	display: block;
	transition: all .4s;
}

.btn_menu:last-child:not(:first-child){padding-right: 0;}

.wsub{
	position: relative;
}

.wsub .sub{
	position: absolute;
	bottom: 0px;
	left: 50%;
	translate:-50% 100%;
	transform-origin: top center;
	scale:1 .01;
	opacity: 0;
	text-align: center;
	background-color: #E5E5E5;
	padding: 5px 0;
	transition: all .4s;
}
.wsub:hover .sub, .wsub .sub:hover{
	scale:1;
	opacity: 1;
}

.wsub .sub a{
	padding: 5px 30px;
	white-space: nowrap;
	display: block;
}

.btnsoc{
	color: #253d15 !important;
	text-decoration: none !important;
	font-size: 22px;
	transition: all .4s;
}

a.telh, a.telf{
	font-size: 22px;
	font-weight: 600;
	margin-left: 20px;
	color: #000 !important;
	transition: all .4s;
}

a.telf{margin-left: 0;}

a.telh:hover, .btnsoc:hover, .btn_menu:hover, a.telf:hover{
	color: #40751d !important;
}

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

footer{
	padding: 30px 0;
}

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

.navf{
	width: 100%;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	flex-wrap: wrap;
	gap:15px;
	padding-bottom: 25px;
}

a.logof{
	width: 200px;
	transition: all .4s;
}
.logof img{
	display: block;
	width: 100%;
}

.finfo{
	margin-left: auto;
	margin-right: 40px;
}

.finfo div{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	align-items: center;
	gap:15px;
}

.finfo+.finfo{
	margin-right: auto;
	margin-left: 40px;
}

.finfo h3{
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 5px;
	font-size: 26px;
	font-weight: 300;
}

.agencef img{
	display: block;
	margin-left: auto;
	width: 200px;
}

.agencef p{
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 300;
	margin-top: 8px;
	margin-bottom: 0;
	text-align: right;
}

.liensutilesf{
	width: 100%;
	text-align: center;
	margin-top: 40px;
}


.prop-grid{
	margin-top: 20px;
	display: grid;
	gap:20px;
	grid-template-columns: repeat(auto-fit,minmax(380px,calc(50% - 10px)));
	justify-content: center;
}

.propa{
	color: #000 !important;
	text-decoration: none !important;
	position: relative;
	overflow: hidden;
	text-align: center;
}

.propimg{
	display: block;
	width: 100%;
}

.rollprop{
	translate:0 -101%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: rgba(255,255,255,.75);
	opacity: 0;
	transition: all .8s;
}

a:hover .rollprop{
	opacity: 1;
	translate:0 0%;
}

.rollprop>div{
	padding: 5px;
}

img.propsapin{
	display: block;
	width: 50px;
	margin: 0 auto 20px;
}

.propa h3{
	text-transform: uppercase;
	font-weight: 300;
	font-size: 26px;
	margin-top: 0;
	margin-bottom: 20px;
}

.propa p{
	font-weight: 300;
	font-size: 20px;
	margin-top: 0;
	margin-bottom: 0px;
}

.propa p strong{
	text-transform: uppercase;
	font-size: 22px;
}

.title{
	text-transform: uppercase;
	font-weight: 300;
	font-size: 36px;
	margin: 0;
	padding-top: 20px;
	padding-bottom: 5px;
}

a.bouton{
	text-transform: uppercase;
	text-decoration: none !important;
	color: #000 !important;
	font-size: 16px;
	transition: all .4s;
}

a.bouton:hover{
	color: #253d15 !important;
}

a.bouton i{
	display: inline-block;
	margin-left: 2px;
	font-size: 14px;
	transition: all .4s;
}

a.bouton:hover i{margin-left: 7px;}

hr.vertical-line{
	width: 3px;
	height: 0px;
	border-radius: 2px;
	border:0;
	background-color: #000;
	margin: 0;
	position: relative;
	z-index: 99;
	transition: all .6s;
}

hr.vertical-line.seen{
	height: 140px;
}

.prophome hr{
	margin-left: 30px;
	margin-top: -60px;
}

.ctashome{
	margin-top: 30px;
}

.ctashome hr, .temhome hr{
	margin-left: auto;margin-right: 60px;
	margin-bottom: 30px;
}

.ctashome .ctaswrap{
	display: grid;
	grid-template-columns: repeat(auto-fit,minmax(380px,50%));
	justify-content: center;
}

.cta{
	text-decoration: none !important;
	background-image: url("../images2/vcta.jpg");
	-webkit-background-size: cover;
	background-size: cover;
	color: #000 !important;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 40px 0px 60px;
	cursor: pointer;
}

.cta+.cta{
	background-image: url("../images2/acta.jpg");
	color: #fff !important;
}

.cta p{
	font-weight: 700;
	font-size: 24px;
	margin-top: 30px;
	margin-bottom: 30px;
}

.cta p.avlinktxt{
	font-size: 12px;
	margin: 0;
}

.cta:hover p.avlinktxt{text-decoration: underline;}

.profilhome{
	margin-top: 30px;
}

.profilhome hr{margin-left: 30px;margin-bottom: 0px;}

.profilwrap{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	gap:50px;
	margin-top: 40px;
}

.profilwrap .img{
	width: min(80%,350px);
	margin-left: auto;margin-right: auto;
}

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

.profilwrap .txt{
	width: calc(100% - 400px);
	margin-left: auto;margin-right: auto;
	font-size: 24px;
	line-height: 1.6;
	font-weight: 300;
}

.profilwrap .txt p{
	margin-top: 0;
	margin-bottom: 30px;
}
.temhome{
	text-align: right;
	padding-top: 40px;
	padding-bottom: 30px;
	background-image: url("../images2/sapin-bg.png");
	background-size: auto 100%;
	background-position: center;
	background-repeat: no-repeat;
}
.temhome h2{margin-bottom: 40px;padding-top: 10px;}
.temslider p br{display: none;}
.temslider p{
	text-align: right;
	font-size: 22px;
	line-height: 1.5;
	margin-top: 0;
	margin-bottom: 30px;
	font-weight: 300;
	margin-left: auto;
	width: min(1000px,100%);
}

.temslider p+p{
	font-weight: 700;
}

.cartevendues{
	position: relative;
	width: 100%;
	height: 450px;
	overflow: hidden;
}

.cartevendues iframe{
	position: absolute;
	top: 50%;
	left: 50%;
	translate:-50% -50%;
	width: 150%;
	height: 150%;
}

.propsold hr{
	margin-left: 30px;
	margin-bottom: -60px;
	position: relative;
	z-index: 99;
}




















































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

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

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: #253d15;
	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: #253d15;
}

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

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

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

.vendreintro{
	text-align: center;
	background: #253d15;
	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: #253d15;
    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{
    font-weight: 300;
    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: #253d15;
}

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

	display: grid;

	gap:40px;

	grid-template-columns:repeat(3, 1fr);

	width: 100%;

	text-align: left;

	margin-bottom: 30px;

}



.videoswrapper > a {

	text-decoration: none;

	background-color: #edebe7;

}

.videoswrapper > a:hover {

	text-decoration: none;

}

.wrapper_txt_video {

	padding: 30px 20px;

}





.videoswrapper a img{

	display: block;

	width: 100%;

	aspect-ratio:16/9;

	object-fit: cover;

	object-position: center;

}



.popup {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100vh;

    background: rgba(0,0,0,.8);

    z-index: 9999;

    display: none;

}



.popup>div {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

}






.popvideo article.videocontainer {

    background-color: #000;

    width: 90%;

    padding-bottom: calc(56% * .9);

    position: relative;

    box-sizing: content-box;

    box-shadow: 0px 0px 65px 0px rgb(0 0 0 / 90%);

}



.popvideo article.videocontainer iframe {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}



.popup .close {

    color: #fff;

    position: absolute;

    top: -10px;

    right: 10px;

    font-size: 50px;

    cursor: pointer;

    transition: all .4s;

}

.videotit {

	font-size: 20px;

    color: #9b2766;

    letter-spacing: 1px;

    margin-top: 0;

    margin-bottom: 20px;

    font-family: 'Josefin Sans', sans-serif;

}

.videotxt {

    margin-bottom: 20px;

}

.wrapper_txt_video .btn {

	color: #000;

    font-family: 'Josefin Sans', sans-serif;

    font-size: 16px;

    display: inline-block;

}

.wrapper_txt_video .btn i {

	margin-bottom: 2px;

    display: inline-block;

    vertical-align: middle;

    margin-left: 2px;

}
@media screen and (min-width: 1921px) {
	
	
}

@media screen and (max-width: 1240px) {
	
}

@media screen and (max-width: 1100px) {
	.nav-side>* {
		gap: 7px;
	}
}
@media screen and (max-width: 1024px) {
.mute-btn{bottom: 60px;}
	.menu-ico{
		display: block;
		width: 30px;
		height: 22px;
		margin-left: auto;
		cursor: pointer;
		transition: all .4s;
	}
	
	.menu-ico.open{
	}
	
	.menu-ico span{
		display: block;
		width: 100%;
		height: 4px;
		background: #253d15;
		margin-bottom: 5px;
		border-radius: 1px;
		transition: all .4s;
	}
	
	.menu-ico.open span{
		background: #fff;
	}
	
	header{position: relative;}
	.nav-side>nav{
		display: none;
		position: absolute;
		background-color: #fff;
		bottom: 0;
		right: 0;
		translate:0 100%;
		
		
	}
	
	.nav-side>nav a, .btn_menu, .wsub .sub a{
		display: block;
		min-width: 30vw;
		font-size: 18px;
		text-transform: uppercase;
		font-weight: 400;
		text-decoration: none !important;
		padding: 5px 10px;
	}
	.wsub span.btn_menu{display: none !important;}
	.wsub .sub{
		opacity: 1 !important;
		position: relative !important;
		background-color: #fff;
		padding: 0;
		left: 0 !important;
		translate:0 0 !important;
		scale:1 !important;
		text-align: left;
	}
	
	.nav-side{gap:25px;}
	a.logoh{width: 150px;}
	header{padding: 20px 0;}
	a.telh, a.telf, .btnsoc{font-size: 18px;}
	
	a.propa{
		background-color: rgba(0,0,0,.05);
	}
	
	.rollprop{
		background-color: transparent;
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		height: auto;
		translate: 0 0 !important;
		opacity: 1 !important;
		display: block;
	}
	
	.rollprop>div{
		padding: 15px;
		padding-right: 75px;
		text-align: left;
	}
	img.propsapin{
		position: absolute;
		right: 15px;
		top: 50%;
		translate:0 -50%;
		opacity: .25;
	}
	.propa h3{
		font-size: 18px;
		margin-bottom: 6px;
	}
	.propa p, .propa p strong{
		font-size: 16px;
	}
	
	a.logof{
		width: 120px;
	}
	.agencef img{width: 85px;}
	.agencef p{font-size: 10px;}
	.finfo h3{font-size: 22px;}
	.finfo{
		margin-right: 20px;
	}
	.finfo+.finfo{margin-left: 20px;}
}

@media screen and (max-width: 850px) {
	.videoswrapper{gap:20px;}
	.profilwrap .txt, .temslider p{font-size: 18px;}
	.navf{display: none !important;}
	.banner img{
		min-height: 280px;
		object-fit: cover;
		object-position: center;
	}
	
}

@media screen and (max-width: 750px) {
	.videoswrapper{display: block;}

	.videoswrapper a {

		display: block;

		max-width: 300px;

		width: 100%;

		margin-left: auto;

		margin-right: auto;

		margin-bottom: 30px;

	}
	.profilwrap .txt{width: 100%;}
	hr.vertical-line.seen{height: 100px;}
	a.logoh{width: 100px;}
	
	a.logof{
		width: 180px;
		margin-left: auto;margin-right: auto;
		margin-bottom: 20px;
	}
	.finfo{
		text-align: center;
		width: 100%;
		margin: 0 !important;
		margin-bottom: 20px !important;
	}
	.finfo div{
		justify-content: center;
	}
	.agencef{width: 100%;}
	.agencef img{margin-left: auto;margin-right: auto;}
	.agencef p{text-align: center;}
	
	.liensutilesf{font-size: 75%;}
	.nav-side>nav a, .btn_menu, .wsub .sub a{min-width: 45vw;}
}

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