/*********************************************************************************************************/
/*  FIRST SCREEN + TITRE + PEB  */
/*********************************************************************************************************/
.detailVisuelWrapper { 
	z-index: 1;
	position: relative;
	width: 100%;
	height: 100vh;
	margin: auto;
}

.firstPhoto{
	width: 97%;
	height: 100%;
	margin: auto;
}

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

h1 { 
	z-index: 2;
	position: absolute;
	bottom: -1px;
	left: 0px;
	width: 100%;
	margin: 0; 
	padding: 20px;
	background: #fff;
	color: #1a1a1a;
	font-family: 'Raleway', sans-serif;
	font-size: 25px;
	font-weight: 400;
	text-align: center;
}

h1 .first{
	display: inline-block;
	padding-bottom: 10px;
	color:#1a1a1a;
	font-weight: 800;
	font-style: normal;
}

h1 .second{
	font-weight: 800;
	font-style: normal;
	font-family: 'sansationregular', sans-serif;
}

.peb{
	z-index: 3;
	position: absolute;
	left: calc(50% - 34px);
	bottom: 130px;
}

.peb img{
	width: 68px;
	height: 20px;
}


/*********************************************************************************************************/
/*  POINT CLE   */
/*********************************************************************************************************/
.cleContainerGlobal { 
	width: 98%;
	height: 120px;
	margin: 0 auto 30px auto;
	background: #f3f3f4; 
}

.cleContainerGlobal .cleContainer{
	overflow: auto;	
	width: 100%;
	text-align: center;
}

.cleContainerGlobal .cleContainer .itemContainer{
	float: left;
	width: 16.66%;
	height: 140px;
	border-right: 10px solid #fff;
	border-bottom: 20px solid #fff;
	border-left: 10px solid #fff;
	padding-top: 25px;
	
}

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


.cleContainerGlobal .cleContainer  .itemContainer .item { 
	display: block;
    color: #1a1a1a;
    font-weight: 500;
    text-align: center;
    line-height: 17px;
}

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

.cleContainerGlobal .surface { 

}

.cleContainerGlobal .chambre { 
 
}

.cleContainerGlobal .terrain { 

}

.cleContainerGlobal .douche { 

}

.cleContainerGlobal .garage { 

}

.cleContainerGlobal .expo { 
 
}

.cleContainerGlobal .ref { 

}



/*********************************************************************************************************/
/*  DESCRIPTIF   */
/*********************************************************************************************************/
.descContainerGlobal { 
	overflow: hidden;
	width: 97%;
	margin: auto;
}

.descContainerGlobal .descContainer { 
	position: relative;
	float: left;
	width: 60%;
	padding: 60px 80px 50px 150px;
}

.descContainerGlobal .descContainer .coeur { 
	cursor: pointer; 
}

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

.actionIcon:hover{
	color: #ae0235;
}

.descContainerGlobal .descContainer .coeur .far.fa-heart, 
.descContainerGlobal .descContainer .coeur .fas.fa-heart{
    font-size: 30px;
    margin-bottom: 20px;
    color: #ae0235;
}

.descContainerGlobal .descContainer .h2Desc { 
	margin: 0px 0px 30px 0px;
    color: #ae0235;
    font-family: 'sansationregular', sans-serif;
    font-size: 40px;
    font-weight: 500;
    line-height: 27px;
    text-transform: uppercase;
	letter-spacing: 1px;
}

.descContainerGlobal .descContainer .h2Desc span {
	font-family: 'Raleway', sans-serif;
    font-size: 20px;
	font-weight: 400;
    text-transform: uppercase;
}

.descContainerGlobal .descContainer .descTxt {
	margin: 0 0 30px 0;
	color: #1a1a1a;
	font-size: 17px;
	font-weight: 400;
	text-align: justify; 
	line-height: 25px;
	font-family: 'Raleway', sans-serif;
}

.descContainerGlobal .descContainer .descTxt .prix{
	display: block;
	padding-top: 20px;
	color: #ae0235;
	font-family: 'sansationregular', sans-serif;
	font-size: 20px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.descContainerGlobal .descContainer .descTxt .prix strong{
	font-weight: 500;
}

.descContainerGlobal .descContainer .bdo-custom-detail,
.descContainerGlobal .descContainer .bdo-custom-vendu{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 260px;
	padding: 5px 10px;
	background: #1a1a1a;
	color: #fff;
	font-weight: 500;
	text-align: center;
	text-transform: uppercase;
	transform: translate(-100px) rotate(-45deg);
	transform-origin: 207px 0px;
	letter-spacing: 1px;
}

.descContainerGlobal .descContainer .bdo-custom-vendu{
	background: #a31111;
}


/*********************************************************************************************************/
/*  DOCUMENTS   */
/*********************************************************************************************************/
.docContainerGlobal{
	border-top: 1px solid #c3c3c4;
}

.docContainerGlobal .h3Desc {
	margin: 30px 0 20px 0;
	color: #ae0235;
	font-family: 'sansationregular', sans-serif;
	font-size: 30px;
	font-weight: 400;
	line-height: 35px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.docContainerGlobal .h3Desc span {
	display: block;
	font-family: 'Raleway', sans-serif;
	font-size: 15px;
	text-transform: uppercase;
}

.docContainerGlobal a{
	color: #1a1a1a;
}

.docContainerGlobal a:hover,
.docContainerGlobal a:focus{
	text-decoration: none;
	color: #ae0235;
}

.docContainer{
	float: left;
	overflow: hidden;
	width: 50%;
	height: 41px;
	line-height: 41px;
}

.docContainer .pictoDoc{
	float: left;
	position: relative;
	top: -2px;
	padding-right: 15px;
}

.docContainer p{
	float: left;
	margin-bottom: 15px;
	font-size: 18px;
	font-weight: 400;
	transition: all 0.3s;
}

.docContainerGlobal a:hover p,
.docContainerGlobal a:focus p{
	font-size: 20px;
	transition: all 0.1s;
}



/*********************************************************************************************************/
/*  NEGO   */
/*********************************************************************************************************/
.negoContainerGlobal{
	float: left;
	width: 40%;
	padding: 100px 0;
	text-align: center;
}

.negoContainer { 
	display: inline-block;
}

/* PHOTO */
.negoContainer .photo {
	overflow: hidden;
	display: inline-block;
	width: 150px;
	height: 150px;
	margin: 0;
	border-radius: 50%;
	border: 5px solid #c3c3c4;
}

.negoContainer .photo img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center top;
}

/* NOM */
.negoContainer .nego { 
	float: left;
	padding: 55px 20px 0 0;
	color: #5A595F;
	font-size: 16px;
	font-weight: 400;
	text-align: right;
	text-transform: uppercase; 
	line-height: 22px;
	letter-spacing: 1px;
}

.negoContainer .nego span { 
	display: block;
	width: 100%;
	font-size: 18px;
	font-weight: 900;
	color: #1a1a1a;
}

/* PHONE */
.negoContainer .nego .phoneContainer { 
	overflow: auto;
	width: 220px;
	margin: 30px 0 20px 0;
}

.negoContainer .nego .phoneContainer .icon { 
	float: left;
	width: 40px;
	height: 40px;
	padding-left: 5px;
	border-radius: 30px 0 0 30px;
	background: #ae0235;
	color: #fff;
	font-size: 20px;
	text-align: center;
	line-height: 40px; 
}

.negoContainer .nego .phoneContainer .phone { 
	float: left;
	width: 180px;
	height: 40px;
	padding: 10px;
	border-radius: 0 30px 30px 0;
	border: 1px solid #ae0235;
	background: rgba(255,255,255,.8);
	color: #ae0235;
	font-family: 'sansationregular', sans-serif;
	font-size: 18px;
	font-weight: 600;
	text-align: center;
	line-height: 18px;
}

.negoContainer .nego .phoneContainer .phone:hover,
.negoContainer .nego .phoneContainer .phone:focus{
	text-decoration: none;
	color: #fff;
	background: #ae0235;
}

/* CONTACT */
.negoContainer .contactContainer { 
	overflow: auto;
	width: 220px;
}

.negoContainer .contactContainer .icon { 
	float: left;
	width: 40px;
	height: 40px;
	padding-left: 5px;
	border-radius: 30px 0 0 30px;
	background: #ae0235;
	color: #fff;
	font-size: 20px;
	text-align: center;
	line-height: 40px; 
}

.negoContainer .contactContainer .contact { 
	cursor: pointer;
	float: left;
	width: 180px;
	height: 40px;
	padding: 8px;
	border-radius: 0 30px 30px 0;
	border: 1px solid #ae0235;
	background: rgba(255,255,255,.8);
	color: #ae0235;
	font-family: 'Raleway', sans-serif;
	font-size: 13px;
	font-weight: 600;
	text-align: center;
	text-transform: uppercase;
	line-height: 24px;
}

.negoContainer .contactContainer .contact:hover,
.negoContainer .contactContainer .contact:focus{
	text-decoration: none;
	color: #fff;
	background: #ae0235;
}



/*********************************************************************************************************/
/*  MODAL FORM   */
/*********************************************************************************************************/
#modalContact .modal-content{
	background: #f3f3f4;
	border: none;
	border-radius: 0px !important;
	border-bottom: 15px solid #1a1a1a;
}

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

#modalContact .modal-header {
    background: #1a1a1a;
}

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

#modalContact .modal-subtitle{
	margin: 20px 0px;
    color: #ae0235;
    font-size: 35px;
	font-weight: 600;
    text-align: center;
    line-height: 35px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

#modalContact .modal-subtitle span{
	display: block;
	font-family: 'Raleway', sans-serif;
    font-size: 20px;
	font-weight: 500;
    text-transform: uppercase;
}

#modalContact p{
	margin-bottom: 20px;
	color: #1a1a1a;
	font-weight: 500;
	text-align: center;
}

#modalContact .field{
	width: 100%;
    height: 50px;
    margin: 5px 0;
    padding: 0px 0px 0px 20px;
    border: none;
    outline: none;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

#modalContact .fieldTextarea{
	padding: 20px;
}

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

#modalContact .rgpd{
	margin: 20px 0;
	font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.03em;
}

.email_rapprochement_auto{
	padding-bottom: 20px;
	font-size: 16px;
	font-weight: 500;
}

#modalContact .rgpd span{
	color: #ae0235;
}

#modalContact .rgpd span a{
	font-weight: 600;
	color: #ae0235;
}

#modalContact .g-recaptcha{
	margin: 0 0 20px 0;
}

#modalContact .submitField{
	display: block;
	width: 200px;
	margin: auto;
	padding: 10px 20px;
	border: none;
	border-radius: 20px;
	outline: none;
	background: #ae0235;
	color: #fff;
	font-weight: 600;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 2px;
}

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




/*********************************************************************************************************/
/*  VISITE VIRTUELLE   */
/*********************************************************************************************************/
.vvContainer{
	width: 97%;
	margin: 0 auto;
	padding: 30px 0;
	text-align: center;
}

.vvContainer .h2Vv {
	margin: 0px 0px 30px 0px;
	color: #ae0235;
	font-family: 'sansationregular', sans-serif;
	font-size: 40px;
	font-weight: 400;
	line-height: 45px;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 1px;
}

.vvContainer .h2Vv span{
	display: block;
	font-family: 'Raleway', sans-serif;
	font-size: 20px;
	text-transform: uppercase;
	line-height: 30px !important;
}

.vvContainer .h3Vv {
	margin: 0 auto 50px auto;
	padding: 0 30px;
	font-size: 18px;
	font-weight: 400;
	color: #1a1a1a;
	text-align: center;
	line-height: 22px;
}

/*.vvContainer .protecVv{
	opacity: 0.5;
	position: absolute;
	width: 97%;
	height: 550px;
	background-color: #000;
}

.vvContainer .protecVv .txtVv{
	color: #FFF;
	text-transform: uppercase;
	margin-top: 220px;
	font-size: 25px;
}*/




/*********************************************************************************************************/
/*  VISITE VIRTUELLE   */
/*********************************************************************************************************/
.videoContainerGlobal{
	width: 1100px;
	margin: 0 auto;
	padding: 30px 0 80px 0;
	text-align: center;
}

.videoContainerGlobal .h2Video {
	margin: 0px 0px 30px 0px;
	color: #ae0235;
	font-family: 'sansationregular', sans-serif;
	font-size: 40px;
	font-weight: 400;
	line-height: 45px;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 1px;
}

.videoContainerGlobal .h2Video span{
	display: block;
	font-family: 'Raleway', sans-serif;
	font-size: 20px;
	text-transform: uppercase;
	line-height: 30px !important;
}

.videoContainerGlobal .h3Video {
	margin: 0 auto 50px auto;
	padding: 0 30px;
	font-size: 18px;
	font-weight: 400;
	color: #1a1a1a;
	text-align: center;
	line-height: 22px;
}

.videoContainer{
	overflow: hidden;
	position: relative;
	height: 0;
	padding-bottom: 56.25%;
}

.videoContainer .videoDetail {
	position: absolute;
	top: 0px;
	left: 0;
	width: 100%;
	height: 100%;
}





/*********************************************************************************************************/
/*  PHOTOS   */
/*********************************************************************************************************/
.photoContainerGlobal {
	overflow: auto; 
	width: 100%;
	padding: 80px 0px;
    background: #f3f3f4;
}

.photoContainerGlobal .h2Photo { 
	margin: 0px 0px 30px 0px;
    color: #ae0235;
    font-family: 'sansationregular', sans-serif;
    font-size: 40px;
    font-weight: 500;
    line-height: 45px;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;
}

.photoContainerGlobal .h2Photo span{ 
	display: block;
	font-family: 'Raleway', sans-serif;
    font-size: 20px;
	font-weight: 400;
    text-transform: uppercase;
    line-height: 25px !important;
}

.photoContainerGlobal .h3Photo { 
	margin: 0 auto 50px auto;
	padding: 0 30px;
	font-size: 17px;
	font-weight: 600;
	color: #5A595F;
	text-align: center;
	text-transform: uppercase;
	line-height: 22px; 
}

.photoContainerGlobal .picsContainerGlobal {
	width: 100%;
	padding: 0 0 0 10px; 
}

.photoContainerGlobal .picsContainerGlobal .picsContainer { 
	width: 1100px;
	margin: 0 auto; 
}

.photoContainerGlobal .picsContainerGlobal .tofContainer { 
	overflow: hidden;
	float: left;
	width: 33.33%; 
}

.photoContainerGlobal .picsContainerGlobal .tofContainer .tofItem { 
	margin-right: 10px;
	margin-bottom: 10px; 
}

.photoContainerGlobal .picsContainerGlobal .tofContainer .tofItem a { 
	display: block; 
}

.photoContainerGlobal .picsContainerGlobal .tofContainer .photo {
	width: 100%;
	height: 250px; 
}

.photoContainerGlobal .picsContainerGlobal .tofContainer .photo img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}





/*********************************************************************************************************/
/*  MAP  */
/*********************************************************************************************************/
.pebMapContainer{

}

.mapContainer {
	margin: 1.5%;
}

.mapContainer .h2Map { 
	margin: 0px 0px 20px 0px;
    color: #ae0235;
    font-family: 'sansationregular', sans-serif;
    font-size: 40px;
    font-weight: 500;
    line-height: 27px;
    text-transform: uppercase;
	letter-spacing: 1px;
}

.mapContainer .h2Map span{
	font-family: 'Raleway', sans-serif;
    font-size: 20px;
	font-weight: 400;
    text-transform: uppercase
}

.mapContainer .h3Map { 
	margin: 0 0 30px 0;
	font-size: 18px;
	font-weight: 400;
	color: #1a1a1a;
}

.mapContainer #mapBien{
	z-index: 0;
	position: relative;
	width: 100%;
	height: 550px;
	filter: grayscale(1);
}



/*********************************************************************************************************/
/*  PEB  */
/*********************************************************************************************************/
.pebContainer{
	width: 50%;
	margin: 1.5% auto 130px auto;
}

.pebContainer .h2Peb {
	margin: 0px 20px 20px 20px;
    color: #ae0235;
    font-family: 'sansationregular', sans-serif;
    font-size: 40px;
    font-weight: 500;
    line-height: 45px;
    text-transform: uppercase;
	text-align: center;
	letter-spacing: 1px;
}

.pebContainer .h2Peb span{
	display: block;
	font-family: 'Raleway', sans-serif;
    font-size: 20px;
	font-weight: 400;
    text-transform: uppercase;
    line-height: 25px !important;
}




/*********************************************************************************************************/
/*  MEDIA  */
/*********************************************************************************************************/
@media (max-width: 1400px) {
	.photoContainerGlobal .picsContainerGlobal .picsContainer { 
		width: 80%;
	}
}

@media (max-width: 1199px) {
	/* FIRST SCREEN */
	.detailVisuelWrapper {
	    width: 96%;
	}

	.peb {
	    top: 110px;
	}

	/* POINTS CLES */
	.cleContainerGlobal {
    	height: auto;
    	background: transparent;
    }

    .cleContainerGlobal .cleContainer .itemContainer {
	    width: 33.33%;
	    background: #f3f3f4;
	}

	/* DESCRIPTIF */
	.descContainerGlobal .descContainer {
	    float: none;
	    width: 100%;
	    padding: 30px 150px;
	}

	.negoContainerGlobal {
	    float: none;
	    width: 100%;
	    padding: 0 0 80px 0;
	}

	/* PHOTOS */
	.photoContainerGlobal .picsContainerGlobal .tofContainer {
	    width: 50%;
	}

	/* MAP */
	.mapContainer {
	    float: none;
	    width: 97%;
	    margin: 1.5%;
	}

	.mapContainer .h2Map {
	    text-align: center;
	}

	.mapContainer .h3Map {
	    text-align: center;
	}

	/* PEB */
	.pebContainer {
	    float: none;
	    width: 97%;
	    margin: 50px auto;
	    padding: 0 0 100px 0;
	    text-align: center;
	}

	.pebContainer .h2Peb {
		padding: 0 20px;
	    text-align: center;
	}

	.dpe_common {
	    left: calc(50% - 140px) !important;
	}

	.dpe_common .unite{
		left: calc(50% - 58px) !important;
	}
}

@media (max-width: 991px) {
	/* DESCRIPTIF */
	.descContainerGlobal .descContainer {
	    padding: 100px 100px 50px 100px;
	}

	/* PHOTOS */
	.photoContainerGlobal .picsContainerGlobal .picsContainer {
	    width: 500px;
	}

	.photoContainerGlobal .picsContainerGlobal .tofContainer {
	    width: 100%;
	}
}

@media (max-width: 767px) {
	/* DESCRIPTIF */
	.descContainerGlobal {
	    width: 95%;
	}

	.descContainerGlobal .descContainer {
	    padding: 100px 50px 50px 50px;
	}

	.descContainerGlobal .descContainer .bdo-custom-detail {
	    width: 100%;
	    transform: initial;
	    transform-origin: initial;
	}

	/* POINTS CLES */
	.cleContainerGlobal {
	    margin: 0 auto;
	}
}

@media (max-width: 580px) {
	/* FIRST SCREEN */
	h1{
		font-size: 18px;
	}

	h1 .first {
	    display: block;
	    padding-bottom: 0px;
	    font-size: 20px;
	}

	h1 .first span:last-child{
	    display: none;
	}

	h1 .second {
	    font-size: 30px;
	}

	/* POINTS CLES */
	.cleContainerGlobal .cleContainer .itemContainer {
	    width: 50%;
	}

	/* DESCRIPTIF */
	.descContainerGlobal .descContainer {
	    padding: 85px 30px 50px 30px;
	}

	.descContainerGlobal .descContainer .descTxt {
		font-size: 16px;
	    text-align: left;
	    line-height: 28px;
	}

	/* NEGO */
	.negoContainerGlobal {
	    padding: 0 0 20px 0;
	}

	.negoContainer .photo {
	    display: block;
	    margin: auto;
	}

	.negoContainer .nego {
	    float: none;
	    padding: 20px 0 0 0;
	    text-align: center;
	}

	/* PHOTOS */
	.photoContainerGlobal .picsContainerGlobal .picsContainer {
	    width: 97%;
	}

	/* MODAL FORM */
	.g-recaptcha{
        transform:scale(0.72);
        -webkit-transform:scale(0.72);
        -moz-transform:scale(0.72);
        -ms-transform:scale(0.72);
        -o-transform:scale(0.72);
        transform-origin:0;
        -webkit-transform-origin:0;
        -moz-transform-origin:0;
        -ms-transform-origin:0;
        -o-transform-origin:0;
    }

	.pebContainer .h2Peb {
		font-size: 30px;
		line-height: 35px;
	}
}