.next-bien{
	background: #d30f47 url('../images/pagination-bien-right.png') no-repeat 57% 50% !important;
}
.prev-bien{
	background: #d30f47 url('../images/pagination-bien-left.png') no-repeat 43% 50% !important;
}
.return-list{
	background: #d30f47 url('../images/pagination-bien-list.png') no-repeat 49% 49% !important;
}
.next-bien:hover,
.prev-bien:hover,
.return-list:hover{
	background-color: #515a60 !important;
}
.node-type-bien h1 {
	font-size: 22px;
	text-transform: uppercase;		
	position: relative;
	padding-right: 122px;
}
.node-type-bien h1 span {
	position: absolute;
	right: 0;
	top: 0;
	color: #d30f47;	
	font-family: 'source_sans_probold';
	font-size: 24px;
}
.node-type-bien h1 span abbr {
    font-size: 14px;
    border:  none;
}

.node-type-bien .gallery { position: relative; }
.node-type-bien .lnk-smartvisite {
    position: absolute;
     width: 50px;
     height: 50px;
     background: #d30f47;
    display: block;
    z-index: 2;
     border-radius: 50px 0 0 0;
     -moz-border-radius: 50px 0 0 0;
     -webkit-border-radius: 50px 0 0 0;
    bottom: 116px;
    right: 0;
}
.node-type-bien .lnk-smartvisite img {
    margin: 14px;   
}

.node-type-bien .details ul.caracteristiques {
	border: solid 1px #dbdcdd;	
}
.node-type-bien .details ul.caracteristiques li {
	font-family: 'railwayregular';
	font-size: 14px;
	border-right: solid 1px #dbdcdd;
    border-bottom: solid 1px #eee;
	height: 20px;
	overflow: hidden;	
}
.node-type-bien .details ul.caracteristiques li:nth-child(3n) {
	border-right: none;		
}
.node-type-bien .details ul.caracteristiques li:nth-child(2n+1) {
	background-color: #eee;
}
.node-type-bien .details h2 {
	float: left;
	font-family: 'railwayregular';
	font-size: 18px;
	margin-bottom: 20px;	
}
.node-type-bien .details a.btn {
	float: right;	
	font-size: 20px;
	background-color: #d30f47;
	border-radius: 4px;
	text-decoration: none;
	padding: 1px 15px;
	color: #fff;
	position: relative;
	top: 16px;
	transition: background-color .5s ease;
}

.node-type-bien .details a.btn:hover, 
.node-type-bien .details a.btn:active {
	background-color: #515a60;	
}

.node-type-bien .details p.description {
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	border-bottom: solid 1px #515a60;
	padding-bottom: 30px;
	margin-bottom:30px;
}
/****** CODE DPE/GES *******/
.dpe-A { background-color: #7ab51d; }
.dpe-B { background-color: #97be0d; }
.dpe-C { background-color: #c8d200; }
.dpe-D { background-color: #f5ab4e; }
.dpe-E { background-color: #ee8146; }
.dpe-F { background-color: #ea5f40; }
.dpe-G { background-color: #e3001b; }

.ges-A { background-color: #f0edf8; }
.ges-B { background-color: #d7d3e3; }
.ges-C { background-color: #c7b9da; }
.ges-D { background-color: #b3a2d5; }
.ges-E { background-color: #8c6fb1; }
.ges-F { background-color: #7a66a8; }
.ges-G { background-color: #492a86; }

.dpe-ges {
	margin: 20px 0;		
	font-family: Arial, Helvetica, sans-serif;
}
.dpe-ges ul { margin-bottom: 5px; }
.dpe-ges .block-title { 
	margin-bottom: 10px; 
	color: #d30f47;
	font-weight: bold;
	font-size: 12px;
}
.dpe-ges p {
	font-size: 12px;
	color: #4b545a;	
}
.not-front main .dpe-ges li {
	list-style-type: none;
	color: #fff;	
	margin-left: 0;
	padding: 5px 10px;
	margin-bottom: 1px;
	position: relative;
	font-family: arial;
	font-size: 14px;
}
.dpe-ges li:before {
	border-style: solid;
	border-width: 15px;
	content: "";
	position: absolute;
	top: 0;
	background-color: #fff;
}
.dpe-ges li.note-A:before { left: 70px; }
.dpe-ges li.note-B:before {	left: 90px; }
.dpe-ges li.note-C:before { left: 110px; }
.dpe-ges li.note-D:before { left: 130px; }
.dpe-ges li.note-E:before { left: 150px; }
.dpe-ges li.note-F:before { left: 170px; }
.dpe-ges li.note-G:before { left: 190px; }

/* Couleur fleche DPE */
.dpe-ges li.dpe-A:before { border-color: transparent transparent transparent #7ab51d; }
.dpe-ges li.dpe-B:before { border-color: transparent transparent transparent #97be0d; }
.dpe-ges li.dpe-C:before { border-color: transparent transparent transparent #c8d200; }
.dpe-ges li.dpe-D:before { border-color: transparent transparent transparent #f5ab4e; }
.dpe-ges li.dpe-E:before { border-color: transparent transparent transparent #ee8146; }
.dpe-ges li.dpe-F:before { border-color: transparent transparent transparent #ea5f40; }
.dpe-ges li.dpe-G:before { border-color: transparent transparent transparent #e3001b; }

/* Couleur flèche GES */
.dpe-ges li.ges-A:before { border-color: transparent transparent transparent #f0edf8; }
.dpe-ges li.ges-B:before { border-color: transparent transparent transparent #d7d3e3; }
.dpe-ges li.ges-C:before { border-color: transparent transparent transparent #c7b9da; }
.dpe-ges li.ges-D:before { border-color: transparent transparent transparent #b3a2d5; }
.dpe-ges li.ges-E:before { border-color: transparent transparent transparent #8c6fb1; }
.dpe-ges li.ges-F:before { border-color: transparent transparent transparent #7a66a8; }
.dpe-ges li.ges-G:before { border-color: transparent transparent transparent #492a86; }

.dpe-ges li.note-A { width: 80px; }
.dpe-ges li.note-B { width: 100px; }
.dpe-ges li.note-C { width: 120px; }
.dpe-ges li.note-D { width: 140px; }
.dpe-ges li.note-E { width: 160px; }
.dpe-ges li.note-F { width: 180px; }
.dpe-ges li.note-G { width: 200px; }

.dpe-ges li span.lettre { float: right; }
.result-dpe-ges {
	background-color: #3b3f44;
	border-radius: 4px;
	color: #fff;
	float: right;
	font-size: 14px;
	font-weight: 700;
	margin: -5px -77px 0 0;
	padding: 0 7px 0 7px;
	width: 40px;
	line-height: 30px;
	text-align: center;
}
.result-dpe-ges:before {
	border-color: transparent #3b3f44 transparent transparent;
	border-style: solid;
	border-width: 15px;
	content: "";
	position: absolute;
	top: 0;
}
.note-A span.result-dpe-ges:before { left: 70px; }
.note-B span.result-dpe-ges:before { left: 90px; }
.note-C span.result-dpe-ges:before { left: 110px; }
.note-D span.result-dpe-ges:before { left: 130px; }
.note-E span.result-dpe-ges:before { left: 150px; }
.note-F span.result-dpe-ges:before { left: 170px; }
.note-G span.result-dpe-ges:before { left: 190px; }

/********** GMAP *************/

.node-type-bien .views-field-field-geolocalisation-ville .field-content,
.node-type-bien .views-field-field-geolocalisation-secteur .field-content{
	height:345px;
	box-shadow: 3px 3px 10px #ccc
}
.node-type-bien .geolocation-googlemaps-dynamic{
	margin:0 !important;
}

.field.field-name-field-geolocalisation .field-item.even {
  height: 345px;
  box-shadow: 3px 3px 10px #ccc;
}
.description-geoloc{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000;
  margin-bottom:5px;
}
.description-geoloc span{
color: #d30f47;
  font-weight: bold;
}
.block-title-geoloc{
	margin-bottom:5px;
}
/******* bloc contact *********/
#block-views-google-map-d-un-bien-block .block-title{
	margin-bottom:5px;
}
#block-bloc-contact-bien-contact-bien-block input[type="text"],
#block-bloc-contact-bien-contact-bien-block input[type="email"]{
	display :block;
	width:100%;
	border:none;
	background-color:#f2f2f2;
	border:1px solid #f2f2f2;
	outline:none;
	height: 33px;
	margin-bottom:10px;
	padding-right:15px;
	padding-left:15px;
}
#block-bloc-contact-bien-contact-bien-block textarea{
	display :block;
	width:100%;
	border:none;
	background-color:#f2f2f2;
	border:1px solid #f2f2f2;
	outline:none;
	height: 110px;
	margin-bottom:10px;
	padding-right:15px;
	padding-left:15px;
}
#block-bloc-contact-bien-contact-bien-block input[type="text"]:focus,
#block-bloc-contact-bien-contact-bien-block input[type="email"]:focus,
#block-bloc-contact-bien-contact-bien-block textarea:focus{
	border:1px solid #d30f47;
}
#block-bloc-contact-bien-contact-bien-block input[type="submit"]{
	background-color:#d30f47;
	border:none;
	color:#fff;
	height:32px;
	width:100%;
	font-size:20px;
	border-radius:3px;
	font-family: 'source_sans_proregular';
  transition: background-color .5s ease;
  margin-left: 0;
}
#block-bloc-contact-bien-contact-bien-block input[type="submit"]:hover{
  background-color: #515a60;
}
.white-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 500px;
  margin: 20px auto;
}
.white-popup #block-bloc-contact-bien-contact-bien-block{
  display:block !important;
}
section.details{
margin-top:125px;
}
/********** RESPONSIVE ************/
@media (min-width: 1599px) {
    .dpe-ges p { height: 51px; }   
}
@media (max-width: 1599px) {
    .node-type-bien .lnk-smartvisite { bottom: 100px; }   
}
@media (max-width: 991px) {
	.node-type-bien .details ul.caracteristiques li { border-right: none; height: auto; overflow: auto; }	
}
@media (max-width: 767px) {
	.node-type-bien h1 {
		padding-right: 0;
	}
	.node-type-bien h1 span {
		position: static;
		display: block;
		text-align: right;
	}
	.dpe { margin-bottom: 20px;}
		
	section.details{
	margin-top:0px;
	}
}
@media (max-width: 479px) {
	.node-type-bien h1 {
		font-size: 18px;
		margin-bottom: 4px;
	}
	.node-type-bien h1 span {
		font-size: 20px;
	}
	.node-type-bien .details h2, .node-type-bien .details a.btn { float: none; }
	.node-type-bien .details h2 { margin-bottom: 10px; }
	.node-type-bien .details a.btn { margin-bottom: 10px; top: 0; font-size: 16px; }
}