/*********************************************************************************************************/
/*  MENU   */
/*********************************************************************************************************/
.bgMenu{
	width: 100%;
	height: 100px;
	background: #000;
}



/*********************************************************************************************************/
/*  FIRST SCREEN + TITRE + PEB  */
/*********************************************************************************************************/
.allPhotoHeader{
	z-index: 2;
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 60vw;
	height: 100vh;
}

.detailVisuelWrapper { 
	position: relative;
	width: 100%;
	height: calc(100vh - 200px);
	background: #f5f5f5;
}

.detailVisuelMain{
	float: left;
	width: 70%;
	height: 100%;
	background: #000;
}

.detailVisuelMain img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.bdo-custom-detail {
	z-index: 1;
	display: block;
	position: absolute;
	top: 30px;
	left: 30px;
	padding: 5px 10px;
	border-radius: 50px;
	background: rgba(0,0,0,.8);
	color: #fff;
	font-size: 15px;
	font-weight: 500;
}

.imgPeb{
	z-index: 3;
	position: absolute;
	top: 35px;
	right: 20px;
}

/*.lkBack{
	z-index: 1;
	position: absolute;
	bottom: calc(80% + 46px);
	left: calc(50% + 30px);
	width: 141px;
	padding: 5px 0 3px 0;
	font-size: 18px;
}*/

.fisrtScreenDetail{
	float: left;
	width: 30%;
	height: 100%;
	background: #000;
	border-left: 5px solid #fff;
}

.detailVisuel{
	width: 100%;
	height: 100%;
}

.detailVisuel img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}



/*********************************************************************************************************/
/*  TITRES   */
/*********************************************************************************************************/
.titleDetail{
	width: 100%;
	padding: 20px;
	background: #eee;
}

.titleDetail h1{
	margin: 0 0 15px 0;
	color: #1a1a1a;
	font-family: 'Merriweather', serif;
	font-size: 30px;
	font-weight: 500;
	text-align: center;
}

.titleDetail h2{
	margin: 0;
	color: #1a1a1a;
	font-size: 17px;
	font-weight: 500;
	text-align: center;
}

.titleDetail h2 i{
	padding-right: 7px;
}



/*********************************************************************************************************/
/*  DESCRIPTIF   */
/*********************************************************************************************************/
.descContainerGlobal {
	overflow: auto;
	width: 75%;
	margin: 0 auto 80px auto;
}

.infosGlobal{
	float: left;
	width: calc(100% - 400px);
	margin: 30px 0 0 0;
}

.descContainer .coeur {
	cursor: pointer; 
}

.actionIcon{
	display: inline-block;
	width: 100%;
    font-size: 30px;
    margin: 0 0 10px 0;
    color: #1a1a1a;
}

.actionIcon:hover{
	color: #662e8e;
}

.descContainer h2 {
	margin: 0 0 10px 0;
	color: #1a1a1a;
	font-family: 'Merriweather', serif;
	font-size: 30px;
	font-weight: 700;
	line-height: 40px;
}

.descContainer h2 span:first-child{
	display: inline-block;
}

.descContainer .descTxt {
	text-align: justify;
	background: #fff;
}

.descContainer .prix{
	display: block;
    margin: 0 0 30px 0;
    color: #000;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0.05em;
	text-transform: uppercase;
}

.descContainer .prix span{
	font-size: 18px;
}



/*********************************************************************************************************/
/*  POINT CLE   */
/*********************************************************************************************************/
.cleContainerGlobal {
	margin-top: 30px;
	padding: 10px;
}

.cleContainerGlobal h2{
	margin: 0;
	color: #1a1a1a;
	font-family: 'Merriweather', serif;
	font-size: 23px;
	font-weight: 700;
	line-height: 40px;
	text-align: right;
}

.cleContainerGlobal .cleContainer{
	overflow: auto;
	box-shadow: 1px 1px 10px #aaa;
}

.cleContainerGlobal .cleContainer .itemContainer{
	float: left;
    width: 33.33%;
	margin: 20px 0;
	text-align: center;
}

.cleContainerGlobal .cleContainer .itemContainer i{
	padding-bottom: 15px;
	font-size: 30px;
}

.cleContainerGlobal .cleContainer .itemContainer img{
	display: inline-block;
	margin-bottom: 5px;
	width: 40px;
	height: 40px;
}

.cleContainerGlobal .cleContainer .itemContainer.terrain img{
	width: 45px;
	height: 40px;
}


.cleContainerGlobal .cleContainer  .itemContainer .item { 
	display: block;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;

}

.cleContainerGlobal .cleContainer  .itemContainer .item strong{
	display: block;
}



/*********************************************************************************************************/
/*  NEGOS   */
/*********************************************************************************************************/
.negoMain{
	float: right;
	width: 300px;
	margin: 100px 0 0 0;
}

.negoMain .negoPhoto{
	width: 100%;
	height: 300px;
}

.negoMain .negoPhotoNeuf{
	width: 200px;
	margin: auto;
}

.negoMain .negoPhotoNeuf img{
	width: 100%;
}

.negoMain .nego img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top;
	border-radius: 7px;
}

.negoMain .negoTxt{
	padding: 20px;
}

.negoTxt{
	text-align: left;
}

.negoTxt .nom{
	display: block;
	color: #000;
	font-size: 17px;
	font-weight: 800;
}

.negoTxt .fonction{
	display: block;
	color: #000;
	font-size: 17px;
	font-weight: 500;
}

.negoTxt p{
	width: 100%;
	margin: 20px 0;
	color: #757575;
	font-size: 16px;
	font-weight: 300;
	font-style: italic;
	text-align: left;
}

.negoTxt a,
.negoTxt span{
	cursor: pointer;
	display: block;
	margin-bottom: 10px;
	font-size: 17px;
	font-weight: 800;
	color: #000;
}

.negoTxt a i{
	padding-right: 5px;
	color: #000;
}

.negoTxt span:hover,
.negoTxt span:focus{
	text-decoration: underline;
}



/*********************************************************************************************************/
/*  DOCUMENTS   */
/*********************************************************************************************************/
.docMain{
	margin: 0;
}

.docMain h3 {
	margin: 0 0 15px 0;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #ccc;
	color: #1a1a1a;
	font-family: 'Merriweather', serif;
	font-size: 23px;
	font-weight: 700;
	line-height: 30px;
}

.docContainer .doc a{
	display: block;
	padding: 0 0 15px 0;
	border-bottom: 1px solid #ccc;
	color: #1a1a1a;
	font-size: 18px;
}

.docContainer .doc a:hover,
.docContainer .doc a:focus{
	text-decoration: none;
	color: #f2cb27;
}

.docContainer .doc a i{
	padding-right: 10px;
	color: #f2cb27;
	font-size: 22px;
}



/*********************************************************************************************************/
/*  PHOTOS   */
/*********************************************************************************************************/
.photoContainerGlobal{
	width: 100%;
}

.photoContainerMain{
	overflow: hidden;
	max-height: 600px;
}

.photoContainerGlobal h2 {
	margin: 0 20px 30px 20px;
	color: #1a1a1a;
	font-family: 'Merriweather', serif;
	font-size: 30px;
	font-weight: 700;
	line-height: 40px;
	text-align: center;
}

.photoContainer {
	float: left;
	width: 25%;
	background: #aaa;
}

.photoContainer a {
	overflow: hidden;
	display: block; 
}

.photoContainer a .photo {
	width: 100%;
	height: 300px;
	margin: 0;
	background-repeat: no-repeat !important; 
	background-position: center !important;
	background-size: cover !important;
}



/*********************************************************************************************************/
/*  NEGO   */
/*********************************************************************************************************/


a.lk.link.visteBtn {
	text-align: center;
	padding: 10px 20px;
	border-radius: 4px;
	background: #662e8e;
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	text-decoration: none;
}
a.lk.link.visteBtn:hover {
	background: #1a1a1a;
}


/*********************************************************************************************************/
/*  VISITE VIRTUELLE   */
/*********************************************************************************************************/
.vvContainerGlobal{

}

.vvContainer{
	padding: 50px 0 80px 0;
	text-align: center;
}

.vvContainer h2 {
	margin: 0 0 10px 0;
	color: #1a1a1a;
	font-family: 'Merriweather', serif;
	font-size: 30px;
	font-weight: 700;
	line-height: 40px;
	text-align: center;
}

.vvContainer h3 {
	margin: 0 0 30px 0;
	font-size: 15px;
	font-weight: 400;
	text-transform: uppercase;
	line-height: 23px;
	text-align: center;
}

.vvContainer .protecVv{
	opacity: 0.5;
	position: absolute;
	left: calc(50% - 40%);
	width: 80%;
	height: 700px;
	background-color: #000;
}

.vvContainer .protecVv .txtVv{
	color: #FFF;
	margin-top: 290px;
	font-size: 25px;
}


/*********************************************************************************************************/
/*  MAP  */
/*********************************************************************************************************/
.mapContainer {
	z-index: 0;
	position: relative;
	margin: 50px 0 80px;
}

.mapContainer h2 {
	margin: 0 0 10px 0;
	color: #1a1a1a;
	font-family: 'Merriweather', serif;
	font-size: 30px;
	font-weight: 700;
	line-height: 40px;
	text-align: center;
}

.mapContainer h3 {
	display: block;
	margin: 0 20px 30px 20px;
	font-size: 15px;
	font-weight: 400;
	text-transform: uppercase;
	line-height: 23px;
	text-align: center;
}

.mapContainer p{
	margin: 10px auto;
	text-align: center;
}

.mapContainer p a{
	padding: 10px 20px;
	border-radius: 4px;
	background: #662e8e;
	color: #fff;
	font-size: 15px;
	font-weight: 600;
}

.mapContainer p a:hover,
.mapContainer p a:focus {
	text-decoration: none;
	background: #1a1a1a;
}

.mapContainer #mapid{
	width: 80%;
	height: 500px;
	margin: 50px auto 0 auto;
}





/*********************************************************************************************************/
/*  PEB  */
/*********************************************************************************************************/
.energyGlobal{
	z-index: 1;
	position: relative;
	overflow: hidden;
	width: 100%;
	padding: 50px 0 80px 0;
	background: #f5f5f5;
	text-align: center;
}

.energyGlobal h2{
	margin: 0 10px 10px 10px;
	color: #1a1a1a;
	font-family: 'Merriweather', serif;
	font-size: 30px;
	font-weight: 700;
	line-height: 40px;
	text-align: center;
}

.energyGlobal h3{
	margin: 0 10px 30px 10px;
	font-size: 15px;
	font-weight: 400;
	text-transform: uppercase;
	line-height: 23px;
	text-align: center;
}

.dpe_common{
	margin: auto;
}



/*****************************************************************************************/
/* BOUTON CALCUL MENSUALITE*/
/*****************************************************************************************/
.calcul{
	cursor: pointer;
	display: block;
	position: absolute;
	bottom: 20px;
	left: 20px;
}

.calcul p {
    float: left;
    height: 30px;
    padding: 0 15px;
    background: #757575;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    line-height: 33px;
}

.calcul:hover p,
.calcul:focus p{
	text-decoration: none;
	background: #1c1c1c;
	color: #fff;
}

.calcul i {
    float: left;
    width: 40px;
    height: 40px;
    color: #757575;
    font-size: 27px;
    line-height: 30px;
}
 
.calcul:hover i,
.calcul:focus i{
	text-decoration: none;
	background: transparent;
	color: #1c1c1c;
}



/*****************************************************************************************/
/* BOUTON PRINT FICHE */
/*****************************************************************************************/
.printFiche{
	cursor: pointer;
	display: block;
	position: absolute;
	bottom: 20px;
	right: 20px;
}

.printFiche p {
    float: left;
    height: 30px;
    padding: 0 15px;
    background: #757575;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    line-height: 33px;
}

.printFiche:hover p,
.printFiche:focus p{
	text-decoration: none;
	background: #1c1c1c;
	color: #fff;
}

.printFiche i {
    float: left;
    width: 40px;
    height: 40px;
    color: #757575;
    font-size: 27px;
    line-height: 30px;
}
 
.printFiche:hover i,
.printFiche:focus i{
	text-decoration: none;
	background: transparent;
	color: #1c1c1c;
}




/*****************************************************************************************/
/* MODAL CALCUL MENSUALITE*/
/*****************************************************************************************/
#modalMensualites .modal-content {
    background: #f3f3f4;
    border: none;
    border-radius: 0px !important;
    border-bottom: 15px solid #1c1c1c;
}

#modalMensualites .modal-header {
    background: #1c1c1c;
}

#modalMensualites .modal-title {
    font-size: 14px;
	font-weight: 300;
    text-align: center;
    letter-spacing: 1px;
}

#modalMensualites .modal-body p{
	font-weight: 500;
	line-height: initial;
}

#modalMensualites .modal-subtitle {
	margin: 20px 0 30px 0;
	color: #662e8e;
	font-family: 'Crimson Text', serif;
	font-size: 50px;
	font-weight: 600;
	text-align: center;
	line-height: 40px;
}

#modalMensualites .modal-subtitle span{
	display: block;
	margin-top: 5px;
	font-size: 15px;
	font-weight: 400;
	text-transform: uppercase;
	line-height: 23px;
}

#modalMensualites label{
	margin: 25px 0 0 0;
	color: #757575;
    font-size: 16px;
    font-weight: 700;
}

#modalMensualites .field{
	width: 100%;
    height: 50px;
    padding: 0px 0px 0px 20px;
    border: none;
    outline: none;
    background: #fff;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px;
}

#modalMensualites .submitField {
    display: block;
    width: 150px;
	height: 50px;
	line-height: 50px;
    margin: 30px auto 0 auto;
    border: none;
    outline: none;
    background: #662e8e;
    color: #fff;
	font-size: 16px;
	font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
}

#modalMensualites .submitField:hover, #modalContact .submitField:focus {
    text-decoration: none;
    background: #3e3d40;
    color: #fff;
}

#modalMensualites #txtA{
	margin-top: 50px;
	font-size: 16px;
	font-weight: 500;
}

#modalMensualites #txtA b{
	height: 112px;
	margin-bottom: 0px;
	padding: 10px;
	background: #fff;
	font-weight: 600;
	letter-spacing: 2px;

}




/*********************************************************************************************************/
/*  MODAL FORM   */
/*********************************************************************************************************/
#modalContact .modal-content{
	background: #f3f3f4;
	border: none;
	border-radius: 0px 0px 5px 5px !important;
}

#modalContact .modal-body{
	border-radius: 0px !important;
}

#modalContact .modal-header {
    background: #662e8e;
}

#modalContact .modal-title{
	font-size: 14px;
	font-weight: 300;
	text-align: center;
	letter-spacing: 1px;
}

#modalContact .modal-subtitle{
	margin: 10px 0 10px 0;
	color: #1a1a1a;
	font-family: 'Merriweather', serif;
	font-size: 30px;
	font-weight: 700;
	text-align: center;
}

#modalContact .modal-subtitle #numBien{
}

#modalContact p{
	margin-bottom: 20px;
	color: #1c1c1c;
	font-size: 16px;
	font-weight: 400;
	text-transform: uppercase;
	text-align: center;
	line-height: 20px;
	color: #662e8e;
}

#modalContact label{
	margin: 0 0 0 10px;
	font-size: 14px;
	font-weight: 700;
}

#modalContact .field{
	display: block;
	width: 96%;
	height: 35px;
	line-height: 35px;
	margin: 0 10px 20px 10px;
	padding: 0 0 0 10px;
	border: 1px solid #ccc;
	outline: none;
	background: transparent;
	font-size: 13px;
}

#modalContact .fieldTextarea{
	padding: 20px;
}

#modalContact .recaptchaContainer{
	margin: 0 2%;
}

#modalContact #rgpd{
	float: left;
	margin: 0 5px 0 0 !important;
}

#modalContact .rgpd{
	margin: 0 2% 10px;
	color: #1c1c1c;
	font-size: 13px;
	font-weight: 500;
	text-align: left;
	line-height: 16px;;
}

#modalContact .g-recaptcha {
	margin: 20px auto 30px auto;
	width: 305px;
}

#modalContact .rgpd span{
	color: #662e8e;
}

#modalContact .rgpd span a{
	color: #662e8e;
	text-decoration: underline;
}

#modalContact .rgpd span a:hover,
#modalContact .rgpd span a:focus{
	color: #1a1a1a;
}

.email_rapprochement_auto{
	margin: 0 2%;
	color: #000;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 20px;  
}

#modalContact .submitField{
	display: block;
	width: 300px;
	margin: 20px auto 0 auto;
	border: none;
	outline: none;
	padding: 10px 20px;
	border-radius: 4px;
	background: #662e8e;
	color: #fff;
	font-size: 15px;
	font-weight: 600;
}

#modalContact .submitField:hover,
#modalContact .submitField:focus{
	text-decoration: none;
	background: #3e3d40;
	color: #fff;
}

#modalContact .form-annonce {
	display: none;
	position: absolute;
	top: 10%;
	left: 0;
	width: 100%;
	text-align: center;
}

#modalContact .form-annonce-alert {
	display: inline-block;
	width: 80%;
	padding: 20px;
	border-radius: 5px;
	border: 1px solid #8b0707;
	box-shadow: 0px 0px 30px #666;
	background: #e98787;
	color: #8b0707;
	font-size: 14px;
	font-weight: 400;
}

#resultForm{
	margin-top: 20px;
	text-align: center;
}

#resultForm .ok{
	display: block;
	padding: 10px;
	background: #bdfdc0;
	color: #0f7a14;
}

#resultForm .bad {
	display: block;
	padding: 10px;
	background: #fd908b;
	color: #aa0d05;
}







/*********************************************************************************************************/
/*  LIST DETAIL PN   */
/*********************************************************************************************************/
.detailPNContainerGlobal{
	overflow: auto;
	width: 1150px;
	margin: 50px auto 100px auto;
}

.detailPNContainerGlobal h2{
	margin-bottom: 50px;
	color: #1a1a1a;
	font-family: 'Merriweather', serif;
	font-size: 30px;
	font-weight: 700;
	line-height: 40px;
	text-align: center;
}

.detailPNContainer{
	float: left;
	position: relative;
	overflow: hidden;
	width: 23%;
	margin: 0 1% 60px 1%;
	border-radius: 10px;
	box-shadow: 0px 0px 20px #ddd;
}

.photoDetailPN{
	overflow: hidden;
	width: 100%;
	height: 150px;
	background-size: cover;
	background-position: center;
	transform-origin: center;
	transform: scale(1);
	transition: all 1s;
}

.photoDetailPN:hover{
	transform: scale(1.05);
	transition: all 1s;
}

.h2Lot{
	margin: 5px 0 0 0;
	padding: 10px;
	color: #1a1a1a;
	font-family: 'Merriweather', serif;
	font-size: 17px;
	font-weight: 600;
	line-height: initial;
	text-align: left;
}

.h3Lot{
	margin: 0 0 10px 0;
	padding: 10px;
	font-size: 15px;
	text-align: left;
}

.h3Lot span{
	display: block;
	margin: 10px 0 0 0;
	color: #662e8e;
	font-size: 17px;
	font-weight: 700;
}







/*********************************************************************************************************/
/*  MEDIA  */
/*********************************************************************************************************/
@media (max-width: 1199px) {
	/*INFOS*/
	.descContainerGlobal {
		width: 85%;
	}

	.infosGlobal {
		width: calc(100% - 350px);
	}

	/*THUMBS*/
	.photoContainer {
		width: 33.33%;
	}

	/* NEUF */
	.detailPNContainerGlobal {
		width: 90%;
		margin: 50px auto;
	}
}

@media (max-width: 991px) {
	/*FIRST VISUEL*/
	.detailVisuelMain {
		float: none;
		width: 100%;
		height: 100%;
	}

	.fisrtScreenDetail {
		display: none;
	}

	/*INFOS*/
	.descContainerGlobal {
		width: 100%;
		margin: 0 auto 50px auto;
	}

	.infosGlobal {
		float: none;
		width: 75%;
		margin: 30px auto 50px auto;
	}

	/*NEGO*/
	.negoGlobal{
		width: 100%;
	}

	.negoMain {
		float: none;
		width: 400px;
		margin: 0 auto;
		padding: 30px 0 0 0;
	}

	.negoMain .negoPhoto {
		height: 400px;
	}

	/*THUMBS*/
	.photoContainerMain{
		max-height: 900px;
	}

	.photoContainer {
		width: 50%;
	}

	/* NEUF */
	.detailPNContainer{
		width: 31%;
	}
}

@media (max-width: 767px) {
	/*TITRE*/
	.titleDetail h1 {
		font-size: 25px;
	}

	/*INFOS*/
	.descContainer .descTxt {
		text-align: left;
	}

	/* NEUF */
	.detailPNContainer{
		width: 48%;
	}
}

@media (max-width: 580px) {
	/*INFOS*/
	.infosGlobal {
		width: 80%;
	}

	.cleContainerGlobal .cleContainer .itemContainer {
		width: 50%;
	}

	/*NEGO*/
	.negoMain {
		width: 290px;
	}

	.negoMain .negoPhoto {
		height: 290px;
	}

	/*THUMBS*/
	.photoContainerMain{
		max-height: 1200px;
	}

	.photoContainer {
		width: 100%;
	}

	/*DPE*/
	.energyGlobal {
		padding: 50px 0;
	}
}

@media (max-width: 380px){
	/*INFOS*/
	.cleContainerGlobal .cleContainer .itemContainer {
		width: 100%;
	}

	/* NEUF */
	.detailPNContainer{
		float: none;
		width: 98%;
	}
}