#related_biens{
  overflow: auto;
  max-width: 100%;
}
#coups_de_coeur{
    display: grid;
    grid-template-columns: auto auto;
    grid-column-gap: 20px;
    grid-row-gap: 20px
}
#related_biens .row_rel{
  display:flex;
  flex-direction:row;
}
.coup_de_coeur, .bien{  
  position:relative;
  margin:20px;
}
.related{  
  position: relative;
  margin: 20px 10px;
  flex: 1;
  min-width: 360px;
}
.coup_de_coeur a, .bien a, .related a{
  display: block;
  height: 512px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.coup_de_coeur a:hover::after, .bien a, .related a{
    content:'';
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    background-color:rgba(0,0,0,0.3);
    z-index:10;
}
.coup_de_coeur img, .bien img, .related img{
  z-index:1;
}
.coup_de_coeur .cc_details, .bien .bien_details, .related .rel_details{
  position:absolute;
  bottom:0;
  z-index:2;
	background-color:#fff;
	width:80%;
	left:10%;
	text-align:center;
}
.coup_de_coeur .nom_programme, .bien .nom_programme, .related .nom_programme{
 	font-size:2.1rem;
 	text-transform:uppercase;
 	color:#000;
 	font-weight:400;
 	margin-bottom:5px;
  margin-top: 10px;
}
.coup_de_coeur .cc_details h3, .bien .bien_details h3, .related .rel_details h3{
 	font-size:2rem;
 	text-transform:uppercase;
 	color:#BEAF87;
 	font-weight:400;
 	margin-bottom:5px;
}
.coup_de_coeur .cc_details h4, .bien .bien_details h4, .related .rel_details h4{
    font-size:2rem;
    color:#414141;
    margin-bottom:5px;
    font-weight:400;
}
.coup_de_coeur .cc_details .voir, .bien .bien_details .voir, .related .rel_details .voir{
    font-size: 1.8rem;
    color:#414141;    
    font-weight:300;
    border-bottom:1px solid #414141;
    margin-bottom:3px;
    display:inline-block;    
}
img.img_prix_promoteur{
  width:100px;
}



#liste_biens{
  	display: grid;
  	grid-template-columns: repeat(2,1fr);
}

.bien .biens_details{
 	display:flex;
  	flex-direction:row;
}
.bien .bien_details div{
	flex:auto;
}

.bien_details .bouton{
    position: absolute;
    right: 10px;
    bottom: 10px;
    display: block;
    border: 1px solid #fff;
    padding: 6px 12px;
}

#nombre_annonces{
 	text-align: center;
  	font-size: 20px;
  	color: #414141;
  	margin-top: 20px;
}

.pagination{
 	text-align:center;
    
}
.pagination a, .pagination span{
	margin: 0 6px;
    color: #0649a0;
    font-size: 16px;
  	display: inline-block;
}
.pagination a:hover{transform: scale(1.1);}
.pagination span{
  font-weight:600;}

#liste_biens.biens{
  grid-template-columns: repeat(3,1fr);
}
#liste_biens.biens a{
  height:360px;
}
#liste_biens.biens .cc_details{
  width:90%;
  left: 5%;
}
#liste_biens.biens h3{font-size:1.75rem;}
#liste_biens.biens h4{font-size:1.75rem;font-weight:600;}
#liste_biens.biens .nom_programme{font-size:2rem;}
#liste_biens.biens .voir{font-size:1.7rem;}