div#fiche_content {position:relative;margin:50px auto;}

div#fiche_top {position:relative; display:table; width:100%;margin: 0 auto 25px auto;}
div#fiche_title {position:relative; float:left; padding:10px 0; width:calc(100% - 350px);}
.bien_title {display:table; margin:10px 0 10px 0;line-height: 1.1em;}
.bien_sstitle {display:table; font-size:0.8em; color:var(--cg_orange); font-weight:500;}

.exclusivite {
    position:absolute;
    display: flex;
    align-items: center; /* centrage vertical */
    gap: 8px;            /* espace entre l'icône et le texte */
    text-decoration: none;
    padding: 5px 8px;
    background: var(--cg_orange);
    border-radius: 0.5em;
    text-decoration:none;
    width:125px;
    top:-20px;
    left:0;
}
.exclusivite img {width:20px;display: block;}
.exclusivite span {margin-left: 4px; color:#FFF;}


div#fiche_prix {position:relative; float:right; padding:10px 0; width:320px; text-align:right;}

.prix_en_baisse {
    position:absolute;
    display: flex;
    align-items: center; /* centrage vertical */
    gap: 8px;            /* espace entre l'icône et le texte */
    text-decoration: none;
    padding: 5px 8px;
    background: var(--cg_gris_fonce);
    border-radius: 0.5em;
    text-decoration:none;
    width:145px;
    top:-20px;
    right:0;
}
.prix_en_baisse img {width:20px;display: block;}
.prix_en_baisse span {margin-left: 4px; color:#FFF;}

.bien_prix {font-size:2em; font-weight:600; margin:15px 0 0 0; color:var(--cg_orange);line-height: 1.1em;}
.bien_prix_mention {font-size:0.9em;}



div#fiche_bottom {display:grid;	grid-template-columns:repeat(4, 1fr);gap:clamp(16px, 4vw, 50px);}
div#fiche_photo {grid-column:span 2;overflow:hidden;}

.photo_ppale {margin:0 0 3px 0;overflow: hidden;}

.photo_ppale img {
    display: block;
    vertical-align: bottom;
    position: relative;
    height: 500px;
    object-fit: cover;
    object-position: center;
    width:100%;
}

div#liste_photos {
	position:relative;
    display:grid;grid-template-columns:repeat(4, 1fr);gap:clamp(3px, 3px, 3px);
}
div#liste_photos .encart_photo{
	grid-column:span 1;
	height:12vh;
	overflow:hidden;
}
div#liste_photos img{
	width: 100%;
    height: 12vh;
    object-fit: cover;
    object-position: center;
}
.slider{
	margin-bottom:15px;
}



div#fiche_info {grid-column:span 2;}

.fiche_info_top {position:relative;overflow: hidden; width:100%;}
.fiche_info_action {position:relative;overflow: hidden;float:right; /*width:120px;*/}
.fiche_info_action {float:right; margin:0 5px;}
.fiche_info_action a { 
    float: right;
    display: flex;
    align-items: center; /* centrage vertical */
    gap: 8px;            /* espace entre l'icône et le texte */
    text-decoration: none;
    padding: 10px;
    background: var(--cg_gris_clair);
    border-radius: 0.5em;
    text-decoration:none;
}
.fiche_info_action a img {width:20px;display: block;}
.fiche_info_action a span {margin-left: 4px; color:var(--cg_gris_fonce);}
.fiche_info_action a:hover {background:var(--cg_gris_fonce);}
.fiche_info_action a:hover img {filter: invert(1);}
.fiche_info_action a:hover span {color:var(--cg_gris_clair);}

.fiche_info_action a.bienselection {width:42px; height:42px;margin: 0 15px 0 0; background:url(../img/public/icon_selection_bien.svg) center no-repeat,var(--cg_gris_clair); background-size:20px;}
.fiche_info_action a.bienselection.favori_on { background:url(../img/public/icon_selection_bien_hover.svg) center no-repeat,var(--cg_orange); background-size:20px;}
.fiche_info_action a.bienselection:hover { background:url(../img/public/icon_selection_bien_hover.svg) center no-repeat,var(--cg_gris_fonce); background-size:20px;}


.fiche_ref {float:left;background:var(--cg_orange); border-top-right-radius: 0.5em; border-bottom-left-radius: 0.5em; color:#FFF; padding:10px 20px; display:table;}
.fiche_description {text-align:justify;}

.caracteristique_cadre {position:relative;display:grid;grid-template-columns:repeat(6, 1fr);gap:clamp(10px, 10px, 10px);}
.caracteristique_item {grid-column:span 2; overflow:hidden; padding:2px 0;}
.caracteristique_img {position:relative;width:50px; float:left; margin:0 20px 0 0;}
.caracteristique_img img {width:100%;}
.caracteristique_value {position:relative; float:right; width:calc(100% - 70px);height: 100%;}
.caracteristique_value_txt {position: absolute;top: 50%;transform: translateY(-50%); font-weight:bold; color:var(--cg_orange);}
.caracteristique_item_chauffage .caracteristique_value_txt, .caracteristique_item_cout .caracteristique_value_txt {line-height: 1em;}

.fiche_sstitle {
    font-size: 1.4em;
    font-weight: bold;
    margin: 25px 0 25px 0;
    color: var(--cg_gris_fonce);
}
.fiche_sstitle:after {
    content: "";
    position: relative;
    width: 40%;
    max-width: 70px;
    left: 0;
    bottom: -7px;
    border-bottom: 3px solid var(--cg_gris_fonce);
    transform: scaleX(1);
    transition: transform 150ms ease-in-out;
    display: table;
}
div#dpe_ges{
	position:relative;
	width: 100%;
    margin: 15px auto 30px auto;
    /*max-width: 750px;	*/
	display:grid;
	grid-template-columns:repeat(2, 1fr);
	grid-column-gap: 25px;
	line-height: 1.2em;
}
div#dpe, div#ges{
	position:relative;
	grid-column:span 1;
	padding:15px;
	/*max-width:350px;*/
}

.dpe_ges_title {font-size:1.1em; font-weight:bold;margin:0;}
.dpe_ges_sstitle {font-size:0.9em;margin:5px 0 0 0;}


.dpe_ges_mention { font-size:0.8em; text-align: justify; margin:15px 0 0 0;}

.dpe_cadre .dpe_ges_graph ul, .pd-dpe .dpe_ges_graph ul li {
    padding: 0;
}
.dpe_ges_graph { margin: 15px 0 0 0; line-height: 1.6em;}

.dpe_ges_graph ul {
    display: flex;
    list-style: none;
    padding: 0;
}

.dpe_ges_graph li {
    width: 32px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
}

.dpe_ges_graph li.active {
    transform: scale(1.21);
    box-shadow: 0 0 0 2px #fff;
    font-size: 25px;
    border-radius: 2px;
		line-height: 1.2em;
}

.dpe_ges_graph li:first-of-type {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.dpe_ges_graph li:last-of-type {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}


.dpe_ges_cadre {
    display: inline-block;
}

.dpe_ges_cadre>.dpe_ges_info,.dpe_ges_cadre>.dpe_ges_value {
    margin: 8px 0;
}

.pd-mention {
    font-size: 14px;
}

.dpe_cadre {
    border: 1px solid #dadada;
    padding: 10px;
    border-radius: 4px;
}

.dpe_ges_info {
    display: flex;
}

.dpe_ges_info_sep {
    font-size: 26px;
    font-weight: 700;
    margin: 0 16px;
}

.dpe_ges_value {
    margin: 0;
    font-size: 26px;
    font-weight: 700;
}

.dpe_ges_value_unit {
    display: block;
    font-size: 12px;
    font-weight: 400;
}

.dpe_cadre .dpe_ges_graph ul,.dpe_cadre .dpe_ges_graph ul li {
    padding: 0;
}

.dpe_cadre .dpe_ges_graph ul li:first-child {
    background-color: #00a170;
}

.dpe_cadre .dpe_ges_graph ul li:nth-child(2) {
    background-color: #00bb54;
}

.dpe_cadre .dpe_ges_graph ul li:nth-child(3) {
    background-color: #4ac57b;
}

.dpe_cadre .dpe_ges_graph ul li:nth-child(4) {
    background-color: #fdeb00;
}

.dpe_cadre .dpe_ges_graph ul li:nth-child(5) {
    background-color: #ffbc00;
}

.dpe_cadre .dpe_ges_graph ul li:nth-child(6) {
    background-color: #ff882f;
}

.dpe_cadre .dpe_ges_graph ul li:nth-child(7),.dpe_cadre .dpe_ges_graph ul li:nth-child(8) {
    background-color: #ec0017;
}

.ges_cadre .dpe_ges_graph ul li:first-child {
    background-color: #a3dbfc;
}

.ges_cadre .dpe_ges_graph ul li:nth-child(2) {
    background-color: #8cb4d3;
}

.ges_cadre .dpe_ges_graph ul li:nth-child(3) {
    background-color: #7792b1;
}

.ges_cadre .dpe_ges_graph ul li:nth-child(4) {
    background-color: #606f8f;
}

.ges_cadre .dpe_ges_graph ul li:nth-child(5) {
    background-color: #4d5271;
}

.ges_cadre .dpe_ges_graph ul li:nth-child(6) {
    background-color: #393551;
}

.ges_cadre .dpe_ges_graph ul li:nth-child(7) {
    background-color: #281b35;
}

.ges_cadre .dpe_ges_graph ul,.ges_cadre .dpe_ges_graph ul li {
    padding: 0;
}

.ges_cadre {
    border: 1px solid #dadada;
    padding: 10px;
    border-radius: 4px;
}

/* ENCART AGENCE */
.cta-agence {position:relative; width:100%; background:var(--cg_gris_clair); padding:40px 0; margin:25px auto 0 auto;}
.cta-agence-content {
	display:grid;
	grid-template-columns:repeat(6, 1fr);
    gap:30px;
    max-width:1200px;
}

.cta-agence-photo {grid-column:span 3;}
.cta-texte{grid-column:span 3;display:grid;grid-template-columns:repeat(4, 1fr); gap:10px;}
.cta-baseline {grid-column:span 4;}
.cta-coord {grid-column:span 2;}
.cta-contact {grid-column:span 2; margin-top:-40px;}

.cta-baseline p {transform: rotate(-3deg);  transform-origin: center; font-size:2em; font-weight:bold;}
.titre_trait {
    display: block;
    width: 30%;
    margin-left: 5px;
    height: auto;
    margin-top: 35px;
}


.cta-agence-photo img { width: 100%; overflow:hidden; border-top-right-radius:1.8em; border-bottom-left-radius:1.8em;}

.cta-contact-btn {position:relative;overflow:hidden;}
.cta-tel a, .cta-mail a {display:table; background:var(--cg_orange); padding:10px 20px; color:#FFF; margin:0 0 20px 0; text-decoration:none;border-top-right-radius:0.5em; border-bottom-left-radius:0.5em;}

.cta-coord-titre, .cta-contact-titre {font-size:1.2em; font-weight:bold; margin:0 0 20px 0;}



@media screen and (max-width : 1200px) {	
    .caracteristique_item {grid-column:span 3;}
    div#dpe_ges {grid-template-columns: repeat(1, 1fr);}
    div#dpe {margin:0 0 20px 0;}
}
@media screen and (max-width : 1100px) {
    .cta-baseline p {font-size: 1.8em;}
}
@media screen and (max-width : 1000px) {
    .caracteristique_item {grid-column:span 6;}
    .cta-baseline p {font-size: 1.6em;}
    .fiche_info_action a span {display:none;}
    .fiche_info_action a.bienimpression {width:42px; height:42px;
}
@media screen and (max-width : 850px) {	
    .cta-baseline p {font-size: 2em;}
    .cta-agence-photo, .cta-texte {grid-column:span 6; max-width: 700px; margin: 0 auto;}
    
}
@media screen and (max-width : 800px) {	
    div#fiche_title, div#fiche_prix {float:none; width:100%; text-align:center !important;}
    div#fiche_prix {background: var(--cg_gris_clair);border-radius:0.5em;}
    .exclusivite {position:relative; top:0;margin: 0 auto;}
    .prix_en_baisse {position:relative; top: 0;margin: 0 auto;}
    .bien_title, .bien_sstitle {margin:0 auto 15px auto;}
    .bien_title{margin:15px auto;}
    div#fiche_title {margin:0 0 25px 0;}
    div#fiche_bottom {grid-template-columns: repeat(2, 1fr);}
    div#dpe_ges {grid-template-columns: repeat(2, 1fr);}
    div#dpe {margin:0;}
    .caracteristique_item {grid-column:span 2;}
    .caracteristique_item.caracteristique_item_chauffage, .caracteristique_item.caracteristique_item_cout {grid-column:span 3;}
}
@media screen and (max-width : 600px) {	
    div#dpe_ges {grid-template-columns: repeat(1, 1fr);}
    div#dpe {margin:0 0 20px 0;}

    .photo_ppale img {height: auto;}
    div#fiche_content {margin: 20px auto;}
    .caracteristique_item {grid-column:span 3;}
    .caracteristique_item.caracteristique_item_chauffage, .caracteristique_item.caracteristique_item_cout {grid-column:span 6;}

}
@media screen and (max-width : 500px) {	
    .cta-baseline p {font-size: 1.6em;}
    .titre_trait {margin-top: 25px;}
    .cta-tel a, .cta-mail a {padding: 6px 10px;}
}
@media screen and (max-width : 400px) {	
    .caracteristique_item {grid-column:span 6;}
}