@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;700&family=Lobster&display=swap');



/* 

font-family: 'Barlow', sans-serif;

font-family: 'Lobster', cursive;

*/



html{scroll-behavior: smooth;scroll-padding-top:97px;}

.tac.mt10{text-align: center;margin-top: 10px;clear: both;}

body{

	font-family: 'Barlow', sans-serif;

	font-weight: 400;

	color: #000;

	font-size: 16px;

	padding-top: 97px;

}

img.agenceimg{display: block;width: 100%;max-width: 250px;margin-left: auto;margin-right: auto;}
img.agenceimg+p{
	font-size: 14px;
	margin-bottom: 0;
	margin-top: 1em;
}
p.siegesoc{
	font-size: 14px;
	margin-top: 5px;
}

.wrap, .bannerhome .bx-controls-direction{

	width: 1220px;

	max-width: 100%;

	margin: 0 auto;

}



.flexspacer{width: 100%;}



h1, h2, h3, h4, h5, h6{

	font-family: 'Lobster', cursive;

}



input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */

	color: #a6a6a6;

	font-style: italic;

	font-size:14px;

	text-transform: none;

}

input::-moz-placeholder, textarea::-moz-placeholder { /* Firefox 19+ */

	color: #a6a6a6;

	font-style: italic;

	font-size:14px;

	text-transform: none;

}

input:-ms-input-placeholder, textarea:-ms-input-placeholder { /* IE 10+ */

	color: #a6a6a6;

	font-style: italic;

	font-size:14px;

	text-transform: none;

}

input:-moz-placeholder, textarea:-moz-placeholder { /* Firefox 18- */

	color: #a6a6a6;

	font-style: italic;

	font-size:14px;

	text-transform: none;

}



header{

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	background: #e21331;

    background: linear-gradient(180deg, rgba(185,16,40,1) 45%, rgba(226,19,49,1) 70%);

	-webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.4); 

	box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.4);

	color: #fff;

	z-index: 9999;

}



header .wrap{

	display: flex;

	justify-content: flex-end;

	align-items: center;

}



header .soc{

	background: #000;

	padding: 8px 0;

}



header .soc p{

	font-size: 14px;

	text-transform: uppercase;

	margin: 0;

}



header .soc a.btn_social, footer .btn_social{

	background-color: transparent !important;

	border-radius: 0 !important;

	color: #fff !important;

	width: auto !important;

	height: auto !important;

	display: block;

	padding: 0 !important;

	margin-right: 0 !important;

	margin-left: 15px;

}



header .soc a{color: #fff !important;}



header .soc a:not(.sms):not(.btn_social){

	display: inline-block;vertical-align: middle;margin: 0px 5px;font-size: 14px;

}



header .soc .sms+p{margin-left: 20px;margin-right: 5px;}



footer .btn_social{color: #000 !important;display: inline-block;vertical-align: middle;margin-left: 10px;}



header .soc a.sms{

	margin-left: 25px;

	color: #fff !important;

	text-decoration: none !important;

	font-size: 14px;

	text-transform: uppercase;

	transition: all .4s;

}



header .soc a.sms i{font-size: 19px;margin-left: 4px;}



header .soc a.btn_social:hover, header .soc a.sms:hover{

	color: #e21331 !important;

}



header nav{

	display: flex;

	justify-content: flex-end;

	align-items: center;

}



header nav>a, header nav .wsub>a{

	padding: 20px 15px;

	color: #fff !important;

	text-transform: uppercase;

	font-size: 15px;

	text-decoration: none !important;

	display: block;

	transition: all .2s;

}



header nav a.selected{

	color: #000 !important;

	font-weight: bold;

	background: #fff;

    background: linear-gradient(180deg, rgba(211,211,211,1) 0%, rgba(255,255,255,1) 40%);

}



header nav>a:hover, header nav .wsub>a:hover{color: #000 !important;}



header nav a i.fa{

	font-size: 10px;

	line-height: 1;

	display: inline-block;

	vertical-align: middle;

	margin-top: -4px;

	margin-left: 3px;

}



header nav .wsub{

	position: relative;

}



.sub{

	position: absolute;

	top: 58px;

	left: 0;

	overflow: hidden;

	opacity: 0;

	transform-origin: top center;

	transform: scaleY(.01) translateX(-100px);

	background-color: #e21331;

	padding: 15px;

	-webkit-box-shadow: inset 0px 10px 20px -10px rgba(0,0,0,0.4); 

	box-shadow: inset 0px 10px 20px -10px rgba(0,0,0,0.4);

	transition: all .4s;

}



.sub:not(.complex){

	left: 50%;

	transform: scaleY(.01) translateX(-50%);

	white-space: nowrap;

}



.wsub:hover .sub.complex{

	opacity: 1;

	transform: scaleY(1) translateX(-100px);

}

.wsub:hover .sub:not(.complex){

	opacity: 1;

	transform: scaleY(1) translateX(-50%);

}



.sub a{

	color: #fff !important;

	text-decoration: none !important;

	display: block;

	padding: 5px;

}



.sub a:hover{text-decoration: underline !important;}



.sub.complex{

	display: flex;

	justify-content: flex-start;

	align-items: flex-start;

}



.sub.complex .half+.half{

	margin-left: 30px;

}



.sub.complex p{

	white-space: nowrap;

	padding-right: 30px;

}



.sub.complex p a{

	text-transform: uppercase;

	

}



.prefoot{

	background-color: #000;

	color: #fff;

	padding-bottom: 25px;

}



.prefoot:before, .temhome:before, .temhome:after{

	content: "";

	width: 100%;

	height: 10px;

	background: rgb(253,0,0);

    background: linear-gradient(90deg, rgba(253,0,0,1) 0%, rgba(0,0,0,1) 100%);

	display: block;

	margin-bottom: 25px;

}





footer .wrap{

	display: flex;

	justify-content: flex-start;

	align-items: flex-start;

	flex-wrap: wrap;

}

footer .prefoot .wrap{align-items: center;}



a.logof{

	width: 220px;

	display: block;

}



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



.courtierf{

	width: calc((100% - 220px - 120px) / 3);

	margin-left: 40px;

}



.courtierf h3{color: #fff;}



.courtierf a{color: #fff !important; text-decoration: none !important;}



.contactf+.contactf{margin-left: 10px;}



footer h3{

	font-size: 28px;

	font-weight: normal;

	margin: 0;

}



footer h3+h3{margin-top: 25px;}



footer h3+p{
	margin-top: 0;
	font-size: 14px;
}



.footer_copy{

	width: 100%;

	text-align: center;

	padding-bottom: 70px;

	padding-top: 20px;

}



.conntactinfos{

	width: 195px;

	padding-top: 40px;

	padding-bottom: 40px;

}



.conntactinfos a{

	position: relative;

	display: inline-block;

	padding-left: 28px;

	text-decoration: none !important;

	margin-bottom: 4px;

}



.conntactinfos a i{

	display: block;

	position: absolute;

	top: 0;

	left: 0;

	width: 25px;

	text-align: center;

	font-size: 20px;

}



.socf{

	align-self: stretch;

	border-left:1px solid rgba(0,0,0,.2);

	padding-left: 40px;

	padding-top: 40px;

	margin-left: 40px;

	box-sizing: border-box;

	width: calc(100% - 240px);

}



p.quartiers{font-size: 14px;margin-top: 10px;}



.sticky-ctas{

	position: fixed;

	bottom: 0;

	z-index: 9998;

	background-color: #fff;

	left: 0;

	width: 100%;

	padding: 7px 0;

}



.sticky-ctas .wrap{

	display: flex;

	justify-content: flex-end;

	align-items: center;

}



a.bouton, a.bouton2, input[type=submit]{

	border-radius: 8px;

	color: #fff !important;

	background-color: #e21331;

	border:2px solid #e21331;

	display: inline-block;

	height: 46px;

	line-height: 44px;

	padding: 0px 20px;

	text-decoration: none !important;

	transition: all .4s;

}



a.bouton2{

	background-color: #f1f1f1;

	color: #e21331 !important;

}



a.bouton3{

	border:1px solid #e21331;

	background-color: transparent;

	color: #fff !important;

	text-decoration: none !important;

	font-weight: bold;

	border-radius: 8px;

	display: inline-block;

	text-align: center;

	width: calc(50% - 10px);

	margin-bottom: 20px;

	height: 46px;

	font-size: 14px;

	line-height: 42px;

	transition: all .4s;

}



a.bouton3 span{display: inline-block;vertical-align: middle;line-height: 1.2;}



a.bouton3:hover{

	background-color: #e21331;

}



a.bouton:hover, input[type=submit]:hover{

	background-color: #fff;

	color: #e21331 !important;

}



a.bouton2:hover{

	background-color: #e21331;

	color: #fff !important;

}



a.bouton img{

	width: 34px;

	display: inline-block;

	vertical-align: middle;

	margin-right: 10px;

	margin-top: -4px;

	transition: all .4s;

}



a.bouton:hover img{

	filter: invert(1);

}



a.bouton+a.bouton {margin-left: 20px;}



.bannerhome{position: relative;}

.bannerhome a.logoban{

	width: 420px;

}

.banner a.logoban{width: 300px;}



.bannerhome a.logoban img, .banner a.logoban img{display: block;width: 100%;}



.bannerhome a.logoban+img{

	display: block;

	max-width: calc(100% - 420px);

	position: absolute;

	bottom: 0;

	right: 0;

}



.bannerhome .wrap, .banner .wrap{

	display: flex;

	justify-content: space-between;

	align-items: center;

	min-height: 650px;

	position: relative;

	box-sizing: border-box;

	padding-left: 80px;padding-right: 80px;

}



.banner .wrap{min-height: 480px}



.slidehome{-webkit-background-size: cover;

background-size: cover;}



.bannerhome>.sliderhome>.slidehome:not(:first-child){

	display: none;	

}



.bannerhome .bx-controls-direction{

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%,-50%);

	z-index: 99;

}



.bannerhome .bx-controls-direction a{

	font-size: 0;

	display: block;

	width: 30px;

	height: 30px;

	background-image: url("../images2/arrownext.png");

	-webkit-background-size: cover;

	background-size: cover;

	position: absolute;

	right: 0;

	

}



.bannerhome .bx-controls-direction a:hover{filter: grayscale(1);}



.bannerhome .bx-controls-direction a.bx-prev{

	transform: scaleX(-1);

	left: 0;

	right: auto;

}



.banner{

	background-image: url("../images2/ban-about.jpg");

	-webkit-background-size: cover;

	background-size: cover;

}



.banner.vendre{

	background-image: url("../images2/ban-vendre.jpg");

}



.banner.acheter{

	background-image: url("../images2/ban-acheter.jpg");

}



.banner.parregion{

	background-image: url("../images2/ban-proparregion.jpg");

}



.banner.parlac{

	background-image: url("../images2/ban-proparlac.jpg");

}



.banner.calcu{

	background-image: url("../images2/ban-calcu.jpg");

}

.banner.contact{

	background-image: url("../images2/ban-contact.jpg");

}



.outils-page h1{

	text-align: center;

	font-size: 40px;

	font-weight: normal;

	padding: 20px;

}



.rh.ng-scope{margin-bottom: 40px;}



.dark{

	background-color: #131313;

	color: #fff;

}



.dark p a{color: #fff !important;}



.light{background-color: #f1f1f1;}



.dark.homebg{

	background-image: url("../images2/maisonbg.png");

	background-size: 900px auto;

	background-position: bottom left 100px;

	background-repeat: no-repeat;

}



.dark.homefullbg{

	background-image: url("../images2/maisonbg3.png");

	background-size: 900px auto;

	background-position: center left 100px;

	background-repeat: no-repeat;

}



.dark.homefullbg.introProp{background-position: center left 30px;}



.light.homebg{

	background-image: url("../images2/maisonbg2.png");

	background-size: 900px auto;

	background-position: bottom -50px left 100px;

	background-repeat: no-repeat;

}



.introhome .wrap{

	box-sizing: border-box;

	padding: 40px 80px;

	text-align: center;

}



.introhome h1{

	text-align: center;

	width: 100%;

	font-size: 50px;

	margin: 0;

	margin-bottom: 25px;

	font-weight: normal;

}



.introhome p{

	margin-top: 0;

	margin-bottom: 25px;

	text-align: left;

	line-height: 1.4;

}



.prophome h1, .profilhome h1, .programmes h1, .markethome h1, .temhome h1, .videohome h1, .bloghome h1, .outilshome h1, .minieval h1, .profilpage h1, .profilpage h2, .profilpage h3, .profiltxt h2, .question h3, .courtier h1, .courtier h1 span, .pageeval h1, .newform h3, .introeval h1, .introeval h2, .introProp h1, .videos h1{

	text-align: center;

	width: 100%;

	font-size: 40px;

	font-weight: normal;

	margin: 0;

	margin-bottom: 40px;

}



.minieval h1, .profilpage h2, .newform h3, .introeval h2{font-size: 30px;}

.profilpage h3{font-size: 26px;}



.profilhome h1, .temhome h1, .newform h3{margin-bottom: 20px;}



.profilpage h1{font-size: 55px;}

.profilpage h1, .profilpage h2, .profilpage h3, .profiltxt h2, .introeval h2{text-align: left;margin-bottom: 0;}



.courtier h1{

	text-align: left;

	margin-bottom: 25px;

}



.courtier h1 span{font-size: 26px;margin-bottom: 0;text-align: left;display: block;}



.prophome{

	padding: 40px 0;

	text-align: center;

}



.propcont{

	display: flex;

	justify-content: center;

	align-items: stretch;

	flex-wrap: wrap;

	margin-bottom: 40px;

}



a.propa{

	margin-right: 30px;

	margin-bottom: 30px;

	width: calc((100% - 60px) / 3);

	position: relative;

	overflow: hidden;

	color: #fff !important;

	text-decoration: none !important;

	text-transform: uppercase;

	text-align: center;

	border-radius: 10px;

	

}



a.propa:nth-child(3n){margin-right: 0;}



a.propa h2, a.propa p, a.videolink p{

	font-family: 'Barlow', sans-serif;

	font-size: 16px;

	font-weight: bold;

}

a.videolink p{margin: 0;}



a.propa h2+p{

	margin: 10px 0;

}



img.propimg{

	display: block;

	width: 100%;

	border-radius: 10px;

}



.rollprop{

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	display: flex;

	justify-content: center;

	align-items: center;

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

    background: linear-gradient(90deg, rgba(253,0,0,.8) 0%, rgba(0,0,0,.8) 100%);

	opacity: 0;

	box-sizing: border-box;

	padding: 10px;

	transform: translateY(101%);

	transition: all .4s;

}



a:hover .rollprop{

	opacity: 1;

	transform: none;

}



.profilhome .wrap{

	width: 930px;

	margin-top: 40px;

}



.profilhome img{

	display: block;

	width: 100%;

	margin-bottom: 25px;

}



.profilhome img+div{

	display: flex;

	justify-content: flex-start;

	align-items: flex-start;

}



.courtitit{

	margin-left: 80px;

}



.courtitit:nth-child(3){

	margin-right: auto;

}



.courtitit h2{

	font-size: 20px;

	font-weight: normal;

	margin: 0;

}



.courtitit p{

	font-weight: bold;

	margin: 0;

	font-size: 13px;

}



.programmes{

	background-color: #f1f1f1;

	background-image: url("../images2/maisonbg2.png");

	background-size: 900px auto;

	background-position: bottom left 100px;

	background-repeat: no-repeat;

	margin-top: 100px;

	padding-top: 40px;padding-bottom: 30px;

	text-align: center;

}



.programmes .programmescont{

	display: flex;

	justify-content: center;

	align-items: stretch;

	padding-left: 80px;

	padding-right: 80px;

	margin-bottom: 30px;

	text-align: left;

}



.programme{

	width: calc((100% - 132px) / 3);

}



.programme+.programme{

	border-left: 1px solid #cdcdcd;

	margin-left: 30px;

	padding-left: 30px;

}



.programme img{

	display: block;

	width: 100%;

	margin-bottom: 30px;

}



.programme p{

	margin: 0;

	line-height: 1.4;

	padding-bottom: 20px;

}



.airmiles{

	display: flex;

	justify-content: center;

	align-items: center;

	text-align: left;

	margin-top: 30px;

}



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



.airmiles .img{

	width: 160px;

	margin-right: 50px;

}



.airmiles .img+div{max-width: 600px;}



.airmiles h2{

	margin: 0;

	font-weight: normal;

	font-size: 30px;

}



.airmiles p{

	margin: 0;

	line-height: 1.4;

}



.markethome .wrap{

	text-align: center;

	box-sizing: border-box;

	padding: 50px 80px;

	

}



.markethome img{

	display: block;

	width: 100%;

	margin-bottom: 40px;

}



.temhome{

	text-align: center;

	padding: 50px 0;

	position: relative;

}



.temhome:before{position: absolute;left: 0;top: 0;margin-bottom: 0;}

.temhome:after{position: absolute;left: 0;bottom: 0;margin-bottom: 0;}



.videohome, .bloghome{

	padding: 40px 0;

	text-align: center;

}



.videohome .wrap, .bloghome .wrap{

	box-sizing: border-box;

	padding-left: 80px;

	padding-right: 80px;

}



.videocont, .articlecont{

	display: flex;

	justify-content: space-between;

	align-items: stretch;

	flex-wrap: wrap;

	margin-bottom: 40px;

}



.videocont a{

	width: calc((100% - 50px) / 3);

	background-color: #000;

}



.videocont img{

	display: block;

	width: 100%;

	transition: all .4s;

}



.videocont a:hover img{opacity: .7;}



.articlecont{

	

	

}



.articlecont img{

	display: block;

	width: 100%;transition: all .4s;

}



.articlecont a:hover img{opacity: .7;}

.articlecont article>a:first-child{background-color: #000;display: block;}



.articlecont article{

	color: #000;

	background-color: #f1f1f1;

	border-radius: 10px;

	overflow: hidden;

	position: relative;

	width: calc((100% - 30px) / 3);

	padding-bottom: 90px;

}



.articlecont a.bouton2{

	position: absolute;

	bottom: 20px;

	left: 50%;

	transform: translateX(-50%);

}



.articlecont a:not(.bouton2){text-decoration: none;color: #000 !important;}



.articlecont p{

	max-width: calc(100% - 40px);

	margin-left: auto;

	margin-right: auto;

	font-size: 14px;

	margin-top: 20px;

	margin-bottom: 10px;

}



.articlecont h3{

	text-transform: uppercase;

	font-weight: bold;

	font-size: 16px;

	font-family: 'Barlow', sans-serif;

	margin: 0;

	max-width: calc(100% - 40px);

	margin-left: auto;

	margin-right: auto;

}



.articlecont h1{

	font-family: 'Barlow', sans-serif;

	font-size: 16px;

	margin-top: 0;

	margin-bottom: 0;

	font-weight: normal;

	max-width: calc(100% - 40px);

	margin-left: auto;

	margin-right: auto;

}



.outilshome{

	padding: 50px 0;

}



.outilscont{

	padding: 0px 80px;

	display: flex;

	justify-content: space-between;

	align-items: stretch;

} 



.outilscont a{

	background-color: #e21331;

	color: #fff !important;

	border-radius: 10px;

	text-align: center;

	box-sizing: border-box;

	padding: 30px 10px 20px;

	text-decoration: none !important;

	width: calc((100% - 120px) / 5);

	transition: all .4s;

}



.outilscont a:hover{background-color: #1a1a1a;}



.outilscont a img{

	display: block;

	width: 90px;

	margin-left: auto;margin-right: auto;

}



.outilscont a p{

	margin-bottom: 0;

	margin-top: 15px;

}



.minieval{

	background-color: #f1f1f1;

	padding: 30px 0;

}



.minieval form{

	max-width: 850px;

	margin-left: auto;margin-right: auto;

	display: flex;

	justify-content: space-between;

	align-items: flex-start;

	flex-wrap: wrap;

}



.minieval form input:not([type=submit]), .newform>input:not([type=submit]), .newform textarea{

	-webkit-appearance:none;

	appearance:none;

	padding: 10px;

	border:1px solid #939293;

	background-color: #fff;

	font-size: 14px;

	margin-bottom: 30px;

	display: block;

	box-sizing: border-box;

	width: calc((100% - 90px) / 4);

}



.newform>input:not([type=submit]), .newform textarea{width: 100%;}



.newform textarea{min-height: 120px;resize: vertical;}



.newform select{

	padding: 10px;

	border:1px solid #939293;

	background-color: #fff;

	font-size: 14px;

	margin-bottom: 30px;

	display: block;

	box-sizing: border-box;

	width: 100%;

}



.newform input:not([type=submit]).halfinput, .newform select.halfinput{width: calc(50% - 15px);}



.minieval form input[type=submit], .newform>input[type=submit]{-webkit-appearance:none;

	appearance:none;margin-left: auto;margin-right: auto;}



.profilpage .wrap{

	box-sizing: border-box;

	padding: 30px 80px 60px;

	display: flex;

	justify-content: space-between;

	align-items: center;

	flex-wrap: wrap;

}



.profilpage img, .profiltxt img{display: block;width: 100%;}



.profilpage .img{

	width: 440px;

}



.profilpage .tit{

	width: calc(100% - 480px);

}



.profilpage .txt{

	width: 100%;

	margin-top: 40px;

}



.profilpage p, .profiltxt p, .courtier p{

	margin-top: 0;

	margin-bottom: 25px;

	line-height: 1.4;

}



.profiltxt .wrap{

	box-sizing: border-box;

	padding: 60px 80px 60px;

	display: flex;

	justify-content: space-between;

	align-items: flex-start;

	flex-wrap: wrap;

}

.profiltxt.tacnoflex .wrap{text-align: center;display: block;}



.profiltxt.tacnoflex img{

	max-width: 100%;

	width: auto;

	margin:20px auto;

}



.profiltxt iframe{margin-left: auto;margin-right: auto;}



.profiltxt .txt, .profiltxt .img, .profiltxt .half, .profiltxt .iframe{

	width: calc(50% - 25px);

	margin-bottom: 50px;

}

.profiltxt .half{margin-bottom: 0;}



.profiltxt h2, .question h3{margin-bottom: 25px;}

.profiltxt h2.tac{text-align: center;width: 100%;}



.profiltxt h3{

	font-weight: normal;

	font-size: 25px;

	margin: 0;

}



.profiltxt iframe+h3{margin-top: 30px;}



.question{

	padding: 60px 10px;

	text-align: center;

	background-image: url("../images2/about-mid.jpg");

	-webkit-background-size: cover;

	background-size: cover;

}



.profiltxt p+ul{margin-top: -20px;}



.profiltxt ul, .introProp ul{

	margin-top: 0;

	margin-bottom: 25px;

	padding-left: 20px;

}



.profiltxt ul li, .introProp ul li{margin-bottom: 5px;}



.profiltxt .iframe iframe{

	max-width: 100%;

}



.profiltxt .iframe iframe+p, .profiltxt .img img + p{

	margin-top: 20px;

}







.courtier .wrap{

	box-sizing: border-box;

	padding: 40px 80px;

	display: flex;

	justify-content: space-between;

	align-items: flex-start;

	flex-wrap: wrap;

}



.courtier .img{

	width: 285px;

}



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



.courtier .txt{

	width: calc(100% - 310px);

}



.pageeval .wrap, .introeval .wrap{

	box-sizing: border-box;

	padding: 40px 80px;

}



.newform h3+p{

	text-align: center;

	margin-top: 0;

	margin-bottom: 30px;

	width: 100%;

}



.newform{

	display: flex;

	justify-content: space-between;

	align-items: flex-start;

	flex-wrap: wrap;

	padding-left: 80px;padding-right: 80px;

}



.checkboxes{

	width: 100%;

	border:1px solid rgba(0,0,0,.1);

	padding: 20px;

	display: flex;

	justify-content: flex-start;

	align-items: center;

	flex-wrap: wrap;

	margin-bottom: 30px;

}



.checkboxes input{width: 15px;height: 15px;margin-right: 10px;margin-bottom: 5px;}



.checkboxes label{

	width: calc(50% - 30px);

	margin-bottom: 5px;

}



.introeval .wrap{

	display: flex;

	justify-content: space-between;

	align-items: flex-start;

	flex-wrap: wrap;

}



.introeval .half{width: calc(50% - 20px);margin-bottom: 50px;}



.introeval p{

	line-height: 1.4;margin-bottom: 0;

	margin-top: 20px;

}



.introeval p+h2{margin-top: 30px;}



.introeval a.bouton{margin-left: auto;margin-right: auto;margin-bottom: 40px;}



.introProp .wrap{

	padding-top: 50px;

	padding-bottom: 10px;

}



.introProp p, .introProp ul{

	max-width: calc(100% - 160px);

	margin-left: auto;margin-right: auto;

	margin-top: 0;

	margin-bottom: 20px;

	line-height: 1.4;

}



.regioncont{

	display: flex;

	flex-wrap: wrap;

	justify-content: center;

	align-items: stretch;

}



.regioncont a{

	width: calc((100% - 60px) / 3);

	margin-bottom: 30px;

	border-radius: 10px;

	background: rgba(253,0,0,1);

    background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 100%);

	color: #fff !important;

	text-decoration: none;

	font-size: 30px;

	text-align: center;

	overflow: hidden;

	position: relative;

}



.regioncont a:nth-child(3n+2){

	margin-left: 30px;margin-right: 30px;

}



.regioncont a:hover{

	background: rgba(253,0,0,1);

    background: linear-gradient(90deg, rgba(253,0,0,1) 0%, rgba(0,0,0,1) 100%);

}



.regioncont a img{

	display: block;

	width: 100%;

	height: 100%;

	object-fit: cover;

	opacity: .3;

}



.regioncont a div{

	position: absolute;

	top: 0;

	left: 0;

	bottom: 0;

	right: 0;

	display: flex;

	justify-content: center;

	align-items: center;

	padding: 30px;

}



.regioncont a h2{font-weight: normal;line-height: 1;}



.regioncont a span.sm{

	font-size: 20px

}



.aligncenter .wrap{align-items: center !important;}



.btnsectcont{

	width: 600px;

	max-width: 100%;

	margin: 0 auto 40px;

	display: flex;

	justify-content: space-between;

	align-items: flex-start;

	flex-wrap: wrap;

}



ul.linklist{

	display: flex;

	flex-wrap: wrap;

	justify-content: flex-start;

	align-items: flex-start;

	text-align: left;

	max-width: 700px;

	margin-left: auto;margin-right: auto;

	padding-left: 20px;

}



ul.linklist li{

	width: 50%;

	box-sizing: border-box;

	padding: 0px 25px 0 0;

	list-style-type:disc;

}



ul.linklist li:nth-child(even){padding-right: 0;}



ul.linklist li a{color: #fff !important;text-decoration: none !important;}

ul.linklist li a:hover{text-decoration: underline !important;}



.fullwtxt{

	width: 100%;

	text-align: center;

}



.fullwtxt h2, .fullwtxt h3{text-align: center;}



.fullwtxt img{

	display: block;

	max-width: 900px;

	margin-left: auto;

	margin-right: auto;

	margin-bottom: 20px;

}



.fullwtxt ul{

	display: inline-block;

	text-align: left;

}



.videos{

	padding: 30px 0;

}



.videos .wrap{

	display: flex;

	justify-content: center;

	align-items: flex-start;

	flex-wrap: wrap;

}



a.videolink{

	display: block;

	text-decoration: none !important;

	color: #fff !important;

	overflow: hidden;

	position: relative;

	width: calc((100% - 40px) / 3);

	margin-bottom: 20px;

	border-radius: 8px;

}



a.videolink:nth-of-type(3n-1){margin-left: 20px;margin-right: 20px;}



a.videolink img{

	display: block;

	width: 100%;

}



a.videolink div{

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

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

    background: linear-gradient(90deg, rgba(253,0,0,.8) 0%, rgba(0,0,0,.8) 100%);

	display: flex;

	justify-content: center;

	align-items: center;

	text-align: center;

	box-sizing: border-box;

	padding: 10px;

	text-transform: uppercase;

	transform: translateY(101%);

	transition: all .4s;

}



a.videolink:hover div{transform: none;}













































































a.btn_print:link, a.btn_print:visited, a.retour_maison:link, a.retour_maison:visited, .btn_wrapper i{

	color: #e21331;

}



.indentmenu ul li a.selected {

    background-color: #e21331;

    border-bottom: 1px solid #e21331;

}



.box_tabs{

	border-bottom: 3px solid #e21331;

}



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: #e21331;

	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: #e21331;

}



.right_btn:hover {

    background-color: #333;

}

.vendreintro{

	text-align: center;

	background: #e21331;

	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: none;

    font-weight: normal;

    color: #000;

    font-size: 40px;

    line-height: 1;

    padding: 20px 0;

	text-align: center;

	margin: 0;

}



.prop-bg h1.pageh1{

	text-align: center;

	font-size: 40px;

	padding: 20px 0;

	margin: 0;

	font-weight: normal;

}



#form_item{

	text-align: center;

}



.contactp{margin-bottom: 40px;}



.titre_ajouter_item{

	text-transform: none;

    font-weight: 600;

    color: #e21331;

    font-size: 22px;

    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: #e21331;

}



.wrapper_btns_mobile > div:last-child, .wrapper_btns_mobile > div:last-child .btn_mobile{

    background-color: #333;

}





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

	.wrap, .bannerhome .bx-controls-direction{

		max-width: 1600px;

		width: 95%;

	}

	

}



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

	.wrap, .bannerhome .bx-controls-direction{width: 1000px;}

	

	.bannerhome .wrap, .banner .wrap{

		min-height: 420px;

	}

	.bannerhome a.logoban{

		width: 260px;

	}

	.bannerhome a.logoban+img{

		width: 395px;

	}

	

}





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

	.wrapper_right_btns{display: none;}

	

	body{padding-top: 91px;}

	

	.wrap {

    	width: calc(100% - 20px);

		padding: 0px 10px;

	}

	

	.menu-ico{

		display: block;

		width: 30px;

		height: auto;

		padding: 15px 0;

		z-index: 11;

		cursor: pointer;

		transition: all .4s;

	}

	

	.menu-ico.open{

	}

	

	.menu-ico span{

		display: block;

		width: 100%;

		height: 4px;

		background: #fff;

		margin-bottom: 5px;

		border-radius: 1px;

		transition: all .4s;

	}

	

	header nav{

		position: absolute;

		left: 0;

		top: 91px;

		background-color: #e21331;

		display: none;

		width: 100%;

		text-align: center;

		max-height: calc(100vh - 91px);

		overflow: scroll;

	}

	header nav>a, header nav .wsub>a{

		width: 100%;

		padding: 10px 0;

	}

	header nav .wsub{width: 100%;}

	

	.sub, .sub:not(.complex){

		position: relative;

		top: 0;

		left: 0;

		transform: none !important;

		background-color: rgba(0,0,0,.1);

		padding: 0;

		opacity: 1 !important;

		-webkit-box-shadow: none;

    	box-shadow: none;

		white-space:normal;

	}

	

	.sub.complex .half{

		width: calc(50% - 10px);

	}

	.sub.complex .half+.half{margin-left: 20px;}

	.sub.complex p{padding-right: 0;}

	header nav a.selected{

		background: transparent;

		background-color: transparent;

		color: #fff !important;

	}

	

	a.propa{

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

		width: calc((100% - 40px) / 3);

		margin-bottom: 20px;

		margin-right: 20px;

	}

	a.videolink{

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

	}

	

	img.propimg{

		border-bottom-left-radius: 0;

		border-bottom-right-radius: 0;

	}

	

	.rollprop{

		position: relative;

		opacity: 1;

		transform: none;

		height: auto;

		background: transparent;

		background-color: transparent;

	}

	

	a.bouton+a.bouton{margin-left: 10px;}

	

	a.bouton, a.bouton2, input[type=submit]{

	    padding: 0px 10px;

	}

	.profilhome .wrap{

		box-sizing: border-box;

	}

	.programmes .programmescont, .markethome .wrap, .videohome .wrap, .bloghome .wrap, .outilscont{padding-left: 0;padding-right: 0;}

	

	.programme img {

		height: 94px;

		object-fit: contain;

	}

	

	.outilscont a{

		width: calc((100% - 60px) / 5);

	}

	

	.minieval form input:not([type=submit]){

		width: calc((100% - 60px) / 4);

	}

	

	.courtierf {

		width: calc((100% - 220px - 50px) / 3);

		margin-left: 10px;

	}

	

	.logof+.courtierf{margin-left: 30px;}

	footer h3{font-size: 25px;}

	footer h3+p{font-size: 14px;}

	.courtierf br:first-of-type{display: none;}

	.logof+.courtierf br:first-of-type{display: block;}

	

	.introProp p, .introProp ul{max-width: 100%;}

	

	.regioncont a h2{font-size: 28px;}

	

	.regioncont a{

		width: calc((100% - 40px) / 3);

		margin-bottom: 20px;

	}

	.regioncont a:nth-child(3n+2){

		margin-left: 20px;margin-right: 20px;

	}

	

	.profiltxt .wrap, .profilpage .wrap, .courtier .wrap, .introeval .wrap, .newform{

		padding-left: 0;padding-right: 0;

	}

	

	.banner .wrap{min-height: 320px;}

	a.videolink div{

		position: relative;

		transform: none;

		background: transparent;

		background-color: transparent;

	}

	

	a.videolink p{font-size: 15px;}

}



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

	.introhome .wrap, .banner .wrap{padding-left: 0;padding-right: 0;}

	.bannerhome .wrap{min-height: 350px;}

	a.bouton, a.bouton2, input[type=submit], .outilscont a p{

		font-size: 14px;

	}

	

	.courtitit{

		margin-left: 40px;

	}

	.outilscont a img{width: 70px;}

	a.logof{width: 160px;}

	.courtierf{

		width: calc((100% - 160px - 50px) / 3);

	}

	.profilpage h1{font-size: 45px;}

	.profilpage .img{width: 350px;}

	.profilpage .tit{width: calc(100% - 370px);}

	

	

	.prophome h1, .profilhome h1, .programmes h1, .markethome h1, .temhome h1, .videohome h1, .bloghome h1, .outilshome h1, .profilpage h1, .profilpage h3, .profiltxt h2, .question h3, .courtier h1, .courtier h1 span, .pageeval h1, .introeval h1, .introProp h1, .videos h1{

		font-size: 32px;

	}

	

	.banner a.logoban{width: 250px;}

	.banner .wrap {

		min-height: 280px;

	}

	.articlecont h1{font-size: 16px;}

}



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

	

	p.quartiers, .socf h3 + h3{display: none;}

	

	a.logof{

		width: 200px;

		margin-left: auto;

		margin-right: auto;

		margin-bottom: 20px;

	}

	.courtierf{margin-left: 0 !important;width: 100%;margin-bottom: 15px;text-align: center;}

	

	.conntactinfos{

		width: 100%;

		padding-bottom: 0;

		text-align: center;

	}

	

	.socf{

		width: 100%;

		padding-left: 0;margin-left: 0;

		padding-top: 0;

		border-left:0;

	}

	

	a.bouton img{

		width: 20px;

		margin-right: 5px;

		margin-top: -2px;

	}

	

	.profilhome img+div{

		flex-wrap: wrap;

	}

	.profilhome img{margin-bottom: 15px;}

	.courtitit{

		margin-left: 0;

		width: 100%;

		text-align: center;

		margin-bottom: 15px;

	}

	

	.profilhome a.bouton{margin-left: auto;margin-right: auto;}

	.courtitit h2{font-size: 25px;}

	.outilscont{flex-wrap: wrap;}

	.outilscont a{

		width: calc((100% - 15px) / 2);

		margin-bottom: 15px;

		padding: 10px 5px;

	}

	.outilscont a:last-child{margin-left: auto;margin-right: auto;}

	.outilscont a img{width: 40px;}

	.outilscont a p{margin-top: 5px;}

	

	.minieval h1, .profilpage h2, .newform h3, .introeval h2, .airmiles h2 {

    	font-size: 25px;

	}

	.minieval form input:not([type=submit]){

		width: 80%;

		margin-left: auto;margin-right: auto;

		margin-bottom: 15px;

	}

	.articlecont article, .videocont a{

		width: 80%;

		margin-left: auto;margin-right: auto;

		margin-bottom: 15px;

	}

	.sticky-ctas .wrap{justify-content: center;}

	

	.airmiles, .programmes .programmescont{

		flex-wrap: wrap;

	}

	

	.airmiles .img{

		width: 150px;

		margin-left: auto;

		margin-right: auto;

	}

	.airmiles .img+div{width: 100%;text-align: center;}

	

	.programme{

		width: 100%;

		text-align: center;

	}

	.programme+.programme {

		border-left: 0;

		margin-left: 0px;

		padding-left: 0px;

	}

	

	.propcont, .videos .wrap{justify-content: space-between;}

	

	a.propa, a.videolink{

		width: calc(50% - 5px);

		margin-bottom: 10px;

		margin-left: 0 !important;

		margin-right: 0 !important;

	}

	a.propa h2, a.propa p, a.videolink p{font-size: 13px;}

	.rollprop{padding: 10px 5px;box-sizing: border-box;}

	

	.prophome a.bouton{

		width: 80%;

		margin-left: auto;

		margin-right: auto;

	}

	.prophome a.bouton+a.bouton{margin-top: 15px;}

	

	.bannerhome .wrap{display: block;}

	.bannerhome a.logoban{

		width: 150px;

	}

	.bannerhome a.logoban+img{width: 300px;max-width: 100%;max-height: 250px;object-fit: cover;object-position: top center;margin-left: auto;margin-right: auto;}

	.bannerhome .wrap{min-height: 480px;padding-top: 15px;}

	.slidehome{background-position: right center;}

	.slidehome.firstslide{background-position: left -150px center;}

	.slidehome.firstslide .wrap{

		display: flex;

		justify-content: center;

		align-items: center;

		padding-left: 0;

		padding-right: 0;

	}

	.bannerhome .slidehome.firstslide .wrap a.logoban{

		width: 240px;

	}

	header .soc a.btn_social, footer .btn_social{margin-left: 10px;}

	.sub.complex .half{width: 100%;}

	.sub.complex .half+.half{margin-left: 0;}

	.sub.complex{flex-wrap: wrap;}

	

	iframe{max-width: 100% !important;}

	

	.banner .wrap {

		min-height: 200px;

	}

	.banner a.logoban{width: 150px;margin-left: auto;margin-right: auto;}

	

	.profiltxt .txt, .profiltxt .img, .profiltxt .half, .profiltxt .iframe{width: 100%;margin-bottom: 30px;}

	.regioncont a {

    	width: calc(50% - 5px);

    	margin-bottom: 10px;

		margin-left: 0 !important;

		margin-right: 0 !important;

	}

	.regioncont{justify-content: space-between;}

	.regioncont a h2{font-size: 20px;}

	.regioncont a span.sm{font-size: 12px;}

	

	a.bouton3{width: 80%;margin-left: auto;margin-right: auto;margin-bottom: 10px;}

	ul.linklist li{width: 100%;}

	

	.light.homebg.profiltxt.aligncenter .img{max-width: 200px;margin-left: auto;margin-right: auto;}

	.profilpage .img{width: 300px;max-width: 100%;margin-left: auto;margin-right: auto;margin-bottom: 20px;}

	.profilpage .tit{width: 100%;text-align: center;}

	.profilpage .tit h1, .profilpage .tit h2{text-align: center;}

	

	.courtier .img{width: 225px;max-width: 100%;margin-left: auto;margin-right: auto;margin-bottom: 20px;}

	.courtier .txt{width: 100%;}

	

	.introeval .half{width: 100%;margin-bottom: 20px;}

	

	.pageeval .wrap, .introeval .wrap{padding-left: 0;padding-right: 0;}

	

	header .wrap{flex-wrap: wrap;justify-content: center;}

	header .soc .sms+p{margin-left: 0;}

	header .soc .sms+p, header .soc a:not(.sms):not(.btn_social), header .soc a:not(.sms):not(.btn_social)+span{margin-top: 5px;}

	header .soc a:not(.sms):not(.btn_social)+span{display: inline-block;vertical-align: middle;}

	header nav{top: 108px;}

}



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

}